@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/dist/ui/toggle.mjs

@@ -0,0 +1,154 @@
+"use client";
+
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/toggle/toggle.tsx
+import { motion } from "framer-motion";
+import { useCallback, useState } from "react";
+
+// src/ui/toggle/animations.ts
+var toggleThumbAnimationPresets = {
+  none: {},
+  spring: {
+    layout: true,
+    transition: { type: "spring", stiffness: 520, damping: 32 }
+  }
+};
+
+// src/ui/toggle/variants.ts
+import { cva } from "class-variance-authority";
+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"
+    }
+  }
+);
+
+// src/ui/toggle/toggle.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Toggle(props) {
+  const {
+    className,
+    size,
+    appearance,
+    animation = "spring",
+    checked,
+    defaultChecked = false,
+    onCheckedChange,
+    disabled,
+    ref,
+    "aria-label": ariaLabel = "Toggle",
+    children,
+    ...rest
+  } = 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) {
+        setUncontrolled(next);
+      }
+      onCheckedChange?.(next);
+    },
+    [isControlled, onCheckedChange]
+  );
+  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 26 : 20;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      role: "switch",
+      "data-slot": "toggle",
+      "aria-checked": resolved,
+      "aria-label": ariaLabel,
+      "data-state": resolved ? "checked" : "unchecked",
+      disabled,
+      className: cn(toggleTrackVariants({ size, appearance }), className),
+      onClick: () => {
+        if (!disabled) {
+          setChecked(!resolved);
+        }
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children }),
+        /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            className: cn(toggleThumbVariants({ size }), "absolute left-1 top-1/2 -translate-y-1/2"),
+            animate: { x: resolved ? thumbShiftPx : 0 },
+            transition: thumbMotion.transition
+          }
+        )
+      ]
+    }
+  );
+}
+Toggle.displayName = "Toggle";
+export {
+  Toggle,
+  toggleThumbAnimationPresets,
+  toggleThumbVariants,
+  toggleTrackVariants
+};
+//# sourceMappingURL=toggle.mjs.map

package/dist/ui/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/toggle/toggle.tsx","../../src/ui/toggle/animations.ts","../../src/ui/toggle/variants.ts"],"sourcesContent":["\"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(toggleThumbVariants({ size }), \"absolute left-1 top-1/2 -translate-y-1/2\")}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n      />\n    </button>\n  );\n}\n\nToggle.displayName = \"Toggle\";\n\n","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: \"data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80\",\n        destructive: \"data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80\",\n        neutral: \"data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90\",\n        indigo: \"data-[state=checked]:border-indigo-500/40 data-[state=checked]:bg-indigo-600/80\",\n        purple: \"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: \"data-[state=checked]:border-orange-500/40 data-[state=checked]:bg-orange-600/80\",\n        yellow: \"data-[state=checked]:border-yellow-500/40 data-[state=checked]:bg-yellow-600/80\",\n        green: \"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: \"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: \"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: \"data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90\",\n        \"gradient-blue\": \"data-[state=checked]:bg-linear-to-r from-blue-600 to-purple-600\",\n        \"gradient-green\": \"data-[state=checked]:bg-linear-to-r from-green-600 to-lime-600\",\n        \"gradient-red\": \"data-[state=checked]:bg-linear-to-r from-red-600 to-pink-600\",\n        \"gradient-yellow\": \"data-[state=checked]:bg-linear-to-r from-yellow-600 to-orange-600\",\n        \"gradient-purple\": \"data-[state=checked]:bg-linear-to-r from-purple-600 to-pink-600\",\n        \"gradient-teal\": \"data-[state=checked]:bg-linear-to-r from-teal-600 to-cyan-600\",\n        \"gradient-indigo\": \"data-[state=checked]:bg-linear-to-r from-indigo-600 to-purple-600\",\n        \"gradient-pink\": \"data-[state=checked]:bg-linear-to-r from-pink-600 to-rose-600\",\n        \"gradient-orange\": \"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"],"mappings":";;;;;;;AAEA,SAAS,cAAc;AACvB,SAAS,aAAa,gBAAgB;;;ACK/B,IAAM,8BAAsD;AAAA,EACjE,MAAM,CAAC;AAAA,EACP,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAG;AAAA,EAC5D;AACF;;;ACdA,SAAS,WAAW;AAEb,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;;;AFnBI,SAiBE,KAjBF;AAjCG,SAAS,OAAO,OAAoB;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,YAAY;AAAA,IAC1B;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,cAAc;AAC/D,QAAM,WAAW,eAAe,QAAQ,OAAO,IAAI;AACnD,QAAM,cAAc,4BAA4B,SAAS;AAEzD,QAAM,aAAa;AAAA,IACjB,CAAC,SAAkB;AACjB,UAAI,CAAC,cAAc;AACjB,wBAAgB,IAAI;AAAA,MACtB;AACA,wBAAkB,IAAI;AAAA,IACxB;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,EAChC;AAEA,QAAM,eAAe,SAAS,OAAO,KAAK,SAAS,OAAO,KAAK;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,MACL,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,cAAY;AAAA,MACZ,cAAY,WAAW,YAAY;AAAA,MACnC;AAAA,MACA,WAAW,GAAG,oBAAoB,EAAE,MAAM,WAAW,CAAC,GAAG,SAAS;AAAA,MAClE,SAAS,MAAM;AACb,YAAI,CAAC,UAAU;AACb,qBAAW,CAAC,QAAQ;AAAA,QACtB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,WAAU,WAAW,UAAS;AAAA,QACpC;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC,GAAG,0CAA0C;AAAA,YACvF,SAAS,EAAE,GAAG,WAAW,eAAe,EAAE;AAAA,YAC1C,YAAY,YAAY;AAAA;AAAA,QAC1B;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,OAAO,cAAc;","names":[]}

