sigma-ui 1.0.13 → 1.0.15

package/__generated/registry-schemes/style-system/css/tooltip.json

@@ -9,7 +9,7 @@
     },
     {
       "name": "TooltipContent.vue",
-      "content": "<script setup lang=\"ts\">\nimport { TooltipContent, type TooltipContentEmits, type TooltipContentProps, TooltipPortal, useForwardPropsEmits } from 'reka-ui';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<TooltipContentProps>(), {\n  sideOffset: 4,\n});\n\nconst emits = defineEmits<TooltipContentEmits>();\n\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      class=\"sigma-ui-tooltip-content\"\n      :class=\"[$attrs.class]\"\n    >\n      <slot />\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n\n<style>\n.sigma-ui-tooltip-content {\n  z-index: 50;\n  overflow: hidden;\n  border-radius: var(--radius-md);\n  border: 1px solid hsl(var(--border));\n  background-color: hsl(var(--popover));\n  color: hsl(var(--popover-foreground));\n  padding: 0.375rem 0.75rem;\n  font-size: 0.875rem;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.sigma-ui-tooltip-content {\n  animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-side=\"bottom\"] {\n  animation: tooltipInBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-side=\"top\"] {\n  animation: tooltipInTop 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-side=\"left\"] {\n  animation: tooltipInLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-side=\"right\"] {\n  animation: tooltipInRight 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-state=\"closed\"] {\n  animation: tooltipOut 250ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n@keyframes tooltipIn {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes tooltipOut {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n@keyframes tooltipInBottom {\n  from {\n    opacity: 0;\n    transform: translateY(-0.5rem);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes tooltipInTop {\n  from {\n    opacity: 0;\n    transform: translateY(0.5rem);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes tooltipInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(0.5rem);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes tooltipInRight {\n  from {\n    opacity: 0;\n    transform: translateX(-0.5rem);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n</style>\n"
+      "content": "<script setup lang=\"ts\">\nimport { TooltipContent, type TooltipContentEmits, type TooltipContentProps, TooltipPortal, useForwardPropsEmits } from 'reka-ui';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<TooltipContentProps>(), {\n  sideOffset: 4,\n});\n\nconst emits = defineEmits<TooltipContentEmits>();\n\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      class=\"sigma-ui-tooltip-content\"\n      :class=\"[$attrs.class]\"\n    >\n      <slot />\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n\n<style>\n.sigma-ui-tooltip-content {\n  z-index: 50;\n  overflow: hidden;\n  padding: 0.375rem 0.75rem;\n  border: 1px solid hsl(var(--border));\n  border-radius: var(--radius-md);\n  animation: tooltip-in 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  background-color: hsl(var(--popover));\n  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);\n  color: hsl(var(--popover-foreground));\n  font-size: 0.875rem;\n}\n\n.sigma-ui-tooltip-content[data-side=\"bottom\"] {\n  animation: tooltip-in-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-side=\"top\"] {\n  animation: tooltip-in-top 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-side=\"left\"] {\n  animation: tooltip-in-left 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-side=\"right\"] {\n  animation: tooltip-in-right 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sigma-ui-tooltip-content[data-state=\"closed\"] {\n  animation: tooltip-out 250ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n@keyframes tooltip-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes tooltip-out {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n@keyframes tooltip-in-bottom {\n  from {\n    opacity: 0;\n    transform: translateY(-0.5rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes tooltip-in-top {\n  from {\n    opacity: 0;\n    transform: translateY(0.5rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes tooltip-in-left {\n  from {\n    opacity: 0;\n    transform: translateX(0.5rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes tooltip-in-right {\n  from {\n    opacity: 0;\n    transform: translateX(-0.5rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n</style>\n"
     },
     {
       "name": "TooltipProvider.vue",

package/__generated/registry-schemes/style-system/tailwind/navigation-menu.json

@@ -9,7 +9,7 @@
     },
     {
       "name": "NavigationMenuContent.vue",
-      "content": "<script setup lang=\"ts\">\nimport {\n  NavigationMenuContent,\n  type NavigationMenuContentEmits,\n  type NavigationMenuContentProps,\n  useForwardPropsEmits,\n} from 'reka-ui';\nimport { cn } from '@ui/utils';\n\nconst props = defineProps<NavigationMenuContentProps>();\nconst emits = defineEmits<NavigationMenuContentEmits>();\n\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <NavigationMenuContent\n    v-bind=\"forwarded\"\n    class=\"sigma-ui-navigation-menu-content\"\n  >\n    <slot />\n  </NavigationMenuContent>\n</template>\n\n<style>\n.sigma-ui-navigation-menu-content {\n  left: 0;\n  top: 0;\n  width: 100%;\n  animation: fadeOut 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-state=\"open\"] {\n  animation: fadeIn 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-motion=\"from-end\"][data-state=\"open\"] {\n  animation: slideInFromRight 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-motion=\"from-start\"][data-state=\"open\"] {\n  animation: slideInFromLeft 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-motion=\"to-end\"][data-state=\"closed\"] {\n  animation: slideOutToRight 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-motion=\"to-start\"][data-state=\"closed\"] {\n  animation: slideOutToLeft 200ms ease-in-out;\n}\n\n@media (min-width: 768px) {\n  .sigma-ui-navigation-menu-content {\n    position: absolute;\n    width: auto;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    filter: blur(12px);\n  }\n  to {\n    opacity: 1;\n    filter: blur(0);\n  }\n}\n\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes slideInFromRight {\n  from {\n    opacity: 0;\n    transform: translateX(13rem);\n    filter: blur(12px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n    filter: blur(0);\n  }\n}\n\n@keyframes slideInFromLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-13rem);\n    filter: blur(12px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n    filter: blur(0);\n  }\n}\n\n@keyframes slideOutToRight {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n    filter: blur(0);\n  }\n  to {\n    transform: translateX(13rem);\n    filter: blur(12px);\n    opacity: 0;\n  }\n}\n\n@keyframes slideOutToLeft {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n    filter: blur(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-13rem);\n    filter: blur(12px);\n  }\n}\n</style>\n"
+      "content": "<script setup lang=\"ts\">\nimport {\n  NavigationMenuContent,\n  type NavigationMenuContentEmits,\n  type NavigationMenuContentProps,\n  useForwardPropsEmits,\n} from 'reka-ui';\n\nconst props = defineProps<NavigationMenuContentProps>();\nconst emits = defineEmits<NavigationMenuContentEmits>();\n\nconst forwarded = useForwardPropsEmits(props, emits);\n</script>\n\n<template>\n  <NavigationMenuContent\n    v-bind=\"forwarded\"\n    class=\"sigma-ui-navigation-menu-content\"\n  >\n    <slot />\n  </NavigationMenuContent>\n</template>\n\n<style>\n.sigma-ui-navigation-menu-content {\n  top: 0;\n  left: 0;\n  width: 100%;\n  animation: fade-out 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-state=\"open\"] {\n  animation: fade-in 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-motion=\"from-end\"][data-state=\"open\"] {\n  animation: slide-in-from-right 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-motion=\"from-start\"][data-state=\"open\"] {\n  animation: slide-in-from-left 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-motion=\"to-end\"][data-state=\"closed\"] {\n  animation: slide-out-to-right 200ms ease-in-out;\n}\n\n.sigma-ui-navigation-menu-content[data-motion=\"to-start\"][data-state=\"closed\"] {\n  animation: slide-out-to-left 200ms ease-in-out;\n}\n\n@media (width >= 768px) {\n  .sigma-ui-navigation-menu-content {\n    position: absolute;\n    width: auto;\n  }\n}\n\n@keyframes fade-in {\n  from {\n    filter: blur(12px);\n    opacity: 0;\n  }\n\n  to {\n    filter: blur(0);\n    opacity: 1;\n  }\n}\n\n@keyframes fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes slide-in-from-right {\n  from {\n    filter: blur(12px);\n    opacity: 0;\n    transform: translateX(13rem);\n  }\n\n  to {\n    filter: blur(0);\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-in-from-left {\n  from {\n    filter: blur(12px);\n    opacity: 0;\n    transform: translateX(-13rem);\n  }\n\n  to {\n    filter: blur(0);\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-out-to-right {\n  from {\n    filter: blur(0);\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n  to {\n    filter: blur(12px);\n    opacity: 0;\n    transform: translateX(13rem);\n  }\n}\n\n@keyframes slide-out-to-left {\n  from {\n    filter: blur(0);\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n  to {\n    filter: blur(12px);\n    opacity: 0;\n    transform: translateX(-13rem);\n  }\n}\n</style>\n"
     },
     {
       "name": "NavigationMenuIndicator.vue",

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,28 +301,15 @@ 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
@@ -928,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";
@@ -15674,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 = [];
@@ -16505,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) {
@@ -23832,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";
@@ -23900,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 = [];
@@ -23966,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"],
@@ -24606,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",
@@ -24660,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 || "",
@@ -24705,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"
@@ -24734,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) {
@@ -24788,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) {
@@ -24852,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"
@@ -24879,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";
   });