sigma-ui 1.0.12 → 1.0.14

package/__generated/registry-schemes/colors/orange.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 13 81.1% 14.5%;\n    --muted: 34.3 100% 91.8%;\n    --muted-foreground: 24.6 95% 53.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 13 81.1% 14.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 13 81.1% 14.5%;\n    --border: 32.1 97.7% 83.1%;\n    --input: 32.1 97.7% 83.1%;\n    --primary: 15.3 74.6% 27.8%;\n    --primary-foreground: 33.3 100% 96.5%;\n    --secondary: 34.3 100% 91.8%;\n    --secondary-foreground: 15.3 74.6% 27.8%;\n    --accent: 34.3 100% 91.8%;\n    --accent-foreground: 15.3 74.6% 27.8%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 13 81.1% 14.5%;\n  }\n \n  .dark {\n    --background: 13 81.1% 14.5%;\n    --foreground: 33.3 100% 96.5%;\n    --muted: 15 79.1% 33.7%;\n    --muted-foreground: 27 96% 61%;\n    --popover: 13 81.1% 14.5%;\n    --popover-foreground: 33.3 100% 96.5%;\n    --card: 13 81.1% 14.5%;\n    --card-foreground: 33.3 100% 96.5%;\n    --border: 15 79.1% 33.7%;\n    --input: 15 79.1% 33.7%;\n    --primary: 33.3 100% 96.5%;\n    --primary-foreground: 15.3 74.6% 27.8%;\n    --secondary: 15 79.1% 33.7%;\n    --secondary-foreground: 33.3 100% 96.5%;\n    --accent: 15 79.1% 33.7%;\n    --accent-foreground: 33.3 100% 96.5%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 30.7 97.2% 72.4%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {

package/__generated/registry-schemes/colors/red.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 0 74.7% 15.5%;\n    --muted: 0 93.3% 94.1%;\n    --muted-foreground: 0 84.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 0 74.7% 15.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 0 74.7% 15.5%;\n    --border: 0 96.3% 89.4%;\n    --input: 0 96.3% 89.4%;\n    --primary: 0 62.8% 30.6%;\n    --primary-foreground: 0 85.7% 97.3%;\n    --secondary: 0 93.3% 94.1%;\n    --secondary-foreground: 0 62.8% 30.6%;\n    --accent: 0 93.3% 94.1%;\n    --accent-foreground: 0 62.8% 30.6%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 74.7% 15.5%;\n  }\n \n  .dark {\n    --background: 0 74.7% 15.5%;\n    --foreground: 0 85.7% 97.3%;\n    --muted: 0 70% 35.3%;\n    --muted-foreground: 0 90.6% 70.8%;\n    --popover: 0 74.7% 15.5%;\n    --popover-foreground: 0 85.7% 97.3%;\n    --card: 0 74.7% 15.5%;\n    --card-foreground: 0 85.7% 97.3%;\n    --border: 0 70% 35.3%;\n    --input: 0 70% 35.3%;\n    --primary: 0 85.7% 97.3%;\n    --primary-foreground: 0 62.8% 30.6%;\n    --secondary: 0 70% 35.3%;\n    --secondary-foreground: 0 85.7% 97.3%;\n    --accent: 0 70% 35.3%;\n    --accent-foreground: 0 85.7% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 93.5% 81.8%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {

package/__generated/registry-schemes/colors/rose.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 343.1 87.7% 15.9%;\n    --muted: 355.6 100% 94.7%;\n    --muted-foreground: 349.7 89.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 343.1 87.7% 15.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 343.1 87.7% 15.9%;\n    --border: 352.7 96.1% 90%;\n    --input: 352.7 96.1% 90%;\n    --primary: 341.5 75.5% 30.4%;\n    --primary-foreground: 355.7 100% 97.3%;\n    --secondary: 355.6 100% 94.7%;\n    --secondary-foreground: 341.5 75.5% 30.4%;\n    --accent: 355.6 100% 94.7%;\n    --accent-foreground: 341.5 75.5% 30.4%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 343.1 87.7% 15.9%;\n  }\n \n  .dark {\n    --background: 343.1 87.7% 15.9%;\n    --foreground: 355.7 100% 97.3%;\n    --muted: 343.4 79.7% 34.7%;\n    --muted-foreground: 351.3 94.5% 71.4%;\n    --popover: 343.1 87.7% 15.9%;\n    --popover-foreground: 355.7 100% 97.3%;\n    --card: 343.1 87.7% 15.9%;\n    --card-foreground: 355.7 100% 97.3%;\n    --border: 343.4 79.7% 34.7%;\n    --input: 343.4 79.7% 34.7%;\n    --primary: 355.7 100% 97.3%;\n    --primary-foreground: 341.5 75.5% 30.4%;\n    --secondary: 343.4 79.7% 34.7%;\n    --secondary-foreground: 355.7 100% 97.3%;\n    --accent: 343.4 79.7% 34.7%;\n    --accent-foreground: 355.7 100% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 352.6 95.7% 81.8%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {

package/__generated/registry-schemes/colors/violet.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 261.2 72.6% 22.9%;\n    --muted: 251.4 91.3% 95.5%;\n    --muted-foreground: 258.3 89.5% 66.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 261.2 72.6% 22.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 261.2 72.6% 22.9%;\n    --border: 250.5 95.2% 91.8%;\n    --input: 250.5 95.2% 91.8%;\n    --primary: 263.5 67.4% 34.9%;\n    --primary-foreground: 250 100% 97.6%;\n    --secondary: 251.4 91.3% 95.5%;\n    --secondary-foreground: 263.5 67.4% 34.9%;\n    --accent: 251.4 91.3% 95.5%;\n    --accent-foreground: 263.5 67.4% 34.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 261.2 72.6% 22.9%;\n  }\n \n  .dark {\n    --background: 261.2 72.6% 22.9%;\n    --foreground: 250 100% 97.6%;\n    --muted: 263.4 69.3% 42.2%;\n    --muted-foreground: 255.1 91.7% 76.3%;\n    --popover: 261.2 72.6% 22.9%;\n    --popover-foreground: 250 100% 97.6%;\n    --card: 261.2 72.6% 22.9%;\n    --card-foreground: 250 100% 97.6%;\n    --border: 263.4 69.3% 42.2%;\n    --input: 263.4 69.3% 42.2%;\n    --primary: 250 100% 97.6%;\n    --primary-foreground: 263.5 67.4% 34.9%;\n    --secondary: 263.4 69.3% 42.2%;\n    --secondary-foreground: 250 100% 97.6%;\n    --accent: 263.4 69.3% 42.2%;\n    --accent-foreground: 250 100% 97.6%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 252.5 94.7% 85.1%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {

package/__generated/registry-schemes/colors/yellow.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 26 83.3% 14.1%;\n    --muted: 54.9 96.7% 88%;\n    --muted-foreground: 45.4 93.4% 47.5%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 26 83.3% 14.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 26 83.3% 14.1%;\n    --border: 52.8 98.3% 76.9%;\n    --input: 52.8 98.3% 76.9%;\n    --primary: 28.4 72.5% 25.7%;\n    --primary-foreground: 54.5 91.7% 95.3%;\n    --secondary: 54.9 96.7% 88%;\n    --secondary-foreground: 28.4 72.5% 25.7%;\n    --accent: 54.9 96.7% 88%;\n    --accent-foreground: 28.4 72.5% 25.7%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 26 83.3% 14.1%;\n  }\n \n  .dark {\n    --background: 26 83.3% 14.1%;\n    --foreground: 54.5 91.7% 95.3%;\n    --muted: 31.8 81% 28.8%;\n    --muted-foreground: 47.9 95.8% 53.1%;\n    --popover: 26 83.3% 14.1%;\n    --popover-foreground: 54.5 91.7% 95.3%;\n    --card: 26 83.3% 14.1%;\n    --card-foreground: 54.5 91.7% 95.3%;\n    --border: 31.8 81% 28.8%;\n    --input: 31.8 81% 28.8%;\n    --primary: 54.5 91.7% 95.3%;\n    --primary-foreground: 28.4 72.5% 25.7%;\n    --secondary: 31.8 81% 28.8%;\n    --secondary-foreground: 54.5 91.7% 95.3%;\n    --accent: 31.8 81% 28.8%;\n    --accent-foreground: 54.5 91.7% 95.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 50.4 97.8% 63.5%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {

package/__generated/registry-schemes/colors/zinc.json

@@ -89,7 +89,6 @@
   },
   "templates": {
     "tailwind": {
-      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
       "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 240 10% 3.9%;\n    --muted: 240 4.8% 95.9%;\n    --muted-foreground: 240 3.8% 46.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 240 10% 3.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 240 10% 3.9%;\n    --border: 240 5.9% 90%;\n    --input: 240 5.9% 90%;\n    --primary: 240 5.9% 10%;\n    --primary-foreground: 0 0% 98%;\n    --secondary: 240 4.8% 95.9%;\n    --secondary-foreground: 240 5.9% 10%;\n    --accent: 240 4.8% 95.9%;\n    --accent-foreground: 240 5.9% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n    --ring: 240 10% 3.9%;\n  }\n \n  .dark {\n    --background: 240 10% 3.9%;\n    --foreground: 0 0% 98%;\n    --muted: 240 3.7% 15.9%;\n    --muted-foreground: 240 5% 64.9%;\n    --popover: 240 10% 3.9%;\n    --popover-foreground: 0 0% 98%;\n    --card: 240 10% 3.9%;\n    --card-foreground: 0 0% 98%;\n    --border: 240 3.7% 15.9%;\n    --input: 240 3.7% 15.9%;\n    --primary: 0 0% 98%;\n    --primary-foreground: 240 5.9% 10%;\n    --secondary: 240 3.7% 15.9%;\n    --secondary-foreground: 0 0% 98%;\n    --accent: 240 3.7% 15.9%;\n    --accent-foreground: 0 0% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n    --ring: 240 4.9% 83.9%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {

package/dist/index.js

@@ -26,95 +26,6 @@ import { tmpdir } from "node:os";
 import path from "pathe";
 import { Project, ScriptKind } from "ts-morph";
 
-// src/utils/transformers/transform-css-vars.ts
-import MagicString from "magic-string";
-import { parse } from "@vue/compiler-sfc";
-import { SyntaxKind } from "ts-morph";
-var transformCssVars = async ({
-  sourceFile,
-  config,
-  baseColor
-}) => {
-  const isVueFile = sourceFile.getFilePath().endsWith("vue");
-  if (config.tailwind?.cssVariables || !baseColor?.inlineColors) {
-    return sourceFile;
-  }
-  let template2 = null;
-  if (isVueFile) {
-    const parsed = parse(sourceFile.getText());
-    template2 = parsed.descriptor.template;
-    if (!template2) {
-      return sourceFile;
-    }
-  }
-  sourceFile.getDescendantsOfKind(SyntaxKind.StringLiteral).forEach((node) => {
-    if (template2 && template2.loc.start.offset >= node.getPos()) {
-      return sourceFile;
-    }
-    const value = node.getText();
-    const hasClosingDoubleQuote = value.match(/"/g)?.length === 2;
-    if (value.search("'") === -1 && hasClosingDoubleQuote) {
-      const mapped = applyColorMapping(value.replace(/"/g, ""), baseColor.inlineColors);
-      node.replaceWithText(`"${mapped}"`);
-    } else {
-      const s = new MagicString(value);
-      s.replace(/'(.*?)'/g, (substring) => {
-        return `'${applyColorMapping(substring.replace(/'/g, ""), baseColor.inlineColors)}'`;
-      });
-      node.replaceWithText(s.toString());
-    }
-  });
-  return sourceFile;
-};
-function splitClassName(className) {
-  if (!className.includes("/") && !className.includes(":")) {
-    return [null, className, null];
-  }
-  const parts = [];
-  const [rest, alpha] = className.split("/");
-  if (!rest.includes(":")) {
-    return [null, rest, alpha];
-  }
-  const split = rest.split(":");
-  const name = split.pop();
-  const variant = split.join(":");
-  parts.push(variant ?? null, name ?? null, alpha ?? null);
-  return parts;
-}
-var PREFIXES = ["bg-", "text-", "border-", "ring-offset-", "ring-"];
-function applyColorMapping(input, mapping) {
-  if (input.includes(" border ")) {
-    input = input.replace(" border ", " border border-border ");
-  }
-  const classNames = input.split(" ");
-  const lightMode = /* @__PURE__ */ new Set();
-  const darkMode = /* @__PURE__ */ new Set();
-  for (const className of classNames) {
-    const [variant, value, modifier] = splitClassName(className);
-    const prefix = PREFIXES.find((prefix2) => value?.startsWith(prefix2));
-    if (!prefix) {
-      if (!lightMode.has(className)) {
-        lightMode.add(className);
-      }
-      continue;
-    }
-    const needle = value?.replace(prefix, "");
-    if (needle && needle in mapping.light) {
-      lightMode.add(
-        [variant, `${prefix}${mapping.light[needle]}`].filter(Boolean).join(":") + (modifier ? `/${modifier}` : "")
-      );
-      darkMode.add(
-        ["dark", variant, `${prefix}${mapping.dark[needle]}`].filter(Boolean).join(":") + (modifier ? `/${modifier}` : "")
-      );
-      continue;
-    }
-    if (!lightMode.has(className)) {
-      lightMode.add(className);
-    }
-  }
-  return [...Array.from(lightMode), ...Array.from(darkMode)].join(" ").trim();
-}
-
 // src/utils/transformers/transform-import.ts
 var transformImport = async ({ sourceFile, config }) => {
   const importDeclarations = sourceFile.getImportDeclarations();
@@ -149,7 +60,6 @@ var transformImport = async ({ sourceFile, config }) => {
 
 // src/utils/transformers/index.ts
 var transformers = [
-  transformCssVars,
   transformImport
   // transformTwPrefixes,
 ];
@@ -194,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 = "slate";
+var DEFAULT_TAILWIND_BASE_COLOR = "zinc";
 var commonFields = {
   styleSystem: z.string(),
   baseColor: z.string().default(DEFAULT_TAILWIND_BASE_COLOR),
@@ -205,7 +115,6 @@ var commonFields = {
 };
 var tailwindFields = {
   config: z.string(),
-  cssVariables: z.boolean().default(true),
   prefix: z.string().optional()
 };
 var registryItemSchema = z.object({
@@ -243,7 +152,6 @@ var registryBaseColorSchema = z.object({
   }),
   templates: z.object({
     tailwind: z.object({
-      withoutVariables: z.string(),
       withVariables: z.string()
     }),
     css: z.object({
@@ -261,7 +169,6 @@ var rawConfigSchema = z.object({
   baseColor: commonFields.baseColor,
   tailwind: z.object({
     config: tailwindFields.config,
-    cssVariables: tailwindFields.cssVariables,
     prefix: tailwindFields.prefix
   }),
   aliases: z.object({
@@ -394,37 +301,28 @@ import path3 from "pathe";
 
 // ../../apps/docs/src/lib/registry/colors.ts
 var baseColors = [
-  { name: "slate", label: "Slate" },
-  { name: "gray", label: "Gray" },
   { name: "zinc", label: "Zinc" },
-  { name: "neutral", label: "Neutral" },
-  { name: "stone", label: "Stone" },
+  { name: "gray", label: "Gray" },
+  { name: "blue", label: "Blue" },
+  { name: "rose", label: "Rose" },
   { name: "red", label: "Red" },
   { name: "orange", label: "Orange" },
-  { name: "amber", label: "Amber" },
   { name: "yellow", label: "Yellow" },
-  { name: "lime", label: "Lime" },
   { name: "green", label: "Green" },
-  { name: "emerald", label: "Emerald" },
-  { name: "teal", label: "Teal" },
-  { name: "cyan", label: "Cyan" },
-  { name: "sky", label: "Sky" },
-  { name: "blue", label: "Blue" },
-  { name: "indigo", label: "Indigo" },
-  { name: "violet", label: "Violet" },
-  { name: "purple", label: "Purple" },
-  { name: "fuchsia", label: "Fuchsia" },
-  { name: "pink", label: "Pink" },
-  { name: "rose", label: "Rose" }
+  { name: "violet", label: "Violet" }
 ];
 
 // src/utils/registry/index.ts
 var REGISTRY_PATH = new URL("../__generated/registry-schemes/", import.meta.url);
+var DIRS = {
+  STYLE_SYSTEM: "style-system",
+  COLORS: "colors"
+};
 var filePaths = {
   index: () => `index.json`,
-  styles: () => `styles/index.json`,
-  baseColors: (baseColor) => `colors/${baseColor}.json`,
-  selectedStyleComponent: (params) => `style-system/${params.styleSystem}/${params.componentName}.json`
+  styles: () => `${DIRS.STYLE_SYSTEM}/index.json`,
+  baseColors: (baseColor) => `${DIRS.COLORS}/${baseColor}.json`,
+  selectedStyleComponent: (params) => `${DIRS.STYLE_SYSTEM}/${params.styleSystem}/${params.componentName}.json`
 };
 function getRegistryBaseColors() {
   return baseColors;
@@ -924,9 +822,10 @@ import { Command as Command3 } from "commander";
 import { template } from "lodash-es";
 import ora2 from "ora";
 import prompts2 from "prompts";
-import { addDependency as addDependency2, addDevDependency as addDevDependency2 } from "nypm";
+import { addDependency as addDependency2, addDevDependency as addDevDependency2, detectPackageManager as detectPackageManager2 } from "nypm";
 import { consola as consola5 } from "consola";
 import { colors as colors4 } from "consola/utils";
+import { execSync as execSync2 } from "node:child_process";
 
 // ../../node_modules/.pnpm/prettier@3.5.0/node_modules/prettier/index.mjs
 import { createRequire as __prettierCreateRequire } from "module";
@@ -15670,7 +15569,7 @@ var column;
 var token;
 var key;
 var root;
-var parse22 = function parse3(text, reviver) {
+var parse2 = function parse3(text, reviver) {
   source = String(text);
   parseState = "start";
   stack = [];
@@ -16501,7 +16400,7 @@ function syntaxError(message) {
   err.columnNumber = column;
   return err;
 }
-var dist_default = { parse: parse22 };
+var dist_default = { parse: parse2 };
 var import_code_frame = __toESM(require_lib2(), 1);
 var safeLastIndexOf = (string, searchString, index) => index < 0 ? -1 : string.lastIndexOf(searchString, index);
 function getPosition(text, textIndex) {
@@ -23828,7 +23727,7 @@ var debugApis = {
 var src_default = index_exports;
 
 // src/commands/init.ts
-import { Project as Project2, SyntaxKind as SyntaxKind3 } from "ts-morph";
+import { Project as Project2, SyntaxKind as SyntaxKind2 } from "ts-morph";
 
 // src/utils/get-project-info.ts
 import { existsSync as existsSync4 } from "node:fs";
@@ -23896,8 +23795,27 @@ function transformCJSToESM(filename, code) {
 }
 
 // src/utils/transformers/transform-tw-prefix.ts
-import { SyntaxKind as SyntaxKind2 } from "ts-morph";
-import { MagicString as MagicString2, parse as parse7 } from "@vue/compiler-sfc";
+import { SyntaxKind } from "ts-morph";
+import { MagicString, parse as parse7 } from "@vue/compiler-sfc";
+
+// src/utils/transformers/transform-css-vars.ts
+function splitClassName(className) {
+  if (!className.includes("/") && !className.includes(":")) {
+    return [null, className, null];
+  }
+  const parts = [];
+  const [rest, alpha] = className.split("/");
+  if (!rest.includes(":")) {
+    return [null, rest, alpha];
+  }
+  const split = rest.split(":");
+  const name = split.pop();
+  const variant = split.join(":");
+  parts.push(variant ?? null, name ?? null, alpha ?? null);
+  return parts;
+}
+
+// src/utils/transformers/transform-tw-prefix.ts
 function applyPrefix(input, prefix = "") {
   const classNames = input.split(" ");
   const prefixed = [];
@@ -23962,45 +23880,6 @@ export function cn(...inputs: ClassValue[]) {
 `;
 var TAILWIND_CONFIG_TEMPLATE = `const animate = require("tailwindcss-animate")
 
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: ["class"],
-  content: [
-    './pages/**/*.{<%- extension %>,<%- extension %>x,vue}',
-    './components/**/*.{<%- extension %>,<%- extension %>x,vue}',
-    './app/**/*.{<%- extension %>,<%- extension %>x,vue}',
-    './src/**/*.{<%- extension %>,<%- extension %>x,vue}',
-  ],
-  prefix: "<%- prefix %>",
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
-    extend: {
-      keyframes: {
-        "accordion-down": {
-          from: { height: 0 },
-          to: { height: "var(--reka-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--reka-accordion-content-height)" },
-          to: { height: 0 },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
-  },
-  plugins: [animate],
-}`;
-var TAILWIND_CONFIG_WITH_VARIABLES_TEMPLATE = `const animate = require("tailwindcss-animate")
-
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: ["class"],
@@ -24602,14 +24481,6 @@ async function promptForConfig(cwd, defaultConfig = null, skip2 = false) {
       message: `Specify the path to ${highlight("global CSS")} file ${colors4.gray("(it will be overwritten / created)")}`,
       initial: (_, values) => defaultConfig?.cssPath ?? TAILWIND_CSS_PATH[values.framework]
     },
-    {
-      type: (_, answers) => answers.styleSystem === "tailwind" ? "toggle" : null,
-      name: "tailwindCssVariables",
-      message: `Generate and use ${highlight("CSS variables")} for colors and other parameters? ${colors4.gray("(recommended)")}`,
-      initial: defaultConfig?.tailwind.cssVariables ?? true,
-      active: "yes",
-      inactive: "no"
-    },
     {
       type: "text",
       name: "components",
@@ -24656,8 +24527,7 @@ function createConfig(options8) {
     cssPath: options8.cssPath,
     baseColor: options8.tailwindBaseColor,
     tailwind: {
-      config: options8.tailwindConfig || "",
-      cssVariables: options8.tailwindCssVariables
+      config: options8.tailwindConfig || ""
     },
     aliases: {
       utils: options8.utils || "",
@@ -24701,9 +24571,7 @@ async function writeFiles(config) {
   writeFilesSpinner?.succeed();
 }
 async function writeTailwindConfig(config) {
-  const unformattedConfig = template(
-    config.tailwind.cssVariables ? TAILWIND_CONFIG_WITH_VARIABLES_TEMPLATE : TAILWIND_CONFIG_TEMPLATE
-  )({
+  const unformattedConfig = template(TAILWIND_CONFIG_TEMPLATE)({
     framework: config.framework,
     prefix: config.tailwind.prefix,
     extension: "ts"
@@ -24730,11 +24598,7 @@ async function writeCssFile(config) {
     const file = config.resolvedPaths.tailwindCss;
     let data = "";
     if (config.styleSystem === "tailwind") {
-      if (config.tailwind.cssVariables) {
-        data = config.tailwind.prefix ? applyPrefixesCss(baseColorData.templates.tailwind.withVariables, config.tailwind.prefix) : baseColorData.templates.tailwind.withVariables;
-      } else {
-        data = baseColorData.templates.tailwind.withoutVariables;
-      }
+      data = config.tailwind.prefix ? applyPrefixesCss(baseColorData.templates.tailwind.withVariables, config.tailwind.prefix) : baseColorData.templates.tailwind.withVariables;
     } else if (config.styleSystem === "css") {
       data = baseColorData.templates.css.withVariables;
       if (config.generatePreflight) {
@@ -24784,22 +24648,53 @@ async function installDependencies2(config, cwd) {
   }
   const deps = [...baseDeps, ...PROJECT_DEPENDENCIES.sharedBase].filter(Boolean);
   const devDeps = baseDevDeps.filter(Boolean);
-  await Promise.allSettled(
-    [
-      config.framework === "nuxt" && await addDevDependency2(PROJECT_DEPENDENCIES.nuxt, {
-        cwd,
-        silent: true
-      }),
-      await addDependency2(deps, {
-        cwd,
-        silent: true
-      }),
-      devDeps.length > 0 && await addDevDependency2(devDeps, {
-        cwd,
-        silent: true
-      })
-    ]
-  );
+  const installTasks = [
+    config.framework === "nuxt" && PROJECT_DEPENDENCIES.nuxt.length && { type: "devDependencies", deps: PROJECT_DEPENDENCIES.nuxt, installer: addDevDependency2 },
+    deps.length && { type: "dependencies", deps, installer: addDependency2 },
+    devDeps.length && { type: "devDependencies", deps: devDeps, installer: addDevDependency2 }
+  ].filter(Boolean);
+  for (const task of installTasks) {
+    try {
+      dependenciesSpinner.text = `Installing ${task.type}...`;
+      await task.installer(task.deps, { cwd, silent: true });
+    } catch (error) {
+      consola5.warn(`nypm failed to install ${task.type}:`, error);
+      const isCorepackError = error instanceof Error && error.message?.includes("corepack");
+      if (isCorepackError) {
+        consola5.info(`Falling back to direct package manager execution for ${task.type}...`);
+        const pm = await detectPackageManager2(cwd);
+        let command = "";
+        const depsString = task.deps.join(" ");
+        const devFlag = task.type === "devDependencies" ? "-D " : "";
+        switch (pm?.name) {
+          case "npm":
+            command = `npm install ${devFlag}${depsString}`;
+            break;
+          case "yarn":
+            command = `yarn add ${devFlag}${depsString}`;
+            break;
+          case "bun":
+            command = `bun add ${devFlag}${depsString}`;
+            break;
+          case "pnpm":
+          default:
+            command = `pnpm add ${devFlag}${depsString}`;
+            break;
+        }
+        try {
+          consola5.info(`Running: ${command}`);
+          execSync2(command, { cwd, stdio: "inherit" });
+          consola5.success(`Successfully installed ${task.type} using direct package manager execution.`);
+        } catch (fallbackError) {
+          const errorMessage = fallbackError instanceof Error ? fallbackError.message : "Unknown error";
+          consola5.error(`Fallback package manager execution failed for ${task.type}:`, errorMessage);
+        }
+      } else {
+        const errorMessage = error instanceof Error ? error.message : "Unknown error";
+        consola5.error(`Failed to install ${task.type} using nypm: ${errorMessage}`);
+      }
+    }
+  }
   dependenciesSpinner?.succeed();
 }
 async function ensureDirectoriesExist(config) {
@@ -24848,17 +24743,17 @@ async function updateViteConfig() {
     return;
   }
   const configObject = exportAssignment.getExpression();
-  if (!configObject.asKind(SyntaxKind3.CallExpression)) {
+  if (!configObject.asKind(SyntaxKind2.CallExpression)) {
     consola5.warn("Default export is not a defineConfig call");
     return;
   }
-  const defineConfigCall = configObject.asKindOrThrow(SyntaxKind3.CallExpression);
+  const defineConfigCall = configObject.asKindOrThrow(SyntaxKind2.CallExpression);
   const configArg = defineConfigCall.getArguments()[0];
-  if (!configArg?.asKind(SyntaxKind3.ObjectLiteralExpression)) {
+  if (!configArg?.asKind(SyntaxKind2.ObjectLiteralExpression)) {
     consola5.warn("defineConfig argument is not an object literal");
     return;
   }
-  const configObjLiteral = configArg.asKindOrThrow(SyntaxKind3.ObjectLiteralExpression);
+  const configObjLiteral = configArg.asKindOrThrow(SyntaxKind2.ObjectLiteralExpression);
   sourceFile.addImportDeclaration({
     moduleSpecifier: "@tailwindcss/vite",
     defaultImport: "tailwindcss"
@@ -24875,16 +24770,16 @@ async function updateViteConfig() {
     consola5.warn("Could not create plugins property");
     return;
   }
-  const pluginsArray = pluginsProp.getFirstChildByKind(SyntaxKind3.ArrayLiteralExpression);
+  const pluginsArray = pluginsProp.getFirstChildByKind(SyntaxKind2.ArrayLiteralExpression);
   if (!pluginsArray) {
     consola5.warn("Could not find or create plugins array");
     return;
   }
   const hasTailwindPlugin = pluginsArray.getElements().some((element) => {
-    if (element.getKind() !== SyntaxKind3.CallExpression) {
+    if (element.getKind() !== SyntaxKind2.CallExpression) {
       return false;
     }
-    const callExpr = element.asKindOrThrow(SyntaxKind3.CallExpression);
+    const callExpr = element.asKindOrThrow(SyntaxKind2.CallExpression);
     const expression = callExpr.getExpression();
     return expression.getText() === "tailwindcss";
   });