@dimasbaguspm/versaur 0.0.48 → 0.0.50

package/dist/js/{tooltip-D6fUigp2.js → tooltip-nZW9TUz3.js}

@@ -1,78 +1,78 @@
-import { c as h, j as a, a as f } from "./index-DOdDlCoL.js";
-import j, { useState as x, useEffect as b, createContext as V, useContext as B, forwardRef as p, useRef as S, useMemo as P, useId as D, cloneElement as O } from "react";
-import { XIcon as N } from "lucide-react";
-import { m as R, k as E, O as T, H as F } from "./image-rectangle-B4nXH4Q5.js";
+import { c as p, j as a, a as u } from "./index-DOdDlCoL.js";
+import g, { useState as y, useEffect as v, createContext as V, useContext as T, forwardRef as h, useRef as S, useId as k, useMemo as _, cloneElement as $ } from "react";
+import { XIcon as R } from "lucide-react";
+import { n as D, l as E, O as N, H as G } from "./image-rectangle-K9jmTTED.js";
 import "./snackbar-DH8jCh2V.js";
-function L() {
+function U() {
   if (typeof window > "u") return !1;
-  const t = window.navigator.userAgent, o = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-    t
-  ), e = /iPad|Android(?=.*Mobile)|Tablet/i.test(t), n = "ontouchstart" in window || navigator.maxTouchPoints > 0, r = window.innerWidth <= 1024;
-  return o || e || n && r;
+  const e = window.navigator.userAgent, o = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+    e
+  ), t = /iPad|Android(?=.*Mobile)|Tablet/i.test(e), n = "ontouchstart" in window || navigator.maxTouchPoints > 0, r = window.innerWidth <= 1024;
+  return o || t || n && r;
 }
