@zentauri-ui/zentauri-components 1.2.0 → 1.3.0

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.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'framer-motion';
+import { a as TooltipContentProps } from '../../types-Cn7IcgkH.mjs';
+import 'react';
+
+type TooltipAnimation = "none" | "fade" | "scale";
+type TooltipPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "style" | "transition">;
+type TooltipAnimationPresets = Record<TooltipAnimation, TooltipPresetMotionProps>;
+type TooltipContentAnimatedProps = TooltipContentProps & {
+    animation?: TooltipAnimation;
+};
+
+declare const TooltipContentAnimated: ({ children, className, variant, size, width, animation, }: TooltipContentAnimatedProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const tooltipAnimationPresets: TooltipAnimationPresets;
+
+export { type TooltipAnimation, type TooltipAnimationPresets, TooltipContentAnimated, type TooltipContentAnimatedProps, type TooltipPresetMotionProps, tooltipAnimationPresets };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'framer-motion';
+import { a as TooltipContentProps } from '../../types-Cn7IcgkH.js';
+import 'react';
+
+type TooltipAnimation = "none" | "fade" | "scale";
+type TooltipPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "style" | "transition">;
+type TooltipAnimationPresets = Record<TooltipAnimation, TooltipPresetMotionProps>;
+type TooltipContentAnimatedProps = TooltipContentProps & {
+    animation?: TooltipAnimation;
+};
+
+declare const TooltipContentAnimated: ({ children, className, variant, size, width, animation, }: TooltipContentAnimatedProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const tooltipAnimationPresets: TooltipAnimationPresets;
+
+export { type TooltipAnimation, type TooltipAnimationPresets, TooltipContentAnimated, type TooltipContentAnimatedProps, type TooltipPresetMotionProps, tooltipAnimationPresets };

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.d.mts

@@ -1,41 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import * as react from 'react';
+import { T as TooltipProps, a as TooltipContentProps, b as TooltipContextType, c as TooltipTriggerProps } from '../types-Cn7IcgkH.mjs';
+export { d as TooltipPosition } from '../types-Cn7IcgkH.mjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
-type TooltipPosition = "top" | "bottom" | "left" | "right";
-type TooltipContextType = {
-    open: boolean;
-    setOpen: (value: boolean) => void;
-    position: TooltipPosition;
-    delay: number;
-    scheduleDelayedOpen: () => void;
-    cancelDelayedOpen: () => void;
-};
-type TooltipProps = {
-    children: ReactNode;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    position?: TooltipPosition;
-    delay?: number;
-};
-type TooltipTriggerProps = {
-    children: ReactNode;
-    className?: string;
-};
-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";
-    animation?: "fade" | "scale" | "none";
-};
-
+declare const TooltipContext: react.Context<TooltipContextType | null>;
 declare const useTooltip: () => TooltipContextType;
 declare const Tooltip: ({ children, defaultOpen, open: controlledOpen, onOpenChange, position, delay, }: TooltipProps) => react_jsx_runtime.JSX.Element;
 declare const TooltipTrigger: ({ children, className, }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
-declare const TooltipContent: ({ children, className, variant, size, width, animation, }: TooltipContentProps) => react_jsx_runtime.JSX.Element | null;
+declare const TooltipContent: ({ children, className, variant, size, width, }: TooltipContentProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const tooltipVariants: (props?: ({
     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" | null | undefined;
@@ -43,4 +16,4 @@ declare const tooltipVariants: (props?: ({
     width?: "sm" | "md" | "lg" | "fit" | "xs" | "xl" | "2xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-export { Tooltip, TooltipContent, type TooltipContentProps, type TooltipContextType, type TooltipPosition, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, tooltipVariants, useTooltip };
+export { Tooltip, TooltipContent, TooltipContentProps, TooltipContext, TooltipContextType, TooltipProps, TooltipTrigger, TooltipTriggerProps, tooltipVariants, useTooltip };

package/dist/ui/tooltip.d.ts

@@ -1,41 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import * as react from 'react';
+import { T as TooltipProps, a as TooltipContentProps, b as TooltipContextType, c as TooltipTriggerProps } from '../types-Cn7IcgkH.js';
+export { d as TooltipPosition } from '../types-Cn7IcgkH.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
-type TooltipPosition = "top" | "bottom" | "left" | "right";
-type TooltipContextType = {
-    open: boolean;
-    setOpen: (value: boolean) => void;
-    position: TooltipPosition;
-    delay: number;
-    scheduleDelayedOpen: () => void;
-    cancelDelayedOpen: () => void;
-};
-type TooltipProps = {
-    children: ReactNode;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    position?: TooltipPosition;
-    delay?: number;
-};
-type TooltipTriggerProps = {
-    children: ReactNode;
-    className?: string;
-};
-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";
-    animation?: "fade" | "scale" | "none";
-};
-
+declare const TooltipContext: react.Context<TooltipContextType | null>;
 declare const useTooltip: () => TooltipContextType;
 declare const Tooltip: ({ children, defaultOpen, open: controlledOpen, onOpenChange, position, delay, }: TooltipProps) => react_jsx_runtime.JSX.Element;
 declare const TooltipTrigger: ({ children, className, }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
-declare const TooltipContent: ({ children, className, variant, size, width, animation, }: TooltipContentProps) => react_jsx_runtime.JSX.Element | null;
+declare const TooltipContent: ({ children, className, variant, size, width, }: TooltipContentProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const tooltipVariants: (props?: ({
     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" | null | undefined;
@@ -43,4 +16,4 @@ declare const tooltipVariants: (props?: ({
     width?: "sm" | "md" | "lg" | "fit" | "xs" | "xl" | "2xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-export { Tooltip, TooltipContent, type TooltipContentProps, type TooltipContextType, type TooltipPosition, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, tooltipVariants, useTooltip };
+export { Tooltip, TooltipContent, TooltipContentProps, TooltipContext, TooltipContextType, TooltipProps, TooltipTrigger, TooltipTriggerProps, tooltipVariants, useTooltip };