package/dist/ui/tooltip.d.mts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+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 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 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;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    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 };

package/dist/ui/tooltip.d.ts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+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 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 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;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    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 };

package/dist/ui/tooltip.js

@@ -0,0 +1,208 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/tooltip/tooltip.tsx
+var _react = require('react');
+
+
+// src/ui/tooltip/variants.ts
+var _classvarianceauthority = require('class-variance-authority');
+var tooltipVariants = _classvarianceauthority.cva.call(void 0, 
+  "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/tooltip.tsx
+var _framermotion = require('framer-motion');
+
+// 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" }
+  }
+};
+
+// src/ui/tooltip/tooltip.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TooltipContext = _react.createContext.call(void 0, null);
+var useTooltip = () => {
+  const context = _react.useContext.call(void 0, 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.call(void 0, defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const setOpen = _react.useCallback.call(void 0, 
+    (value) => {
+      if (!isControlled) setUncontrolledOpen(value);
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(value)]);
+    },
+    [isControlled, onOpenChange]
+  );
+  const showTimeoutRef = _react.useRef.call(void 0, null);
+  const cancelDelayedOpen = _react.useCallback.call(void 0, () => {
+    if (showTimeoutRef.current !== null) {
+      clearTimeout(showTimeoutRef.current);
+      showTimeoutRef.current = null;
+    }
+  }, []);
+  const scheduleDelayedOpen = _react.useCallback.call(void 0, () => {
+    cancelDelayedOpen();
+    showTimeoutRef.current = setTimeout(() => {
+      showTimeoutRef.current = null;
+      setOpen(true);
+    }, delay);
+  }, [cancelDelayedOpen, delay, setOpen]);
+  _react.useEffect.call(void 0, () => () => cancelDelayedOpen(), [cancelDelayedOpen]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    TooltipContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        position,
+        delay,
+        scheduleDelayedOpen,
+        cancelDelayedOpen
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, "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.call(void 0, 
+    _framermotion.motion.div,
+    {
+      "data-open": open,
+      role: "tooltip",
+      ...motionProps,
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
+        tooltipVariants({ variant, size, width }),
+        positionStyles[position],
+        className
+      ),
+      children
+    }
+  );
+};
+
+
+
+
+
+
+exports.Tooltip = Tooltip; exports.TooltipContent = TooltipContent; exports.TooltipTrigger = TooltipTrigger; exports.tooltipVariants = tooltipVariants; exports.useTooltip = useTooltip;
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/tooltip.js"],"names":[],"mappings":"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","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/tooltip.js","sourcesContent":[null]}