@codefast/ui 0.0.23 → 0.0.25

package/animate.plugin.ts

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

package/dist/command.d.mts

@@ -10,7 +10,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string | undefined;
     shouldFilter?: boolean | undefined;
     filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
@@ -28,7 +28,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string | undefined;
     onValueChange?: ((search: string) => void) | undefined;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -39,7 +39,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CommandEmptyProps = React.ComponentPropsWithoutRef<typeof Command$1.Empty>;
@@ -49,7 +49,7 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CommandGroupProps = React.ComponentPropsWithoutRef<typeof Command$1.Group>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
@@ -57,7 +57,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string | undefined;
     forceMount?: boolean | undefined;
@@ -67,7 +67,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CommandItemProps = React.ComponentPropsWithoutRef<typeof Command$1.Item>;
@@ -77,7 +77,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean | undefined;
     onSelect?: ((value: string) => void) | undefined;
     value?: string | undefined;
@@ -91,7 +91,7 @@ declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     progress?: number | undefined;
     label?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/command.d.ts

@@ -10,7 +10,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string | undefined;
     shouldFilter?: boolean | undefined;
     filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
@@ -28,7 +28,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string | undefined;
     onValueChange?: ((search: string) => void) | undefined;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -39,7 +39,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CommandEmptyProps = React.ComponentPropsWithoutRef<typeof Command$1.Empty>;
@@ -49,7 +49,7 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CommandGroupProps = React.ComponentPropsWithoutRef<typeof Command$1.Group>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
@@ -57,7 +57,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string | undefined;
     forceMount?: boolean | undefined;
@@ -67,7 +67,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CommandItemProps = React.ComponentPropsWithoutRef<typeof Command$1.Item>;
@@ -77,7 +77,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean | undefined;
     onSelect?: ((value: string) => void) | undefined;
     value?: string | undefined;
@@ -91,7 +91,7 @@ declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement> | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     progress?: number | undefined;
     label?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/tailwind.config.js

