ui8kit 0.0.1

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "ui8kit",
+  "version": "0.0.1",
+  "description": "UI8Kit components registry for buildy-ui cli",
+  "main": "index.js",
+  "files": [
+    "r/",
+    "index.json"
+  ],
+  "keywords": [
+    "ui",
+    "components", 
+    "registry",
+    "buildy"
+  ],
+  "author": "buildy",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/buildy-ui/ui.git"
+  }
+}

package/r/blocks/hero-section.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://buildy.tw/schema/registry-item.json",
+  "name": "hero-section",
+  "type": "registry:block",
+  "dependencies": [
+    "react"
+  ],
+  "devDependencies": [],
+  "files": [
+    {
+      "path": "packages/ui/src/blocks/hero-section.tsx",
+      "content": "import React from \"react\"\r\nimport { cn } from \"../lib/utils\"\r\n\r\ninterface HeroSectionProps extends React.HTMLAttributes<HTMLElement> {\r\n  title?: string\r\n  subtitle?: string\r\n  ctaText?: string\r\n  onCtaClick?: () => void\r\n}\r\n\r\nexport function HeroSection({\r\n  className,\r\n  title = \"Welcome to Buildy\",\r\n  subtitle = \"Build beautiful UI components for your Vite React projects\",\r\n  ctaText = \"Get Started\",\r\n  onCtaClick,\r\n  ...props\r\n}: HeroSectionProps) {\r\n  return (\r\n    <section\r\n      className={cn(\r\n        \"flex min-h-[500px] flex-col items-center justify-center space-y-6 text-center px-4\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <div className=\"space-y-4\">\r\n        <h1 className=\"text-4xl font-bold tracking-tight sm:text-6xl\">\r\n          {title}\r\n        </h1>\r\n        <p className=\"mx-auto max-w-[600px] text-lg text-muted-foreground sm:text-xl\">\r\n          {subtitle}\r\n        </p>\r\n      </div>\r\n      \r\n      {onCtaClick && (\r\n        <button\r\n          onClick={onCtaClick}\r\n          className=\"inline-flex h-11 items-center justify-center rounded-md bg-primary px-8 text-sm font-medium text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\"\r\n        >\r\n          {ctaText}\r\n        </button>\r\n      )}\r\n    </section>\r\n  )\r\n} ",
+      "target": "blocks"
+    }
+  ]
+}

package/r/index.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://buildy.tw/schema/registry.json",
+  "components": [
+    {
+      "name": "button",
+      "type": "registry:ui"
+    },
+    {
+      "name": "utils",
+      "type": "registry:lib"
+    },
+    {
+      "name": "hero-section",
+      "type": "registry:block"
+    }
+  ],
+  "categories": [
+    "ui",
+    "components",
+    "blocks",
+    "lib"
+  ],
+  "version": "1.0.0",
+  "lastUpdated": "2025-05-30T19:06:00.596Z"
+}

package/r/lib/utils.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://buildy.tw/schema/registry-item.json",
+  "name": "utils",
+  "type": "registry:lib",
+  "dependencies": [
+    "clsx",
+    "tailwind-merge"
+  ],
+  "devDependencies": [],
+  "files": [
+    {
+      "path": "packages/ui/src/lib/utils.ts",
+      "content": "import { type ClassValue, clsx } from \"clsx\"\r\nimport { twMerge } from \"tailwind-merge\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n} ",
+      "target": "lib"
+    }
+  ]
+}

package/r/ui/button.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://buildy.tw/schema/registry-item.json",
+  "name": "button",
+  "type": "registry:ui",
+  "dependencies": [
+    "react"
+  ],
+  "devDependencies": [],
+  "files": [
+    {
+      "path": "packages/ui/src/ui/button.tsx",
+      "content": "import React from \"react\"\r\nimport { cn } from \"../lib/utils\"\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  variant?: \"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"\r\n  size?: \"default\" | \"sm\" | \"lg\" | \"icon\"\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ className, variant = \"default\", size = \"default\", ...props }, ref) => {\r\n    return (\r\n      <button\r\n        className={cn(\r\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\",\r\n          {\r\n            \"bg-primary text-primary-foreground hover:bg-primary/90\": variant === \"default\",\r\n            \"bg-destructive text-destructive-foreground hover:bg-destructive/90\": variant === \"destructive\",\r\n            \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\": variant === \"outline\",\r\n            \"bg-secondary text-secondary-foreground hover:bg-secondary/80\": variant === \"secondary\",\r\n            \"hover:bg-accent hover:text-accent-foreground\": variant === \"ghost\",\r\n            \"text-primary underline-offset-4 hover:underline\": variant === \"link\",\r\n          },\r\n          {\r\n            \"h-10 px-4 py-2\": size === \"default\",\r\n            \"h-9 rounded-md px-3\": size === \"sm\",\r\n            \"h-11 rounded-md px-8\": size === \"lg\",\r\n            \"h-10 w-10\": size === \"icon\",\r\n          },\r\n          className\r\n        )}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n)\r\n\r\nButton.displayName = \"Button\"\r\n\r\nexport { Button } ",
+      "target": "ui"
+    }
+  ]
+}