@zentauri-ui/zentauri-components 0.0.93 → 1.1.0

package/dist/ui/tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/tooltip/tooltip.tsx","../../src/ui/tooltip/variants.ts","../../src/ui/tooltip/animation.ts"],"sourcesContent":["\"use client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type {\n  TooltipProps,\n  TooltipContextType,\n  TooltipTriggerProps,\n  TooltipContentProps,\n} from \"./types\";\n\nimport { createContext, useContext } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { tooltipVariants } from \"./variants\";\nimport { motion } from \"framer-motion\";\nimport { tooltipAnimationPresets } from \"./animation\";\n\nexport const TooltipContext = createContext<TooltipContextType | null>(null);\n\nexport const useTooltip = () => {\n  const context = useContext(TooltipContext);\n  if (!context) {\n    throw new Error(\"Tooltip components must be used within Tooltip\");\n  }\n  return context;\n};\nexport const Tooltip = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  position = \"top\",\n  delay = 100,\n}: TooltipProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setUncontrolledOpen(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelDelayedOpen = useCallback(() => {\n    if (showTimeoutRef.current !== null) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleDelayedOpen = useCallback(() => {\n    cancelDelayedOpen();\n    showTimeoutRef.current = setTimeout(() => {\n      showTimeoutRef.current = null;\n      setOpen(true);\n    }, delay);\n  }, [cancelDelayedOpen, delay, setOpen]);\n\n  useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        open,\n        setOpen,\n        position,\n        delay,\n        scheduleDelayedOpen,\n        cancelDelayedOpen,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </TooltipContext.Provider>\n  );\n};\n\nexport const TooltipTrigger = ({\n  children,\n  className,\n}: TooltipTriggerProps) => {\n  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen } = useTooltip();\n\n  const triggerProps = {\n    onMouseEnter: () => scheduleDelayedOpen(),\n    onMouseLeave: () => {\n      cancelDelayedOpen();\n      setOpen(false);\n    },\n    onFocus: () => {\n      cancelDelayedOpen();\n      setOpen(true);\n    },\n    onBlur: () => {\n      cancelDelayedOpen();\n      setOpen(false);\n    },\n    onKeyDown: (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        cancelDelayedOpen();\n        setOpen(false);\n      }\n    },\n    className,\n    tabIndex: 0,\n  };\n\n  return <span {...triggerProps}>{children}</span>;\n};\n\nexport const TooltipContent = ({\n  children,\n  className,\n  variant,\n  size,\n  width,\n  animation = \"none\",\n}: TooltipContentProps) => {\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","import { cva } from \"class-variance-authority\"\n\nexport const tooltipVariants = cva(\n  \"absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-black text-white\",\n        outline: \"border bg-white text-black\",\n        ghost: \"bg-gray-800 text-white/90\",\n        glass: \"border border-white/15 bg-white/10 text-white backdrop-blur-md\",\n        emerald: \"bg-emerald-600 text-white\",\n        indigo: \"bg-indigo-600 text-white\",\n        purple: \"bg-purple-600 text-white\",\n        pink: \"bg-pink-600 text-white\",\n        rose: \"bg-rose-600 text-white\",\n        sky: \"bg-sky-600 text-white\",\n        teal: \"bg-teal-600 text-white\",\n        yellow: \"bg-yellow-600 text-white\",\n        orange: \"bg-orange-600 text-white\",\n        green: \"bg-green-600 text-white\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 text-white\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 text-white\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 text-white\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 text-white\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 text-white\",\n      },\n      size: {\n        sm: \"text-xs px-2 py-1\",\n        md: \"text-sm px-3 py-1.5\",\n        lg: \"text-base px-4 py-2\",\n      },\n      width:{\n        fit: \"min-w-75 md:min-w-fit\",\n        xs: \"min-w-75 md:min-w-xs\",\n        sm: \"min-w-75 md:min-w-sm\",\n        md: \"min-w-75 md:min-w-md\",\n        lg: \"min-w-75 md:min-w-lg\",\n        xl: \"min-w-75 md:min-w-xl\",\n        \"2xl\": \"min-w-75 md:min-w-2xl\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      width: \"xs\",\n    },\n  }\n)","import type { HTMLMotionProps } from \"framer-motion\";\nimport { TooltipAnimation } from \"./types\";\n\ntype TooltipPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"style\" | \"transition\"\n>;\n\nexport type TooltipAnimationPresets = Record<TooltipAnimation, TooltipPresetMotionProps>;\n\n/** Runs when TooltipContent mounts after open (e.g. trigger hover + delay), not viewport scroll. */\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"],"mappings":";;;;;;;AACA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAQzD,SAAS,eAAe,kBAAkB;;;ACT1C,SAAS,WAAW;AAEb,IAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,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,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,OAAM;AAAA,QACJ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;;;ADxCA,SAAS,cAAc;;;AEDhB,IAAM,0BAAmD;AAAA,EAC9D,MAAM,CAAC;AAAA,EACP,MAAM;AAAA,IACJ,SAAS,EAAE,SAAS,EAAE;AAAA,IACtB,SAAS,EAAE,SAAS,EAAE;AAAA,IACtB,YAAY,EAAE,UAAU,MAAM,MAAM,UAAU;AAAA,EAChD;AAAA,EACA,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG,OAAO,KAAK;AAAA,IACnC,SAAS,EAAE,SAAS,GAAG,OAAO,EAAE;AAAA,IAChC,YAAY,EAAE,UAAU,MAAM,MAAM,SAAS;AAAA,EAC/C;AACF;;;AFoDM;AA5DC,IAAM,iBAAiB,cAAyC,IAAI;AAEpE,IAAM,aAAa,MAAM;AAC9B,QAAM,UAAU,WAAW,cAAc;AACzC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AACA,SAAO;AACT;AACO,IAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AACV,MAAoB;AAClB,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,WAAW;AAEpE,QAAM,eAAe,mBAAmB;AACxC,QAAM,OAAO,eAAe,iBAAiB;AAE7C,QAAM,UAAU;AAAA,IACd,CAAC,UAAmB;AAClB,UAAI,CAAC,aAAc,qBAAoB,KAAK;AAC5C,qBAAe,KAAK;AAAA,IACtB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,iBAAiB,OAA6C,IAAI;AAExE,QAAM,oBAAoB,YAAY,MAAM;AAC1C,QAAI,eAAe,YAAY,MAAM;AACnC,mBAAa,eAAe,OAAO;AACnC,qBAAe,UAAU;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,sBAAkB;AAClB,mBAAe,UAAU,WAAW,MAAM;AACxC,qBAAe,UAAU;AACzB,cAAQ,IAAI;AAAA,IACd,GAAG,KAAK;AAAA,EACV,GAAG,CAAC,mBAAmB,OAAO,OAAO,CAAC;AAEtC,YAAU,MAAM,MAAM,kBAAkB,GAAG,CAAC,iBAAiB,CAAC;AAE9D,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,SAAI,WAAU,yBAAyB,UAAS;AAAA;AAAA,EACnD;AAEJ;AAEO,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,EAAE,SAAS,qBAAqB,kBAAkB,IAAI,WAAW;AAEvE,QAAM,eAAe;AAAA,IACnB,cAAc,MAAM,oBAAoB;AAAA,IACxC,cAAc,MAAM;AAClB,wBAAkB;AAClB,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,SAAS,MAAM;AACb,wBAAkB;AAClB,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,QAAQ,MAAM;AACZ,wBAAkB;AAClB,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,WAAW,CAAC,MAA2B;AACrC,UAAI,EAAE,QAAQ,UAAU;AACtB,0BAAkB;AAClB,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,SAAO,oBAAC,UAAM,GAAG,cAAe,UAAS;AAC3C;AAEO,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAA2B;AACzB,QAAM,EAAE,MAAM,SAAS,IAAI,WAAW;AAEtC,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,iBAAiB;AAAA,IACrB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAEA,QAAM,cAAc,wBAAwB,SAAS;AAErD,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,aAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,gBAAgB,EAAE,SAAS,MAAM,MAAM,CAAC;AAAA,QACxC,eAAe,QAAQ;AAAA,QACvB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/ui/tooltip/variants.ts","../../src/ui/tooltip/animation.ts","../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"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","file":"tooltip.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tooltipVariants = cva(\n  \"absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-black text-white\",\n        outline: \"border bg-white text-black\",\n        ghost: \"bg-gray-800 text-white/90\",\n        glass: \"border border-white/15 bg-white/10 text-white backdrop-blur-md\",\n        emerald: \"bg-emerald-600 text-white\",\n        indigo: \"bg-indigo-600 text-white\",\n        purple: \"bg-purple-600 text-white\",\n        pink: \"bg-pink-600 text-white\",\n        rose: \"bg-rose-600 text-white\",\n        sky: \"bg-sky-600 text-white\",\n        teal: \"bg-teal-600 text-white\",\n        yellow: \"bg-yellow-600 text-white\",\n        orange: \"bg-orange-600 text-white\",\n        green: \"bg-green-600 text-white\",\n        \"gradient-blue\":\n          \"bg-gradient-to-r from-blue-600 to-purple-600 text-white\",\n        \"gradient-green\":\n          \"bg-gradient-to-r from-green-600 to-lime-600 text-white\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white\",\n        \"gradient-yellow\":\n          \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white\",\n        \"gradient-purple\":\n          \"bg-gradient-to-r from-purple-600 to-pink-600 text-white\",\n        \"gradient-teal\":\n          \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white\",\n        \"gradient-indigo\":\n          \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white\",\n        \"gradient-pink\":\n          \"bg-gradient-to-r from-pink-600 to-rose-600 text-white\",\n        \"gradient-orange\":\n          \"bg-gradient-to-r from-orange-600 to-red-600 text-white\",\n      },\n      size: {\n        sm: \"text-xs px-2 py-1\",\n        md: \"text-sm px-3 py-1.5\",\n        lg: \"text-base px-4 py-2\",\n      },\n      width: {\n        fit: \"min-w-75 md:min-w-fit\",\n        xs: \"min-w-75 md:min-w-xs\",\n        sm: \"min-w-75 md:min-w-sm\",\n        md: \"min-w-75 md:min-w-md\",\n        lg: \"min-w-75 md:min-w-lg\",\n        xl: \"min-w-75 md:min-w-xl\",\n        \"2xl\": \"min-w-75 md:min-w-2xl\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      width: \"xs\",\n    },\n  },\n);\n","import type { HTMLMotionProps } from \"framer-motion\";\nimport { TooltipAnimation } from \"./types\";\n\ntype TooltipPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"style\" | \"transition\"\n>;\n\nexport type TooltipAnimationPresets = Record<\n  TooltipAnimation,\n  TooltipPresetMotionProps\n>;\n\n/** Runs when TooltipContent mounts after open (e.g. trigger hover + delay), not viewport scroll. */\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\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type {\n  TooltipProps,\n  TooltipContextType,\n  TooltipTriggerProps,\n  TooltipContentProps,\n} from \"./types\";\n\nimport { createContext, useContext } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { tooltipVariants } from \"./variants\";\nimport { motion } from \"framer-motion\";\nimport { tooltipAnimationPresets } from \"./animation\";\n\nexport const TooltipContext = createContext<TooltipContextType | null>(null);\n\nexport const useTooltip = () => {\n  const context = useContext(TooltipContext);\n  if (!context) {\n    throw new Error(\"Tooltip components must be used within Tooltip\");\n  }\n  return context;\n};\nexport const Tooltip = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  position = \"top\",\n  delay = 100,\n}: TooltipProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setUncontrolledOpen(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelDelayedOpen = useCallback(() => {\n    if (showTimeoutRef.current !== null) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleDelayedOpen = useCallback(() => {\n    cancelDelayedOpen();\n    showTimeoutRef.current = setTimeout(() => {\n      showTimeoutRef.current = null;\n      setOpen(true);\n    }, delay);\n  }, [cancelDelayedOpen, delay, setOpen]);\n\n  useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        open,\n        setOpen,\n        position,\n        delay,\n        scheduleDelayedOpen,\n        cancelDelayedOpen,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </TooltipContext.Provider>\n  );\n};\n\nexport const TooltipTrigger = ({\n  children,\n  className,\n}: TooltipTriggerProps) => {\n  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen } = useTooltip();\n\n  const triggerProps = {\n    onMouseEnter: () => scheduleDelayedOpen(),\n    onMouseLeave: () => {\n      cancelDelayedOpen();\n      setOpen(false);\n    },\n    onFocus: () => {\n      cancelDelayedOpen();\n      setOpen(true);\n    },\n    onBlur: () => {\n      cancelDelayedOpen();\n      setOpen(false);\n    },\n    onKeyDown: (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        cancelDelayedOpen();\n        setOpen(false);\n      }\n    },\n    className,\n    tabIndex: 0,\n  };\n\n  return <span {...triggerProps}>{children}</span>;\n};\n\nexport const TooltipContent = ({\n  children,\n  className,\n  variant,\n  size,\n  width,\n  animation = \"none\",\n}: TooltipContentProps) => {\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zentauri-ui/zentauri-components",
-  "version": "0.0.93",
+  "version": "1.1.0",
   "description": "A UI component library built with React and Tailwind CSS",
   "license": "MIT",
   "files": ["dist"],
@@ -11,8 +11,8 @@
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*.d.ts",
-      "import": "./dist/ui/*.js",
-      "require": "./dist/ui/*.cjs"
+      "import": "./dist/ui/*.mjs",
+      "require": "./dist/ui/*.js"
     }
   },
   "scripts": {
@@ -43,6 +43,8 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "jsdom": "^26.1.0",
+    "framer-motion": "^12.38.0",
+    "react-icons": "^5.6.0",
     "typescript": "^5",
     "vitest": "^4.1.4",
     "tsup": "^8.5.1"

package/dist/chunk-BZSIXBA7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/chunk-BZSIXBA7.js"],"names":[],"mappings":"AAAA;AACA,kEAA8C;AAC9C,IAAI,eAAe,EAAE,yCAAG;AACxB,EAAE;AACF,IAAI,4EAA4E;AAChF,IAAI,6DAA6D;AACjE,IAAI,0GAA0G;AAC9G,IAAI,kDAAkD;AACtD,IAAI;AACJ,EAAE,CAAC;AACH,EAAE;AACF,IAAI,QAAQ,EAAE;AACd,MAAM,UAAU,EAAE;AAClB,QAAQ,OAAO,EAAE,kFAAkF;AACnG,QAAQ,SAAS,EAAE,+CAA+C;AAClE,QAAQ,WAAW,EAAE,0CAA0C;AAC/D,QAAQ,OAAO,EAAE,mEAAmE;AACpF,QAAQ,KAAK,EAAE,gDAAgD;AAC/D,QAAQ,IAAI,EAAE,iEAAiE;AAC/E,QAAQ,KAAK,EAAE,kFAAkF;AACjG,QAAQ,OAAO,EAAE,gDAAgD;AACjE,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,IAAI,EAAE,0CAA0C;AACxD,QAAQ,IAAI,EAAE,0CAA0C;AACxD,QAAQ,GAAG,EAAE,wCAAwC;AACrD,QAAQ,IAAI,EAAE,0CAA0C;AACxD,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,IAAI,EAAE,0CAA0C;AACxD,QAAQ,KAAK,EAAE,4CAA4C;AAC3D,QAAQ,MAAM,EAAE,8CAA8C;AAC9D,QAAQ,eAAe,EAAE,iGAAiG;AAC1H,QAAQ,gBAAgB,EAAE,+FAA+F;AACzH,QAAQ,cAAc,EAAE,2FAA2F;AACnH,QAAQ,iBAAiB,EAAE,qGAAqG;AAChI,QAAQ,iBAAiB,EAAE,iGAAiG;AAC5H,QAAQ,eAAe,EAAE,6FAA6F;AACtH,QAAQ,iBAAiB,EAAE,qGAAqG;AAChI,QAAQ,eAAe,EAAE,6FAA6F;AACtH,QAAQ,iBAAiB,EAAE;AAC3B,MAAM,CAAC;AACP,MAAM,IAAI,EAAE;AACZ,QAAQ,EAAE,EAAE,yBAAyB;AACrC,QAAQ,EAAE,EAAE,kBAAkB;AAC9B,QAAQ,EAAE,EAAE,6BAA6B;AACzC,QAAQ,EAAE,EAAE,2BAA2B;AACvC,QAAQ,KAAK,EAAE,mCAAmC;AAClD,QAAQ,KAAK,EAAE,qCAAqC;AACpD,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,KAAK,EAAE,6BAA6B;AAC5C,QAAQ,KAAK,EAAE,sCAAsC;AACrD,QAAQ,MAAM,EAAE,sCAAsC;AACtD,QAAQ,IAAI,EAAE;AACd,MAAM;AACN,IAAI,CAAC;AACL,IAAI,eAAe,EAAE;AACrB,MAAM,UAAU,EAAE,SAAS;AAC3B,MAAM,IAAI,EAAE;AACZ,IAAI;AACJ,EAAE;AACF,CAAC;AACD;AACA;AACE;AACF,wCAAC","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/chunk-BZSIXBA7.js","sourcesContent":[null]}

package/dist/chunk-E5UX537J.js

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/lib/utils.ts
-var _clsx = require('clsx');
-var _tailwindmerge = require('tailwind-merge');
-function cn(...inputs) {
-  return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs));
-}
-
-
-
-exports.cn = cn;
-//# sourceMappingURL=chunk-E5UX537J.js.map