@@ -0,0 +1,368 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// tailwind.config.ts
+var _defaultTheme = require('tailwindcss/defaultTheme');
+
+// animate.plugin.ts
+var _plugin = require('tailwindcss/plugin'); var _plugin2 = _interopRequireDefault(_plugin);
+var animate = _plugin2.default.call(void 0, 
+  ({ addUtilities, matchUtilities, theme }) => {
+    addUtilities({
+      "@keyframes enter": {
+        from: {
+          opacity: "var(--animate-enter-opacity, 1)",
+          transform: [
+            "translate3d(var(--animate-enter-translate-x, 0), var(--animate-enter-translate-y, 0), 0)",
+            "scale3d(var(--animate-enter-scale, 1), var(--animate-enter-scale, 1), var(--animate-enter-scale, 1))",
+            "rotate(var(--animate-enter-rotate, 0))"
+          ].join(" ")
+        }
+      },
+      "@keyframes exit": {
+        to: {
+          opacity: "var(--animate-exit-opacity, 1)",
+          transform: [
+            "translate3d(var(--animate-exit-translate-x, 0), var(--animate-exit-translate-y, 0), 0)",
+            "scale3d(var(--animate-exit-scale, 1), var(--animate-exit-scale, 1), var(--animate-exit-scale, 1))",
+            "rotate(var(--animate-exit-rotate, 0))"
+          ].join(" ")
+        }
+      },
+      ".animate-in": {
+        animationName: "enter",
+        animationDuration: theme("animationDuration.DEFAULT"),
+        "--animate-enter-opacity": "initial",
+        "--animate-enter-scale": "initial",
+        "--animate-enter-rotate": "initial",
+        "--animate-enter-translate-x": "initial",
+        "--animate-enter-translate-y": "initial"
+      },
+      ".animate-out": {
+        animationName: "exit",
+        animationDuration: theme("animationDuration.DEFAULT"),
+        "--animate-exit-opacity": "initial",
+        "--animate-exit-scale": "initial",
+        "--animate-exit-rotate": "initial",
+        "--animate-exit-translate-x": "initial",
+        "--animate-exit-translate-y": "initial"
+      }
+    });
+    addUtilities({
+      ".animation-running": {
+        animationPlayState: "running"
+      },
+      ".animation-paused": {
+        animationPlayState: "paused"
+      }
+    });
+    matchUtilities(
+      {
+        "animation-delay": (value) => ({
+          animationDelay: value
+        })
+      },
+      {
+        values: theme("animationDelay")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-direction": (value) => ({
+          animationDirection: value
+        })
+      },
+      {
+        values: theme("animationDirection")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-duration": (value) => ({
+          animationDuration: value
+        })
+      },
+      {
+        values: theme("animationDuration")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-fill-mode": (value) => ({
+          animationFillMode: value
+        })
+      },
+      {
+        values: theme("animationFillMode")
+      }
+    );
+    matchUtilities(
+      {
+        "fade-in": (value) => ({
+          "--animate-enter-opacity": value
+        }),
+        "fade-out": (value) => ({
+          "--animate-exit-opacity": value
+        })
+      },
+      {
+        values: theme("animationOpacity")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-repeat": (value) => ({
+          animationIterationCount: value
+        })
+      },
+      {
+        values: theme("animationRepeat")
+      }
+    );
+    matchUtilities(
+      {
+        "spin-in": (value) => ({
+          "--animate-enter-rotate": value
+        }),
+        "spin-out": (value) => ({
+          "--animate-exit-rotate": value
+        })
+      },
+      {
+        values: theme("animationRotate")
+      }
+    );
+    matchUtilities(
+      {
+        "zoom-in": (value) => ({
+          "--animate-enter-scale": value
+        }),
+        "zoom-out": (value) => ({
+          "--animate-exit-scale": value
+        })
+      },
+      {
+        values: theme("animationScale")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-ease": (value) => ({
+          animationTimingFunction: value
+        })
+      },
+      {
+        values: theme("animationTimingFunction")
+      }
+    );
+    matchUtilities(
+      {
+        "slide-in-from-top": (value) => ({
+          "--animate-enter-translate-y": `-${value}`
+        }),
+        "slide-in-from-bottom": (value) => ({
+          "--animate-enter-translate-y": value
+        }),
+        "slide-in-from-left": (value) => ({
+          "--animate-enter-translate-x": `-${value}`
+        }),
+        "slide-in-from-right": (value) => ({
+          "--animate-enter-translate-x": value
+        }),
+        "slide-out-to-top": (value) => ({
+          "--animate-exit-translate-y": `-${value}`
+        }),
+        "slide-out-to-bottom": (value) => ({
+          "--animate-exit-translate-y": value
+        }),
+        "slide-out-to-left": (value) => ({
+          "--animate-exit-translate-x": `-${value}`
+        }),
+        "slide-out-to-right": (value) => ({
+          "--animate-exit-translate-x": value
+        })
+      },
+      {
+        values: theme("animationTranslate")
+      }
+    );
+  },
+  {
+    theme: {
+      extend: {
+        animationDelay: ({ theme }) => ({
+          ...theme("transitionDelay")
+        }),
+        animationDirection: {
+          normal: "normal",
+          reverse: "reverse",
+          alternate: "alternate",
+          "alternate-reverse": "alternate-reverse"
+        },
+        animationDuration: ({ theme }) => ({
+          ...theme("transitionDuration")
+        }),
+        animationFillMode: {
+          none: "none",
+          forwards: "forwards",
+          backwards: "backwards",
+          both: "both"
+        },
+        animationOpacity: ({ theme }) => ({
+          DEFAULT: 0,
+          ...theme("opacity")
+        }),
+        animationRepeat: {
+          0: "0",
+          1: "1",
+          infinite: "infinite"
+        },
+        animationRotate: ({ theme }) => ({
+          DEFAULT: "30deg",
+          ...theme("rotate")
+        }),
+        animationScale: ({ theme }) => ({
+          DEFAULT: 0,
+          ...theme("scale")
+        }),
+        animationTimingFunction: ({ theme }) => ({
+          ...theme("transitionTimingFunction")
+        }),
+        animationTranslate: ({ theme }) => ({
+          DEFAULT: "100%",
+          ...theme("translate")
+        })
+      }
+    }
+  }
+);
+var animate_plugin_default = animate;
+
+// perspective.plugin.ts
+
+var perspective = _plugin2.default.call(void 0, ({ matchUtilities }) => {
+  matchUtilities({
+    perspective: (value) => ({
+      perspective: value
+    })
+  });
+});
+var perspective_plugin_default = perspective;
+
+// tailwind.config.ts
+var config = {
+  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
+  darkMode: ["class"],
+  plugins: [animate_plugin_default, perspective_plugin_default],
+  theme: {
+    extend: {
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "caret-blink": "caret-blink 1.25s ease-out infinite"
+      },
+      borderRadius: {
+        sm: "calc(var(--radius, 0.25rem) - 0.125px)",
+        // 2px
+        DEFAULT: "var(--radius, 0.25rem)",
+        // 4px
+        md: "calc(var(--radius, 0.25rem) + 0.125rem)",
+        // 6px
+        lg: "calc(var(--radius, 0.25rem) + 0.25rem)",
+        // 8px
+        xl: "calc(var(--radius, 0.25rem) + 0.5rem)",
+        // 12px
+        "2xl": "calc(var(--radius, 0.25rem) + 0.75rem)",
+        // 16px
+        "3xl": "calc(var(--radius, 0.25rem) + 1.25rem)"
+        // 24px
+      },
+      colors: {
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        background: "hsl(var(--background))",
+        border: "hsl(var(--border))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        compound: "hsl(var(--compound))",
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        foreground: "hsl(var(--foreground))",
+        info: {
+          DEFAULT: "hsl(var(--info))",
+          foreground: "hsl(var(--info-foreground))"
+        },
+        input: "hsl(var(--input))",
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        ring: "hsl(var(--ring))",
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))"
+        },
+        warning: {
+          DEFAULT: "hsl(var(--warning))",
+          foreground: "hsl(var(--warning-foreground))"
+        }
+      },
+      fontFamily: {
+        sans: `var(--font-sans, ${_defaultTheme.fontFamily.sans.join(", ")})`
+      },
+      keyframes: {
+        "accordion-down": {
+          from: {
+            height: "0"
+          },
+          to: {
+            height: "var(--radix-accordion-content-height)"
+          }
+        },
+        "accordion-up": {
+          from: {
+            height: "var(--radix-accordion-content-height)"
+          },
+          to: {
+            height: "0"
+          }
+        },
+        "caret-blink": {
+          "0%,70%,100%": {
+            opacity: "1"
+          },
+          "20%,50%": {
+            opacity: "0"
+          }
+        }
+      },
+      spacing: {
+        0.75: "0.1875rem"
+        // 3px
+      },
+      transitionDuration: {
+        250: "250ms"
+      }
+    }
+  }
+};
+var tailwind_config_default = config;
+
+
+exports.default = tailwind_config_default;
+//# sourceMappingURL=tailwind.config.js.map