-function k() {
+function B() {
   return typeof window < "u" && "navigator" in window && "virtualKeyboard" in navigator;
 }
-function A() {
-  const [t, o] = x(!1), [e, n] = x(0), [r, s] = x(0), [i, l] = x(!1), [w, u] = x(!1);
-  return b(() => {
-    if (!L()) {
-      l(!1);
+function X() {
+  const [e, o] = y(!1), [t, n] = y(0), [r, s] = y(0), [i, c] = y(!1), [w, f] = y(!1);
+  return v(() => {
+    if (!U()) {
+      c(!1);
       return;
     }
-    l(!0), u(k());
-  }, []), b(() => {
-    if (!i || !k())
+    c(!0), f(B());
+  }, []), v(() => {
+    if (!i || !B())
       return;
-    const d = navigator.virtualKeyboard, c = () => {
-      const { boundingRect: m } = d, v = m?.height || 0, g = m?.width || 0;
-      o(v > 0), n(v), s(g);
+    const d = navigator.virtualKeyboard, l = () => {
+      const { boundingRect: m } = d, b = m?.height || 0, x = m?.width || 0;
+      o(b > 0), n(b), s(x);
     };
-    return c(), d.addEventListener("geometrychange", c), () => {
+    return l(), d.addEventListener("geometrychange", l), () => {
       d.removeEventListener(
         "geometrychange",
-        c
+        l
       );
     };
-  }, [i]), b(() => {
-    if (!i || k())
+  }, [i]), v(() => {
+    if (!i || B())
       return;
     const d = window.innerHeight;
-    let c;
+    let l;
     const m = () => {
-      clearTimeout(c), c = setTimeout(() => {
-        const v = window.visualViewport?.height ?? window.innerHeight, g = d - v, C = g > 150;
-        o(C), n(C ? g : 0), s(C ? window.innerWidth : 0);
+      clearTimeout(l), l = setTimeout(() => {
+        const b = window.visualViewport?.height ?? window.innerHeight, x = d - b, C = x > 150;
+        o(C), n(C ? x : 0), s(C ? window.innerWidth : 0);
       }, 100);
     };
     return "visualViewport" in window && window.visualViewport ? (window.visualViewport.addEventListener("resize", m), () => {
-      clearTimeout(c), window.visualViewport?.removeEventListener(
+      clearTimeout(l), window.visualViewport?.removeEventListener(
         "resize",
         m
       );
     }) : (window.addEventListener("resize", m), () => {
-      clearTimeout(c), window.removeEventListener("resize", m);
+      clearTimeout(l), window.removeEventListener("resize", m);
     });
-  }, [i]), b(() => {
+  }, [i]), v(() => {
     i || (o(!1), n(0), s(0));
   }, [i]), {
-    isOpen: t,
-    height: e,
+    isOpen: e,
+    height: t,
     width: r,
     isSupported: i,
     usingNativeAPI: w
   };
 }
-const z = V(null);
-function y() {
-  const t = B(z);
-  if (!t)
+const H = V(null);
+function j() {
+  const e = T(H);
+  if (!e)
     throw new Error(
       "Drawer components must be used within a DrawerRoot component"
     );
-  return t;
+  return e;
 }
-const W = h(
+const q = p(
   "fixed inset-0 z-50 transition-opacity duration-300 bg-foreground/30 backdrop-blur-md",
   {
     variants: {
@@ -85,13 +85,13 @@ const W = h(
       state: "closed"
     }
   }
-), K = h(
-  "fixed z-50 shadow-xl flex flex-col max-w-full",
+), J = p(
+  "fixed z-50 shadow-xl flex flex-col max-w-full bg-white",
   {
     variants: {
       position: {
-        left: "left-0 top-0 bottom-0 border-r",
-        right: "right-0 top-0 bottom-0 border-l"
+        left: "left-0 top-0 bottom-0 border-r border-border",
+        right: "right-0 top-0 bottom-0 border-l border-border"
       },
       size: {
         sm: "w-80",
@@ -101,10 +101,6 @@ const W = h(
         "3/4": "w-[75vw]",
         full: "w-full"
       },
-      variant: {
-        default: "bg-white border-border",
-        glass: "bg-white/10 backdrop-blur-lg border-white/20"
-      },
       transitionType: {
         slide: "transition-transform duration-300 ease-in-out",
         fade: "transition-opacity duration-300 ease-in-out"
@@ -113,85 +109,70 @@ const W = h(
     defaultVariants: {
       position: "right",
       size: "md",
-      variant: "default",
       transitionType: "slide"
     }
   }
-), _ = h(
-  "flex justify-between items-center px-6",
+), Q = p(
+  "flex justify-between items-center px-6 bg-white",
   {
     variants: {
-      variant: {
-        default: "bg-white",
-        glass: "bg-transparent "
-      },
       tab: {
         true: "pt-4 pb-2",
-        false: "border-b border-border py-4 "
+        false: "border-b border-border py-4"
       }
     },
     defaultVariants: {
-      variant: "default",
       tab: !1
     }
   }
-), $ = h("flex-1 overflow-y-auto px-6 py-4", {
-  variants: {
-    variant: {
-      default: "bg-white",
-      glass: "bg-transparent"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), G = h("px-6 py-4 border-t", {
-  variants: {
-    variant: {
-      default: "bg-white border-border",
-      glass: "bg-transparent border-white/10"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), U = j.forwardRef(({ className: t, ...o }, e) => {
-  const { isOpen: n, disableOverlayClickToClose: r, onClose: s } = y(), i = () => {
+), Y = p(
+  "flex-1 overflow-y-auto px-6 py-4 bg-white"
+), Z = p(
+  "px-6 py-4 border-t border-border bg-white"
+), z = g.forwardRef(({ className: e, ...o }, t) => {
+  const { isOpen: n, disableOverlayClickToClose: r, onClose: s } = j(), i = () => {
     r || s();
   };
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      ref: e,
+      ref: t,
       onClick: i,
-      className: f(
-        W({
+      "aria-hidden": "true",
+      className: u(
+        q({
           state: n ? "open" : "closed"
         }),
-        t
+        e
       ),
       ...o
     }
   );
-}), X = j.forwardRef(
-  ({ children: t, className: o, hasTab: e, ...n }, r) => {
-    const { variant: s } = y();
-    return /* @__PURE__ */ a.jsx(
-      "div",
-      {
-        ref: r,
-        className: f(
-          _({ variant: s, tab: !!e }),
-          o
-        ),
-        ...n,
-        children: t
-      }
-    );
-  }
-), q = p((t, o) => /* @__PURE__ */ a.jsx(R, { ...t, ref: o, as: "h3", fontSize: "lg" })), J = p(({ onClick: t, ...o }, e) => {
-  const { onClose: n } = y(), r = (s) => {
-    n(), t?.(s);
+});
+z.displayName = "DrawerOverlay";
+const M = g.forwardRef(
+  ({ children: e, className: o, hasTab: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+    "header",
+    {
+      ref: r,
+      className: u(
+        Q({ tab: !!t }),
+        o
+      ),
+      ...n,
+      children: e
+    }
+  )
+);
+M.displayName = "DrawerHeader";
+const P = h((e, o) => {
+  const { titleId: t } = j();
+  return /* @__PURE__ */ a.jsx(D, { ...e, ref: o, as: "h3", fontSize: "lg", id: t });
+});
+P.displayName = "DrawerTitle";
+const O = h(({ onClick: e, ...o }, t) => {
+  const { onClose: n } = j(), r = (s) => {
+    n(), e?.(s);
   };
   return /* @__PURE__ */ a.jsx(
     E,
@@ -201,132 +182,147 @@ const W = h(
       onClick: r,
       variant: "ghost",
       size: "sm",
-      as: N,
-      ref: e
+      as: R,
+      ref: t
     }
   );
-}), Q = p(
-  ({ children: t, className: o, ...e }, n) => /* @__PURE__ */ a.jsx("div", { ref: n, className: f("[&>div]:px-6", o), ...e, children: t })
-), Y = j.forwardRef(
-  ({ children: t, className: o, ...e }, n) => {
-    const { variant: r } = y();
-    return /* @__PURE__ */ a.jsx(
-      "div",
-      {
-        ref: n,
-        className: f($({ variant: r }), o),
-        ...e,
-        children: t
-      }
-    );
-  }
-), Z = j.forwardRef(
-  ({ children: t, className: o, ...e }, n) => {
-    const { variant: r } = y();
+});
+O.displayName = "DrawerCloseButton";
+const F = h(
+  ({ children: e, className: o, ...t }, n) => /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: n,
+      className: u("[&>nav>div>ul]:px-6", o),
+      ...t,
+      children: e
+    }
+  )
+);
+F.displayName = "DrawerTab";
+const L = g.forwardRef(
+  ({ children: e, className: o, ...t }, n) => {
+    const { descriptionId: r } = j();
     return /* @__PURE__ */ a.jsx(
-      "div",
+      "main",
       {
         ref: n,
-        className: f(G({ variant: r }), o),
-        ...e,
-        children: t
+        id: r,
+        className: u(Y(), o),
+        ...t,
+        children: e
       }
     );
   }
 );
-function I(t, o, e) {
+L.displayName = "DrawerBody";
+const A = g.forwardRef(
+  ({ children: e, className: o, ...t }, n) => /* @__PURE__ */ a.jsx(
+    "footer",
+    {
+      ref: n,
+      className: u(Z(), o),
+      ...t,
+      children: e
+    }
+  )
+);
+A.displayName = "DrawerFooter";
+function I(e, o, t) {
   const n = S(null);
-  return b(() => {
+  return v(() => {
     n.current && n.current.focus();
-  }, []), b(() => {
+  }, []), v(() => {
     const r = (s) => {
-      s.key === "Escape" && t && n.current && n.current.contains(document.activeElement) && !e && o();
+      s.key === "Escape" && e && n.current && n.current.contains(document.activeElement) && !t && o();
     };
-    return t && (document.addEventListener("keydown", r), document.body.style.overflow = "hidden"), () => {
+    return e && (document.addEventListener("keydown", r), document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", r), document.body.style.overflow = "unset";
     };
-  }, [t, o, e, n]), n;
+  }, [e, o, t, n]), n;
 }
-const tt = ({
-  container: t,
+const ee = ({
+  container: e,
   children: o,
-  isOpen: e,
+  isOpen: t,
   onClose: n,
   position: r = "right",
   size: s = "md",
-  variant: i = "default",
-  transitionType: l = "slide",
-  disableOverlayClickToClose: w = !1,
-  disableEscapeKeyDown: u = !1,
-  className: d,
-  ...c
+  transitionType: i = "slide",
+  disableOverlayClickToClose: c = !1,
+  disableEscapeKeyDown: w = !1,
+  className: f,
+  ...d
 }) => {
-  const m = {
-    isOpen: e,
+  const l = k(), m = k(), b = {
+    isOpen: t,
     onClose: n,
     position: r,
     size: s,
-    variant: i,
-    transitionType: l,
-    disableOverlayClickToClose: w,
-    disableEscapeKeyDown: u
-  }, v = I(e, n, u);
-  return /* @__PURE__ */ a.jsx(T, { container: t, children: /* @__PURE__ */ a.jsx(z.Provider, { value: m, children: /* @__PURE__ */ a.jsxs(
+    transitionType: i,
+    disableOverlayClickToClose: c,
+    disableEscapeKeyDown: w,
+    titleId: l,
+    descriptionId: m
+  }, x = I(t, n, w);
+  return /* @__PURE__ */ a.jsx(N, { container: e, children: /* @__PURE__ */ a.jsx(H.Provider, { value: b, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: f(
+      className: u(
         "fixed z-50 inset-0 pointer-events-none",
-        e && "pointer-events-auto"
+        t && "pointer-events-auto"
       ),
       children: [
-        /* @__PURE__ */ a.jsx(U, {}),
+        /* @__PURE__ */ a.jsx(z, {}),
         /* @__PURE__ */ a.jsx(
           "div",
           {
-            ref: v,
+            ref: x,
+            role: "dialog",
             tabIndex: -1,
-            role: e ? "dialog" : void 0,
-            "aria-modal": e ? "true" : void 0,
-            className: f(
-              K({
+            "aria-modal": "true",
+            "aria-labelledby": l,
+            "aria-describedby": m,
+            "aria-hidden": !t,
+            className: u(
+              J({
                 position: r,
                 size: s,
-                variant: i,
-                transitionType: l
+                transitionType: i
               }),
-              l === "slide" ? [
-                !e && r === "left" && "-translate-x-full",
-                !e && r === "right" && "translate-x-full"
+              i === "slide" ? [
+                !t && r === "left" && "-translate-x-full",
+                !t && r === "right" && "translate-x-full"
               ] : [
                 "left-0 right-0 top-0 bottom-0",
-                e ? "opacity-100" : "opacity-0 pointer-events-none"
+                t ? "opacity-100" : "opacity-0 pointer-events-none"
               ],
-              d
+              f
             ),
-            ...c,
-            children: e && o
+            ...d,
+            children: t && o
           }
         )
       ]
     }
   ) }) });
-}, Rt = Object.assign(tt, {
-  Header: X,
-  Title: q,
-  CloseButton: J,
-  Tab: Q,
-  Body: Y,
-  Footer: Z
-}), H = V(null);
-function et() {
-  const t = B(H);
-  if (!t)
+}, Re = Object.assign(ee, {
+  Header: M,
+  Title: P,
+  CloseButton: O,
+  Tab: F,
+  Body: L,
+  Footer: A
+}), W = V(null);
+function te() {
+  const e = T(W);
+  if (!e)
     throw new Error(
       "Modal components must be used within a ModalRoot component"
     );
-  return t;
+  return e;
 }
-const ot = h(
+const oe = p(
   "fixed inset-0 z-60 transition-opacity duration-300 bg-foreground/30 backdrop-blur-md flex items-center justify-center transition-opacity duration-200 ease-in-out",
   {
     variants: {
@@ -339,7 +335,7 @@ const ot = h(
       placement: "center"
     }
   }
-), nt = h(
+), ne = p(
   [
     "absolute z-61 bg-white rounded-lg shadow-xl",
     "flex flex-col",
@@ -373,29 +369,29 @@ const ot = h(
       isOpen: !1
     }
   }
-), rt = p(
-  ({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+), re = h(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
     "div",
     {
-      ref: e,
-      className: f("px-6 pt-6 pb-2 text-lg font-semibold", t),
+      ref: t,
+      className: u("px-6 pt-6 pb-2 text-lg font-semibold", e),
       ...o
     }
   )
-), at = p(
-  ({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+), ae = h(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
     "div",
     {
-      ref: e,
-      className: f("px-6 py-4  flex justify-end gap-2", t),
+      ref: t,
+      className: u("px-6 py-4  flex justify-end gap-2", e),
       ...o
     }
   )
-), st = p(
-  ({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx("div", { ref: e, className: f("px-6 py-2", t), ...o })
-), it = p(
-  (t, o) => {
-    const { isOpen: e, placement: n, onClose: r, disableOverlayClickToClose: s } = et(), i = () => {
+), se = h(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx("div", { ref: t, className: u("px-6 py-2", e), ...o })
+), ie = h(
+  (e, o) => {
+    const { isOpen: t, placement: n, onClose: r, disableOverlayClickToClose: s } = te(), i = () => {
       s || r();
     };
     return /* @__PURE__ */ a.jsx(
@@ -406,50 +402,50 @@ const ot = h(
         tabIndex: -1,
         "aria-modal": "true",
         onClick: i,
-        className: f(
-          ot({ placement: n }),
-          e ? "opacity-100" : "opacity-0 pointer-events-none"
+        className: u(
+          oe({ placement: n }),
+          t ? "opacity-100" : "opacity-0 pointer-events-none"
         ),
-        ...t
+        ...e
       }
     );
   }
-), lt = ({
-  isOpen: t,
+), le = ({
+  isOpen: e,
   onClose: o,
-  size: e = "md",
+  size: t = "md",
   placement: n = "center",
   disableOverlayClickToClose: r = !1,
   disableEscapeKeyDown: s = !1,
   children: i,
-  container: l,
+  container: c,
   ...w
 }) => {
-  const u = {
-    isOpen: t,
+  const f = {
+    isOpen: e,
     onClose: o,
-    size: e,
+    size: t,
     placement: n,
     disableOverlayClickToClose: r,
     disableEscapeKeyDown: s
-  }, d = I(t, o, s);
-  return /* @__PURE__ */ a.jsx(T, { container: l, children: /* @__PURE__ */ a.jsx(H.Provider, { value: u, children: /* @__PURE__ */ a.jsxs(
+  }, d = I(e, o, s);
+  return /* @__PURE__ */ a.jsx(N, { container: c, children: /* @__PURE__ */ a.jsx(W.Provider, { value: f, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: f(
+      className: u(
         "fixed z-50 inset-0 pointer-events-none",
-        t && "pointer-events-auto"
+        e && "pointer-events-auto"
       ),
       children: [
-        /* @__PURE__ */ a.jsx(it, {}),
+        /* @__PURE__ */ a.jsx(ie, {}),
         /* @__PURE__ */ a.jsx(
           "div",
           {
             ref: d,
-            className: f(nt({ size: e, placement: n, isOpen: t })),
+            className: u(ne({ size: t, placement: n, isOpen: e })),
             role: "dialog",
             tabIndex: -1,
-            "aria-hidden": !t,
+            "aria-hidden": !e,
             ...w,
             children: i
           }
@@ -457,11 +453,11 @@ const ot = h(
       ]
     }
   ) }) });
-}, Et = Object.assign(lt, {
-  Header: rt,
-  Body: st,
-  Footer: at
-}), dt = h(
+}, De = Object.assign(le, {
+  Header: re,
+  Body: se,
+  Footer: ae
+}), de = p(
   [
     "fixed left-0 bottom-0 z-40 w-full max-h-[90dvh] bg-background rounded-t-xl shadow-lg border-t border-border rounded-lg",
     "transition-transform duration-300 ease-in-out will-change-transform",
@@ -479,7 +475,7 @@ const ot = h(
       open: !1
     }
   }
-), ct = h(
+), ce = p(
   ["fixed inset-0 z-40 duration-300"],
   {
     variants: {
@@ -492,104 +488,104 @@ const ot = h(
       open: !1
     }
   }
-), ut = h(
+), ue = p(
   "p-4 pb-2 flex justify-between w-full"
-), ft = h([
+), fe = p([
   "p-4 py-2 flex-1 overflow-y-auto",
   "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border"
-]), mt = h("p-4 pt-2 flex-shrink-0"), M = V(null), ht = M.Provider, pt = () => {
-  const t = B(M);
-  if (!t)
+]), me = p("p-4 pt-2 flex-shrink-0"), K = V(null), pe = K.Provider, he = () => {
+  const e = T(K);
+  if (!e)
     throw new Error("useBottomSheet must be used within a BottomSheetProvider");
-  return t;
-}, wt = p(function(o, e) {
-  return /* @__PURE__ */ a.jsx(F, { level: 3, ref: e, ...o });
-}), vt = p(function(o, e) {
-  const { onClose: n } = pt(), r = (s) => {
+  return e;
+}, we = h(function(o, t) {
+  return /* @__PURE__ */ a.jsx(G, { level: 3, ref: t, ...o });
+}), be = h(function(o, t) {
+  const { onClose: n } = he(), r = (s) => {
     n(), o?.onClick?.(s);
   };
   return /* @__PURE__ */ a.jsx(
     E,
     {
-      ref: e,
+      ref: t,
       variant: "ghost",
       "aria-label": "Close",
-      as: N,
+      as: R,
       ...o,
       onClick: r
     }
   );
-}), bt = p(({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+}), xe = h(({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
   "div",
   {
-    ref: e,
-    className: ut({ className: t }),
+    ref: t,
+    className: ue({ className: e }),
     ...o
   }
-)), xt = p(
-  ({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+)), ve = h(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
     "div",
     {
-      ref: e,
-      className: ft({ className: t }),
+      ref: t,
+      className: fe({ className: e }),
       ...o
     }
   )
-), gt = p(({ className: t, ...o }, e) => /* @__PURE__ */ a.jsx(
+), ye = h(({ className: e, ...o }, t) => /* @__PURE__ */ a.jsx(
   "div",
   {
-    ref: e,
-    className: mt({ className: t }),
+    ref: t,
+    className: me({ className: e }),
     ...o
   }
-)), yt = (...t) => (o) => {
-  t.forEach((e) => {
-    typeof e == "function" ? e(o) : e && "current" in e && (e.current = o);
+)), ge = (...e) => (o) => {
+  e.forEach((t) => {
+    typeof t == "function" ? t(o) : t && "current" in t && (t.current = o);
   });
-}, jt = p(
+}, je = h(
   ({
-    isOpen: t,
+    isOpen: e,
     children: o,
-    className: e,
+    className: t,
     onClose: n,
     container: r,
     disableOverlayClickToClose: s = !1,
     ...i
-  }, l) => {
-    const w = I(t, n), {
-      isOpen: u,
+  }, c) => {
+    const w = I(e, n), {
+      isOpen: f,
       height: d,
-      isSupported: c
-    } = A(), m = P(() => !t || !c || !u ? {} : {
+      isSupported: l
+    } = X(), m = _(() => !e || !l || !f ? {} : {
       // Adjust bottom position to sit above the virtual keyboard
       bottom: `${d}px`,
       // Reduce max height to account for keyboard
       maxHeight: `calc(90dvh - ${d}px)`,
       // Ensure smooth transition
       transition: "bottom 0.2s ease-in-out, max-height 0.2s ease-in-out"
-    }, [t, c, u, d]), v = () => {
+    }, [e, l, f, d]), b = () => {
       s || n?.();
     };
-    return /* @__PURE__ */ a.jsx(T, { container: r, children: /* @__PURE__ */ a.jsxs(ht, { value: { onClose: n }, children: [
+    return /* @__PURE__ */ a.jsx(N, { container: r, children: /* @__PURE__ */ a.jsxs(pe, { value: { onClose: n }, children: [
       /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: ct({ open: t }),
+          className: ce({ open: e }),
           "aria-hidden": "true",
-          onClick: v
+          onClick: b
         }
       ),
       /* @__PURE__ */ a.jsx(
         "div",
         {
-          ref: yt(l, w),
-          className: f(
-            dt({
-              open: t
+          ref: ge(c, w),
+          className: u(
+            de({
+              open: e
             }),
             "flex flex-col",
             // Add flex layout for proper header/body/footer arrangement
-            e
+            t
           ),
           style: m,
           role: "dialog",
@@ -601,30 +597,30 @@ const ot = h(
       )
     ] }) });
   }
-), zt = Object.assign(jt, {
-  Header: bt,
-  Title: wt,
-  CloseIcon: vt,
-  Body: xt,
-  Footer: gt
+), Ee = Object.assign(je, {
+  Header: xe,
+  Title: we,
+  CloseIcon: be,
+  Body: ve,
+  Footer: ye
 });
-function Ct(t = "auto") {
-  const o = S(null), [e, n] = x("bottom");
-  return b(() => {
-    if (!open || t !== "auto" || !o.current) {
-      n(t === "auto" ? "bottom" : t);
+function Ce(e = "auto") {
+  const o = S(null), [t, n] = y("bottom");
+  return v(() => {
+    if (!open || e !== "auto" || !o.current) {
+      n(e === "auto" ? "bottom" : e);
       return;
     }
-    const r = o.current.getBoundingClientRect(), s = window.innerWidth, i = window.innerHeight, l = {
+    const r = o.current.getBoundingClientRect(), s = window.innerWidth, i = window.innerHeight, c = {
       top: r.top,
       bottom: i - r.bottom,
       left: r.left,
       right: s - r.right
     };
-    l.bottom > 64 ? n("bottom") : l.top > 64 ? n("top") : l.right > 128 ? n("right") : n("left");
-  }, [t, o]), { position: e, ref: o };
+    c.bottom > 64 ? n("bottom") : c.top > 64 ? n("top") : c.right > 128 ? n("right") : n("left");
+  }, [e, o]), { position: t, ref: o };
 }
-const kt = h(
+const Be = p(
   "absolute z-50 px-2 py-1 rounded bg-neutral pointer-events-auto transition-opacity duration-150 min-w-[max-content] max-w-sm whitespace-pre-line",
   {
     variants: {
@@ -640,52 +636,52 @@ const kt = h(
       position: "auto"
     }
   }
-), Ht = ({
-  children: t,
+), He = ({
+  children: e,
   content: o,
-  position: e = "auto",
+  position: t = "auto",
   popoverClassName: n,
   delay: r,
   ...s
 }) => {
-  const i = D(), [l, w] = x(!1), u = S(null), d = () => {
-    r ? u.current = setTimeout(() => w(!0), r) : w(!0);
-  }, c = () => {
-    u.current && clearTimeout(u.current), w(!1);
+  const i = k(), [c, w] = y(!1), f = S(null), d = () => {
+    r ? f.current = setTimeout(() => w(!0), r) : w(!0);
+  }, l = () => {
+    f.current && clearTimeout(f.current), w(!1);
   };
-  b(() => () => {
-    u.current && clearTimeout(u.current);
+  v(() => () => {
+    f.current && clearTimeout(f.current);
   }, []);
   const m = {
     tabIndex: 0,
     "aria-describedby": i,
     onMouseEnter: d,
     onFocus: d,
-    onMouseLeave: c,
-    onBlur: c,
+    onMouseLeave: l,
+    onBlur: l,
     ...s
-  }, { ref: v, position: g } = Ct(e);
-  return /* @__PURE__ */ a.jsxs("div", { className: "relative w-fit", ref: v, children: [
-    O(t, m),
+  }, { ref: b, position: x } = Ce(t);
+  return /* @__PURE__ */ a.jsxs("div", { className: "relative w-fit", ref: b, children: [
+    $(e, m),
     /* @__PURE__ */ a.jsx(
       "div",
       {
         id: i,
-        className: f(
-          kt({ position: g }),
+        className: u(
+          Be({ position: x }),
           n,
-          !l && "opacity-0 pointer-events-none"
+          !c && "opacity-0 pointer-events-none"
         ),
         role: "tooltip",
-        "aria-hidden": !l,
-        children: /* @__PURE__ */ a.jsx(R, { as: "p", fontSize: "xs", fontWeight: "normal", color: "black", children: o })
+        "aria-hidden": !c,
+        children: /* @__PURE__ */ a.jsx(D, { as: "p", fontSize: "xs", fontWeight: "normal", color: "black", children: o })
       }
     )
   ] });
 };
 export {
-  zt as B,
-  Rt as D,
-  Et as M,
-  Ht as T
+  Ee as B,
+  Re as D,
+  De as M,
+  He as T
 };