@zentauri-ui/zentauri-components 1.2.1 → 1.3.1

package/dist/ui/toggle.mjs

@@ -1,85 +1,15 @@
 "use client";
+import { toggleThumbVariants, toggleTrackVariants } from '../chunk-JQ5TIJ4F.mjs';
+export { toggleThumbVariants, toggleTrackVariants } from '../chunk-JQ5TIJ4F.mjs';
 import { cn } from '../chunk-DFEZH7TC.mjs';
-import { motion } from 'framer-motion';
 import { useState, useCallback } from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/ui/toggle/animations.ts
-var toggleThumbAnimationPresets = {
-  none: {},
-  spring: {
-    layout: true,
-    transition: { type: "spring", stiffness: 520, damping: 32 }
-  }
-};
-var toggleTrackVariants = cva(
-  "relative inline-flex shrink-0 cursor-pointer rounded-full border border-white/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950 data-[state=checked]:border-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      size: {
-        sm: "h-5 w-9",
-        md: "h-6 w-11",
-        lg: "h-7 w-[3.25rem]"
-      },
-      appearance: {
-        default: "data-[state=checked]:bg-cyan-600/80",
-        success: "data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80",
-        destructive: "data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80",
-        neutral: "data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90",
-        indigo: "data-[state=checked]:border-indigo-500/40 data-[state=checked]:bg-indigo-600/80",
-        purple: "data-[state=checked]:border-purple-500/40 data-[state=checked]:bg-purple-600/80",
-        pink: "data-[state=checked]:border-pink-500/40 data-[state=checked]:bg-pink-600/80",
-        orange: "data-[state=checked]:border-orange-500/40 data-[state=checked]:bg-orange-600/80",
-        yellow: "data-[state=checked]:border-yellow-500/40 data-[state=checked]:bg-yellow-600/80",
-        green: "data-[state=checked]:border-green-500/40 data-[state=checked]:bg-green-600/80",
-        teal: "data-[state=checked]:border-teal-500/40 data-[state=checked]:bg-teal-600/80",
-        cyan: "data-[state=checked]:border-cyan-500/40 data-[state=checked]:bg-cyan-600/80",
-        lime: "data-[state=checked]:border-lime-500/40 data-[state=checked]:bg-lime-600/80",
-        emerald: "data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80",
-        rose: "data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80",
-        slate: "data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90",
-        zinc: "data-[state=checked]:border-zinc-400/40 data-[state=checked]:bg-zinc-600/90",
-        gray: "data-[state=checked]:border-gray-400/40 data-[state=checked]:bg-gray-600/90",
-        stone: "data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90",
-        "gradient-blue": "data-[state=checked]:bg-linear-to-r from-blue-600 to-purple-600",
-        "gradient-green": "data-[state=checked]:bg-linear-to-r from-green-600 to-lime-600",
-        "gradient-red": "data-[state=checked]:bg-linear-to-r from-red-600 to-pink-600",
-        "gradient-yellow": "data-[state=checked]:bg-linear-to-r from-yellow-600 to-orange-600",
-        "gradient-purple": "data-[state=checked]:bg-linear-to-r from-purple-600 to-pink-600",
-        "gradient-teal": "data-[state=checked]:bg-linear-to-r from-teal-600 to-cyan-600",
-        "gradient-indigo": "data-[state=checked]:bg-linear-to-r from-indigo-600 to-purple-600",
-        "gradient-pink": "data-[state=checked]:bg-linear-to-r from-pink-600 to-rose-600",
-        "gradient-orange": "data-[state=checked]:bg-linear-to-r from-orange-600 to-red-600"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      appearance: "default"
-    }
-  }
-);
-var toggleThumbVariants = cva(
-  "pointer-events-none block rounded-full bg-white shadow-[0_1px_2px_rgba(15,23,42,0.35)] ring-0",
-  {
-    variants: {
-      size: {
-        sm: "size-4",
-        md: "size-5",
-        lg: "size-6"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-function Toggle(props) {
+function ToggleBase(props) {
   const {
     className,
     size,
     appearance,
-    animation = "spring",
     checked,
     defaultChecked = false,
     onCheckedChange,
@@ -92,7 +22,6 @@ function Toggle(props) {
   const isControlled = checked !== void 0;
   const [uncontrolled, setUncontrolled] = useState(defaultChecked);
   const resolved = isControlled ? Boolean(checked) : uncontrolled;
-  const thumbMotion = toggleThumbAnimationPresets[animation];
   const setChecked = useCallback(
     (next) => {
       if (!isControlled) {
@@ -124,22 +53,25 @@ function Toggle(props) {
       children: [
         /* @__PURE__ */ jsx("span", { className: "sr-only", children }),
         /* @__PURE__ */ jsx(
-          motion.span,
+          "span",
           {
             className: cn(
               toggleThumbVariants({ size }),
-              "absolute left-1 top-1/2 -translate-y-1/2"
+              "absolute left-1 top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out"
             ),
-            animate: { x: resolved ? thumbShiftPx : 0 },
-            transition: thumbMotion.transition
+            style: { transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }
           }
         )
       ]
     }
   );
 }
+ToggleBase.displayName = "Toggle";
+function Toggle(props) {
+  return /* @__PURE__ */ jsx(ToggleBase, { ...props });
+}
 Toggle.displayName = "Toggle";
 
-export { Toggle, toggleThumbAnimationPresets, toggleThumbVariants, toggleTrackVariants };
+export { Toggle };
 //# sourceMappingURL=toggle.mjs.map
 //# sourceMappingURL=toggle.mjs.map

package/dist/ui/toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/toggle/animations.ts","../../src/ui/toggle/variants.ts","../../src/ui/toggle/toggle.tsx"],"names":[],"mappings":"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","file":"toggle.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nexport type ToggleAnimation = \"none\" | \"spring\";\n\ntype ToggleThumbPreset = Pick<HTMLMotionProps<\"span\">, \"transition\" | \"layout\">;\n\nexport type ToggleAnimationPresets = Record<ToggleAnimation, ToggleThumbPreset>;\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const toggleTrackVariants = cva(\n  \"relative inline-flex shrink-0 cursor-pointer rounded-full border border-white/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950 data-[state=checked]:border-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50\",\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-9\",\n        md: \"h-6 w-11\",\n        lg: \"h-7 w-[3.25rem]\",\n      },\n      appearance: {\n        default: \"data-[state=checked]:bg-cyan-600/80\",\n        success:\n          \"data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80\",\n        destructive:\n          \"data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80\",\n        neutral:\n          \"data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90\",\n        indigo:\n          \"data-[state=checked]:border-indigo-500/40 data-[state=checked]:bg-indigo-600/80\",\n        purple:\n          \"data-[state=checked]:border-purple-500/40 data-[state=checked]:bg-purple-600/80\",\n        pink: \"data-[state=checked]:border-pink-500/40 data-[state=checked]:bg-pink-600/80\",\n        orange:\n          \"data-[state=checked]:border-orange-500/40 data-[state=checked]:bg-orange-600/80\",\n        yellow:\n          \"data-[state=checked]:border-yellow-500/40 data-[state=checked]:bg-yellow-600/80\",\n        green:\n          \"data-[state=checked]:border-green-500/40 data-[state=checked]:bg-green-600/80\",\n        teal: \"data-[state=checked]:border-teal-500/40 data-[state=checked]:bg-teal-600/80\",\n        cyan: \"data-[state=checked]:border-cyan-500/40 data-[state=checked]:bg-cyan-600/80\",\n        lime: \"data-[state=checked]:border-lime-500/40 data-[state=checked]:bg-lime-600/80\",\n        emerald:\n          \"data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80\",\n        rose: \"data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80\",\n        slate:\n          \"data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90\",\n        zinc: \"data-[state=checked]:border-zinc-400/40 data-[state=checked]:bg-zinc-600/90\",\n        gray: \"data-[state=checked]:border-gray-400/40 data-[state=checked]:bg-gray-600/90\",\n        stone:\n          \"data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90\",\n        \"gradient-blue\":\n          \"data-[state=checked]:bg-linear-to-r from-blue-600 to-purple-600\",\n        \"gradient-green\":\n          \"data-[state=checked]:bg-linear-to-r from-green-600 to-lime-600\",\n        \"gradient-red\":\n          \"data-[state=checked]:bg-linear-to-r from-red-600 to-pink-600\",\n        \"gradient-yellow\":\n          \"data-[state=checked]:bg-linear-to-r from-yellow-600 to-orange-600\",\n        \"gradient-purple\":\n          \"data-[state=checked]:bg-linear-to-r from-purple-600 to-pink-600\",\n        \"gradient-teal\":\n          \"data-[state=checked]:bg-linear-to-r from-teal-600 to-cyan-600\",\n        \"gradient-indigo\":\n          \"data-[state=checked]:bg-linear-to-r from-indigo-600 to-purple-600\",\n        \"gradient-pink\":\n          \"data-[state=checked]:bg-linear-to-r from-pink-600 to-rose-600\",\n        \"gradient-orange\":\n          \"data-[state=checked]:bg-linear-to-r from-orange-600 to-red-600\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      appearance: \"default\",\n    },\n  },\n);\n\nexport const toggleThumbVariants = cva(\n  \"pointer-events-none block rounded-full bg-white shadow-[0_1px_2px_rgba(15,23,42,0.35)] ring-0\",\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"./variants\";\n\nexport function Toggle(props: ToggleProps) {\n  const {\n    className,\n    size,\n    appearance,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 26 : 20;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      aria-label={ariaLabel}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\">{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n      />\n    </button>\n  );\n}\n\nToggle.displayName = \"Toggle\";\n"]}
+{"version":3,"sources":["../../src/ui/toggle/toggle-base.tsx","../../src/ui/toggle/toggle.tsx"],"names":["jsx"],"mappings":";;;;;;AASO,SAAS,WAAW,KAAA,EAAoB;AAC7C,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAc,SAAA,GAAY,QAAA;AAAA,IAC1B,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,OAAA,CAAQ,OAAO,CAAA,GAAI,YAAA;AAEnD,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AACA,MAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,eAAe,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK,EAAA;AAE/D,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAY,WAAW,SAAA,GAAY,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,SAAA,EAAW,GAAG,mBAAA,CAAoB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAClE,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,UAAA,CAAW,CAAC,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAS,CAAA;AAAA,wBACpC,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,mBAAA,CAAoB,EAAE,IAAA,EAAM,CAAA;AAAA,cAC5B;AAAA,aACF;AAAA,YACA,OAAO,EAAE,SAAA,EAAW,cAAc,QAAA,GAAW,YAAA,GAAe,CAAC,CAAA,GAAA,CAAA;AAAM;AAAA;AACrE;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;ACjElB,SAAS,OAAO,KAAA,EAAoB;AACzC,EAAA,uBAAOA,GAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"toggle.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ToggleProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"./variants\";\n\nexport function ToggleBase(props: ToggleProps) {\n  const {\n    className,\n    size,\n    appearance,\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 26 : 20;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      aria-label={ariaLabel}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\">{children}</span>\n      <span\n        className={cn(\n          toggleThumbVariants({ size }),\n          \"absolute left-1 top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out\",\n        )}\n        style={{ transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }}\n      />\n    </button>\n  );\n}\n\nToggleBase.displayName = \"Toggle\";\n","// toggle.tsx — default static entry (no framer-motion)\nimport { ToggleBase } from \"./toggle-base\";\nimport type { ToggleProps } from \"./types\";\n\nexport function Toggle(props: ToggleProps) {\n  return <ToggleBase {...props} />;\n}\n\nToggle.displayName = \"Toggle\";\n"]}

package/dist/ui/tooltip/animated/animations.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipAnimationPresets } from "./types";
+export declare const tooltipAnimationPresets: TooltipAnimationPresets;
+//# sourceMappingURL=animations.d.ts.map

package/dist/ui/tooltip/animated/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/tooltip/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGvD,eAAO,MAAM,uBAAuB,EAAE,uBAYrC,CAAC"}

package/dist/ui/tooltip/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { TooltipContentAnimated } from "./tooltip-content-animated";
+export type { TooltipContentAnimatedProps, TooltipAnimation, TooltipAnimationPresets, TooltipPresetMotionProps, } from "./types";
+export { tooltipAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tooltip/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/tooltip/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/tooltip/animated/tooltip-content-animated.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipContentAnimatedProps } from "./types";
+export declare const TooltipContentAnimated: ({ children, className, variant, size, width, animation, }: TooltipContentAnimatedProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tooltip-content-animated.d.ts.map

package/dist/ui/tooltip/animated/tooltip-content-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-content-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/tooltip/animated/tooltip-content-animated.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAI3D,eAAO,MAAM,sBAAsB,GAAI,2DAOpC,2BAA2B,mDA4B7B,CAAC"}

package/dist/ui/tooltip/animated/types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLMotionProps } from "framer-motion";
+import type { TooltipContentProps } from "../types";
+export type TooltipAnimation = "none" | "fade" | "scale";
+export type TooltipPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "style" | "transition">;
+export type TooltipAnimationPresets = Record<TooltipAnimation, TooltipPresetMotionProps>;
+export type TooltipContentAnimatedProps = TooltipContentProps & {
+    animation?: TooltipAnimation;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/tooltip/animated/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/tooltip/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,eAAe,CAAC,KAAK,CAAC,EACtB,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAC/C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAC1C,gBAAgB,EAChB,wBAAwB,CACzB,CAAC;AAGF,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC"}

package/dist/ui/tooltip/animated.js

@@ -0,0 +1,59 @@
+"use client";
+'use strict';
+
+var chunkWZKGRU3U_js = require('../../chunk-WZKGRU3U.js');
+var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/tooltip/animated/animations.ts
+var tooltipAnimationPresets = {
+  none: {},
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.15, ease: "easeOut" }
+  },
+  scale: {
+    initial: { opacity: 0, scale: 0.96 },
+    animate: { opacity: 1, scale: 1 },
+    transition: { duration: 0.15, ease: "easeIn" }
+  }
+};
+var TooltipContentAnimated = ({
+  children,
+  className,
+  variant,
+  size,
+  width,
+  animation = "none"
+}) => {
+  const { open, position } = chunkWZKGRU3U_js.useTooltip();
+  if (!open) return null;
+  const positionStyles = {
+    top: "bottom-full mb-2",
+    bottom: "top-full mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  };
+  const motionProps = tooltipAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      "data-open": open,
+      role: "tooltip",
+      ...motionProps,
+      className: chunkUOZYPWDZ_js.cn(
+        chunkWZKGRU3U_js.tooltipVariants({ variant, size, width }),
+        positionStyles[position],
+        className
+      ),
+      children
+    }
+  );
+};
+
+exports.TooltipContentAnimated = TooltipContentAnimated;
+exports.tooltipAnimationPresets = tooltipAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/tooltip/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/animated/animations.ts","../../../src/ui/tooltip/animated/tooltip-content-animated.tsx"],"names":["useTooltip","jsx","motion","cn","tooltipVariants"],"mappings":";;;;;;;;AAGO,IAAM,uBAAA,GAAmD;AAAA,EAC9D,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU,GAChD;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IACnC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,IAChC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,QAAA;AAAS;AAEjD;ACJO,IAAM,yBAAyB,CAAC;AAAA,EACrC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAS,GAAIA,2BAAA,EAAW;AAEtC,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,cAAA,GAAiB;AAAA,IACrB,GAAA,EAAK,kBAAA;AAAA,IACL,MAAA,EAAQ,eAAA;AAAA,IACR,IAAA,EAAM,0CAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACT;AAEA,EAAA,MAAM,WAAA,GAAc,wBAAwB,SAAS,CAAA;AAErD,EAAA,uBACEC,cAAA;AAAA,IAACC,mBAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,IAAA,EAAK,SAAA;AAAA,MACJ,GAAG,WAAA;AAAA,MACJ,SAAA,EAAWC,mBAAA;AAAA,QACTC,gCAAA,CAAgB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAO,CAAA;AAAA,QACxC,eAAe,QAAQ,CAAA;AAAA,QACvB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"animated.js","sourcesContent":["import type { TooltipAnimationPresets } from \"./types\";\n\n\nexport const tooltipAnimationPresets: TooltipAnimationPresets = {\n  none: {},\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.15, ease: \"easeOut\" },\n  },\n  scale: {\n    initial: { opacity: 0, scale: 0.96 },\n    animate: { opacity: 1, scale: 1 },\n    transition: { duration: 0.15, ease: \"easeIn\" },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { tooltipAnimationPresets } from \"./animations\";\nimport type { TooltipContentAnimatedProps } from \"./types\";\nimport { tooltipVariants } from \"../variants\";\nimport { useTooltip } from \"../tooltip-base\";\n\nexport const TooltipContentAnimated = ({\n  children,\n  className,\n  variant,\n  size,\n  width,\n  animation = \"none\",\n}: TooltipContentAnimatedProps) => {\n  const { open, position } = useTooltip();\n\n  if (!open) return null;\n\n  const positionStyles = {\n    top: \"bottom-full mb-2\",\n    bottom: \"top-full mt-2\",\n    left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n    right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n  };\n\n  const motionProps = tooltipAnimationPresets[animation];\n\n  return (\n    <motion.div\n      data-open={open}\n      role=\"tooltip\"\n      {...motionProps}\n      className={cn(\n        tooltipVariants({ variant, size, width }),\n        positionStyles[position],\n        className,\n      )}\n    >\n      {children}\n    </motion.div>\n  );\n};\n"]}

package/dist/ui/tooltip/animated.mjs

@@ -0,0 +1,56 @@
+"use client";
+import { useTooltip, tooltipVariants } from '../../chunk-YNCD6TKE.mjs';
+import { cn } from '../../chunk-DFEZH7TC.mjs';
+import { motion } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/tooltip/animated/animations.ts
+var tooltipAnimationPresets = {
+  none: {},
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.15, ease: "easeOut" }
+  },
+  scale: {
+    initial: { opacity: 0, scale: 0.96 },
+    animate: { opacity: 1, scale: 1 },
+    transition: { duration: 0.15, ease: "easeIn" }
+  }
+};
+var TooltipContentAnimated = ({
+  children,
+  className,
+  variant,
+  size,
+  width,
+  animation = "none"
+}) => {
+  const { open, position } = useTooltip();
+  if (!open) return null;
+  const positionStyles = {
+    top: "bottom-full mb-2",
+    bottom: "top-full mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  };
+  const motionProps = tooltipAnimationPresets[animation];
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      "data-open": open,
+      role: "tooltip",
+      ...motionProps,
+      className: cn(
+        tooltipVariants({ variant, size, width }),
+        positionStyles[position],
+        className
+      ),
+      children
+    }
+  );
+};
+
+export { TooltipContentAnimated, tooltipAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

package/dist/ui/tooltip/animated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/animated/animations.ts","../../../src/ui/tooltip/animated/tooltip-content-animated.tsx"],"names":[],"mappings":";;;;;;AAGO,IAAM,uBAAA,GAAmD;AAAA,EAC9D,MAAM,EAAC;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU,GAChD;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IACnC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,IAChC,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,QAAA;AAAS;AAEjD;ACJO,IAAM,yBAAyB,CAAC;AAAA,EACrC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAS,GAAI,UAAA,EAAW;AAEtC,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,cAAA,GAAiB;AAAA,IACrB,GAAA,EAAK,kBAAA;AAAA,IACL,MAAA,EAAQ,eAAA;AAAA,IACR,IAAA,EAAM,0CAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACT;AAEA,EAAA,MAAM,WAAA,GAAc,wBAAwB,SAAS,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,IAAA,EAAK,SAAA;AAAA,MACJ,GAAG,WAAA;AAAA,MACJ,SAAA,EAAW,EAAA;AAAA,QACT,eAAA,CAAgB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAO,CAAA;AAAA,QACxC,eAAe,QAAQ,CAAA;AAAA,QACvB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"animated.mjs","sourcesContent":["import type { TooltipAnimationPresets } from \"./types\";\n\n\nexport const tooltipAnimationPresets: TooltipAnimationPresets = {\n  none: {},\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.15, ease: \"easeOut\" },\n  },\n  scale: {\n    initial: { opacity: 0, scale: 0.96 },\n    animate: { opacity: 1, scale: 1 },\n    transition: { duration: 0.15, ease: \"easeIn\" },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { tooltipAnimationPresets } from \"./animations\";\nimport type { TooltipContentAnimatedProps } from \"./types\";\nimport { tooltipVariants } from \"../variants\";\nimport { useTooltip } from \"../tooltip-base\";\n\nexport const TooltipContentAnimated = ({\n  children,\n  className,\n  variant,\n  size,\n  width,\n  animation = \"none\",\n}: TooltipContentAnimatedProps) => {\n  const { open, position } = useTooltip();\n\n  if (!open) return null;\n\n  const positionStyles = {\n    top: \"bottom-full mb-2\",\n    bottom: \"top-full mt-2\",\n    left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n    right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n  };\n\n  const motionProps = tooltipAnimationPresets[animation];\n\n  return (\n    <motion.div\n      data-open={open}\n      role=\"tooltip\"\n      {...motionProps}\n      className={cn(\n        tooltipVariants({ variant, size, width }),\n        positionStyles[position],\n        className,\n      )}\n    >\n      {children}\n    </motion.div>\n  );\n};\n"]}

