base-themes 0.1.2 → 0.1.3

package/registry/items/slider.json

@@ -0,0 +1,102 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "slider",
+  "type": "registry:ui",
+  "title": "Slider",
+  "description": "A range input with Base UI keyboard handling and tokenized track styling.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/Slider.tsx",
+      "type": "registry:ui",
+      "target": "@/components/ui/Slider.tsx"
+    },
+    {
+      "path": "src/components/ui/Slider.css",
+      "type": "registry:file",
+      "target": "@/components/ui/Slider.css"
+    }
+  ],
+  "categories": [
+    "base-ui",
+    "component",
+    "inputs",
+    "form"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "docsRoute": "/components/slider",
+      "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 Slider when a React UI needs a range input with base ui keyboard handling and tokenized track styling.",
+      "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 { Slider } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/slider.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 { Slider } from 'base-themes'",
+        "or fetch /registry/items/slider.json for source-copy"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/switch.json

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

package/registry/items/tabs.json

@@ -0,0 +1,101 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "tabs",
+  "type": "registry:ui",
+  "title": "Tabs",
+  "description": "A tablist for switching between related panels without navigating away.",
+  "dependencies": [
+    "@base-ui/react",
+    "clsx",
+    "lucide-react"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/Tabs.tsx",
+      "type": "registry:ui",
+      "target": "@/components/ui/Tabs.tsx"
+    },
+    {
+      "path": "src/components/ui/Tabs.css",
+      "type": "registry:file",
+      "target": "@/components/ui/Tabs.css"
+    }
+  ],
+  "categories": [
+    "base-ui",
+    "component",
+    "navigation"
+  ],
+  "meta": {
+    "baseThemes": {
+      "source": "package-and-source-copy",
+      "docsRoute": "/components/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"
+      ],
+      "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 Tabs when a React UI needs a tablist for switching between related panels without navigating away.",
+      "whenToUse": [
+        "Navigation",
+        "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 { Tabs } from 'base-themes'"
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/tabs.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 { Tabs } from 'base-themes'",
+        "or fetch /registry/items/tabs.json for source-copy"
+      ],
+      "verify": [
+        "npm run registry:check",
+        "npm run tokens:check",
+        "npm run lint",
+        "npm run build"
+      ]
+    }
+  }
+}

package/registry/items/theme-bauhaus.json

@@ -0,0 +1,107 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-bauhaus",
+  "type": "registry:theme",
+  "title": "Bauhaus Theme",
+  "description": "Geometric composition with primary colors and strong graphic contrast.",
+  "files": [
+    {
+      "path": "src/index.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/index.css"
+    },
+    {
+      "path": "src/styles/tokens.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/tokens.css"
+    },
+    {
+      "path": "src/styles/themes.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/themes.css"
+    },
+    {
+      "path": "src/styles/shadcn.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/shadcn.css"
+    },
+    {
+      "path": "src/styles/neo-brutalism.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/neo-brutalism.css"
+    },
+    {
+      "path": "src/styles/cyberpunk.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/cyberpunk.css"
+    },
+    {
+      "path": "src/styles/terminal.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/terminal.css"
+    },
+    {
+      "path": "src/styles/material.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/material.css"
+    },
+    {
+      "path": "src/styles/glass.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/glass.css"
+    }
+  ],
+  "categories": [
+    "theme",
+    "base-themes"
+  ],
+  "meta": {
+    "preview": {
+      "light": "/previews/base-themes-bauhaus.png"
+    },
+    "baseThemes": {
+      "style": "bauhaus",
+      "label": "Bauhaus",
+      "defaultMode": "light",
+      "supportsModes": [
+        "light",
+        "dark"
+      ],
+      "dataAttributes": {
+        "style": "bauhaus",
+        "theme": "light"
+      }
+    },
+    "agent": {
+      "summary": "Use the Bauhaus theme when the user wants geometric composition with primary colors and strong graphic contrast.",
+      "whenToUse": [
+        "Bauhaus",
+        "CSS variable theme",
+        "Base Themes visual style"
+      ],
+      "avoidWhen": [
+        "The user needs a fully custom brand system before trying token overrides"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "set data-style=\"bauhaus\"",
+        "set data-theme=\"light\" or data-theme=\"dark\""
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/theme-bauhaus.json",
+        "copy every files[].path to files[].target",
+        "copy src/styles/tokenContract.json when generating overrides"
+      ],
+      "installPlan": [
+        "import base-themes/styles.css once",
+        "set data-style=\"bauhaus\"",
+        "set data-theme=\"light\" or data-theme=\"dark\"",
+        "or fetch /registry/items/theme-bauhaus.json for source-copy"
+      ],
+      "prompts": [
+        "Create a React settings screen using Base Themes with data-style=\"bauhaus\"."
+      ]
+    }
+  }
+}

package/registry/items/theme-bento.json

