{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "bento-grid",
  "title": "Bento Grid",
  "description": "Responsive bento-style grid layout with feature cards.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/bento-grid/bento-grid.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\n/** Props for {@link BentoGrid}. */\nexport type BentoGridProps = React.ComponentPropsWithoutRef<\"div\">;\n\n/** Props for {@link BentoCard}. */\nexport type BentoCardProps = React.ComponentPropsWithoutRef<\"div\">;\n\n/**\n * Responsive masonry-style grid that lays out {@link BentoCard} tiles.\n *\n * @example\n * ```tsx\n * <BentoGrid>\n *   <BentoCard className=\"col-span-2\">Featured</BentoCard>\n *   <BentoCard>Detail</BentoCard>\n * </BentoGrid>\n * ```\n */\nexport const BentoGrid = ({\n  children,\n  className,\n  ref,\n  ...props\n}: BentoGridProps & { ref?: React.Ref<HTMLDivElement> }) => {\n  return (\n    <div\n      className={cn(\n        \"grid w-full auto-rows-[14rem] grid-cols-3 gap-4\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\nBentoGrid.displayName = \"BentoGrid\";\n\n/**\n * Single tile inside a {@link BentoGrid} with a hover shadow lift.\n *\n * @example\n * ```tsx\n * <BentoCard className=\"col-span-2 row-span-2\">Highlight</BentoCard>\n * ```\n */\nexport const BentoCard = ({\n  children,\n  className,\n  ref,\n  ...props\n}: BentoCardProps & { ref?: React.Ref<HTMLDivElement> }) => {\n  return (\n    <div\n      className={cn(\n        \"group relative flex flex-col justify-between overflow-hidden rounded-xl border bg-card p-6 text-card-foreground shadow-sm transition-shadow hover:shadow-md\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\nBentoCard.displayName = \"BentoCard\";\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.2.1",
  "stability": "stable"
}