sigma-ui 1.0.16 → 1.0.19

package/__generated/registry-schemes/style-system/tailwind/tabs.json

@@ -17,7 +17,7 @@
     },
     {
       "name": "TabsTrigger.vue",
-      "content": "<script setup lang=\"ts\">\nimport { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'reka-ui';\nimport { cn } from '@ui/utils';\n\nconst props = defineProps<TabsTriggerProps>();\n\nconst forwardedProps = useForwardProps(props);\n</script>\n\n<template>\n  <TabsTrigger\n    v-bind=\"forwardedProps\"\n    :class=\"cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 h-full text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',\n      $attrs.class ?? '',\n    )\"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"
+      "content": "<script setup lang=\"ts\">\nimport { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'reka-ui';\nimport { cn } from '@ui/utils';\n\nconst props = defineProps<TabsTriggerProps>();\n\nconst forwardedProps = useForwardProps(props);\n</script>\n\n<template>\n  <TabsTrigger\n    v-bind=\"forwardedProps\"\n    :class=\"cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 h-full text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-input data-[state=active]:text-foreground data-[state=active]:shadow-sm',\n      $attrs.class ?? '',\n    )\"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"
     },
     {
       "name": "index.ts",

package/__generated/registry-schemes/style-system/tailwind/tags-input.json

@@ -7,7 +7,7 @@
   "files": [
     {
       "name": "TagsInput.vue",
-      "content": "<script setup lang=\"ts\">\nimport { TagsInputRoot, type TagsInputRootEmits, type TagsInputRootProps, useForwardPropsEmits } from 'reka-ui';\nimport { cn } from '@ui/utils';\n\nconst props = defineProps<TagsInputRootProps>();\nconst emits = defineEmits<TagsInputRootEmits>();\n\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <TagsInputRoot\n    v-bind=\"forwarded\"\n    :class=\"cn('flex flex-wrap gap-2 items-center rounded-md border border-input bg-background px-3 py-2 text-sm', $attrs.class ?? '')\"\n  >\n    <slot />\n  </TagsInputRoot>\n</template>\n"
+      "content": "<script setup lang=\"ts\">\nimport { TagsInputRoot, type TagsInputRootEmits, type TagsInputRootProps, useForwardPropsEmits } from 'reka-ui';\nimport { cn } from '@ui/utils';\n\nconst props = defineProps<TagsInputRootProps>();\nconst emits = defineEmits<TagsInputRootEmits>();\n\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <TagsInputRoot\n    v-bind=\"forwarded\"\n    :class=\"cn('flex flex-wrap gap-2 items-center rounded-md border border-border bg-input px-3 py-2 text-sm', $attrs.class ?? '')\"\n  >\n    <slot />\n  </TagsInputRoot>\n</template>\n"
     },
     {
       "name": "TagsInputInput.vue",

package/__generated/registry-schemes/style-system/tailwind/textarea.json

@@ -5,7 +5,7 @@
   "files": [
     {
       "name": "Textarea.vue",
-      "content": "<script setup lang=\"ts\">\nimport { cn } from '@ui/utils';\n\nconst props = defineProps<{\n  modelValue?: string | number;\n}>();\n\nconst model = defineModel<string | number>();\n</script>\n\n<template>\n  <textarea\n    v-model=\"model\"\n    :class=\"cn('flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', $attrs.class ?? '')\"\n    autocomplete=\"off\"\n  />\n</template>\n"
+      "content": "<script setup lang=\"ts\">\nimport { cn } from '@ui/utils';\n\nconst props = defineProps<{\n  modelValue?: string | number;\n}>();\n\nconst model = defineModel<string | number>();\n</script>\n\n<template>\n  <textarea\n    v-model=\"model\"\n    :class=\"cn('flex min-h-20 w-full rounded-md border border-border bg-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', $attrs.class ?? '')\"\n    autocomplete=\"off\"\n  />\n</template>\n"
     },
     {
       "name": "index.ts",

package/dist/index.js

@@ -104,7 +104,7 @@ function resolveImport(importPath, config) {
 // src/schemas/index.ts
 import { z } from "zod";
 var DEFAULT_TYPESCRIPT_CONFIG = "tsconfig.json";
-var DEFAULT_TAILWIND_BASE_COLOR = "zinc";
+var DEFAULT_TAILWIND_BASE_COLOR = "grayscale";
 var commonFields = {
   styleSystem: z.string(),
   baseColor: z.string().default(DEFAULT_TAILWIND_BASE_COLOR),
@@ -299,18 +299,373 @@ function handleError(error) {
 import fs2 from "node:fs";
 import path3 from "pathe";
 
-// ../../apps/docs/src/lib/registry/colors.ts
-var baseColors = [
-  { name: "zinc", label: "Zinc" },
-  { name: "gray", label: "Gray" },
-  { name: "blue", label: "Blue" },
-  { name: "rose", label: "Rose" },
-  { name: "red", label: "Red" },
-  { name: "orange", label: "Orange" },
-  { name: "yellow", label: "Yellow" },
-  { name: "green", label: "Green" },
-  { name: "violet", label: "Violet" }
+// ../../apps/docs/src/lib/registry/themes.ts
+var themes = [
+  {
+    name: "grayscale",
+    label: "Grayscale",
+    previewColor: "#52525b",
+    cssVars: {
+      light: {
+        "background": "0 0% 100%",
+        "foreground": "240 10% 3.9%",
+        "muted": "240 4.8% 95.9%",
+        "muted-foreground": "240 3.8% 46.1%",
+        "popover": "0 0% 100%",
+        "popover-foreground": "240 10% 3.9%",
+        "card": "0 0% 100%",
+        "card-foreground": "240 10% 3.9%",
+        "border": "240 5.9% 90%",
+        "input": "0 0% 100%",
+        "primary": "240 5.9% 10%",
+        "primary-foreground": "0 0% 98%",
+        "secondary": "240 4.8% 95.9%",
+        "secondary-foreground": "240 5.9% 10%",
+        "destructive": "0 84.2% 60.2%",
+        "destructive-foreground": "0 0% 98%",
+        "ring": "240 5.9% 10%"
+      },
+      dark: {
+        "background": "240 10% 3.9%",
+        "foreground": "0 0% 98%",
+        "muted": "240 3.7% 15.9%",
+        "muted-foreground": "240 5% 64.9%",
+        "popover": "240 10% 3.9%",
+        "popover-foreground": "0 0% 98%",
+        "card": "240 10% 3.9%",
+        "card-foreground": "0 0% 98%",
+        "border": "240 3.7% 15.9%",
+        "input": "240 10% 3.9%",
+        "primary": "0 0% 98%",
+        "primary-foreground": "240 5.9% 10%",
+        "secondary": "240 3.7% 15.9%",
+        "secondary-foreground": "0 0% 98%",
+        "destructive": "0 62.8% 30.6%",
+        "destructive-foreground": "0 0% 98%",
+        "ring": "240 4.9% 83.9%"
+      }
+    }
+  },
+  {
+    name: "frosted-glass",
+    label: "Frosted glass",
+    previewColor: "#587aa9",
+    cssVars: {
+      light: {
+        "background": "0 0% 100%",
+        "foreground": "224 71.4% 4.1%",
+        "muted": "220 14.3% 95.9%",
+        "muted-foreground": "220 8.9% 46.1%",
+        "popover": "0 0% 100% / 10%",
+        "popover-foreground": "224 71.4% 4.1%",
+        "card": "0 0% 100% / 10%",
+        "card-foreground": "224 71.4% 4.1%",
+        "border": "220 13% 91%",
+        "input": "0 0% 100%",
+        "primary": "220.9 39.3% 11%",
+        "primary-foreground": "210 20% 98%",
+        "secondary": "220 14.3% 95.9%",
+        "secondary-foreground": "220.9 39.3% 11%",
+        "destructive": "0 84.2% 60.2%",
+        "destructive-foreground": "210 20% 98%",
+        "ring": "224 71.4% 4.1%"
+      },
+      dark: {
+        "background": "224 71.4% 4.1%",
+        "foreground": "210 20% 98%",
+        "muted": "215 27.9% 16.9%",
+        "muted-foreground": "217.9 10.6% 64.9%",
+        "popover": "224 71.4% 4.1% / 20%",
+        "popover-foreground": "210 20% 98%",
+        "card": "215 27.9% 16.9% / 30%",
+        "card-foreground": "210 20% 98%",
+        "border": "215 27.9% 16.9%",
+        "input": "224 71.4% 4.1%  / 50%",
+        "primary": "210 20% 98%",
+        "primary-foreground": "220.9 39.3% 11%",
+        "secondary": "215 27.9% 16.9% / 50%",
+        "secondary-foreground": "210 20% 98%",
+        "destructive": "0 62.8% 30.6%",
+        "destructive-foreground": "210 20% 98%",
+        "ring": "216 12.2% 83.9%"
+      }
+    }
+  },
+  {
+    name: "red",
+    label: "Red",
+    previewColor: "#dc2626",
+    cssVars: {
+      light: {
+        "background": "0 0% 100%",
+        "foreground": "0 0% 3.9%",
+        "muted": "0 0% 96.1%",
+        "muted-foreground": "0 0% 45.1%",
+        "popover": "0 0% 100%",
+        "popover-foreground": "0 0% 3.9%",
+        "card": "0 0% 100%",
+        "card-foreground": "0 0% 3.9%",
+        "border": "0 0% 89.8%",
+        "input": "0 0% 100%",
+        "primary": "0 72.2% 50.6%",
+        "primary-foreground": "0 85.7% 97.3%",
+        "secondary": "0 0% 96.1%",
+        "secondary-foreground": "0 0% 9%",
+        "destructive": "0 84.2% 60.2%",
+        "destructive-foreground": "0 0% 98%",
+        "ring": "0 72.2% 50.6%"
+      },
+      dark: {
+        "background": "0 0% 3.9%",
+        "foreground": "0 0% 98%",
+        "muted": "0 0% 14.9%",
+        "muted-foreground": "0 0% 63.9%",
+        "popover": "0 0% 3.9%",
+        "popover-foreground": "0 0% 98%",
+        "card": "0 0% 3.9%",
+        "card-foreground": "0 0% 98%",
+        "border": "0 0% 14.9%",
+        "input": "0 0% 3.9%",
+        "primary": "0 72.2% 50.6%",
+        "primary-foreground": "0 85.7% 97.3%",
+        "secondary": "0 0% 14.9%",
+        "secondary-foreground": "0 0% 98%",
+        "destructive": "0 62.8% 30.6%",
+        "destructive-foreground": "0 0% 98%",
+        "ring": "0 72.2% 50.6%"
+      }
+    }
+  },
+  {
+    name: "rose",
+    label: "Rose",
+    previewColor: "#e11d48",
+    cssVars: {
+      light: {
+        "background": "0 0% 100%",
+        "foreground": "240 10% 3.9%",
+        "muted": "240 4.8% 95.9%",
+        "muted-foreground": "240 3.8% 46.1%",
+        "popover": "0 0% 100%",
+        "popover-foreground": "240 10% 3.9%",
+        "card": "0 0% 100%",
+        "card-foreground": "240 10% 3.9%",
+        "border": "240 5.9% 90%",
+        "input": "0 0% 100%",
+        "primary": "346.8 77.2% 49.8%",
+        "primary-foreground": "355.7 100% 97.3%",
+        "secondary": "240 4.8% 95.9%",
+        "secondary-foreground": "240 5.9% 10%",
+        "destructive": "0 84.2% 60.2%",
+        "destructive-foreground": "0 0% 98%",
+        "ring": "346.8 77.2% 49.8%"
+      },
+      dark: {
+        "background": "20 14.3% 4.1%",
+        "foreground": "0 0% 95%",
+        "muted": "0 0% 15%",
+        "muted-foreground": "240 5% 64.9%",
+        "popover": "0 0% 9%",
+        "popover-foreground": "0 0% 95%",
+        "card": "24 9.8% 10%",
+        "card-foreground": "0 0% 95%",
+        "border": "240 3.7% 15.9%",
+        "input": "20 14.3% 4.1%",
+        "primary": "346.8 77.2% 49.8%",
+        "primary-foreground": "355.7 100% 97.3%",
+        "secondary": "240 3.7% 15.9%",
+        "secondary-foreground": "0 0% 98%",
+        "destructive": "0 62.8% 30.6%",
+        "destructive-foreground": "0 85.7% 97.3%",
+        "ring": "346.8 77.2% 49.8%"
+      }
+    }
+  },
+  {
+    name: "orange",
+    label: "Orange",
+    previewColor: "#ea580c",
+    cssVars: {
+      light: {
+        "background": "0 0% 100%",
+        "foreground": "20 14.3% 4.1%",
+        "muted": "60 4.8% 95.9%",
+        "muted-foreground": "25 5.3% 44.7%",
+        "popover": "0 0% 100%",
+        "popover-foreground": "20 14.3% 4.1%",
+        "card": "0 0% 100%",
+        "card-foreground": "20 14.3% 4.1%",
+        "border": "20 5.9% 90%",
+        "input": "0 0% 100%",
+        "primary": "24.6 95% 53.1%",
+        "primary-foreground": "60 9.1% 97.8%",
+        "secondary": "60 4.8% 95.9%",
+        "secondary-foreground": "24 9.8% 10%",
+        "destructive": "0 84.2% 60.2%",
+        "destructive-foreground": "60 9.1% 97.8%",
+        "ring": "24.6 95% 53.1%"
+      },
+      dark: {
+        "background": "20 14.3% 4.1%",
+        "foreground": "60 9.1% 97.8%",
+        "muted": "12 6.5% 15.1%",
+        "muted-foreground": "24 5.4% 63.9%",
+        "popover": "20 14.3% 4.1%",
+        "popover-foreground": "60 9.1% 97.8%",
+        "card": "20 14.3% 4.1%",
+        "card-foreground": "60 9.1% 97.8%",
+        "border": "12 6.5% 15.1%",
+        "input": "20 14.3% 4.1%",
+        "primary": "20.5 90.2% 48.2%",
+        "primary-foreground": "60 9.1% 97.8%",
+        "secondary": "12 6.5% 15.1%",
+        "secondary-foreground": "60 9.1% 97.8%",
+        "destructive": "0 72.2% 50.6%",
+        "destructive-foreground": "60 9.1% 97.8%",
+        "ring": "20.5 90.2% 48.2%"
+      }
+    }
+  },
+  {
+    name: "green",
+    label: "Green",
+    previewColor: "#16a34a",
+    cssVars: {
+      light: {
+        "background": "0 0% 100%",
+        "foreground": "240 10% 3.9%",
+        "muted": "240 4.8% 95.9%",
+        "muted-foreground": "240 3.8% 46.1%",
+        "popover": "0 0% 100%",
+        "popover-foreground": "240 10% 3.9%",
+        "card": "0 0% 100%",
+        "card-foreground": "240 10% 3.9%",
+        "border": "240 5.9% 90%",
+        "input": "0 0% 100%",
+        "primary": "142.1 76.2% 36.3%",
+        "primary-foreground": "355.7 100% 97.3%",
+        "secondary": "240 4.8% 95.9%",
+        "secondary-foreground": "240 5.9% 10%",
+        "destructive": "0 84.2% 60.2%",
+        "destructive-foreground": "0 0% 98%",
+        "ring": "142.1 76.2% 36.3%"
+      },
+      dark: {
+        "background": "20 14.3% 4.1%",
+        "foreground": "0 0% 95%",
+        "muted": "0 0% 15%",
+        "muted-foreground": "240 5% 64.9%",
+        "popover": "0 0% 9%",
+        "popover-foreground": "0 0% 95%",
+        "card": "24 9.8% 10%",
+        "card-foreground": "0 0% 95%",
+        "border": "240 3.7% 15.9%",
+        "input": "20 14.3% 4.1%",
+        "primary": "142.1 70.6% 45.3%",
+        "primary-foreground": "144.9 80.4% 10%",
+        "secondary": "240 3.7% 15.9%",
+        "secondary-foreground": "0 0% 98%",
+        "destructive": "0 62.8% 30.6%",
+        "destructive-foreground": "0 85.7% 97.3%",
+        "ring": "142.4 71.8% 29.2%"
+      }
+    }
+  },
+  {
+    name: "blue",
+    label: "Blue",
+    previewColor: "#2563eb",
+    cssVars: {
+      light: {
+        "background": "0 0% 100%",
+        "foreground": "222.2 84% 4.9%",
+        "muted": "210 40% 96.1%",
+        "muted-foreground": "215.4 16.3% 46.9%",
+        "popover": "0 0% 100%",
+        "popover-foreground": "222.2 84% 4.9%",
+        "card": "0 0% 100%",
+        "card-foreground": "222.2 84% 4.9%",
+        "border": "214.3 31.8% 91.4%",
+        "input": "0 0% 100%",
+        "primary": "221.2 83.2% 53.3%",
+        "primary-foreground": "210 40% 98%",
+        "secondary": "210 40% 96.1%",
+        "secondary-foreground": "222.2 47.4% 11.2%",
+        "destructive": "0 84.2% 60.2%",
+        "destructive-foreground": "210 40% 98%",
+        "ring": "221.2 83.2% 53.3%"
+      },
+      dark: {
+        "background": "222.2 84% 4.9%",
+        "foreground": "210 40% 98%",
+        "muted": "217.2 32.6% 17.5%",
+        "muted-foreground": "215 20.2% 65.1%",
+        "popover": "222.2 84% 4.9%",
+        "popover-foreground": "210 40% 98%",
+        "card": "222.2 84% 4.9%",
+        "card-foreground": "210 40% 98%",
+        "border": "217.2 32.6% 17.5%",
+        "input": "222.2 84% 4.9%",
+        "primary": "217.2 91.2% 59.8%",
+        "primary-foreground": "222.2 47.4% 11.2%",
+        "secondary": "217.2 32.6% 17.5%",
+        "secondary-foreground": "210 40% 98%",
+        "destructive": "0 62.8% 30.6%",
+        "destructive-foreground": "210 40% 98%",
+        "ring": "224.3 76.3% 48%"
+      }
+    }
+  },
+  {
+    name: "yellow",
+    label: "Yellow",
+    previewColor: "#ca8a04",
+    cssVars: {
+      light: {
+        "background": "0 0% 100%",
+        "foreground": "20 14.3% 4.1%",
+        "muted": "60 4.8% 95.9%",
+        "muted-foreground": "25 5.3% 44.7%",
+        "popover": "0 0% 100%",
+        "popover-foreground": "20 14.3% 4.1%",
+        "card": "0 0% 100%",
+        "card-foreground": "20 14.3% 4.1%",
+        "border": "20 5.9% 90%",
+        "input": "0 0% 100%",
+        "primary": "47.9 95.8% 53.1%",
+        "primary-foreground": "26 83.3% 14.1%",
+        "secondary": "60 4.8% 95.9%",
+        "secondary-foreground": "24 9.8% 10%",
+        "destructive": "0 84.2% 60.2%",
+        "destructive-foreground": "60 9.1% 97.8%",
+        "ring": "20 14.3% 4.1%"
+      },
+      dark: {
+        "background": "20 14.3% 4.1%",
+        "foreground": "60 9.1% 97.8%",
+        "muted": "12 6.5% 15.1%",
+        "muted-foreground": "24 5.4% 63.9%",
+        "popover": "20 14.3% 4.1%",
+        "popover-foreground": "60 9.1% 97.8%",
+        "card": "20 14.3% 4.1%",
+        "card-foreground": "60 9.1% 97.8%",
+        "border": "12 6.5% 15.1%",
+        "input": "20 14.3% 4.1%",
+        "primary": "47.9 95.8% 53.1%",
+        "primary-foreground": "26 83.3% 14.1%",
+        "secondary": "12 6.5% 15.1%",
+        "secondary-foreground": "60 9.1% 97.8%",
+        "destructive": "0 62.8% 30.6%",
+        "destructive-foreground": "60 9.1% 97.8%",
+        "ring": "35.5 91.7% 32.9%"
+      }
+    }
+  }
 ];
+var baseColors = themes.map((theme) => ({
+  name: theme.name,
+  label: theme.label
+}));
 
 // src/utils/registry/index.ts
 var REGISTRY_PATH = new URL("../__generated/registry-schemes/", import.meta.url);