{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "group-hull",
  "title": "Group Hull",
  "description": "Durable boundary wrapper for related runtime objects sharing context or ownership.",
  "dependencies": [
    "@vllnt/ui@^0.3.0"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/group-hull/group-hull.tsx",
      "content": "import type { ReactNode } from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\nexport type GroupHullProps = React.ComponentPropsWithoutRef<\"section\"> & {\n  description?: string;\n  eyebrow?: ReactNode;\n  title: string;\n};\n\nconst GroupHull = ({\n  children,\n  className,\n  description,\n  eyebrow,\n  ref,\n  title,\n  ...props\n}: GroupHullProps & { ref?: React.Ref<HTMLElement> }) => (\n  <section\n    className={cn(\n      \"relative flex min-h-[280px] flex-col gap-4 rounded-[2rem] border border-dashed border-border/70 bg-muted/12 p-5\",\n      className,\n    )}\n    ref={ref}\n    {...props}\n  >\n    <div className=\"absolute inset-3 rounded-[1.5rem] border border-border/40\" />\n    <div className=\"relative space-y-1\">\n      {eyebrow ? (\n        <div className=\"text-[11px] uppercase tracking-[0.18em] text-muted-foreground\">\n          {eyebrow}\n        </div>\n      ) : null}\n      <h3 className=\"text-lg font-semibold tracking-tight text-foreground\">\n        {title}\n      </h3>\n      {description ? (\n        <p className=\"max-w-[48ch] text-sm leading-6 text-muted-foreground\">\n          {description}\n        </p>\n      ) : null}\n    </div>\n    <div className=\"relative flex flex-1 flex-wrap items-start gap-4\">\n      {children}\n    </div>\n  </section>\n);\n\nGroupHull.displayName = \"GroupHull\";\n\nexport { GroupHull };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.3.0",
  "stability": "stable"
}