{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "widget",
  "type": "registry:ui",
  "dependencies": [
    "class-variance-authority"
  ],
  "registryDependencies": [
    "https://wigggle-ui.vercel.app/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/default/ui/widget.tsx",
      "content": "import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\nconst widgetVariants = cva(\r\n  \"relative flex flex-col border-2 whitespace-nowrap shadow-md dark:shadow-secondary/50 rounded-3xl\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: \"size-48\",\r\n        md: \"w-96 h-48\",\r\n        lg: \"size-96\",\r\n      },\r\n      design: {\r\n        default: \"p-6\",\r\n        mumbai: \"p-4\",\r\n      },\r\n      variant: {\r\n        default: \"bg-background text-foreground\",\r\n        secondary: \"bg-secondary text-secondary-foreground\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"sm\",\r\n      design: \"default\",\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nexport interface WidgetProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof widgetVariants> {\r\n  asChild?: boolean;\r\n}\r\n\r\nconst Widget = React.forwardRef<HTMLDivElement, WidgetProps>(\r\n  ({ className, size, design, variant, ...props }, ref) => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(widgetVariants({ size, design, variant, className }))}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nWidget.displayName = \"Widget\";\r\n\r\nconst WidgetHeader = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\r\n      \"text-semibold flex flex-none items-start justify-between\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nWidgetHeader.displayName = \"WidgetHeader\";\r\n\r\nconst WidgetTitle = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLHeadingElement>\r\n>(({ className, ...props }, ref) => (\r\n  <h5\r\n    ref={ref}\r\n    className={cn(\"leading-none font-semibold tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n));\r\nWidgetTitle.displayName = \"WidgetTitle\";\r\n\r\nconst WidgetContent = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex flex-1 items-center justify-center\", className)}\r\n    {...props}\r\n  />\r\n));\r\nWidgetContent.displayName = \"WidgetContent\";\r\n\r\nconst WidgetFooter = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex flex-none items-center justify-between\", className)}\r\n    {...props}\r\n  />\r\n));\r\nWidgetFooter.displayName = \"WidgetFooter\";\r\n\r\nexport {\r\n  Widget,\r\n  WidgetHeader,\r\n  WidgetTitle,\r\n  WidgetContent,\r\n  WidgetFooter,\r\n  widgetVariants,\r\n};\r\n",
      "type": "registry:ui"
    }
  ]
}