ui8kit 1.0.4 → 1.0.6

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "ui8kit",
-  "version": "1.0.4",
-  "description": "UI8Kit components registry for buildy-ui cli",
+  "version": "1.0.6",
+  "description": "UI8Kit components registry for buildy-ui CLI - published from npm to CDN",
   "main": "index.js",
   "files": [
     "*.css",
     "**/*.css",
     "semantic/",
     "dist/",
+    "src/",
     "r/",
     "index.json"
   ],

package/r/utility/index.json

@@ -34,12 +34,12 @@
     {
       "name": "card",
       "type": "registry:ui",
-      "description": "A flexible card component for displaying content"
+      "description": ""
     },
     {
       "name": "button",
       "type": "registry:ui",
-      "description": "A customizable button component with multiple variants and sizes"
+      "description": ""
     },
     {
       "name": "breadcrumb",
@@ -61,16 +61,6 @@
       "type": "registry:ui",
       "description": ""
     },
-    {
-      "name": "hero-section",
-      "type": "registry:block",
-      "description": ""
-    },
-    {
-      "name": "hero-section",
-      "type": "registry:block",
-      "description": "A hero section component for landing pages"
-    },
     {
       "name": "sheet",
       "type": "registry:component",
@@ -126,11 +116,6 @@
       "type": "registry:component",
       "description": "Helper function for determining styles that the parser will be able to process"
     },
-    {
-      "name": "landing-page",
-      "type": "registry:template",
-      "description": "A complete landing page template with hero, features, and footer sections"
-    },
     {
       "name": "utils",
       "type": "registry:lib",
@@ -145,6 +130,6 @@
     "templates"
   ],
   "version": "1.0.0",
-  "lastUpdated": "2025-06-02T13:06:19.458Z",
+  "lastUpdated": "2025-06-11T09:34:40.175Z",
   "registry": "utility"
 }

package/r/utility/ui/button.json

@@ -2,15 +2,17 @@
   "$schema": "https://buildy.tw/schema/registry-item.json",
   "name": "button",
   "type": "registry:ui",
-  "description": "A customizable button component with multiple variants and sizes",
+  "description": "",
   "dependencies": [
-    "react"
+    "react",
+    "@radix-ui/react-slot",
+    "class-variance-authority"
   ],
   "devDependencies": [],
   "files": [
     {
       "path": "utility/ui/button.tsx",
-      "content": "/**\n * A customizable button component with multiple variants and sizes\n */\nimport React from \"react\"\nimport { cn } from \"../../lib/utils\"\n\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"\n  size?: \"default\" | \"sm\" | \"lg\" | \"icon\"\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = \"default\", size = \"default\", asChild = false, ...props }, ref) => {\n    const Comp = asChild ? \"span\" : \"button\"\n    \n    return (\n      <Comp\n        className={cn(\n          \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          {\n            \"bg-primary text-primary-foreground hover:bg-primary/90\": variant === \"default\",\n            \"bg-destructive text-destructive-foreground hover:bg-destructive/90\": variant === \"destructive\",\n            \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\": variant === \"outline\",\n            \"bg-secondary text-secondary-foreground hover:bg-secondary/80\": variant === \"secondary\",\n            \"hover:bg-accent hover:text-accent-foreground\": variant === \"ghost\",\n            \"text-primary underline-offset-4 hover:underline\": variant === \"link\",\n          },\n          {\n            \"h-10 px-4 py-2\": size === \"default\",\n            \"h-9 rounded-md px-3\": size === \"sm\",\n            \"h-11 rounded-md px-8\": size === \"lg\",\n            \"h-10 w-10\": size === \"icon\",\n          },\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nButton.displayName = \"Button\"\n\nexport { Button, type ButtonProps }",
+      "content": "import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }",
       "target": "ui"
     }
   ]

package/r/utility/ui/card.json

@@ -2,13 +2,15 @@
   "$schema": "https://buildy.tw/schema/registry-item.json",
   "name": "card",
   "type": "registry:ui",
-  "description": "A flexible card component for displaying content",
-  "dependencies": [],
+  "description": "",
+  "dependencies": [
+    "react"
+  ],
   "devDependencies": [],
   "files": [
     {
       "path": "utility/ui/card.tsx",
-      "content": "/**\n * A flexible card component for displaying content\n */\nimport { cn } from \"../../lib/utils\"\n\nexport function Card({ className, ...props }) {\n  return (\n    <div\n      className={cn(\n        \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CardHeader({ className, ...props }) {\n  return (\n    <div className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n}\n\nexport function CardTitle({ className, ...props }) {\n  return (\n    <h3\n      className={cn(\n        \"text-2xl font-semibold leading-none tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CardDescription({ className, ...props }) {\n  return (\n    <p className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n  )\n}\n\nexport function CardContent({ className, ...props }) {\n  return <div className={cn(\"p-6 pt-0\", className)} {...props} />\n}\n\nexport function CardFooter({ className, ...props }) {\n  return (\n    <div className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n}\n",
+      "content": "import * as React from \"react\"\nimport { cn } from \"@/lib/utils\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 rounded-md border shadow-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid-rows-[auto_auto] grid auto-rows-min items-start gap-1.5 mt-4 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"h3\">) {\n  return (\n    <h3\n      data-slot=\"card-title\"\n      className={cn(\"leading-none font-bold text-xl mb-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm mb-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardMeta({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-meta\"\n      className={cn(\n        \"flex flex-wrap items-center gap-3 text-sm text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardFigure({\n  className,\n  ...props\n}: React.ComponentProps<\"figure\">) {\n  return (\n    <figure\n      data-slot=\"card-figure\"\n      className={cn(\n        \"overflow-hidden\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardImage({\n  className,\n  ...props\n}: React.ComponentProps<\"img\">) {\n  return (\n    <img\n      data-slot=\"card-image\"\n      className={cn(\n        \"aspect-video w-full object-cover rounded-t-md\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardFigcaption({\n  className,\n  ...props\n}: React.ComponentProps<\"figcaption\">) {\n  return (\n    <figcaption\n      data-slot=\"card-figcaption\"\n      className={cn(\n        \"mt-2 text-center text-sm text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6 py-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardMeta,\n  CardFigure,\n  CardImage,\n  CardFigcaption,\n  CardContent,\n}\n",
       "target": "ui"
     }
   ]