package/dist/chunk-E5UX537J.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/chunk-E5UX537J.js"],"names":[],"mappings":"AAAA;AACA,4BAA2B;AAC3B,+CAAwC;AACxC,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE;AACvB,EAAE,OAAO,oCAAO,wBAAK,MAAO,CAAC,CAAC;AAC9B;AACA;AACA;AACE;AACF,gBAAC","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/chunk-E5UX537J.js","sourcesContent":[null]}

package/dist/chunk-MEWYFWBX.mjs

@@ -1,14 +0,0 @@
-"use client";
-
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export {
-  cn
-};
-//# sourceMappingURL=chunk-MEWYFWBX.mjs.map

package/dist/chunk-MEWYFWBX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}"],"mappings":";;;;AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/chunk-VJHD7QZH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/buttons/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl\",\n    \"text-sm font-medium ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-slate-50 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-white\",\n        secondary: \"bg-slate-800 text-slate-50 hover:bg-slate-700\",\n        destructive: \"bg-rose-600 text-white hover:bg-rose-600\",\n        outline:\n          \"border border-white/10 bg-white/5 text-slate-50 hover:bg-white/10\",\n        ghost: \"bg-transparent text-slate-200 hover:bg-white/5\",\n        link: \"bg-transparent text-cyan-300 underline-offset-4 hover:underline\",\n        glass:\n          \"border border-white/15 bg-white/10 text-white backdrop-blur-md hover:bg-white/15\",\n        emerald: \"bg-emerald-600 text-white hover:bg-emerald-600\",\n        indigo: \"bg-indigo-600 text-white hover:bg-indigo-600\",\n        purple: \"bg-purple-600 text-white hover:bg-purple-600\",\n        pink: \"bg-pink-600 text-white hover:bg-pink-600\",\n        rose: \"bg-rose-600 text-white hover:bg-rose-600\",\n        sky: \"bg-sky-600 text-white hover:bg-sky-600\",\n        teal: \"bg-teal-600 text-white hover:bg-teal-600\",\n        yellow: \"bg-yellow-600 text-white hover:bg-yellow-600\",\n        orange: \"bg-orange-600 text-white hover:bg-orange-600\",\n        gray: \"bg-gray-600 text-white hover:bg-gray-600\",\n        amber: \"bg-amber-600 text-white hover:bg-amber-600\",\n        violet: \"bg-violet-600 text-white hover:bg-violet-600\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600\",\n      },\n      size: {\n        sm: \"h-7 md:h-9 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n        xl: \"h-12 md:h-14 px-6 text-lg\",\n        \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n        \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n        \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n        \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n        \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n        \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n        \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n        \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n        \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n"],"mappings":";;;;AAAA,SAAS,WAAW;AAEb,IAAM,iBAAiB;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,YAAY;AAAA,QACV,SACE;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OACE;AAAA,QACF,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,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,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,YAAY;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AACF;","names":[]}