package/dist/tailwind.config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../tailwind.config.ts","../animate.plugin.ts","../perspective.plugin.ts"],"names":["plugin"],"mappings":"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","sourcesContent":["import type { Config } from \"tailwindcss\";\nimport { fontFamily } from \"tailwindcss/defaultTheme\";\nimport animate from \"./animate.plugin\";\nimport perspective from \"./perspective.plugin\";\n\nconst config: Config = {\n  content: [\"./src/**/*.{js,ts,jsx,tsx,mdx}\"],\n  darkMode: [\"class\"],\n  plugins: [animate, perspective],\n  theme: {\n    extend: {\n      animation: {\n        \"accordion-down\": \"accordion-down 0.2s ease-out\",\n        \"accordion-up\": \"accordion-up 0.2s ease-out\",\n        \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\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        \"accordion-down\": {\n          from: {\n            height: \"0\",\n          },\n          to: {\n            height: \"var(--radix-accordion-content-height)\",\n          },\n        },\n        \"accordion-up\": {\n          from: {\n            height: \"var(--radix-accordion-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      spacing: {\n        0.75: \"0.1875rem\", // 3px\n      },\n      transitionDuration: {\n        250: \"250ms\",\n      },\n    },\n  },\n};\n\nexport default config;\n","import plugin from \"tailwindcss/plugin\";\nimport { type Config } from \"tailwindcss/types/config\";\n\ntype Theme = <TDefaultValue = Config[\"theme\"]>(path?: string, defaultValue?: TDefaultValue) => TDefaultValue;\n\nconst animate = plugin(\n  ({ addUtilities, matchUtilities, theme }) => {\n    addUtilities({\n      \"@keyframes enter\": {\n        from: {\n          opacity: \"var(--animate-enter-opacity, 1)\",\n          transform: [\n            \"translate3d(var(--animate-enter-translate-x, 0), var(--animate-enter-translate-y, 0), 0)\",\n            \"scale3d(var(--animate-enter-scale, 1), var(--animate-enter-scale, 1), var(--animate-enter-scale, 1))\",\n            \"rotate(var(--animate-enter-rotate, 0))\",\n          ].join(\" \"),\n        },\n      },\n\n      \"@keyframes exit\": {\n        to: {\n          opacity: \"var(--animate-exit-opacity, 1)\",\n          transform: [\n            \"translate3d(var(--animate-exit-translate-x, 0), var(--animate-exit-translate-y, 0), 0)\",\n            \"scale3d(var(--animate-exit-scale, 1), var(--animate-exit-scale, 1), var(--animate-exit-scale, 1))\",\n            \"rotate(var(--animate-exit-rotate, 0))\",\n          ].join(\" \"),\n        },\n      },\n\n      \".animate-in\": {\n        animationName: \"enter\",\n        animationDuration: theme(\"animationDuration.DEFAULT\"),\n        \"--animate-enter-opacity\": \"initial\",\n        \"--animate-enter-scale\": \"initial\",\n        \"--animate-enter-rotate\": \"initial\",\n        \"--animate-enter-translate-x\": \"initial\",\n        \"--animate-enter-translate-y\": \"initial\",\n      },\n\n      \".animate-out\": {\n        animationName: \"exit\",\n        animationDuration: theme(\"animationDuration.DEFAULT\"),\n        \"--animate-exit-opacity\": \"initial\",\n        \"--animate-exit-scale\": \"initial\",\n        \"--animate-exit-rotate\": \"initial\",\n        \"--animate-exit-translate-x\": \"initial\",\n        \"--animate-exit-translate-y\": \"initial\",\n      },\n    });\n\n    addUtilities({\n      \".animation-running\": {\n        animationPlayState: \"running\",\n      },\n      \".animation-paused\": {\n        animationPlayState: \"paused\",\n      },\n    });\n\n    // Delay\n    matchUtilities(\n      {\n        \"animation-delay\": (value) => ({\n          animationDelay: value,\n        }),\n      },\n      {\n        values: theme(\"animationDelay\"),\n      },\n    );\n\n    // Direction\n    matchUtilities(\n      {\n        \"animation-direction\": (value) => ({\n          animationDirection: value,\n        }),\n      },\n      {\n        values: theme(\"animationDirection\"),\n      },\n    );\n\n    // Duration\n    matchUtilities(\n      {\n        \"animation-duration\": (value) => ({\n          animationDuration: value,\n        }),\n      },\n      {\n        values: theme(\"animationDuration\"),\n      },\n    );\n\n    // Fill mode\n    matchUtilities(\n      {\n        \"animation-fill-mode\": (value) => ({\n          animationFillMode: value,\n        }),\n      },\n      {\n        values: theme(\"animationFillMode\"),\n      },\n    );\n\n    // Opacity\n    matchUtilities(\n      {\n        \"fade-in\": (value) => ({\n          \"--animate-enter-opacity\": value,\n        }),\n        \"fade-out\": (value) => ({\n          \"--animate-exit-opacity\": value,\n        }),\n      },\n      {\n        values: theme(\"animationOpacity\"),\n      },\n    );\n\n    // Repeat\n    matchUtilities(\n      {\n        \"animation-repeat\": (value) => ({\n          animationIterationCount: value,\n        }),\n      },\n      {\n        values: theme(\"animationRepeat\"),\n      },\n    );\n\n    // Rotate\n    matchUtilities(\n      {\n        \"spin-in\": (value) => ({\n          \"--animate-enter-rotate\": value,\n        }),\n        \"spin-out\": (value) => ({\n          \"--animate-exit-rotate\": value,\n        }),\n      },\n      {\n        values: theme(\"animationRotate\"),\n      },\n    );\n\n    // Scale - Zoom\n    matchUtilities(\n      {\n        \"zoom-in\": (value) => ({\n          \"--animate-enter-scale\": value,\n        }),\n        \"zoom-out\": (value) => ({\n          \"--animate-exit-scale\": value,\n        }),\n      },\n      {\n        values: theme(\"animationScale\"),\n      },\n    );\n\n    // Timing function\n    matchUtilities(\n      {\n        \"animation-ease\": (value) => ({\n          animationTimingFunction: value,\n        }),\n      },\n      {\n        values: theme(\"animationTimingFunction\"),\n      },\n    );\n\n    // Translate - Slide\n    matchUtilities(\n      {\n        \"slide-in-from-top\": (value) => ({\n          \"--animate-enter-translate-y\": `-${value}`,\n        }),\n\n        \"slide-in-from-bottom\": (value) => ({\n          \"--animate-enter-translate-y\": value,\n        }),\n\n        \"slide-in-from-left\": (value) => ({\n          \"--animate-enter-translate-x\": `-${value}`,\n        }),\n\n        \"slide-in-from-right\": (value) => ({\n          \"--animate-enter-translate-x\": value,\n        }),\n\n        \"slide-out-to-top\": (value) => ({\n          \"--animate-exit-translate-y\": `-${value}`,\n        }),\n\n        \"slide-out-to-bottom\": (value) => ({\n          \"--animate-exit-translate-y\": value,\n        }),\n\n        \"slide-out-to-left\": (value) => ({\n          \"--animate-exit-translate-x\": `-${value}`,\n        }),\n\n        \"slide-out-to-right\": (value) => ({\n          \"--animate-exit-translate-x\": value,\n        }),\n      },\n      {\n        values: theme(\"animationTranslate\"),\n      },\n    );\n  },\n  {\n    theme: {\n      extend: {\n        animationDelay: ({ theme }: { theme: Theme }) => ({\n          ...theme(\"transitionDelay\"),\n        }),\n\n        animationDirection: {\n          normal: \"normal\",\n          reverse: \"reverse\",\n          alternate: \"alternate\",\n          \"alternate-reverse\": \"alternate-reverse\",\n        },\n\n        animationDuration: ({ theme }: { theme: Theme }) => ({\n          ...theme(\"transitionDuration\"),\n        }),\n\n        animationFillMode: {\n          none: \"none\",\n          forwards: \"forwards\",\n          backwards: \"backwards\",\n          both: \"both\",\n        },\n\n        animationOpacity: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: 0,\n          ...theme(\"opacity\"),\n        }),\n\n        animationRepeat: {\n          0: \"0\",\n          1: \"1\",\n          infinite: \"infinite\",\n        },\n\n        animationRotate: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: \"30deg\",\n          ...theme(\"rotate\"),\n        }),\n\n        animationScale: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: 0,\n          ...theme(\"scale\"),\n        }),\n\n        animationTimingFunction: ({ theme }: { theme: Theme }) => ({\n          ...theme(\"transitionTimingFunction\"),\n        }),\n\n        animationTranslate: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: \"100%\",\n          ...theme(\"translate\"),\n        }),\n      },\n    },\n  },\n);\n\nexport default animate;\n","import plugin from \"tailwindcss/plugin\";\n\nconst perspective = plugin(({ matchUtilities }) => {\n  matchUtilities({\n    perspective: (value) => ({\n      perspective: value,\n    }),\n  });\n});\n\nexport default perspective;\n"]}