package/r/utility/ui/input.json

@@ -10,7 +10,7 @@
   "files": [
     {
       "path": "utility/ui/input.tsx",
-      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }",
+      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }",
       "target": "ui"
     }
   ]

package/r/utility/blocks/hero-section.json

@@ -1,15 +0,0 @@
-{
-  "$schema": "https://buildy.tw/schema/registry-item.json",
-  "name": "hero-section",
-  "type": "registry:block",
-  "description": "A hero section component for landing pages",
-  "dependencies": [],
-  "devDependencies": [],
-  "files": [
-    {
-      "path": "utility/blocks/hero-section.js",
-      "content": "/**\r\n * A hero section component for landing pages\r\n */\r\nexport function HeroSection({ title, subtitle, children, className = \"\" }) {\r\n  return `\r\n    <section class=\"relative py-20 px-4 text-center ${className}\">\r\n      <div class=\"max-w-4xl mx-auto\">\r\n        ${title ? `<h1 class=\"text-4xl md:text-6xl font-bold mb-6\">${title}</h1>` : ''}\r\n        ${subtitle ? `<p class=\"text-xl text-muted-foreground mb-8\">${subtitle}</p>` : ''}\r\n        ${children || ''}\r\n      </div>\r\n    </section>\r\n  `\r\n}\r\n\r\nexport function HeroActions({ children, className = \"\" }) {\r\n  return `\r\n    <div class=\"flex flex-col sm:flex-row gap-4 justify-center ${className}\">\r\n      ${children || ''}\r\n    </div>\r\n  `\r\n} ",
-      "target": "blocks"
-    }
-  ]
-}

package/r/utility/templates/landing-page.json

@@ -1,15 +0,0 @@
-{
-  "$schema": "https://buildy.tw/schema/registry-item.json",
-  "name": "landing-page",
-  "type": "registry:template",
-  "description": "A complete landing page template with hero, features, and footer sections",
-  "dependencies": [],
-  "devDependencies": [],
-  "files": [
-    {
-      "path": "utility/templates/landing-page.js",
-      "content": "/**\r\n * A complete landing page template with hero, features, and footer sections\r\n */\r\nexport function LandingPageTemplate({ \r\n  heroTitle, \r\n  heroSubtitle, \r\n  features = [], \r\n  className = \"\" \r\n}) {\r\n  const featuresHtml = features.map(feature => `\r\n    <div class=\"p-6 border rounded-lg\">\r\n      <h3 class=\"text-xl font-semibold mb-2\">${feature.title}</h3>\r\n      <p class=\"text-muted-foreground\">${feature.description}</p>\r\n    </div>\r\n  `).join('')\r\n\r\n  return `\r\n    <div class=\"min-h-screen ${className}\">\r\n      <!-- Hero Section -->\r\n      <section class=\"relative py-20 px-4 text-center bg-gradient-to-b from-background to-muted\">\r\n        <div class=\"max-w-4xl mx-auto\">\r\n          <h1 class=\"text-4xl md:text-6xl font-bold mb-6\">${heroTitle}</h1>\r\n          <p class=\"text-xl text-muted-foreground mb-8\">${heroSubtitle}</p>\r\n          <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n            <button class=\"px-6 py-3 bg-primary text-primary-foreground rounded-md font-medium\">\r\n              Get Started\r\n            </button>\r\n            <button class=\"px-6 py-3 border border-input rounded-md font-medium\">\r\n              Learn More\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      <!-- Features Section -->\r\n      <section class=\"py-20 px-4\">\r\n        <div class=\"max-w-6xl mx-auto\">\r\n          <h2 class=\"text-3xl font-bold text-center mb-12\">Features</h2>\r\n          <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n            ${featuresHtml}\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      <!-- Footer -->\r\n      <footer class=\"py-12 px-4 border-t\">\r\n        <div class=\"max-w-6xl mx-auto text-center\">\r\n          <p class=\"text-muted-foreground\">© 2024 Your Company. All rights reserved.</p>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  `\r\n} ",
-      "target": "templates"
-    }
-  ]
-}