package/dist/ui/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipContext, useTooltip, } from "./tooltip";
+export type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipContextType, TooltipPosition, } from "./types";
+export { tooltipVariants } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACX,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/ui/tooltip/tooltip-base.d.ts

@@ -0,0 +1,7 @@
+import type { TooltipProps, TooltipContextType, TooltipTriggerProps, TooltipContentProps } from "./types";
+export declare const TooltipContext: import("react").Context<TooltipContextType | null>;
+export declare const useTooltip: () => TooltipContextType;
+export declare const Tooltip: ({ children, defaultOpen, open: controlledOpen, onOpenChange, position, delay, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipTrigger: ({ children, className, }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipContent: ({ children, className, variant, size, width, }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tooltip-base.d.ts.map

package/dist/ui/tooltip/tooltip-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-base.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip-base.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,cAAc,oDAAiD,CAAC;AAE7E,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,iFAOrB,YAAY,4CA+Cd,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,0BAG5B,mBAAmB,4CA4BrB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gDAM5B,mBAAmB,mDAyBrB,CAAC"}

package/dist/ui/tooltip/tooltip.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipContext, useTooltip, } from "./tooltip-base";
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/ui/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACX,MAAM,gBAAgB,CAAC"}

package/dist/ui/tooltip/types.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+export type TooltipPosition = "top" | "bottom" | "left" | "right";
+export type TooltipContextType = {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    position: TooltipPosition;
+    delay: number;
+    scheduleDelayedOpen: () => void;
+    cancelDelayedOpen: () => void;
+};
+export type TooltipProps = {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    position?: TooltipPosition;
+    delay?: number;
+};
+export type TooltipTriggerProps = {
+    children: ReactNode;
+    className?: string;
+};
+export type TooltipContentProps = {
+    children: ReactNode;
+    className?: string;
+    variant?: "default" | "outline" | "ghost" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "green" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    size?: "sm" | "md" | "lg";
+    width?: "fit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;CAC1D,CAAC"}

package/dist/ui/tooltip/variants.d.ts

@@ -0,0 +1,6 @@
+export declare const tooltipVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "green" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    width?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "fit" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/tooltip/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;8EA0D3B,CAAC"}

package/dist/ui/tooltip.js

@@ -1,201 +1,34 @@
 "use client";
 'use strict';
 
-var chunkUOZYPWDZ_js = require('../chunk-UOZYPWDZ.js');
-var react = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-var framerMotion = require('framer-motion');
-var jsxRuntime = require('react/jsx-runtime');
+var chunkWZKGRU3U_js = require('../chunk-WZKGRU3U.js');
+require('../chunk-UOZYPWDZ.js');
 
-var tooltipVariants = classVarianceAuthority.cva(
-  "absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-black text-white",
-        outline: "border bg-white text-black",
-        ghost: "bg-gray-800 text-white/90",
-        glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md",
-        emerald: "bg-emerald-600 text-white",
-        indigo: "bg-indigo-600 text-white",
-        purple: "bg-purple-600 text-white",
-        pink: "bg-pink-600 text-white",
-        rose: "bg-rose-600 text-white",
-        sky: "bg-sky-600 text-white",
-        teal: "bg-teal-600 text-white",
-        yellow: "bg-yellow-600 text-white",
-        orange: "bg-orange-600 text-white",
-        green: "bg-green-600 text-white",
-        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white",
-        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white",
-        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white",
-        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white",
-        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white",
-        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white",
-        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white",
-        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white",
-        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white"
-      },
-      size: {
-        sm: "text-xs px-2 py-1",
-        md: "text-sm px-3 py-1.5",
-        lg: "text-base px-4 py-2"
-      },
-      width: {
-        fit: "min-w-75 md:min-w-fit",
-        xs: "min-w-75 md:min-w-xs",
-        sm: "min-w-75 md:min-w-sm",
-        md: "min-w-75 md:min-w-md",
-        lg: "min-w-75 md:min-w-lg",
-        xl: "min-w-75 md:min-w-xl",
-        "2xl": "min-w-75 md:min-w-2xl"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      width: "xs"
-    }
-  }
-);
 
-// src/ui/tooltip/animation.ts
-var tooltipAnimationPresets = {
-  none: {},
-  fade: {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    transition: { duration: 0.15, ease: "easeOut" }
-  },
-  scale: {
-    initial: { opacity: 0, scale: 0.96 },
-    animate: { opacity: 1, scale: 1 },
-    transition: { duration: 0.15, ease: "easeIn" }
-  }
-};
-var TooltipContext = react.createContext(null);
-var useTooltip = () => {
-  const context = react.useContext(TooltipContext);
-  if (!context) {
-    throw new Error("Tooltip components must be used within Tooltip");
-  }
-  return context;
-};
-var Tooltip = ({
-  children,
-  defaultOpen = false,
-  open: controlledOpen,
-  onOpenChange,
-  position = "top",
-  delay = 100
-}) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
-  const isControlled = controlledOpen !== void 0;
-  const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const setOpen = react.useCallback(
-    (value) => {
-      if (!isControlled) setUncontrolledOpen(value);
-      onOpenChange?.(value);
-    },
-    [isControlled, onOpenChange]
-  );
-  const showTimeoutRef = react.useRef(null);
-  const cancelDelayedOpen = react.useCallback(() => {
-    if (showTimeoutRef.current !== null) {
-      clearTimeout(showTimeoutRef.current);
-      showTimeoutRef.current = null;
-    }
-  }, []);
-  const scheduleDelayedOpen = react.useCallback(() => {
-    cancelDelayedOpen();
-    showTimeoutRef.current = setTimeout(() => {
-      showTimeoutRef.current = null;
-      setOpen(true);
-    }, delay);
-  }, [cancelDelayedOpen, delay, setOpen]);
-  react.useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TooltipContext.Provider,
-    {
-      value: {
-        open,
-        setOpen,
-        position,
-        delay,
-        scheduleDelayedOpen,
-        cancelDelayedOpen
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative inline-block", children })
-    }
-  );
-};
-var TooltipTrigger = ({
-  children,
-  className
-}) => {
-  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen } = useTooltip();
-  const triggerProps = {
-    onMouseEnter: () => scheduleDelayedOpen(),
-    onMouseLeave: () => {
-      cancelDelayedOpen();
-      setOpen(false);
-    },
-    onFocus: () => {
-      cancelDelayedOpen();
-      setOpen(true);
-    },
-    onBlur: () => {
-      cancelDelayedOpen();
-      setOpen(false);
-    },
-    onKeyDown: (e) => {
-      if (e.key === "Escape") {
-        cancelDelayedOpen();
-        setOpen(false);
-      }
-    },
-    className,
-    tabIndex: 0
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...triggerProps, children });
-};
-var TooltipContent = ({
-  children,
-  className,
-  variant,
-  size,
-  width,
-  animation = "none"
-}) => {
-  const { open, position } = useTooltip();
-  if (!open) return null;
-  const positionStyles = {
-    top: "bottom-full mb-2",
-    bottom: "top-full mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2"
-  };
-  const motionProps = tooltipAnimationPresets[animation];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    framerMotion.motion.div,
-    {
-      "data-open": open,
-      role: "tooltip",
-      ...motionProps,
-      className: chunkUOZYPWDZ_js.cn(
-        tooltipVariants({ variant, size, width }),
-        positionStyles[position],
-        className
-      ),
-      children
-    }
-  );
-};
 
-exports.Tooltip = Tooltip;
-exports.TooltipContent = TooltipContent;
-exports.TooltipTrigger = TooltipTrigger;
-exports.tooltipVariants = tooltipVariants;
-exports.useTooltip = useTooltip;
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkWZKGRU3U_js.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () { return chunkWZKGRU3U_js.TooltipContent; }
+});
+Object.defineProperty(exports, "TooltipContext", {
+  enumerable: true,
+  get: function () { return chunkWZKGRU3U_js.TooltipContext; }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () { return chunkWZKGRU3U_js.TooltipTrigger; }
+});
+Object.defineProperty(exports, "tooltipVariants", {
+  enumerable: true,
+  get: function () { return chunkWZKGRU3U_js.tooltipVariants; }
+});
+Object.defineProperty(exports, "useTooltip", {
+  enumerable: true,
+  get: function () { return chunkWZKGRU3U_js.useTooltip; }
+});
 //# sourceMappingURL=tooltip.js.map
 //# sourceMappingURL=tooltip.js.map