package/dist/tailwind.config.mjs

@@ -0,0 +1,368 @@
+// tailwind.config.ts
+import { fontFamily } from "tailwindcss/defaultTheme";
+
+// animate.plugin.ts
+import plugin from "tailwindcss/plugin";
+var animate = plugin(
+  ({ addUtilities, matchUtilities, theme }) => {
+    addUtilities({
+      "@keyframes enter": {
+        from: {
+          opacity: "var(--animate-enter-opacity, 1)",
+          transform: [
+            "translate3d(var(--animate-enter-translate-x, 0), var(--animate-enter-translate-y, 0), 0)",
+            "scale3d(var(--animate-enter-scale, 1), var(--animate-enter-scale, 1), var(--animate-enter-scale, 1))",
+            "rotate(var(--animate-enter-rotate, 0))"
+          ].join(" ")
+        }
+      },
+      "@keyframes exit": {
+        to: {
+          opacity: "var(--animate-exit-opacity, 1)",
+          transform: [
+            "translate3d(var(--animate-exit-translate-x, 0), var(--animate-exit-translate-y, 0), 0)",
+            "scale3d(var(--animate-exit-scale, 1), var(--animate-exit-scale, 1), var(--animate-exit-scale, 1))",
+            "rotate(var(--animate-exit-rotate, 0))"
+          ].join(" ")
+        }
+      },
+      ".animate-in": {
+        animationName: "enter",
+        animationDuration: theme("animationDuration.DEFAULT"),
+        "--animate-enter-opacity": "initial",
+        "--animate-enter-scale": "initial",
+        "--animate-enter-rotate": "initial",
+        "--animate-enter-translate-x": "initial",
+        "--animate-enter-translate-y": "initial"
+      },
+      ".animate-out": {
+        animationName: "exit",
+        animationDuration: theme("animationDuration.DEFAULT"),
+        "--animate-exit-opacity": "initial",
+        "--animate-exit-scale": "initial",
+        "--animate-exit-rotate": "initial",
+        "--animate-exit-translate-x": "initial",
+        "--animate-exit-translate-y": "initial"
+      }
+    });
+    addUtilities({
+      ".animation-running": {
+        animationPlayState: "running"
+      },
+      ".animation-paused": {
+        animationPlayState: "paused"
+      }
+    });
+    matchUtilities(
+      {
+        "animation-delay": (value) => ({
+          animationDelay: value
+        })
+      },
+      {
+        values: theme("animationDelay")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-direction": (value) => ({
+          animationDirection: value
+        })
+      },
+      {
+        values: theme("animationDirection")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-duration": (value) => ({
+          animationDuration: value
+        })
+      },
+      {
+        values: theme("animationDuration")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-fill-mode": (value) => ({
+          animationFillMode: value
+        })
+      },
+      {
+        values: theme("animationFillMode")
+      }
+    );
+    matchUtilities(
+      {
+        "fade-in": (value) => ({
+          "--animate-enter-opacity": value
+        }),
+        "fade-out": (value) => ({
+          "--animate-exit-opacity": value
+        })
+      },
+      {
+        values: theme("animationOpacity")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-repeat": (value) => ({
+          animationIterationCount: value
+        })
+      },
+      {
+        values: theme("animationRepeat")
+      }
+    );
+    matchUtilities(
+      {
+        "spin-in": (value) => ({
+          "--animate-enter-rotate": value
+        }),
+        "spin-out": (value) => ({
+          "--animate-exit-rotate": value
+        })
+      },
+      {
+        values: theme("animationRotate")
+      }
+    );
+    matchUtilities(
+      {
+        "zoom-in": (value) => ({
+          "--animate-enter-scale": value
+        }),
+        "zoom-out": (value) => ({
+          "--animate-exit-scale": value
+        })
+      },
+      {
+        values: theme("animationScale")
+      }
+    );
+    matchUtilities(
+      {
+        "animation-ease": (value) => ({
+          animationTimingFunction: value
+        })
+      },
+      {
+        values: theme("animationTimingFunction")
+      }
+    );
+    matchUtilities(
+      {
+        "slide-in-from-top": (value) => ({
+          "--animate-enter-translate-y": `-${value}`
+        }),
+        "slide-in-from-bottom": (value) => ({
+          "--animate-enter-translate-y": value
+        }),
+        "slide-in-from-left": (value) => ({
+          "--animate-enter-translate-x": `-${value}`
+        }),
+        "slide-in-from-right": (value) => ({
+          "--animate-enter-translate-x": value
+        }),
+        "slide-out-to-top": (value) => ({
+          "--animate-exit-translate-y": `-${value}`
+        }),
+        "slide-out-to-bottom": (value) => ({
+          "--animate-exit-translate-y": value
+        }),
+        "slide-out-to-left": (value) => ({
+          "--animate-exit-translate-x": `-${value}`
+        }),
+        "slide-out-to-right": (value) => ({
+          "--animate-exit-translate-x": value
+        })
+      },
+      {
+        values: theme("animationTranslate")
+      }
+    );
+  },
+  {
+    theme: {
+      extend: {
+        animationDelay: ({ theme }) => ({
+          ...theme("transitionDelay")
+        }),
+        animationDirection: {
+          normal: "normal",
+          reverse: "reverse",
+          alternate: "alternate",
+          "alternate-reverse": "alternate-reverse"
+        },
+        animationDuration: ({ theme }) => ({
+          ...theme("transitionDuration")
+        }),
+        animationFillMode: {
+          none: "none",
+          forwards: "forwards",
+          backwards: "backwards",
+          both: "both"
+        },
+        animationOpacity: ({ theme }) => ({
+          DEFAULT: 0,
+          ...theme("opacity")
+        }),
+        animationRepeat: {
+          0: "0",
+          1: "1",
+          infinite: "infinite"
+        },
+        animationRotate: ({ theme }) => ({
+          DEFAULT: "30deg",
+          ...theme("rotate")
+        }),
+        animationScale: ({ theme }) => ({
+          DEFAULT: 0,
+          ...theme("scale")
+        }),
+        animationTimingFunction: ({ theme }) => ({
+          ...theme("transitionTimingFunction")
+        }),
+        animationTranslate: ({ theme }) => ({
+          DEFAULT: "100%",
+          ...theme("translate")
+        })
+      }
+    }
+  }
+);
+var animate_plugin_default = animate;
+
+// perspective.plugin.ts
+import plugin2 from "tailwindcss/plugin";
+var perspective = plugin2(({ matchUtilities }) => {
+  matchUtilities({
+    perspective: (value) => ({
+      perspective: value
+    })
+  });
+});
+var perspective_plugin_default = perspective;
+
+// tailwind.config.ts
+var config = {
+  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
+  darkMode: ["class"],
+  plugins: [animate_plugin_default, perspective_plugin_default],
+  theme: {
+    extend: {
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "caret-blink": "caret-blink 1.25s ease-out infinite"
+      },
+      borderRadius: {
+        sm: "calc(var(--radius, 0.25rem) - 0.125px)",
+        // 2px
+        DEFAULT: "var(--radius, 0.25rem)",
+        // 4px
+        md: "calc(var(--radius, 0.25rem) + 0.125rem)",
+        // 6px
+        lg: "calc(var(--radius, 0.25rem) + 0.25rem)",
+        // 8px
+        xl: "calc(var(--radius, 0.25rem) + 0.5rem)",
+        // 12px
+        "2xl": "calc(var(--radius, 0.25rem) + 0.75rem)",
+        // 16px
+        "3xl": "calc(var(--radius, 0.25rem) + 1.25rem)"
+        // 24px
+      },
+      colors: {
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        background: "hsl(var(--background))",
+        border: "hsl(var(--border))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        compound: "hsl(var(--compound))",
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        foreground: "hsl(var(--foreground))",
+        info: {
+          DEFAULT: "hsl(var(--info))",
+          foreground: "hsl(var(--info-foreground))"
+        },
+        input: "hsl(var(--input))",
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        ring: "hsl(var(--ring))",
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))"
+        },
+        warning: {
+          DEFAULT: "hsl(var(--warning))",
+          foreground: "hsl(var(--warning-foreground))"
+        }
+      },
+      fontFamily: {
+        sans: `var(--font-sans, ${fontFamily.sans.join(", ")})`
+      },
+      keyframes: {
+        "accordion-down": {
+          from: {
+            height: "0"
+          },
+          to: {
+            height: "var(--radix-accordion-content-height)"
+          }
+        },
+        "accordion-up": {
+          from: {
+            height: "var(--radix-accordion-content-height)"
+          },
+          to: {
+            height: "0"
+          }
+        },
+        "caret-blink": {
+          "0%,70%,100%": {
+            opacity: "1"
+          },
+          "20%,50%": {
+            opacity: "0"
+          }
+        }
+      },
+      spacing: {
+        0.75: "0.1875rem"
+        // 3px
+      },
+      transitionDuration: {
+        250: "250ms"
+      }
+    }
+  }
+};
+var tailwind_config_default = config;
+export {
+  tailwind_config_default as default
+};
+//# sourceMappingURL=tailwind.config.mjs.map

