@definable/ui 0.1.9 → 0.1.12

package/dist/components/tooltip.esm.js

@@ -1,13 +1,13 @@
-import { j as o } from "../jsx-runtime-DGlMoOmv.js";
-import { AnimatePresence as b, motion as a } from "framer-motion";
-import { c as s } from "../utils-qaFjX9_3.js";
-function h({ content: t, side: e = "right", align: r = "center", isVisible: l }) {
-  return /* @__PURE__ */ o.jsx(b, { children: l && /* @__PURE__ */ o.jsxs(
-    a.div,
+import { j as r } from "../jsx-runtime-DGlMoOmv.js";
+import { AnimatePresence as n, motion as c } from "framer-motion";
+import { c as i } from "../utils-qaFjX9_3.js";
+function b({ content: t, side: o = "right", align: e = "center", isVisible: s }) {
+  return /* @__PURE__ */ r.jsx(n, { children: s && /* @__PURE__ */ r.jsx(
+    c.div,
     {
       initial: {
         opacity: 0,
-        ...n(e)
+        ...a(o)
       },
       animate: {
         opacity: 1,
@@ -16,30 +16,19 @@ function h({ content: t, side: e = "right", align: r = "center", isVisible: l })
       },
       exit: {
         opacity: 0,
-        ...n(e)
+        ...a(o)
       },
       transition: { duration: 0.15, ease: "easeOut" },
-      className: s(
+      className: i(
         "absolute z-[100] px-2.5 py-1.5 rounded-md text-xs font-medium whitespace-nowrap",
-        "bg-background border border-border shadow-lg",
-        c(e, r)
+        "bg-background border border-border/50 shadow-lg",
+        p(o, e)
       ),
-      children: [
-        t,
-        /* @__PURE__ */ o.jsx(
-          a.div,
-          {
-            className: s(
-              "absolute w-1.5 h-1.5 rotate-45 bg-background border border-border",
-              p(e)
-            )
-          }
-        )
-      ]
+      children: t
     }
   ) });
 }
-const n = (t) => {
+const a = (t) => {
   switch (t) {
     case "right":
       return { x: -5 };
@@ -52,49 +41,36 @@ const n = (t) => {
     default:
       return { x: 0, y: 0 };
   }
-}, c = (t, e) => {
-  const r = [];
+}, p = (t, o) => {
+  const e = [];
   switch (t) {
     case "right":
-      r.push("left-full ml-2");
+      e.push("left-full ml-2");
       break;
     case "left":
-      r.push("right-full mr-2");
+      e.push("right-full mr-2");
       break;
     case "top":
-      r.push("bottom-full mb-2");
+      e.push("bottom-full mb-2");
       break;
     case "bottom":
-      r.push("top-full mt-2");
+      e.push("top-full mt-2");
       break;
   }
-  switch (e) {
+  switch (o) {
     case "start":
-      r.push(t === "top" || t === "bottom" ? "left-0" : "top-0");
+      e.push(t === "top" || t === "bottom" ? "left-0" : "top-0");
       break;
     case "center":
-      r.push(t === "top" || t === "bottom" ? "left-1/2 -translate-x-1/2" : "top-1/2 -translate-y-1/2");
+      e.push(t === "top" || t === "bottom" ? "left-1/2 -translate-x-1/2" : "top-1/2 -translate-y-1/2");
       break;
     case "end":
-      r.push(t === "top" || t === "bottom" ? "right-0" : "bottom-0");
+      e.push(t === "top" || t === "bottom" ? "right-0" : "bottom-0");
       break;
   }
-  return r.join(" ");
-}, p = (t) => {
-  switch (t) {
-    case "right":
-      return "-left-[4px] top-1/2 -translate-y-1/2 border-r-0 border-t-0";
-    case "left":
-      return "-right-[4px] top-1/2 -translate-y-1/2 border-l-0 border-b-0";
-    case "top":
-      return "-bottom-[4px] left-1/2 -translate-x-1/2 border-l-0 border-t-0";
-    case "bottom":
-      return "-top-[4px] left-1/2 -translate-x-1/2 border-r-0 border-b-0";
-    default:
-      return "";
-  }
+  return e.join(" ");
 };
 export {
-  h as Tooltip
+  b as Tooltip
 };
 //# sourceMappingURL=tooltip.esm.js.map

package/dist/components/tooltip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.esm.js","sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { motion, AnimatePresence } from 'framer-motion';\nimport { cn } from '@/lib/utils';\n\ninterface TooltipProps {\n  content: string | React.ReactNode;\n  side?: 'left' | 'right' | 'top' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  isVisible: boolean;\n}\n\nexport function Tooltip({ content, side = 'right', align = 'center', isVisible }: TooltipProps) {\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          initial={{ \n            opacity: 0, \n            ...getInitialPosition(side)\n          }}\n          animate={{ \n            opacity: 1, \n            x: 0,\n            y: 0 \n          }}\n          exit={{ \n            opacity: 0, \n            ...getInitialPosition(side)\n          }}\n          transition={{ duration: 0.15, ease: 'easeOut' }}\n          className={cn(\n            'absolute z-[100] px-2.5 py-1.5 rounded-md text-xs font-medium whitespace-nowrap',\n            'bg-background border border-border shadow-lg',\n            getPositionClasses(side, align)\n          )}\n        >\n          {content}\n          <motion.div\n            className={cn(\n              'absolute w-1.5 h-1.5 rotate-45 bg-background border border-border',\n              getArrowClasses(side)\n            )}\n          />\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\nconst getInitialPosition = (side: string) => {\n  switch (side) {\n    case 'right':\n      return { x: -5 };\n    case 'left':\n      return { x: 5 };\n    case 'top':\n      return { y: 5 };\n    case 'bottom':\n      return { y: -5 };\n    default:\n      return { x: 0, y: 0 };\n  }\n};\n\nconst getPositionClasses = (side: string, align: string) => {\n  const baseClasses = [];\n\n  switch (side) {\n    case 'right':\n      baseClasses.push('left-full ml-2');\n      break;\n    case 'left':\n      baseClasses.push('right-full mr-2');\n      break;\n    case 'top':\n      baseClasses.push('bottom-full mb-2');\n      break;\n    case 'bottom':\n      baseClasses.push('top-full mt-2');\n      break;\n  }\n\n  switch (align) {\n    case 'start':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'left-0' : 'top-0');\n      break;\n    case 'center':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'left-1/2 -translate-x-1/2' : 'top-1/2 -translate-y-1/2');\n      break;\n    case 'end':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'right-0' : 'bottom-0');\n      break;\n  }\n\n  return baseClasses.join(' ');\n};\n\nconst getArrowClasses = (side: string) => {\n  switch (side) {\n    case 'right':\n      return '-left-[4px] top-1/2 -translate-y-1/2 border-r-0 border-t-0';\n    case 'left':\n      return '-right-[4px] top-1/2 -translate-y-1/2 border-l-0 border-b-0';\n    case 'top':\n      return '-bottom-[4px] left-1/2 -translate-x-1/2 border-l-0 border-t-0';\n    case 'bottom':\n      return '-top-[4px] left-1/2 -translate-x-1/2 border-r-0 border-b-0';\n    default:\n      return '';\n  }\n};"],"names":["Tooltip","content","side","align","isVisible","jsx","AnimatePresence","jsxs","motion","getInitialPosition","cn","getPositionClasses","getArrowClasses","baseClasses"],"mappings":";;;AAUO,SAASA,EAAQ,EAAE,SAAAC,GAAS,MAAAC,IAAO,SAAS,OAAAC,IAAQ,UAAU,WAAAC,KAA2B;AAC9F,SACEC,gBAAAA,EAAAA,IAACC,KACE,UAAAF,KACCG,gBAAAA,EAAAA;AAAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,SAAS;AAAA,QACP,SAAS;AAAA,QACT,GAAGC,EAAmBP,CAAI;AAAA,MAAA;AAAA,MAE5B,SAAS;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,MAEL,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,GAAGO,EAAmBP,CAAI;AAAA,MAAA;AAAA,MAE5B,YAAY,EAAE,UAAU,MAAM,MAAM,UAAA;AAAA,MACpC,WAAWQ;AAAA,QACT;AAAA,QACA;AAAA,QACAC,EAAmBT,GAAMC,CAAK;AAAA,MAAA;AAAA,MAG/B,UAAA;AAAA,QAAAF;AAAA,QACDI,gBAAAA,EAAAA;AAAAA,UAACG,EAAO;AAAA,UAAP;AAAA,YACC,WAAWE;AAAA,cACT;AAAA,cACAE,EAAgBV,CAAI;AAAA,YAAA;AAAA,UACtB;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,MAAMO,IAAqB,CAACP,MAAiB;AAC3C,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO,EAAE,GAAG,GAAA;AAAA,IACd,KAAK;AACH,aAAO,EAAE,GAAG,EAAA;AAAA,IACd,KAAK;AACH,aAAO,EAAE,GAAG,EAAA;AAAA,IACd,KAAK;AACH,aAAO,EAAE,GAAG,GAAA;AAAA,IACd;AACE,aAAO,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,EAAE;AAE1B,GAEMS,IAAqB,CAACT,GAAcC,MAAkB;AAC1D,QAAMU,IAAc,CAAA;AAEpB,UAAQX,GAAA;AAAA,IACN,KAAK;AACH,MAAAW,EAAY,KAAK,gBAAgB;AACjC;AAAA,IACF,KAAK;AACH,MAAAA,EAAY,KAAK,iBAAiB;AAClC;AAAA,IACF,KAAK;AACH,MAAAA,EAAY,KAAK,kBAAkB;AACnC;AAAA,IACF,KAAK;AACH,MAAAA,EAAY,KAAK,eAAe;AAChC;AAAA,EAAA;AAGJ,UAAQV,GAAA;AAAA,IACN,KAAK;AACH,MAAAU,EAAY,KAAMX,MAAS,SAASA,MAAS,WAAY,WAAW,OAAO;AAC3E;AAAA,IACF,KAAK;AACH,MAAAW,EAAY,KAAMX,MAAS,SAASA,MAAS,WAAY,8BAA8B,0BAA0B;AACjH;AAAA,IACF,KAAK;AACH,MAAAW,EAAY,KAAMX,MAAS,SAASA,MAAS,WAAY,YAAY,UAAU;AAC/E;AAAA,EAAA;AAGJ,SAAOW,EAAY,KAAK,GAAG;AAC7B,GAEMD,IAAkB,CAACV,MAAiB;AACxC,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"tooltip.esm.js","sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { motion, AnimatePresence } from 'framer-motion';\nimport { cn } from '@/lib/utils';\n\ninterface TooltipProps {\n  content: string | React.ReactNode;\n  side?: 'left' | 'right' | 'top' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  isVisible: boolean;\n}\n\nexport function Tooltip({ content, side = 'right', align = 'center', isVisible }: TooltipProps) {\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          initial={{ \n            opacity: 0, \n            ...getInitialPosition(side)\n          }}\n          animate={{ \n            opacity: 1, \n            x: 0,\n            y: 0 \n          }}\n          exit={{ \n            opacity: 0, \n            ...getInitialPosition(side)\n          }}\n          transition={{ duration: 0.15, ease: 'easeOut' }}\n          className={cn(\n            'absolute z-[100] px-2.5 py-1.5 rounded-md text-xs font-medium whitespace-nowrap',\n            'bg-background border border-border/50 shadow-lg',\n            getPositionClasses(side, align)\n          )}\n        >\n          {content}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\nconst getInitialPosition = (side: string) => {\n  switch (side) {\n    case 'right':\n      return { x: -5 };\n    case 'left':\n      return { x: 5 };\n    case 'top':\n      return { y: 5 };\n    case 'bottom':\n      return { y: -5 };\n    default:\n      return { x: 0, y: 0 };\n  }\n};\n\nconst getPositionClasses = (side: string, align: string) => {\n  const baseClasses = [];\n\n  switch (side) {\n    case 'right':\n      baseClasses.push('left-full ml-2');\n      break;\n    case 'left':\n      baseClasses.push('right-full mr-2');\n      break;\n    case 'top':\n      baseClasses.push('bottom-full mb-2');\n      break;\n    case 'bottom':\n      baseClasses.push('top-full mt-2');\n      break;\n  }\n\n  switch (align) {\n    case 'start':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'left-0' : 'top-0');\n      break;\n    case 'center':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'left-1/2 -translate-x-1/2' : 'top-1/2 -translate-y-1/2');\n      break;\n    case 'end':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'right-0' : 'bottom-0');\n      break;\n  }\n\n  return baseClasses.join(' ');\n};\n"],"names":["Tooltip","content","side","align","isVisible","jsx","AnimatePresence","motion","getInitialPosition","cn","getPositionClasses","baseClasses"],"mappings":";;;AAUO,SAASA,EAAQ,EAAE,SAAAC,GAAS,MAAAC,IAAO,SAAS,OAAAC,IAAQ,UAAU,WAAAC,KAA2B;AAC9F,SACEC,gBAAAA,EAAAA,IAACC,KACE,UAAAF,KACCC,gBAAAA,EAAAA;AAAAA,IAACE,EAAO;AAAA,IAAP;AAAA,MACC,SAAS;AAAA,QACP,SAAS;AAAA,QACT,GAAGC,EAAmBN,CAAI;AAAA,MAAA;AAAA,MAE5B,SAAS;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,MAEL,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,GAAGM,EAAmBN,CAAI;AAAA,MAAA;AAAA,MAE5B,YAAY,EAAE,UAAU,MAAM,MAAM,UAAA;AAAA,MACpC,WAAWO;AAAA,QACT;AAAA,QACA;AAAA,QACAC,EAAmBR,GAAMC,CAAK;AAAA,MAAA;AAAA,MAG/B,UAAAF;AAAA,IAAA;AAAA,EAAA,GAGP;AAEJ;AAEA,MAAMO,IAAqB,CAACN,MAAiB;AAC3C,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO,EAAE,GAAG,GAAA;AAAA,IACd,KAAK;AACH,aAAO,EAAE,GAAG,EAAA;AAAA,IACd,KAAK;AACH,aAAO,EAAE,GAAG,EAAA;AAAA,IACd,KAAK;AACH,aAAO,EAAE,GAAG,GAAA;AAAA,IACd;AACE,aAAO,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,EAAE;AAE1B,GAEMQ,IAAqB,CAACR,GAAcC,MAAkB;AAC1D,QAAMQ,IAAc,CAAA;AAEpB,UAAQT,GAAA;AAAA,IACN,KAAK;AACH,MAAAS,EAAY,KAAK,gBAAgB;AACjC;AAAA,IACF,KAAK;AACH,MAAAA,EAAY,KAAK,iBAAiB;AAClC;AAAA,IACF,KAAK;AACH,MAAAA,EAAY,KAAK,kBAAkB;AACnC;AAAA,IACF,KAAK;AACH,MAAAA,EAAY,KAAK,eAAe;AAChC;AAAA,EAAA;AAGJ,UAAQR,GAAA;AAAA,IACN,KAAK;AACH,MAAAQ,EAAY,KAAMT,MAAS,SAASA,MAAS,WAAY,WAAW,OAAO;AAC3E;AAAA,IACF,KAAK;AACH,MAAAS,EAAY,KAAMT,MAAS,SAASA,MAAS,WAAY,8BAA8B,0BAA0B;AACjH;AAAA,IACF,KAAK;AACH,MAAAS,EAAY,KAAMT,MAAS,SAASA,MAAS,WAAY,YAAY,UAAU;AAC/E;AAAA,EAAA;AAGJ,SAAOS,EAAY,KAAK,GAAG;AAC7B;"}

package/dist/components/tooltip.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-BYECrxsp.cjs"),s=require("framer-motion"),a=require("../utils-DSKoFOjv.cjs");function i({content:t,side:r="right",align:e="center",isVisible:l}){return o.jsxRuntimeExports.jsx(s.AnimatePresence,{children:l&&o.jsxRuntimeExports.jsxs(s.motion.div,{initial:{opacity:0,...n(r)},animate:{opacity:1,x:0,y:0},exit:{opacity:0,...n(r)},transition:{duration:.15,ease:"easeOut"},className:a.cn("absolute z-[100] px-2.5 py-1.5 rounded-md text-xs font-medium whitespace-nowrap","bg-background border border-border shadow-lg",u(r,e)),children:[t,o.jsxRuntimeExports.jsx(s.motion.div,{className:a.cn("absolute w-1.5 h-1.5 rotate-45 bg-background border border-border",c(r))})]})})}const n=t=>{switch(t){case"right":return{x:-5};case"left":return{x:5};case"top":return{y:5};case"bottom":return{y:-5};default:return{x:0,y:0}}},u=(t,r)=>{const e=[];switch(t){case"right":e.push("left-full ml-2");break;case"left":e.push("right-full mr-2");break;case"top":e.push("bottom-full mb-2");break;case"bottom":e.push("top-full mt-2");break}switch(r){case"start":e.push(t==="top"||t==="bottom"?"left-0":"top-0");break;case"center":e.push(t==="top"||t==="bottom"?"left-1/2 -translate-x-1/2":"top-1/2 -translate-y-1/2");break;case"end":e.push(t==="top"||t==="bottom"?"right-0":"bottom-0");break}return e.join(" ")},c=t=>{switch(t){case"right":return"-left-[4px] top-1/2 -translate-y-1/2 border-r-0 border-t-0";case"left":return"-right-[4px] top-1/2 -translate-y-1/2 border-l-0 border-b-0";case"top":return"-bottom-[4px] left-1/2 -translate-x-1/2 border-l-0 border-t-0";case"bottom":return"-top-[4px] left-1/2 -translate-x-1/2 border-r-0 border-b-0";default:return""}};exports.Tooltip=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsx-runtime-BYECrxsp.cjs"),s=require("framer-motion"),i=require("../utils-DSKoFOjv.cjs");function u({content:t,side:o="right",align:e="center",isVisible:n}){return r.jsxRuntimeExports.jsx(s.AnimatePresence,{children:n&&r.jsxRuntimeExports.jsx(s.motion.div,{initial:{opacity:0,...a(o)},animate:{opacity:1,x:0,y:0},exit:{opacity:0,...a(o)},transition:{duration:.15,ease:"easeOut"},className:i.cn("absolute z-[100] px-2.5 py-1.5 rounded-md text-xs font-medium whitespace-nowrap","bg-background border border-border/50 shadow-lg",c(o,e)),children:t})})}const a=t=>{switch(t){case"right":return{x:-5};case"left":return{x:5};case"top":return{y:5};case"bottom":return{y:-5};default:return{x:0,y:0}}},c=(t,o)=>{const e=[];switch(t){case"right":e.push("left-full ml-2");break;case"left":e.push("right-full mr-2");break;case"top":e.push("bottom-full mb-2");break;case"bottom":e.push("top-full mt-2");break}switch(o){case"start":e.push(t==="top"||t==="bottom"?"left-0":"top-0");break;case"center":e.push(t==="top"||t==="bottom"?"left-1/2 -translate-x-1/2":"top-1/2 -translate-y-1/2");break;case"end":e.push(t==="top"||t==="bottom"?"right-0":"bottom-0");break}return e.join(" ")};exports.Tooltip=u;
 //# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { motion, AnimatePresence } from 'framer-motion';\nimport { cn } from '@/lib/utils';\n\ninterface TooltipProps {\n  content: string | React.ReactNode;\n  side?: 'left' | 'right' | 'top' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  isVisible: boolean;\n}\n\nexport function Tooltip({ content, side = 'right', align = 'center', isVisible }: TooltipProps) {\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          initial={{ \n            opacity: 0, \n            ...getInitialPosition(side)\n          }}\n          animate={{ \n            opacity: 1, \n            x: 0,\n            y: 0 \n          }}\n          exit={{ \n            opacity: 0, \n            ...getInitialPosition(side)\n          }}\n          transition={{ duration: 0.15, ease: 'easeOut' }}\n          className={cn(\n            'absolute z-[100] px-2.5 py-1.5 rounded-md text-xs font-medium whitespace-nowrap',\n            'bg-background border border-border shadow-lg',\n            getPositionClasses(side, align)\n          )}\n        >\n          {content}\n          <motion.div\n            className={cn(\n              'absolute w-1.5 h-1.5 rotate-45 bg-background border border-border',\n              getArrowClasses(side)\n            )}\n          />\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\nconst getInitialPosition = (side: string) => {\n  switch (side) {\n    case 'right':\n      return { x: -5 };\n    case 'left':\n      return { x: 5 };\n    case 'top':\n      return { y: 5 };\n    case 'bottom':\n      return { y: -5 };\n    default:\n      return { x: 0, y: 0 };\n  }\n};\n\nconst getPositionClasses = (side: string, align: string) => {\n  const baseClasses = [];\n\n  switch (side) {\n    case 'right':\n      baseClasses.push('left-full ml-2');\n      break;\n    case 'left':\n      baseClasses.push('right-full mr-2');\n      break;\n    case 'top':\n      baseClasses.push('bottom-full mb-2');\n      break;\n    case 'bottom':\n      baseClasses.push('top-full mt-2');\n      break;\n  }\n\n  switch (align) {\n    case 'start':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'left-0' : 'top-0');\n      break;\n    case 'center':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'left-1/2 -translate-x-1/2' : 'top-1/2 -translate-y-1/2');\n      break;\n    case 'end':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'right-0' : 'bottom-0');\n      break;\n  }\n\n  return baseClasses.join(' ');\n};\n\nconst getArrowClasses = (side: string) => {\n  switch (side) {\n    case 'right':\n      return '-left-[4px] top-1/2 -translate-y-1/2 border-r-0 border-t-0';\n    case 'left':\n      return '-right-[4px] top-1/2 -translate-y-1/2 border-l-0 border-b-0';\n    case 'top':\n      return '-bottom-[4px] left-1/2 -translate-x-1/2 border-l-0 border-t-0';\n    case 'bottom':\n      return '-top-[4px] left-1/2 -translate-x-1/2 border-r-0 border-b-0';\n    default:\n      return '';\n  }\n};"],"names":["Tooltip","content","side","align","isVisible","jsx","AnimatePresence","jsxs","motion","getInitialPosition","cn","getPositionClasses","getArrowClasses","baseClasses"],"mappings":"6LAUO,SAASA,EAAQ,CAAE,QAAAC,EAAS,KAAAC,EAAO,QAAS,MAAAC,EAAQ,SAAU,UAAAC,GAA2B,CAC9F,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,iBACE,SAAAF,GACCG,EAAAA,kBAAAA,KAACC,EAAAA,OAAO,IAAP,CACC,QAAS,CACP,QAAS,EACT,GAAGC,EAAmBP,CAAI,CAAA,EAE5B,QAAS,CACP,QAAS,EACT,EAAG,EACH,EAAG,CAAA,EAEL,KAAM,CACJ,QAAS,EACT,GAAGO,EAAmBP,CAAI,CAAA,EAE5B,WAAY,CAAE,SAAU,IAAM,KAAM,SAAA,EACpC,UAAWQ,EAAAA,GACT,kFACA,+CACAC,EAAmBT,EAAMC,CAAK,CAAA,EAG/B,SAAA,CAAAF,EACDI,EAAAA,kBAAAA,IAACG,EAAAA,OAAO,IAAP,CACC,UAAWE,EAAAA,GACT,oEACAE,EAAgBV,CAAI,CAAA,CACtB,CAAA,CACF,CAAA,CAAA,EAGN,CAEJ,CAEA,MAAMO,EAAsBP,GAAiB,CAC3C,OAAQA,EAAA,CACN,IAAK,QACH,MAAO,CAAE,EAAG,EAAA,EACd,IAAK,OACH,MAAO,CAAE,EAAG,CAAA,EACd,IAAK,MACH,MAAO,CAAE,EAAG,CAAA,EACd,IAAK,SACH,MAAO,CAAE,EAAG,EAAA,EACd,QACE,MAAO,CAAE,EAAG,EAAG,EAAG,CAAA,CAAE,CAE1B,EAEMS,EAAqB,CAACT,EAAcC,IAAkB,CAC1D,MAAMU,EAAc,CAAA,EAEpB,OAAQX,EAAA,CACN,IAAK,QACHW,EAAY,KAAK,gBAAgB,EACjC,MACF,IAAK,OACHA,EAAY,KAAK,iBAAiB,EAClC,MACF,IAAK,MACHA,EAAY,KAAK,kBAAkB,EACnC,MACF,IAAK,SACHA,EAAY,KAAK,eAAe,EAChC,KAAA,CAGJ,OAAQV,EAAA,CACN,IAAK,QACHU,EAAY,KAAMX,IAAS,OAASA,IAAS,SAAY,SAAW,OAAO,EAC3E,MACF,IAAK,SACHW,EAAY,KAAMX,IAAS,OAASA,IAAS,SAAY,4BAA8B,0BAA0B,EACjH,MACF,IAAK,MACHW,EAAY,KAAMX,IAAS,OAASA,IAAS,SAAY,UAAY,UAAU,EAC/E,KAAA,CAGJ,OAAOW,EAAY,KAAK,GAAG,CAC7B,EAEMD,EAAmBV,GAAiB,CACxC,OAAQA,EAAA,CACN,IAAK,QACH,MAAO,6DACT,IAAK,OACH,MAAO,8DACT,IAAK,MACH,MAAO,gEACT,IAAK,SACH,MAAO,6DACT,QACE,MAAO,EAAA,CAEb"}
+{"version":3,"file":"tooltip.js","sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { motion, AnimatePresence } from 'framer-motion';\nimport { cn } from '@/lib/utils';\n\ninterface TooltipProps {\n  content: string | React.ReactNode;\n  side?: 'left' | 'right' | 'top' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  isVisible: boolean;\n}\n\nexport function Tooltip({ content, side = 'right', align = 'center', isVisible }: TooltipProps) {\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          initial={{ \n            opacity: 0, \n            ...getInitialPosition(side)\n          }}\n          animate={{ \n            opacity: 1, \n            x: 0,\n            y: 0 \n          }}\n          exit={{ \n            opacity: 0, \n            ...getInitialPosition(side)\n          }}\n          transition={{ duration: 0.15, ease: 'easeOut' }}\n          className={cn(\n            'absolute z-[100] px-2.5 py-1.5 rounded-md text-xs font-medium whitespace-nowrap',\n            'bg-background border border-border/50 shadow-lg',\n            getPositionClasses(side, align)\n          )}\n        >\n          {content}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\nconst getInitialPosition = (side: string) => {\n  switch (side) {\n    case 'right':\n      return { x: -5 };\n    case 'left':\n      return { x: 5 };\n    case 'top':\n      return { y: 5 };\n    case 'bottom':\n      return { y: -5 };\n    default:\n      return { x: 0, y: 0 };\n  }\n};\n\nconst getPositionClasses = (side: string, align: string) => {\n  const baseClasses = [];\n\n  switch (side) {\n    case 'right':\n      baseClasses.push('left-full ml-2');\n      break;\n    case 'left':\n      baseClasses.push('right-full mr-2');\n      break;\n    case 'top':\n      baseClasses.push('bottom-full mb-2');\n      break;\n    case 'bottom':\n      baseClasses.push('top-full mt-2');\n      break;\n  }\n\n  switch (align) {\n    case 'start':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'left-0' : 'top-0');\n      break;\n    case 'center':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'left-1/2 -translate-x-1/2' : 'top-1/2 -translate-y-1/2');\n      break;\n    case 'end':\n      baseClasses.push((side === 'top' || side === 'bottom') ? 'right-0' : 'bottom-0');\n      break;\n  }\n\n  return baseClasses.join(' ');\n};\n"],"names":["Tooltip","content","side","align","isVisible","jsx","AnimatePresence","motion","getInitialPosition","cn","getPositionClasses","baseClasses"],"mappings":"6LAUO,SAASA,EAAQ,CAAE,QAAAC,EAAS,KAAAC,EAAO,QAAS,MAAAC,EAAQ,SAAU,UAAAC,GAA2B,CAC9F,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,iBACE,SAAAF,GACCC,EAAAA,kBAAAA,IAACE,EAAAA,OAAO,IAAP,CACC,QAAS,CACP,QAAS,EACT,GAAGC,EAAmBN,CAAI,CAAA,EAE5B,QAAS,CACP,QAAS,EACT,EAAG,EACH,EAAG,CAAA,EAEL,KAAM,CACJ,QAAS,EACT,GAAGM,EAAmBN,CAAI,CAAA,EAE5B,WAAY,CAAE,SAAU,IAAM,KAAM,SAAA,EACpC,UAAWO,EAAAA,GACT,kFACA,kDACAC,EAAmBR,EAAMC,CAAK,CAAA,EAG/B,SAAAF,CAAA,CAAA,EAGP,CAEJ,CAEA,MAAMO,EAAsBN,GAAiB,CAC3C,OAAQA,EAAA,CACN,IAAK,QACH,MAAO,CAAE,EAAG,EAAA,EACd,IAAK,OACH,MAAO,CAAE,EAAG,CAAA,EACd,IAAK,MACH,MAAO,CAAE,EAAG,CAAA,EACd,IAAK,SACH,MAAO,CAAE,EAAG,EAAA,EACd,QACE,MAAO,CAAE,EAAG,EAAG,EAAG,CAAA,CAAE,CAE1B,EAEMQ,EAAqB,CAACR,EAAcC,IAAkB,CAC1D,MAAMQ,EAAc,CAAA,EAEpB,OAAQT,EAAA,CACN,IAAK,QACHS,EAAY,KAAK,gBAAgB,EACjC,MACF,IAAK,OACHA,EAAY,KAAK,iBAAiB,EAClC,MACF,IAAK,MACHA,EAAY,KAAK,kBAAkB,EACnC,MACF,IAAK,SACHA,EAAY,KAAK,eAAe,EAChC,KAAA,CAGJ,OAAQR,EAAA,CACN,IAAK,QACHQ,EAAY,KAAMT,IAAS,OAASA,IAAS,SAAY,SAAW,OAAO,EAC3E,MACF,IAAK,SACHS,EAAY,KAAMT,IAAS,OAASA,IAAS,SAAY,4BAA8B,0BAA0B,EACjH,MACF,IAAK,MACHS,EAAY,KAAMT,IAAS,OAASA,IAAS,SAAY,UAAY,UAAU,EAC/E,KAAA,CAGJ,OAAOS,EAAY,KAAK,GAAG,CAC7B"}