@codefast/ui 0.0.39 → 0.0.41

package/dist/tailwind.config.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../tailwind.config.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport { fontFamily } from \"tailwindcss/defaultTheme\";\nimport animate from \"./plugin/animate.plugin\";\nimport perspective from \"./plugin/perspective.plugin\";\nimport base from \"./plugin/base.plugin\";\n\nconst config: Config = {\n  content: [\"./src/**/*.{js,ts,jsx,tsx,mdx}\"],\n  darkMode: [\"class\"],\n  plugins: [animate, perspective, base],\n  theme: {\n    extend: {\n      animation: {\n        \"collapsible-open\": \"collapsible-open 200ms ease\",\n        \"collapsible-closed\": \"collapsible-closed 200ms ease\",\n        \"caret-blink\": \"caret-blink 1000ms ease infinite\",\n      },\n      borderColor: {\n        DEFAULT: \"hsl(var(--border))\",\n      },\n      borderRadius: {\n        sm: \"calc(var(--radius, 0.25rem) - 0.125px)\", // 2px\n        DEFAULT: \"var(--radius, 0.25rem)\", // 4px\n        md: \"calc(var(--radius, 0.25rem) + 0.125rem)\", // 6px\n        lg: \"calc(var(--radius, 0.25rem) + 0.25rem)\", // 8px\n        xl: \"calc(var(--radius, 0.25rem) + 0.5rem)\", // 12px\n        \"2xl\": \"calc(var(--radius, 0.25rem) + 0.75rem)\", // 16px\n        \"3xl\": \"calc(var(--radius, 0.25rem) + 1.25rem)\", // 24px\n      },\n      colors: {\n        accent: {\n          DEFAULT: \"hsl(var(--accent))\",\n          foreground: \"hsl(var(--accent-foreground))\",\n        },\n        background: \"hsl(var(--background))\",\n        border: \"hsl(var(--border))\",\n        card: {\n          DEFAULT: \"hsl(var(--card))\",\n          foreground: \"hsl(var(--card-foreground))\",\n        },\n        compound: \"hsl(var(--compound))\",\n        destructive: {\n          DEFAULT: \"hsl(var(--destructive))\",\n          foreground: \"hsl(var(--destructive-foreground))\",\n        },\n        foreground: \"hsl(var(--foreground))\",\n        info: {\n          DEFAULT: \"hsl(var(--info))\",\n          foreground: \"hsl(var(--info-foreground))\",\n        },\n        input: \"hsl(var(--input))\",\n        muted: {\n          DEFAULT: \"hsl(var(--muted))\",\n          foreground: \"hsl(var(--muted-foreground))\",\n        },\n        popover: {\n          DEFAULT: \"hsl(var(--popover))\",\n          foreground: \"hsl(var(--popover-foreground))\",\n        },\n        primary: {\n          DEFAULT: \"hsl(var(--primary))\",\n          foreground: \"hsl(var(--primary-foreground))\",\n        },\n        ring: \"hsl(var(--ring))\",\n        secondary: {\n          DEFAULT: \"hsl(var(--secondary))\",\n          foreground: \"hsl(var(--secondary-foreground))\",\n        },\n        success: {\n          DEFAULT: \"hsl(var(--success))\",\n          foreground: \"hsl(var(--success-foreground))\",\n        },\n        warning: {\n          DEFAULT: \"hsl(var(--warning))\",\n          foreground: \"hsl(var(--warning-foreground))\",\n        },\n      },\n      fontFamily: {\n        sans: `var(--font-sans, ${fontFamily.sans.join(\", \")})`,\n      },\n      keyframes: {\n        \"collapsible-open\": {\n          from: {\n            height: \"0\",\n          },\n          to: {\n            height: \"var(--radix-collapsible-content-height)\",\n          },\n        },\n        \"collapsible-closed\": {\n          from: {\n            height: \"var(--radix-collapsible-content-height)\",\n          },\n          to: {\n            height: \"0\",\n          },\n        },\n        \"caret-blink\": {\n          \"0%,70%,100%\": {\n            opacity: \"1\",\n          },\n          \"20%,50%\": {\n            opacity: \"0\",\n          },\n        },\n      },\n      outlineColor: {\n        DEFAULT: \"hsl(var(--ring))\",\n      },\n      ringColor: {\n        DEFAULT: \"hsl(var(--ring))\",\n      },\n      ringOffsetColor: {\n        DEFAULT: \"hsl(var(--background))\",\n      },\n      spacing: {\n        0.75: \"0.1875rem\", // 3px\n        18: \"4.5rem\", // 72px\n      },\n      transitionDuration: {\n        250: \"250ms\",\n      },\n    },\n  },\n};\n\nexport default config;\n"],"mappings":"2HACA,OAAS,cAAAA,MAAkB,2BAK3B,IAAMC,EAAiB,CACrB,QAAS,CAAC,gCAAgC,EAC1C,SAAU,CAAC,OAAO,EAClB,QAAS,CAACC,EAASC,EAAaC,CAAI,EACpC,MAAO,CACL,OAAQ,CACN,UAAW,CACT,mBAAoB,8BACpB,qBAAsB,gCACtB,cAAe,kCACjB,EACA,YAAa,CACX,QAAS,oBACX,EACA,aAAc,CACZ,GAAI,yCACJ,QAAS,yBACT,GAAI,0CACJ,GAAI,yCACJ,GAAI,wCACJ,MAAO,yCACP,MAAO,wCACT,EACA,OAAQ,CACN,OAAQ,CACN,QAAS,qBACT,WAAY,+BACd,EACA,WAAY,yBACZ,OAAQ,qBACR,KAAM,CACJ,QAAS,mBACT,WAAY,6BACd,EACA,SAAU,uBACV,YAAa,CACX,QAAS,0BACT,WAAY,oCACd,EACA,WAAY,yBACZ,KAAM,CACJ,QAAS,mBACT,WAAY,6BACd,EACA,MAAO,oBACP,MAAO,CACL,QAAS,oBACT,WAAY,8BACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,KAAM,mBACN,UAAW,CACT,QAAS,wBACT,WAAY,kCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,CACF,EACA,WAAY,CACV,KAAM,oBAAoBC,EAAW,KAAK,KAAK,IAAI,CAAC,GACtD,EACA,UAAW,CACT,mBAAoB,CAClB,KAAM,CACJ,OAAQ,GACV,EACA,GAAI,CACF,OAAQ,yCACV,CACF,EACA,qBAAsB,CACpB,KAAM,CACJ,OAAQ,yCACV,EACA,GAAI,CACF,OAAQ,GACV,CACF,EACA,cAAe,CACb,cAAe,CACb,QAAS,GACX,EACA,UAAW,CACT,QAAS,GACX,CACF,CACF,EACA,aAAc,CACZ,QAAS,kBACX,EACA,UAAW,CACT,QAAS,kBACX,EACA,gBAAiB,CACf,QAAS,wBACX,EACA,QAAS,CACP,IAAM,YACN,GAAI,QACN,EACA,mBAAoB,CAClB,IAAK,OACP,CACF,CACF,CACF,EAEOC,EAAQL","names":["fontFamily","config","animate_plugin_default","perspective_plugin_default","base_plugin_default","fontFamily","tailwind_config_default"]}
+{"version":3,"sources":["../tailwind.config.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\nimport { fontFamily } from 'tailwindcss/defaultTheme';\nimport animate from './plugin/animate.plugin';\nimport perspective from './plugin/perspective.plugin';\nimport base from './plugin/base.plugin';\n\nconst config: Config = {\n  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],\n  darkMode: ['class'],\n  plugins: [animate, perspective, base],\n  theme: {\n    extend: {\n      animation: {\n        'collapsible-open': 'collapsible-open 200ms ease',\n        'collapsible-closed': 'collapsible-closed 200ms ease',\n        'caret-blink': 'caret-blink 1000ms ease infinite',\n      },\n      borderColor: {\n        DEFAULT: 'hsl(var(--border))',\n      },\n      borderRadius: {\n        sm: 'calc(var(--radius, 0.25rem) - 0.125px)', // 2px\n        DEFAULT: 'var(--radius, 0.25rem)', // 4px\n        md: 'calc(var(--radius, 0.25rem) + 0.125rem)', // 6px\n        lg: 'calc(var(--radius, 0.25rem) + 0.25rem)', // 8px\n        xl: 'calc(var(--radius, 0.25rem) + 0.5rem)', // 12px\n        '2xl': 'calc(var(--radius, 0.25rem) + 0.75rem)', // 16px\n        '3xl': 'calc(var(--radius, 0.25rem) + 1.25rem)', // 24px\n      },\n      colors: {\n        accent: {\n          DEFAULT: 'hsl(var(--accent))',\n          foreground: 'hsl(var(--accent-foreground))',\n        },\n        background: 'hsl(var(--background))',\n        border: 'hsl(var(--border))',\n        card: {\n          DEFAULT: 'hsl(var(--card))',\n          foreground: 'hsl(var(--card-foreground))',\n        },\n        compound: 'hsl(var(--compound))',\n        destructive: {\n          DEFAULT: 'hsl(var(--destructive))',\n          foreground: 'hsl(var(--destructive-foreground))',\n        },\n        foreground: 'hsl(var(--foreground))',\n        info: {\n          DEFAULT: 'hsl(var(--info))',\n          foreground: 'hsl(var(--info-foreground))',\n        },\n        input: 'hsl(var(--input))',\n        muted: {\n          DEFAULT: 'hsl(var(--muted))',\n          foreground: 'hsl(var(--muted-foreground))',\n        },\n        popover: {\n          DEFAULT: 'hsl(var(--popover))',\n          foreground: 'hsl(var(--popover-foreground))',\n        },\n        primary: {\n          DEFAULT: 'hsl(var(--primary))',\n          foreground: 'hsl(var(--primary-foreground))',\n        },\n        ring: 'hsl(var(--ring))',\n        secondary: {\n          DEFAULT: 'hsl(var(--secondary))',\n          foreground: 'hsl(var(--secondary-foreground))',\n        },\n        success: {\n          DEFAULT: 'hsl(var(--success))',\n          foreground: 'hsl(var(--success-foreground))',\n        },\n        warning: {\n          DEFAULT: 'hsl(var(--warning))',\n          foreground: 'hsl(var(--warning-foreground))',\n        },\n      },\n      fontFamily: {\n        sans: `var(--font-sans, ${fontFamily.sans.join(', ')})`,\n      },\n      keyframes: {\n        'collapsible-open': {\n          from: {\n            height: '0',\n          },\n          to: {\n            height: 'var(--radix-collapsible-content-height)',\n          },\n        },\n        'collapsible-closed': {\n          from: {\n            height: 'var(--radix-collapsible-content-height)',\n          },\n          to: {\n            height: '0',\n          },\n        },\n        'caret-blink': {\n          '0%,70%,100%': {\n            opacity: '1',\n          },\n          '20%,50%': {\n            opacity: '0',\n          },\n        },\n      },\n      outlineColor: {\n        DEFAULT: 'hsl(var(--ring))',\n      },\n      ringColor: {\n        DEFAULT: 'hsl(var(--ring))',\n      },\n      ringOffsetColor: {\n        DEFAULT: 'hsl(var(--background))',\n      },\n      spacing: {\n        0.75: '0.1875rem', // 3px\n        18: '4.5rem', // 72px\n      },\n      transitionDuration: {\n        250: '250ms',\n      },\n    },\n  },\n};\n\nexport default config;\n"],"mappings":"2HACA,OAAS,cAAAA,MAAkB,2BAK3B,IAAMC,EAAiB,CACrB,QAAS,CAAC,gCAAgC,EAC1C,SAAU,CAAC,OAAO,EAClB,QAAS,CAACC,EAASC,EAAaC,CAAI,EACpC,MAAO,CACL,OAAQ,CACN,UAAW,CACT,mBAAoB,8BACpB,qBAAsB,gCACtB,cAAe,kCACjB,EACA,YAAa,CACX,QAAS,oBACX,EACA,aAAc,CACZ,GAAI,yCACJ,QAAS,yBACT,GAAI,0CACJ,GAAI,yCACJ,GAAI,wCACJ,MAAO,yCACP,MAAO,wCACT,EACA,OAAQ,CACN,OAAQ,CACN,QAAS,qBACT,WAAY,+BACd,EACA,WAAY,yBACZ,OAAQ,qBACR,KAAM,CACJ,QAAS,mBACT,WAAY,6BACd,EACA,SAAU,uBACV,YAAa,CACX,QAAS,0BACT,WAAY,oCACd,EACA,WAAY,yBACZ,KAAM,CACJ,QAAS,mBACT,WAAY,6BACd,EACA,MAAO,oBACP,MAAO,CACL,QAAS,oBACT,WAAY,8BACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,KAAM,mBACN,UAAW,CACT,QAAS,wBACT,WAAY,kCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,EACA,QAAS,CACP,QAAS,sBACT,WAAY,gCACd,CACF,EACA,WAAY,CACV,KAAM,oBAAoBC,EAAW,KAAK,KAAK,IAAI,CAAC,GACtD,EACA,UAAW,CACT,mBAAoB,CAClB,KAAM,CACJ,OAAQ,GACV,EACA,GAAI,CACF,OAAQ,yCACV,CACF,EACA,qBAAsB,CACpB,KAAM,CACJ,OAAQ,yCACV,EACA,GAAI,CACF,OAAQ,GACV,CACF,EACA,cAAe,CACb,cAAe,CACb,QAAS,GACX,EACA,UAAW,CACT,QAAS,GACX,CACF,CACF,EACA,aAAc,CACZ,QAAS,kBACX,EACA,UAAW,CACT,QAAS,kBACX,EACA,gBAAiB,CACf,QAAS,wBACX,EACA,QAAS,CACP,IAAM,YACN,GAAI,QACN,EACA,mBAAoB,CAClB,IAAK,OACP,CACF,CACF,CACF,EAEOC,EAAQL","names":["fontFamily","config","animate_plugin_default","perspective_plugin_default","base_plugin_default","fontFamily","tailwind_config_default"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codefast/ui",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "license": "MIT",
   "sideEffects": [
     "**/*.css"
@@ -372,19 +372,19 @@
     "@tanstack/react-table": "^8.16.0",
     "cmdk": "^1.0.0",
     "cva": "1.0.0-beta.1",
-    "embla-carousel-react": "^8.0.2",
+    "embla-carousel-react": "^8.0.4",
     "input-otp": "^1.2.4",
     "next-themes": "^0.3.0",
     "react-day-picker": "^8.10.1",
-    "react-hook-form": "^7.51.3",
-    "react-resizable-panels": "^2.0.18",
+    "react-hook-form": "^7.51.4",
+    "react-resizable-panels": "^2.0.19",
     "sonner": "^1.4.41",
     "tailwind-merge": "^2.3.0",
     "vaul": "^0.9.0"
   },
   "devDependencies": {
     "@types/eslint": "^8.56.10",
-    "@types/node": "^20.12.7",
+    "@types/node": "^20.12.8",
     "@types/react": "^18.3.1",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
@@ -393,7 +393,7 @@
     "tailwindcss": "^3.4.3",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5",
-    "@codefast/eslint-config": "0.0.20",
+    "@codefast/eslint-config": "0.0.21",
     "@codefast/typescript-config": "0.0.2"
   },
   "peerDependencies": {

package/plugin/animate.plugin.ts

@@ -1,259 +1,262 @@
-import plugin from "tailwindcss/plugin";
-import { type Config } from "tailwindcss/types/config";
+import plugin from 'tailwindcss/plugin';
+import { type Config } from 'tailwindcss/types/config';
 
-type Theme = <TDefaultValue = Config["theme"]>(path?: string, defaultValue?: TDefaultValue) => TDefaultValue;
+type Theme = <TDefaultValue = Config['theme']>(
+  path?: string,
+  defaultValue?: TDefaultValue,
+) => TDefaultValue;
 
 const animate = plugin(
   ({ addUtilities, matchUtilities, theme }) => {
     // Keyframes
     addUtilities({
-      "@keyframes in": {
+      '@keyframes in': {
         from: {
-          opacity: "var(--animate-in-opacity, 1)",
+          opacity: 'var(--animate-in-opacity, 1)',
           transform: [
-            "translate3d(var(--animate-in-translate-x, 0), var(--animate-in-translate-y, 0), 0)",
-            "scale3d(var(--animate-in-scale, 1), var(--animate-in-scale, 1), var(--animate-in-scale, 1))",
-            "rotate(var(--animate-in-rotate, 0))",
-          ].join(" "),
+            'translate3d(var(--animate-in-translate-x, 0), var(--animate-in-translate-y, 0), 0)',
+            'scale3d(var(--animate-in-scale, 1), var(--animate-in-scale, 1), var(--animate-in-scale, 1))',
+            'rotate(var(--animate-in-rotate, 0))',
+          ].join(' '),
         },
       },
 
-      "@keyframes out": {
+      '@keyframes out': {
         to: {
-          opacity: "var(--animate-out-opacity, 1)",
+          opacity: 'var(--animate-out-opacity, 1)',
           transform: [
-            "translate3d(var(--animate-out-translate-x, 0), var(--animate-out-translate-y, 0), 0)",
-            "scale3d(var(--animate-out-scale, 1), var(--animate-out-scale, 1), var(--animate-out-scale, 1))",
-            "rotate(var(--animate-out-rotate, 0))",
-          ].join(" "),
+            'translate3d(var(--animate-out-translate-x, 0), var(--animate-out-translate-y, 0), 0)',
+            'scale3d(var(--animate-out-scale, 1), var(--animate-out-scale, 1), var(--animate-out-scale, 1))',
+            'rotate(var(--animate-out-rotate, 0))',
+          ].join(' '),
         },
       },
 
-      "@keyframes fade-in": {
+      '@keyframes fade-in': {
         from: {
-          opacity: "var(--animate-in-opacity, 0)",
+          opacity: 'var(--animate-in-opacity, 0)',
         },
       },
 
-      "@keyframes fade-out": {
+      '@keyframes fade-out': {
         to: {
-          opacity: "var(--animate-out-opacity, 0)",
+          opacity: 'var(--animate-out-opacity, 0)',
         },
       },
 
-      ".animate-in": {
-        animationName: "in",
-        animationDuration: theme("animationDuration.DEFAULT"),
-        "--animate-in-opacity": "initial",
-        "--animate-in-scale": "initial",
-        "--animate-in-rotate": "initial",
-        "--animate-in-translate-x": "initial",
-        "--animate-in-translate-y": "initial",
+      '.animate-in': {
+        animationName: 'in',
+        animationDuration: theme('animationDuration.DEFAULT'),
+        '--animate-in-opacity': 'initial',
+        '--animate-in-scale': 'initial',
+        '--animate-in-rotate': 'initial',
+        '--animate-in-translate-x': 'initial',
+        '--animate-in-translate-y': 'initial',
       },
 
-      ".animate-out": {
-        animationName: "out",
-        animationDuration: theme("animationDuration.DEFAULT"),
-        "--animate-out-opacity": "initial",
-        "--animate-out-scale": "initial",
-        "--animate-out-rotate": "initial",
-        "--animate-out-translate-x": "initial",
-        "--animate-out-translate-y": "initial",
+      '.animate-out': {
+        animationName: 'out',
+        animationDuration: theme('animationDuration.DEFAULT'),
+        '--animate-out-opacity': 'initial',
+        '--animate-out-scale': 'initial',
+        '--animate-out-rotate': 'initial',
+        '--animate-out-translate-x': 'initial',
+        '--animate-out-translate-y': 'initial',
       },
 
-      ".animate-fade-in": {
-        animationName: "fade-in",
-        animationDuration: theme("animationDuration.DEFAULT"),
-        "--animate-in-opacity": "initial",
+      '.animate-fade-in': {
+        animationName: 'fade-in',
+        animationDuration: theme('animationDuration.DEFAULT'),
+        '--animate-in-opacity': 'initial',
       },
 
-      ".animate-fade-out": {
-        animationName: "fade-out",
-        animationDuration: theme("animationDuration.DEFAULT"),
-        "--animate-out-opacity": "initial",
+      '.animate-fade-out': {
+        animationName: 'fade-out',
+        animationDuration: theme('animationDuration.DEFAULT'),
+        '--animate-out-opacity': 'initial',
       },
     });
 
     // Play state
     addUtilities({
-      ".animation-running": {
-        animationPlayState: "running",
+      '.animation-running': {
+        animationPlayState: 'running',
       },
-      ".animation-paused": {
-        animationPlayState: "paused",
+      '.animation-paused': {
+        animationPlayState: 'paused',
       },
     });
 
     // Delay
     matchUtilities(
       {
-        "animate-delay": (value) => ({
+        'animate-delay': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
           animationDelay: value,
         }),
       },
       {
-        values: theme("animationDelay"),
+        values: theme('animationDelay'),
       },
     );
 
     // Direction
     matchUtilities(
       {
-        "animate-direction": (value) => ({
+        'animate-direction': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
           animationDirection: value,
         }),
       },
       {
-        values: theme("animationDirection"),
+        values: theme('animationDirection'),
       },
     );
 
     // Duration
     matchUtilities(
       {
-        "animate-duration": (value) => ({
+        'animate-duration': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
           animationDuration: value,
         }),
       },
       {
-        values: theme("animationDuration"),
+        values: theme('animationDuration'),
       },
     );
 
     // Fill mode
     matchUtilities(
       {
-        "animate-fill-mode": (value) => ({
+        'animate-fill-mode': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
           animationFillMode: value,
         }),
       },
       {
-        values: theme("animationFillMode"),
+        values: theme('animationFillMode'),
       },
     );
 
     // Opacity
     matchUtilities(
       {
-        "fade-in": (value) => ({
+        'fade-in': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-in-opacity": value,
+          '--animate-in-opacity': value,
         }),
-        "fade-out": (value) => ({
+        'fade-out': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-out-opacity": value,
+          '--animate-out-opacity': value,
         }),
       },
       {
-        values: theme("animationOpacity"),
+        values: theme('animationOpacity'),
       },
     );
 
     // Repeat
     matchUtilities(
       {
-        "animate-repeat": (value) => ({
+        'animate-repeat': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
           animationIterationCount: value,
         }),
       },
       {
-        values: theme("animationRepeat"),
+        values: theme('animationRepeat'),
       },
     );
 
     // Rotate
     matchUtilities(
       {
-        "spin-in": (value) => ({
+        'spin-in': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-in-rotate": value,
+          '--animate-in-rotate': value,
         }),
-        "spin-out": (value) => ({
+        'spin-out': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-out-rotate": value,
+          '--animate-out-rotate': value,
         }),
       },
       {
-        values: theme("animationRotate"),
+        values: theme('animationRotate'),
       },
     );
 
     // Scale - Zoom
     matchUtilities(
       {
-        "zoom-in": (value) => ({
+        'zoom-in': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-in-scale": value,
+          '--animate-in-scale': value,
         }),
-        "zoom-out": (value) => ({
+        'zoom-out': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-out-scale": value,
+          '--animate-out-scale': value,
         }),
       },
       {
-        values: theme("animationScale"),
+        values: theme('animationScale'),
       },
     );
 
     // Timing function
     matchUtilities(
       {
-        "animate-ease": (value) => ({
+        'animate-ease': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
           animationTimingFunction: value,
         }),
       },
       {
-        values: theme("animationTimingFunction"),
+        values: theme('animationTimingFunction'),
       },
     );
 
     // Translate - Slide
     matchUtilities(
       {
-        "slide-in-from-top": (value) => ({
-          "--animate-in-translate-y": `-${value}`,
+        'slide-in-from-top': (value) => ({
+          '--animate-in-translate-y': `-${value}`,
         }),
 
-        "slide-in-from-bottom": (value) => ({
+        'slide-in-from-bottom': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-in-translate-y": value,
+          '--animate-in-translate-y': value,
         }),
 
-        "slide-in-from-left": (value) => ({
-          "--animate-in-translate-x": `-${value}`,
+        'slide-in-from-left': (value) => ({
+          '--animate-in-translate-x': `-${value}`,
         }),
 
-        "slide-in-from-right": (value) => ({
+        'slide-in-from-right': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-in-translate-x": value,
+          '--animate-in-translate-x': value,
         }),
 
-        "slide-out-to-top": (value) => ({
-          "--animate-out-translate-y": `-${value}`,
+        'slide-out-to-top': (value) => ({
+          '--animate-out-translate-y': `-${value}`,
         }),
 
-        "slide-out-to-bottom": (value) => ({
+        'slide-out-to-bottom': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-out-translate-y": value,
+          '--animate-out-translate-y': value,
         }),
 
-        "slide-out-to-left": (value) => ({
-          "--animate-out-translate-x": `-${value}`,
+        'slide-out-to-left': (value) => ({
+          '--animate-out-translate-x': `-${value}`,
         }),
 
-        "slide-out-to-right": (value) => ({
+        'slide-out-to-right': (value) => ({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- safe
-          "--animate-out-translate-x": value,
+          '--animate-out-translate-x': value,
         }),
       },
       {
-        values: theme("animationTranslate"),
+        values: theme('animationTranslate'),
       },
     );
   },
@@ -261,55 +264,55 @@ const animate = plugin(
     theme: {
       extend: {
         animationDelay: ({ theme }: { theme: Theme }) => ({
-          ...theme("transitionDelay"),
+          ...theme('transitionDelay'),
         }),
 
         animationDirection: {
-          normal: "normal",
-          reverse: "reverse",
-          alternate: "alternate",
-          "alternate-reverse": "alternate-reverse",
+          normal: 'normal',
+          reverse: 'reverse',
+          alternate: 'alternate',
+          'alternate-reverse': 'alternate-reverse',
         },
 
         animationDuration: ({ theme }: { theme: Theme }) => ({
-          ...theme("transitionDuration"),
+          ...theme('transitionDuration'),
         }),
 
         animationFillMode: {
-          none: "none",
-          forwards: "forwards",
-          backwards: "backwards",
-          both: "both",
+          none: 'none',
+          forwards: 'forwards',
+          backwards: 'backwards',
+          both: 'both',
         },
 
         animationOpacity: ({ theme }: { theme: Theme }) => ({
           DEFAULT: 0,
-          ...theme("opacity"),
+          ...theme('opacity'),
         }),
 
         animationRepeat: {
-          0: "0",
-          1: "1",
-          infinite: "infinite",
+          0: '0',
+          1: '1',
+          infinite: 'infinite',
         },
 
         animationRotate: ({ theme }: { theme: Theme }) => ({
-          DEFAULT: "30deg",
-          ...theme("rotate"),
+          DEFAULT: '30deg',
+          ...theme('rotate'),
         }),
 
         animationScale: ({ theme }: { theme: Theme }) => ({
           DEFAULT: 0,
-          ...theme("scale"),
+          ...theme('scale'),
         }),
 
         animationTimingFunction: ({ theme }: { theme: Theme }) => ({
-          ...theme("transitionTimingFunction"),
+          ...theme('transitionTimingFunction'),
         }),
 
         animationTranslate: ({ theme }: { theme: Theme }) => ({
-          DEFAULT: "100%",
-          ...theme("translate"),
+          DEFAULT: '100%',
+          ...theme('translate'),
         }),
       },
     },

package/plugin/base.plugin.ts

@@ -1,19 +1,19 @@
-import plugin from "tailwindcss/plugin";
+import plugin from 'tailwindcss/plugin';
 
 const base = plugin(({ addBase }) => {
   addBase({
-    ".dark": {
-      "color-scheme": "dark",
+    '.dark': {
+      'color-scheme': 'dark',
     },
     body: {
-      "@apply bg-background text-foreground": "",
+      '@apply bg-background text-foreground': '',
     },
-    ":focus-visible": {
-      "@apply outline-ring": "",
+    ':focus-visible': {
+      '@apply outline-ring': '',
     },
     "button, [role='button'], input:where([type='button']), input:where([type='reset']), input:where([type='submit'])":
       {
-        "@apply outline-transparent": "",
+        '@apply outline-transparent': '',
       },
   });
 });

package/plugin/perspective.plugin.ts

@@ -1,4 +1,4 @@
-import plugin from "tailwindcss/plugin";
+import plugin from 'tailwindcss/plugin';
 
 const perspective = plugin(({ matchUtilities }) => {
   matchUtilities({

package/src/lib/utils.ts

@@ -1,5 +1,5 @@
-import { twMerge } from "tailwind-merge";
-import { defineConfig } from "cva";
+import { twMerge } from 'tailwind-merge';
+import { defineConfig } from 'cva';
 
 export const {
   cva,