package/dist/tailwind.config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../tailwind.config.ts","../animate.plugin.ts","../perspective.plugin.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport { fontFamily } from \"tailwindcss/defaultTheme\";\nimport animate from \"./animate.plugin\";\nimport perspective from \"./perspective.plugin\";\n\nconst config: Config = {\n  content: [\"./src/**/*.{js,ts,jsx,tsx,mdx}\"],\n  darkMode: [\"class\"],\n  plugins: [animate, perspective],\n  theme: {\n    extend: {\n      animation: {\n        \"accordion-down\": \"accordion-down 0.2s ease-out\",\n        \"accordion-up\": \"accordion-up 0.2s ease-out\",\n        \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\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        \"accordion-down\": {\n          from: {\n            height: \"0\",\n          },\n          to: {\n            height: \"var(--radix-accordion-content-height)\",\n          },\n        },\n        \"accordion-up\": {\n          from: {\n            height: \"var(--radix-accordion-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      spacing: {\n        0.75: \"0.1875rem\", // 3px\n      },\n      transitionDuration: {\n        250: \"250ms\",\n      },\n    },\n  },\n};\n\nexport default config;\n","import plugin from \"tailwindcss/plugin\";\nimport { type Config } from \"tailwindcss/types/config\";\n\ntype Theme = <TDefaultValue = Config[\"theme\"]>(path?: string, defaultValue?: TDefaultValue) => TDefaultValue;\n\nconst animate = plugin(\n  ({ addUtilities, matchUtilities, theme }) => {\n    addUtilities({\n      \"@keyframes enter\": {\n        from: {\n          opacity: \"var(--animate-enter-opacity, 1)\",\n          transform: [\n            \"translate3d(var(--animate-enter-translate-x, 0), var(--animate-enter-translate-y, 0), 0)\",\n            \"scale3d(var(--animate-enter-scale, 1), var(--animate-enter-scale, 1), var(--animate-enter-scale, 1))\",\n            \"rotate(var(--animate-enter-rotate, 0))\",\n          ].join(\" \"),\n        },\n      },\n\n      \"@keyframes exit\": {\n        to: {\n          opacity: \"var(--animate-exit-opacity, 1)\",\n          transform: [\n            \"translate3d(var(--animate-exit-translate-x, 0), var(--animate-exit-translate-y, 0), 0)\",\n            \"scale3d(var(--animate-exit-scale, 1), var(--animate-exit-scale, 1), var(--animate-exit-scale, 1))\",\n            \"rotate(var(--animate-exit-rotate, 0))\",\n          ].join(\" \"),\n        },\n      },\n\n      \".animate-in\": {\n        animationName: \"enter\",\n        animationDuration: theme(\"animationDuration.DEFAULT\"),\n        \"--animate-enter-opacity\": \"initial\",\n        \"--animate-enter-scale\": \"initial\",\n        \"--animate-enter-rotate\": \"initial\",\n        \"--animate-enter-translate-x\": \"initial\",\n        \"--animate-enter-translate-y\": \"initial\",\n      },\n\n      \".animate-out\": {\n        animationName: \"exit\",\n        animationDuration: theme(\"animationDuration.DEFAULT\"),\n        \"--animate-exit-opacity\": \"initial\",\n        \"--animate-exit-scale\": \"initial\",\n        \"--animate-exit-rotate\": \"initial\",\n        \"--animate-exit-translate-x\": \"initial\",\n        \"--animate-exit-translate-y\": \"initial\",\n      },\n    });\n\n    addUtilities({\n      \".animation-running\": {\n        animationPlayState: \"running\",\n      },\n      \".animation-paused\": {\n        animationPlayState: \"paused\",\n      },\n    });\n\n    // Delay\n    matchUtilities(\n      {\n        \"animation-delay\": (value) => ({\n          animationDelay: value,\n        }),\n      },\n      {\n        values: theme(\"animationDelay\"),\n      },\n    );\n\n    // Direction\n    matchUtilities(\n      {\n        \"animation-direction\": (value) => ({\n          animationDirection: value,\n        }),\n      },\n      {\n        values: theme(\"animationDirection\"),\n      },\n    );\n\n    // Duration\n    matchUtilities(\n      {\n        \"animation-duration\": (value) => ({\n          animationDuration: value,\n        }),\n      },\n      {\n        values: theme(\"animationDuration\"),\n      },\n    );\n\n    // Fill mode\n    matchUtilities(\n      {\n        \"animation-fill-mode\": (value) => ({\n          animationFillMode: value,\n        }),\n      },\n      {\n        values: theme(\"animationFillMode\"),\n      },\n    );\n\n    // Opacity\n    matchUtilities(\n      {\n        \"fade-in\": (value) => ({\n          \"--animate-enter-opacity\": value,\n        }),\n        \"fade-out\": (value) => ({\n          \"--animate-exit-opacity\": value,\n        }),\n      },\n      {\n        values: theme(\"animationOpacity\"),\n      },\n    );\n\n    // Repeat\n    matchUtilities(\n      {\n        \"animation-repeat\": (value) => ({\n          animationIterationCount: value,\n        }),\n      },\n      {\n        values: theme(\"animationRepeat\"),\n      },\n    );\n\n    // Rotate\n    matchUtilities(\n      {\n        \"spin-in\": (value) => ({\n          \"--animate-enter-rotate\": value,\n        }),\n        \"spin-out\": (value) => ({\n          \"--animate-exit-rotate\": value,\n        }),\n      },\n      {\n        values: theme(\"animationRotate\"),\n      },\n    );\n\n    // Scale - Zoom\n    matchUtilities(\n      {\n        \"zoom-in\": (value) => ({\n          \"--animate-enter-scale\": value,\n        }),\n        \"zoom-out\": (value) => ({\n          \"--animate-exit-scale\": value,\n        }),\n      },\n      {\n        values: theme(\"animationScale\"),\n      },\n    );\n\n    // Timing function\n    matchUtilities(\n      {\n        \"animation-ease\": (value) => ({\n          animationTimingFunction: value,\n        }),\n      },\n      {\n        values: theme(\"animationTimingFunction\"),\n      },\n    );\n\n    // Translate - Slide\n    matchUtilities(\n      {\n        \"slide-in-from-top\": (value) => ({\n          \"--animate-enter-translate-y\": `-${value}`,\n        }),\n\n        \"slide-in-from-bottom\": (value) => ({\n          \"--animate-enter-translate-y\": value,\n        }),\n\n        \"slide-in-from-left\": (value) => ({\n          \"--animate-enter-translate-x\": `-${value}`,\n        }),\n\n        \"slide-in-from-right\": (value) => ({\n          \"--animate-enter-translate-x\": value,\n        }),\n\n        \"slide-out-to-top\": (value) => ({\n          \"--animate-exit-translate-y\": `-${value}`,\n        }),\n\n        \"slide-out-to-bottom\": (value) => ({\n          \"--animate-exit-translate-y\": value,\n        }),\n\n        \"slide-out-to-left\": (value) => ({\n          \"--animate-exit-translate-x\": `-${value}`,\n        }),\n\n        \"slide-out-to-right\": (value) => ({\n          \"--animate-exit-translate-x\": value,\n        }),\n      },\n      {\n        values: theme(\"animationTranslate\"),\n      },\n    );\n  },\n  {\n    theme: {\n      extend: {\n        animationDelay: ({ theme }: { theme: Theme }) => ({\n          ...theme(\"transitionDelay\"),\n        }),\n\n        animationDirection: {\n          normal: \"normal\",\n          reverse: \"reverse\",\n          alternate: \"alternate\",\n          \"alternate-reverse\": \"alternate-reverse\",\n        },\n\n        animationDuration: ({ theme }: { theme: Theme }) => ({\n          ...theme(\"transitionDuration\"),\n        }),\n\n        animationFillMode: {\n          none: \"none\",\n          forwards: \"forwards\",\n          backwards: \"backwards\",\n          both: \"both\",\n        },\n\n        animationOpacity: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: 0,\n          ...theme(\"opacity\"),\n        }),\n\n        animationRepeat: {\n          0: \"0\",\n          1: \"1\",\n          infinite: \"infinite\",\n        },\n\n        animationRotate: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: \"30deg\",\n          ...theme(\"rotate\"),\n        }),\n\n        animationScale: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: 0,\n          ...theme(\"scale\"),\n        }),\n\n        animationTimingFunction: ({ theme }: { theme: Theme }) => ({\n          ...theme(\"transitionTimingFunction\"),\n        }),\n\n        animationTranslate: ({ theme }: { theme: Theme }) => ({\n          DEFAULT: \"100%\",\n          ...theme(\"translate\"),\n        }),\n      },\n    },\n  },\n);\n\nexport default animate;\n","import plugin from \"tailwindcss/plugin\";\n\nconst perspective = plugin(({ matchUtilities }) => {\n  matchUtilities({\n    perspective: (value) => ({\n      perspective: value,\n    }),\n  });\n});\n\nexport default perspective;\n"],"mappings":"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","names":["plugin"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codefast/ui",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "license": "MIT",
   "sideEffects": [
     "**/*.css"
@@ -321,12 +321,18 @@
       "import": "./dist/utils.mjs",
       "require": "./dist/utils.js"
     },
-    "./styles.css": "./dist/styles.css",
-    "./tailwind.config": "./tailwind.config.ts"
+    "./tailwind.config": {
+      "types": "./tailwind.config.ts",
+      "import": "./dist/tailwind.config.mjs",
+      "require": "./dist/tailwind.config.js"
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "files": [
     "dist",
     "src",
+    "animate.plugin.ts",
+    "perspective.plugin.ts",
     "tailwind.config.ts"
   ],
   "dependencies": {
@@ -388,7 +394,7 @@
     "tailwindcss": "^3.4.3",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5",
-    "@codefast/eslint-config": "0.0.16",
+    "@codefast/eslint-config": "0.0.17",
     "@codefast/typescript-config": "0.0.2"
   },
   "peerDependencies": {

package/perspective.plugin.ts

@@ -0,0 +1,11 @@
+import plugin from "tailwindcss/plugin";
+
+const perspective = plugin(({ matchUtilities }) => {
+  matchUtilities({
+    perspective: (value) => ({
+      perspective: value,
+    }),
+  });
+});
+
+export default perspective;

package/tailwind.config.ts

@@ -1,21 +1,12 @@
 import type { Config } from "tailwindcss";
 import { fontFamily } from "tailwindcss/defaultTheme";
-import plugin from "tailwindcss/plugin";
-import tailwindcssAnimate from "./animate.plugin";
+import animate from "./animate.plugin";
+import perspective from "./perspective.plugin";
 
 const config: Config = {
   content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
   darkMode: ["class"],
-  plugins: [
-    tailwindcssAnimate,
-    plugin(({ matchUtilities }) => {
-      matchUtilities({
-        perspective: (value) => ({
-          perspective: value,
-        }),
-      });
-    }),
-  ],
+  plugins: [animate, perspective],
   theme: {
     extend: {
       animation: {