@@ -0,0 +1,107 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-bento",
+  "type": "registry:theme",
+  "title": "Bento Theme",
+  "description": "Warm modular product cards with soft depth and teal controls.",
+  "files": [
+    {
+      "path": "src/index.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/index.css"
+    },
+    {
+      "path": "src/styles/tokens.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/tokens.css"
+    },
+    {
+      "path": "src/styles/themes.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/themes.css"
+    },
+    {
+      "path": "src/styles/shadcn.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/shadcn.css"
+    },
+    {
+      "path": "src/styles/neo-brutalism.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/neo-brutalism.css"
+    },
+    {
+      "path": "src/styles/cyberpunk.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/cyberpunk.css"
+    },
+    {
+      "path": "src/styles/terminal.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/terminal.css"
+    },
+    {
+      "path": "src/styles/material.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/material.css"
+    },
+    {
+      "path": "src/styles/glass.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/glass.css"
+    }
+  ],
+  "categories": [
+    "theme",
+    "base-themes"
+  ],
+  "meta": {
+    "preview": {
+      "light": "/previews/base-themes-bento.png"
+    },
+    "baseThemes": {
+      "style": "bento",
+      "label": "Bento",
+      "defaultMode": "light",
+      "supportsModes": [
+        "light",
+        "dark"
+      ],
+      "dataAttributes": {
+        "style": "bento",
+        "theme": "light"
+      }
+    },
+    "agent": {
+      "summary": "Use the Bento theme when the user wants warm modular product cards with soft depth and teal controls.",
+      "whenToUse": [
+        "Bento",
+        "CSS variable theme",
+        "Base Themes visual style"
+      ],
+      "avoidWhen": [
+        "The user needs a fully custom brand system before trying token overrides"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "set data-style=\"bento\"",
+        "set data-theme=\"light\" or data-theme=\"dark\""
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/theme-bento.json",
+        "copy every files[].path to files[].target",
+        "copy src/styles/tokenContract.json when generating overrides"
+      ],
+      "installPlan": [
+        "import base-themes/styles.css once",
+        "set data-style=\"bento\"",
+        "set data-theme=\"light\" or data-theme=\"dark\"",
+        "or fetch /registry/items/theme-bento.json for source-copy"
+      ],
+      "prompts": [
+        "Create a React settings screen using Base Themes with data-style=\"bento\"."
+      ]
+    }
+  }
+}

package/registry/items/theme-calm.json

@@ -0,0 +1,107 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "theme-calm",
+  "type": "registry:theme",
+  "title": "Calm Theme",
+  "description": "Low-saturation wellness palette with relaxed controls and readable contrast.",
+  "files": [
+    {
+      "path": "src/index.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/index.css"
+    },
+    {
+      "path": "src/styles/tokens.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/tokens.css"
+    },
+    {
+      "path": "src/styles/themes.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/themes.css"
+    },
+    {
+      "path": "src/styles/shadcn.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/shadcn.css"
+    },
+    {
+      "path": "src/styles/neo-brutalism.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/neo-brutalism.css"
+    },
+    {
+      "path": "src/styles/cyberpunk.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/cyberpunk.css"
+    },
+    {
+      "path": "src/styles/terminal.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/terminal.css"
+    },
+    {
+      "path": "src/styles/material.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/material.css"
+    },
+    {
+      "path": "src/styles/glass.css",
+      "type": "registry:file",
+      "target": "@/styles/base-themes/glass.css"
+    }
+  ],
+  "categories": [
+    "theme",
+    "base-themes"
+  ],
+  "meta": {
+    "preview": {
+      "light": "/previews/base-themes-calm.png"
+    },
+    "baseThemes": {
+      "style": "calm",
+      "label": "Calm",
+      "defaultMode": "light",
+      "supportsModes": [
+        "light",
+        "dark"
+      ],
+      "dataAttributes": {
+        "style": "calm",
+        "theme": "light"
+      }
+    },
+    "agent": {
+      "summary": "Use the Calm theme when the user wants low-saturation wellness palette with relaxed controls and readable contrast.",
+      "whenToUse": [
+        "Calm",
+        "CSS variable theme",
+        "Base Themes visual style"
+      ],
+      "avoidWhen": [
+        "The user needs a fully custom brand system before trying token overrides"
+      ],
+      "packageInstall": [
+        "npm install base-themes @base-ui/react react react-dom",
+        "import base-themes/styles.css once",
+        "set data-style=\"calm\"",
+        "set data-theme=\"light\" or data-theme=\"dark\""
+      ],
+      "sourceCopy": [
+        "fetch /registry/items/theme-calm.json",
+        "copy every files[].path to files[].target",
+        "copy src/styles/tokenContract.json when generating overrides"
+      ],
+      "installPlan": [
+        "import base-themes/styles.css once",
+        "set data-style=\"calm\"",
+        "set data-theme=\"light\" or data-theme=\"dark\"",
+        "or fetch /registry/items/theme-calm.json for source-copy"
+      ],
+      "prompts": [
+        "Create a React settings screen using Base Themes with data-style=\"calm\"."
+      ]
+    }
+  }
+}