base-themes 0.1.2 → 0.1.3

package/registry/items/block-team-activity-feed.json

@@ -0,0 +1,99 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "block-team-activity-feed",
+  "type": "registry:block",
+  "title": "Team Activity Feed",
+  "description": "Recent workspace activity feed with team avatars and collaboration status.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/blocks/TeamActivityFeed.tsx",
+      "type": "registry:block",
+      "target": "@/blocks/TeamActivityFeed.tsx"
+    },
+    {
+      "path": "src/blocks/Blocks.css",
+      "type": "registry:file",
+      "target": "@/blocks/Blocks.css"
+    }
+  ],
+  "categories": [
+    "block",
+    "collaboration",
+    "product-ui"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "registryName": "team-activity-feed",
+      "docsRoute": "/blocks/team-activity-feed",
+      "components": [
+        "avatar",
+        "button"
+      ],
+      "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 Team Activity Feed as a ready product UI starting point for collaboration screens.",
+      "whenToUse": [
+        "Collaboration",
+        "Product screen composition",
+        "Block-level copy plan"
+      ],
+      "registryItems": [
+        "/registry/items/block-team-activity-feed.json",
+        "/registry/items/avatar.json",
+        "/registry/items/button.json"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { TeamActivityFeed } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "npx base-themes plan block:team-activity-feed",
+        "fetch /registry/items/block-team-activity-feed.json",
+        "copy block files",
+        "copy required component files from registryItems",
+        "copy every registry.style.files entry once"
+      ],
+      "installPlan": [
+        "npx base-themes plan block:team-activity-feed",
+        "fetch /registry/items/block-team-activity-feed.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-theme-showcase-card.json

@@ -0,0 +1,99 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "block-theme-showcase-card",
+  "type": "registry:block",
+  "title": "Theme Showcase Card",
+  "description": "Theme value card with token swatches, tabs, and a theme CTA.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/blocks/ThemeShowcaseCard.tsx",
+      "type": "registry:block",
+      "target": "@/blocks/ThemeShowcaseCard.tsx"
+    },
+    {
+      "path": "src/blocks/Blocks.css",
+      "type": "registry:file",
+      "target": "@/blocks/Blocks.css"
+    }
+  ],
+  "categories": [
+    "block",
+    "marketing",
+    "product-ui"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "registryName": "theme-showcase-card",
+      "docsRoute": "/blocks/theme-showcase-card",
+      "components": [
+        "button",
+        "tabs"
+      ],
+      "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 Theme Showcase Card as a ready product UI starting point for marketing screens.",
+      "whenToUse": [
+        "Marketing",
+        "Product screen composition",
+        "Block-level copy plan"
+      ],
+      "registryItems": [
+        "/registry/items/block-theme-showcase-card.json",
+        "/registry/items/button.json",
+        "/registry/items/tabs.json"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "import { ThemeShowcaseCard } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "npx base-themes plan block:theme-showcase-card",
+        "fetch /registry/items/block-theme-showcase-card.json",
+        "copy block files",
+        "copy required component files from registryItems",
+        "copy every registry.style.files entry once"
+      ],
+      "installPlan": [
+        "npx base-themes plan block:theme-showcase-card",
+        "fetch /registry/items/block-theme-showcase-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/button.json

@@ -0,0 +1,102 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "button",
+  "type": "registry:ui",
+  "title": "Button",
+  "description": "An action primitive with semantic variants for primary commands, quiet actions, icons, and destructive-looking accents.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/Button.tsx",
+      "type": "registry:ui",
+      "target": "@/components/ui/Button.tsx"
+    },
+    {
+      "path": "src/components/ui/Button.css",
+      "type": "registry:file",
+      "target": "@/components/ui/Button.css"
+    }
+  ],
+  "categories": [
+    "base-ui",
+    "component",
+    "inputs",
+    "form"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "docsRoute": "/components/button",
+      "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 Button when a React UI needs an action primitive with semantic variants for primary commands, quiet actions, icons, and destructive-looking accents.",
+      "whenToUse": [
+        "Inputs",
+        "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 { Button } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/button.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 { Button } from 'base-themes'",
+        "or fetch /registry/items/button.json for source-copy"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/checkbox-group.json

@@ -0,0 +1,106 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "checkbox-group",
+  "type": "registry:ui",
+  "title": "Checkbox Group",
+  "description": "A shared state container for related checkboxes.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/CheckboxGroup.tsx",
+      "type": "registry:ui",
+      "target": "@/components/ui/CheckboxGroup.tsx"
+    },
+    {
+      "path": "src/components/ui/Checkbox.tsx",
+      "type": "registry:ui",
+      "target": "@/components/ui/Checkbox.tsx"
+    },
+    {
+      "path": "src/components/ui/Checkbox.css",
+      "type": "registry:file",
+      "target": "@/components/ui/Checkbox.css"
+    }
+  ],
+  "categories": [
+    "base-ui",
+    "component",
+    "inputs"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "docsRoute": "/components/checkboxgroup",
+      "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 Checkbox Group when a React UI needs a shared state container for related checkboxes.",
+      "whenToUse": [
+        "Inputs",
+        "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 { CheckboxGroup } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/checkbox-group.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 { CheckboxGroup } from 'base-themes'",
+        "or fetch /registry/items/checkbox-group.json for source-copy"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/checkbox.json

@@ -0,0 +1,102 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "checkbox",
+  "type": "registry:ui",
+  "title": "Checkbox",
+  "description": "A labeled boolean control with checked and unchecked visual states.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/Checkbox.tsx",
+      "type": "registry:ui",
+      "target": "@/components/ui/Checkbox.tsx"
+    },
+    {
+      "path": "src/components/ui/Checkbox.css",
+      "type": "registry:file",
+      "target": "@/components/ui/Checkbox.css"
+    }
+  ],
+  "categories": [
+    "base-ui",
+    "component",
+    "inputs",
+    "form"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "docsRoute": "/components/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"
+      ],
+      "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 Checkbox when a React UI needs a labeled boolean control with checked and unchecked visual states.",
+      "whenToUse": [
+        "Inputs",
+        "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 { Checkbox } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/checkbox.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 { Checkbox } from 'base-themes'",
+        "or fetch /registry/items/checkbox.json for source-copy"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/collapsible.json

@@ -0,0 +1,101 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "collapsible",
+  "type": "registry:ui",
+  "title": "Collapsible",
+  "description": "A single expandable region for optional detail.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/Collapsible.tsx",
+      "type": "registry:ui",
+      "target": "@/components/ui/Collapsible.tsx"
+    },
+    {
+      "path": "src/components/ui/Collapsible.css",
+      "type": "registry:file",
+      "target": "@/components/ui/Collapsible.css"
+    }
+  ],
+  "categories": [
+    "base-ui",
+    "component",
+    "disclosure"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "docsRoute": "/components/collapsible",
+      "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 Collapsible when a React UI needs a single expandable region for optional detail.",
+      "whenToUse": [
+        "Disclosure",
+        "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 { Collapsible } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/collapsible.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 { Collapsible } from 'base-themes'",
+        "or fetch /registry/items/collapsible.json for source-copy"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}