base-themes 0.1.1 → 0.1.3

package/registry/items/avatar.json

@@ -0,0 +1,101 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "avatar",
+  "type": "registry:ui",
+  "title": "Avatar",
+  "description": "A compact identity primitive with fallback initials and grouped presentation.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/Avatar.tsx",
+      "type": "registry:ui",
+      "target": "@/components/ui/Avatar.tsx"
+    },
+    {
+      "path": "src/components/ui/Avatar.css",
+      "type": "registry:file",
+      "target": "@/components/ui/Avatar.css"
+    }
+  ],
+  "categories": [
+    "base-ui",
+    "component",
+    "feedback"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "docsRoute": "/components/avatar",
+      "supportsStyles": [
+        "bento",
+        "shadcn",
+        "neo-brutalism",
+        "minimal",
+        "enterprise",
+        "linear",
+        "glass",
+        "terminal",
+        "material",
+        "fluent",
+        "retro",
+        "cyberpunk",
+        "editorial",
+        "calm",
+        "data-dense",
+        "playful",
+        "luxury",
+        "soft-ui",
+        "bauhaus",
+        "mono"
+      ],
+      "styleContract": [
+        "data-style",
+        "data-theme",
+        "src/index.css",
+        "src/styles/tokens.css",
+        "src/styles/themes.css",
+        "src/styles/shadcn.css",
+        "src/styles/neo-brutalism.css",
+        "src/styles/cyberpunk.css",
+        "src/styles/terminal.css",
+        "src/styles/material.css",
+        "src/styles/glass.css"
+      ]
+    },
+    "agent": {
+      "summary": "Use Avatar when a React UI needs a compact identity primitive with fallback initials and grouped presentation.",
+      "whenToUse": [
+        "Feedback",
+        "Base UI wrapper",
+        "CSS token theme support"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { Avatar } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/avatar.json",
+        "copy every files[].path to files[].target",
+        "copy every registry.style.files entry once",
+        "install dependencies from dependencies[]"
+      ],
+      "installPlan": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { Avatar } from 'base-themes'",
+        "or fetch /registry/items/avatar.json for source-copy"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/block-auth-card.json

@@ -0,0 +1,105 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "block-auth-card",
+  "type": "registry:block",
+  "title": "Auth Card",
+  "description": "Focused sign-in card with email, password, remembered device, and SSO action.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/blocks/AuthCard.tsx",
+      "type": "registry:block",
+      "target": "@/blocks/AuthCard.tsx"
+    },
+    {
+      "path": "src/blocks/Blocks.css",
+      "type": "registry:file",
+      "target": "@/blocks/Blocks.css"
+    }
+  ],
+  "categories": [
+    "block",
+    "authentication",
+    "product-ui"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "registryName": "auth-card",
+      "docsRoute": "/blocks/auth-card",
+      "components": [
+        "button",
+        "field",
+        "input",
+        "separator",
+        "switch"
+      ],
+      "supportsStyles": [
+        "bento",
+        "shadcn",
+        "neo-brutalism",
+        "minimal",
+        "enterprise",
+        "linear",
+        "glass",
+        "terminal",
+        "material",
+        "fluent",
+        "retro",
+        "cyberpunk",
+        "editorial",
+        "calm",
+        "data-dense",
+        "playful",
+        "luxury",
+        "soft-ui",
+        "bauhaus",
+        "mono"
+      ]
+    },
+    "agent": {
+      "summary": "Use Auth Card as a ready product UI starting point for authentication screens.",
+      "whenToUse": [
+        "Authentication",
+        "Product screen composition",
+        "Block-level copy plan"
+      ],
+      "registryItems": [
+        "/registry/items/block-auth-card.json",
+        "/registry/items/button.json",
+        "/registry/items/field.json",
+        "/registry/items/input.json",
+        "/registry/items/separator.json",
+        "/registry/items/switch.json"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { AuthCard } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "npx base-themes plan block:auth-card",
+        "fetch /registry/items/block-auth-card.json",
+        "copy block files",
+        "copy required component files from registryItems",
+        "copy every registry.style.files entry once"
+      ],
+      "installPlan": [
+        "npx base-themes plan block:auth-card",
+        "fetch /registry/items/block-auth-card.json",
+        "copy block files and component registryItems",
+        "import base-themes/styles.css once"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/block-command-palette.json

@@ -0,0 +1,99 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "block-command-palette",
+  "type": "registry:block",
+  "title": "Command Palette",
+  "description": "Quick-action search panel for navigation, product commands, and agent workflows.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/blocks/CommandPaletteBlock.tsx",
+      "type": "registry:block",
+      "target": "@/blocks/CommandPaletteBlock.tsx"
+    },
+    {
+      "path": "src/blocks/Blocks.css",
+      "type": "registry:file",
+      "target": "@/blocks/Blocks.css"
+    }
+  ],
+  "categories": [
+    "block",
+    "command",
+    "product-ui"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "registryName": "command-palette",
+      "docsRoute": "/blocks/command-palette",
+      "components": [
+        "button",
+        "combobox"
+      ],
+      "supportsStyles": [
+        "bento",
+        "shadcn",
+        "neo-brutalism",
+        "minimal",
+        "enterprise",
+        "linear",
+        "glass",
+        "terminal",
+        "material",
+        "fluent",
+        "retro",
+        "cyberpunk",
+        "editorial",
+        "calm",
+        "data-dense",
+        "playful",
+        "luxury",
+        "soft-ui",
+        "bauhaus",
+        "mono"
+      ]
+    },
+    "agent": {
+      "summary": "Use Command Palette as a ready product UI starting point for command screens.",
+      "whenToUse": [
+        "Command",
+        "Product screen composition",
+        "Block-level copy plan"
+      ],
+      "registryItems": [
+        "/registry/items/block-command-palette.json",
+        "/registry/items/button.json",
+        "/registry/items/combobox.json"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { CommandPaletteBlock } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "npx base-themes plan block:command-palette",
+        "fetch /registry/items/block-command-palette.json",
+        "copy block files",
+        "copy required component files from registryItems",
+        "copy every registry.style.files entry once"
+      ],
+      "installPlan": [
+        "npx base-themes plan block:command-palette",
+        "fetch /registry/items/block-command-palette.json",
+        "copy block files and component registryItems",
+        "import base-themes/styles.css once"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/block-dashboard-shell.json

@@ -0,0 +1,101 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "block-dashboard-shell",
+  "type": "registry:block",
+  "title": "Dashboard Shell",
+  "description": "Operational dashboard header with metrics, progress, and health status.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/blocks/DashboardShell.tsx",
+      "type": "registry:block",
+      "target": "@/blocks/DashboardShell.tsx"
+    },
+    {
+      "path": "src/blocks/Blocks.css",
+      "type": "registry:file",
+      "target": "@/blocks/Blocks.css"
+    }
+  ],
+  "categories": [
+    "block",
+    "application-ui",
+    "product-ui"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "registryName": "dashboard-shell",
+      "docsRoute": "/blocks/dashboard-shell",
+      "components": [
+        "button",
+        "progress",
+        "meter"
+      ],
+      "supportsStyles": [
+        "bento",
+        "shadcn",
+        "neo-brutalism",
+        "minimal",
+        "enterprise",
+        "linear",
+        "glass",
+        "terminal",
+        "material",
+        "fluent",
+        "retro",
+        "cyberpunk",
+        "editorial",
+        "calm",
+        "data-dense",
+        "playful",
+        "luxury",
+        "soft-ui",
+        "bauhaus",
+        "mono"
+      ]
+    },
+    "agent": {
+      "summary": "Use Dashboard Shell as a ready product UI starting point for application ui screens.",
+      "whenToUse": [
+        "Application UI",
+        "Product screen composition",
+        "Block-level copy plan"
+      ],
+      "registryItems": [
+        "/registry/items/block-dashboard-shell.json",
+        "/registry/items/button.json",
+        "/registry/items/progress.json",
+        "/registry/items/meter.json"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { DashboardShell } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "npx base-themes plan block:dashboard-shell",
+        "fetch /registry/items/block-dashboard-shell.json",
+        "copy block files",
+        "copy required component files from registryItems",
+        "copy every registry.style.files entry once"
+      ],
+      "installPlan": [
+        "npx base-themes plan block:dashboard-shell",
+        "fetch /registry/items/block-dashboard-shell.json",
+        "copy block files and component registryItems",
+        "import base-themes/styles.css once"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/block-data-table.json

@@ -0,0 +1,99 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "block-data-table",
+  "type": "registry:block",
+  "title": "Data Table",
+  "description": "Small operational table with status filtering and row badges.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/blocks/DataTableBlock.tsx",
+      "type": "registry:block",
+      "target": "@/blocks/DataTableBlock.tsx"
+    },
+    {
+      "path": "src/blocks/Blocks.css",
+      "type": "registry:file",
+      "target": "@/blocks/Blocks.css"
+    }
+  ],
+  "categories": [
+    "block",
+    "data-display",
+    "product-ui"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "registryName": "data-table",
+      "docsRoute": "/blocks/data-table",
+      "components": [
+        "button",
+        "select"
+      ],
+      "supportsStyles": [
+        "bento",
+        "shadcn",
+        "neo-brutalism",
+        "minimal",
+        "enterprise",
+        "linear",
+        "glass",
+        "terminal",
+        "material",
+        "fluent",
+        "retro",
+        "cyberpunk",
+        "editorial",
+        "calm",
+        "data-dense",
+        "playful",
+        "luxury",
+        "soft-ui",
+        "bauhaus",
+        "mono"
+      ]
+    },
+    "agent": {
+      "summary": "Use Data Table as a ready product UI starting point for data display screens.",
+      "whenToUse": [
+        "Data Display",
+        "Product screen composition",
+        "Block-level copy plan"
+      ],
+      "registryItems": [
+        "/registry/items/block-data-table.json",
+        "/registry/items/button.json",
+        "/registry/items/select.json"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { DataTableBlock } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "npx base-themes plan block:data-table",
+        "fetch /registry/items/block-data-table.json",
+        "copy block files",
+        "copy required component files from registryItems",
+        "copy every registry.style.files entry once"
+      ],
+      "installPlan": [
+        "npx base-themes plan block:data-table",
+        "fetch /registry/items/block-data-table.json",
+        "copy block files and component registryItems",
+        "import base-themes/styles.css once"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/block-pricing-panel.json

@@ -0,0 +1,99 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "block-pricing-panel",
+  "type": "registry:block",
+  "title": "Pricing Panel",
+  "description": "Compact pricing and upgrade panel for billing or plan-selection screens.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/blocks/PricingPanel.tsx",
+      "type": "registry:block",
+      "target": "@/blocks/PricingPanel.tsx"
+    },
+    {
+      "path": "src/blocks/Blocks.css",
+      "type": "registry:file",
+      "target": "@/blocks/Blocks.css"
+    }
+  ],
+  "categories": [
+    "block",
+    "billing",
+    "product-ui"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "registryName": "pricing-panel",
+      "docsRoute": "/blocks/pricing-panel",
+      "components": [
+        "button",
+        "checkbox"
+      ],
+      "supportsStyles": [
+        "bento",
+        "shadcn",
+        "neo-brutalism",
+        "minimal",
+        "enterprise",
+        "linear",
+        "glass",
+        "terminal",
+        "material",
+        "fluent",
+        "retro",
+        "cyberpunk",
+        "editorial",
+        "calm",
+        "data-dense",
+        "playful",
+        "luxury",
+        "soft-ui",
+        "bauhaus",
+        "mono"
+      ]
+    },
+    "agent": {
+      "summary": "Use Pricing Panel as a ready product UI starting point for billing screens.",
+      "whenToUse": [
+        "Billing",
+        "Product screen composition",
+        "Block-level copy plan"
+      ],
+      "registryItems": [
+        "/registry/items/block-pricing-panel.json",
+        "/registry/items/button.json",
+        "/registry/items/checkbox.json"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { PricingPanel } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "npx base-themes plan block:pricing-panel",
+        "fetch /registry/items/block-pricing-panel.json",
+        "copy block files",
+        "copy required component files from registryItems",
+        "copy every registry.style.files entry once"
+      ],
+      "installPlan": [
+        "npx base-themes plan block:pricing-panel",
+        "fetch /registry/items/block-pricing-panel.json",
+        "copy block files and component registryItems",
+        "import base-themes/styles.css once"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}