@noxickon/onyx 4.0.6 → 4.0.8

package/dist/chunks/{ui-BNL6qb8f.js → ui-BTr-wu1B.js}

@@ -1,7 +1,7 @@
 import { o as gc, i as bc, s as vc, p as xc, c as Do, a as yc, b as wc, d as z, g as Cc, u as Oc, m as kc, e as ir, f as ms, h as Sc, j as Fn, k as Nc, l as Jt, n as Dc, q as Ec, r as Pc, t as Tc, v as Rc, w as Ac, x as Mc, y as Ic } from "./hooks-6tQOArBm.js";
 import { jsx as C, jsxs as K, Fragment as qe } from "react/jsx-runtime";
 import * as ue from "react";
-import Re, { isValidElement as Qe, createContext as he, useState as te, useContext as fe, useRef as re, useLayoutEffect as Nt, useEffect as ce, useReducer as Ti, Children as Ue, Fragment as Ri, cloneElement as Zt, createElement as Ai, useSyncExternalStore as _c, useMemo as De, useCallback as Ae, memo as $c, forwardRef as Mi, useId as Ke } from "react";
+import Re, { isValidElement as Qe, createContext as he, useState as te, useContext as fe, useRef as re, useLayoutEffect as At, useEffect as ce, useReducer as Ti, Children as Ue, Fragment as Ri, cloneElement as Zt, createElement as Ai, useSyncExternalStore as _c, useMemo as De, useCallback as Ae, memo as $c, forwardRef as Mi, useId as Ke } from "react";
 import { Coffee as Lc, Bell as Eo, Info as Ii, TriangleAlert as zc, CircleCheck as _i, CircleAlert as $i, ChevronDown as Po, ImageOff as Li, MoreHorizontal as zi, ChevronRight as To, ChevronLeft as Fi, LoaderCircle as Vi, Check as Er, Copy as Fc, GripVertical as Ro, X as Pr, AlertCircle as Vc, WifiOff as jc, PackageOpen as Bc, Minus as ji, CloudUpload as Wc, Upload as Yc, Calendar as Hc, Plus as qc, EyeOff as Gc, Eye as Uc, Sun as Kc, Moon as Xc, Circle as Qc } from "lucide-react";
 import * as Jc from "react-dom";
 import { createPortal as Vn, unstable_batchedUpdates as Qn, flushSync as Bi } from "react-dom";
@@ -318,7 +318,7 @@ const Zc = (t, e) => {
 }, yd = [], Ve = (t) => {
   const e = (n) => n[t] || yd;
   return e.isThemeGetter = !0, e;
-}, Ki = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Xi = /^\((?:(\w[\w-]*):)?(.+)\)$/i, wd = /^\d+\/\d+$/, Cd = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Od = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, kd = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Sd = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nd = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, tn = (t) => wd.test(t), ve = (t) => !!t && !Number.isNaN(Number(t)), Vt = (t) => !!t && Number.isInteger(Number(t)), Gr = (t) => t.endsWith("%") && ve(t.slice(0, -1)), At = (t) => Cd.test(t), Dd = () => !0, Ed = (t) => (
+}, Ki = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Xi = /^\((?:(\w[\w-]*):)?(.+)\)$/i, wd = /^\d+\/\d+$/, Cd = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Od = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, kd = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Sd = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nd = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, tn = (t) => wd.test(t), ve = (t) => !!t && !Number.isNaN(Number(t)), Vt = (t) => !!t && Number.isInteger(Number(t)), Gr = (t) => t.endsWith("%") && ve(t.slice(0, -1)), Rt = (t) => Cd.test(t), Dd = () => !0, Ed = (t) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
@@ -377,22 +377,22 @@ const Zc = (t, e) => {
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [At],
-      breakpoint: [At],
+      blur: [Rt],
+      breakpoint: [Rt],
       color: [Dd],
-      container: [At],
-      "drop-shadow": [At],
+      container: [Rt],
+      "drop-shadow": [Rt],
       ease: ["in", "out", "in-out"],
       font: [Rd],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [At],
+      "inset-shadow": [Rt],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [At],
-      shadow: [At],
+      radius: [Rt],
+      shadow: [Rt],
       spacing: ["px", ve],
-      text: [At],
-      "text-shadow": [At],
+      text: [Rt],
+      "text-shadow": [Rt],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -3155,7 +3155,7 @@ const go = {
     }
   }, e[4] = s, e[5] = c) : c = e[5];
   let d;
-  e[6] !== n || e[7] !== s ? (d = [s, n], e[6] = n, e[7] = s, e[8] = d) : d = e[8], Nt(c, d);
+  e[6] !== n || e[7] !== s ? (d = [s, n], e[6] = n, e[7] = s, e[8] = d) : d = e[8], At(c, d);
   const u = `${l}px`;
   let f;
   e[9] !== u ? (f = {
@@ -4931,7 +4931,7 @@ const pu = /* @__PURE__ */ Cc(hu), gu = {
   e[4] !== r ? (s = $("inline-flex items-center gap-1.5", r), e[4] = r, e[5] = s) : s = e[5];
   let i;
   return e[6] !== n || e[7] !== o || e[8] !== s ? (i = /* @__PURE__ */ C("li", { className: s, ...o, "data-ox-slot": "breadcrumb-item", children: n }), e[6] = n, e[7] = o, e[8] = s, e[9] = i) : i = e[9], i;
-}, Et = (t, e) => {
+}, Dt = (t, e) => {
   const n = (r) => {
     const {
       children: o,
@@ -4991,7 +4991,7 @@ const ml = (t) => {
   e[4] !== r ? (s = $("font-normal text-foreground", r), e[4] = r, e[5] = s) : s = e[5];
   let i;
   return e[6] !== n || e[7] !== o || e[8] !== s ? (i = /* @__PURE__ */ C("span", { "aria-current": "page", "aria-disabled": "true", className: s, role: "link", ...o, "data-ox-slot": "breadcrumb-page", children: n }), e[6] = n, e[7] = o, e[8] = s, e[9] = i) : i = e[9], i;
-}, Ku = Et("OxBreadcrumbLink", "a"), Xu = (t) => {
+}, Ku = Dt("OxBreadcrumbLink", "a"), Xu = (t) => {
   const e = z.c(23);
   let n, r, o, s, i, l;
   e[0] !== t ? ({
@@ -5052,7 +5052,7 @@ const ml = (t) => {
   } = t, o = _c(ef, Ju, tf), s = r || (o ? globalThis?.document?.body : null);
   let i;
   return e[0] !== n || e[1] !== s ? (i = s ? Vn(n, s) : null, e[0] = n, e[1] = s, e[2] = i) : i = e[2], i;
-}, nf = Et("OxButton", "button"), ht = (t) => {
+}, nf = Dt("OxButton", "button"), ht = (t) => {
   const e = z.c(30);
   let n, r, o, s, i, l, a, c, d, u;
   e[0] !== t ? ({
@@ -8301,7 +8301,7 @@ function Pl(t) {
 function pn(t) {
   return t ? hn(t) ? t.document : Vo(t) ? jo(t) ? t : jn(t) || Pl(t) ? t.ownerDocument : document : document : document;
 }
-const bt = Tr ? Nt : ce;
+const bt = Tr ? At : ce;
 function Rr(t) {
   const e = re(t);
   return bt(() => {
@@ -10410,7 +10410,7 @@ const $r = /* @__PURE__ */ $c(function(e) {
     droppableRects: j,
     droppableContainers: F,
     pointerCoordinates: be
-  }) : null, Tt = Il(dt, "id"), [Xe, Gt] = te(null), Ee = me ? le : on(le, tt), Ce = Vm(Ee, (s = Xe?.rect) != null ? s : null, G), $e = re(null), Oe = Ae(
+  }) : null, Pt = Il(dt, "id"), [Xe, Gt] = te(null), Ee = me ? le : on(le, tt), Ce = Vm(Ee, (s = Xe?.rect) != null ? s : null, G), $e = re(null), Oe = Ae(
     (He, ot) => {
       let {
         sensor: st,
@@ -10434,15 +10434,15 @@ const $r = /* @__PURE__ */ $c(function(e) {
             return;
           const {
             onDragAbort: wt
-          } = V.current, Rt = {
+          } = V.current, Tt = {
             id: Ye
           };
-          wt?.(Rt), v({
+          wt?.(Tt), v({
             type: "onDragAbort",
-            event: Rt
+            event: Tt
           });
         },
-        onPending(Ye, zt, wt, Rt) {
+        onPending(Ye, zt, wt, Tt) {
           if (!k.get(Ye))
             return;
           const {
@@ -10451,7 +10451,7 @@ const $r = /* @__PURE__ */ $c(function(e) {
             id: Ye,
             constraint: zt,
             initialCoordinates: wt,
-            offset: Rt
+            offset: Tt
           };
           Cn?.(Ft), v({
             type: "onDragPending",
@@ -10466,7 +10466,7 @@ const $r = /* @__PURE__ */ $c(function(e) {
           if (!wt)
             return;
           const {
-            onDragStart: Rt
+            onDragStart: Tt
           } = V.current, wn = {
             activatorEvent: it,
             active: {
@@ -10476,7 +10476,7 @@ const $r = /* @__PURE__ */ $c(function(e) {
             }
           };
           Qn(() => {
-            Rt?.(wn), w(Wt.Initializing), b({
+            Tt?.(wn), w(Wt.Initializing), b({
               type: je.DragStart,
               initialCoordinates: Ye,
               active: zt
@@ -10500,7 +10500,7 @@ const $r = /* @__PURE__ */ $c(function(e) {
         return async function() {
           const {
             active: wt,
-            collisions: Rt,
+            collisions: Tt,
             over: wn,
             scrollAdjustedTranslate: Cn
           } = H.current;
@@ -10512,7 +10512,7 @@ const $r = /* @__PURE__ */ $c(function(e) {
             Ft = {
               activatorEvent: it,
               active: wt,
-              collisions: Rt,
+              collisions: Tt,
               delta: Cn,
               over: wn
             }, Ye === je.DragEnd && typeof On == "function" && await Promise.resolve(On(Ft)) && (Ye = je.DragCancel);
@@ -10597,7 +10597,7 @@ const $r = /* @__PURE__ */ $c(function(e) {
         return;
       const {
         onDragOver: it
-      } = V.current, yt = Lt.get(Tt), en = yt && yt.rect.current ? {
+      } = V.current, yt = Lt.get(Pt), en = yt && yt.rect.current ? {
         id: yt.id,
         rect: yt.rect.current,
         data: yt.data,
@@ -10620,7 +10620,7 @@ const $r = /* @__PURE__ */ $c(function(e) {
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Tt]
+    [Pt]
   ), bt(() => {
     H.current = {
       activatorEvent: _,
@@ -11430,7 +11430,7 @@ const Gh = /* @__PURE__ */ Re.memo((t) => {
   if (!t)
     throw new Error("usePopperContentContext must be used within OxPopper.Content");
   return t;
-}, ap = Et("OxPopperAnchor", "div"), cp = (t) => {
+}, ap = Dt("OxPopperAnchor", "div"), cp = (t) => {
   const e = z.c(19);
   let n, r, o, s;
   e[0] !== t ? ({
@@ -11467,7 +11467,7 @@ function at(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function Pt(t) {
+function Et(t) {
   var e;
   return (e = (ia(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
@@ -11477,7 +11477,7 @@ function ia(t) {
 function Ge(t) {
   return Lr() ? t instanceof Element || t instanceof at(t).Element : !1;
 }
-function Dt(t) {
+function Nt(t) {
   return Lr() ? t instanceof HTMLElement || t instanceof at(t).HTMLElement : !1;
 }
 function ni(t) {
@@ -11514,7 +11514,7 @@ function Go(t) {
 }
 function bp(t) {
   let e = Yt(t);
-  for (; Dt(e) && !cn(e); ) {
+  for (; Nt(e) && !cn(e); ) {
     if (Go(e))
       return e;
     if (zr(e))
@@ -11550,13 +11550,13 @@ function Yt(t) {
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
     ni(t) && t.host || // Fallback.
-    Pt(t)
+    Et(t)
   );
   return ni(e) ? e.host : e;
 }
 function la(t) {
   const e = Yt(t);
-  return cn(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Dt(e) && Gn(e) ? e : la(e);
+  return cn(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Nt(e) && Gn(e) ? e : la(e);
 }
 function In(t, e, n) {
   var r;
@@ -11678,7 +11678,7 @@ function wr(t) {
   };
 }
 var Tp = typeof document < "u", Rp = function() {
-}, Cr = Tp ? Nt : Rp;
+}, Cr = Tp ? At : Rp;
 const Ap = {
   ...ue
 }, Mp = Ap.useInsertionEffect, Ip = Mp || ((t) => t());
@@ -12212,7 +12212,7 @@ const jp = function(t) {
 function da(t) {
   const e = pt(t);
   let n = parseFloat(e.width) || 0, r = parseFloat(e.height) || 0;
-  const o = Dt(t), s = o ? t.offsetWidth : n, i = o ? t.offsetHeight : r, l = xr(n) !== s || xr(r) !== i;
+  const o = Nt(t), s = o ? t.offsetWidth : n, i = o ? t.offsetHeight : r, l = xr(n) !== s || xr(r) !== i;
   return l && (n = s, r = i), {
     width: n,
     height: r,
@@ -12224,7 +12224,7 @@ function Jo(t) {
 }
 function sn(t) {
   const e = Jo(t);
-  if (!Dt(e))
+  if (!Nt(e))
     return St(1);
   const n = e.getBoundingClientRect(), {
     width: r,
@@ -12272,7 +12272,7 @@ function Qt(t, e, n, r) {
 }
 function Vr(t, e) {
   const n = Fr(t).scrollLeft;
-  return e ? e.left + n : Qt(Pt(t)).left + n;
+  return e ? e.left + n : Qt(Et(t)).left + n;
 }
 function fa(t, e) {
   const n = t.getBoundingClientRect(), r = n.left + e.scrollLeft - Vr(t, n), o = n.top + e.scrollTop;
@@ -12288,15 +12288,15 @@ function Gp(t) {
     offsetParent: r,
     strategy: o
   } = t;
-  const s = o === "fixed", i = Pt(r), l = e ? zr(e.floating) : !1;
+  const s = o === "fixed", i = Et(r), l = e ? zr(e.floating) : !1;
   if (r === i || l && s)
     return n;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = St(1);
-  const d = St(0), u = Dt(r);
-  if ((u || !u && !s) && ((bn(r) !== "body" || Gn(i)) && (a = Fr(r)), Dt(r))) {
+  const d = St(0), u = Nt(r);
+  if ((u || !u && !s) && ((bn(r) !== "body" || Gn(i)) && (a = Fr(r)), Nt(r))) {
     const m = Qt(r);
     c = sn(r), d.x = m.x + r.clientLeft, d.y = m.y + r.clientTop;
   }
@@ -12312,7 +12312,7 @@ function Up(t) {
   return Array.from(t.getClientRects());
 }
 function Kp(t) {
-  const e = Pt(t), n = Fr(t), r = t.ownerDocument.body, o = lt(e.scrollWidth, e.clientWidth, r.scrollWidth, r.clientWidth), s = lt(e.scrollHeight, e.clientHeight, r.scrollHeight, r.clientHeight);
+  const e = Et(t), n = Fr(t), r = t.ownerDocument.body, o = lt(e.scrollWidth, e.clientWidth, r.scrollWidth, r.clientWidth), s = lt(e.scrollHeight, e.clientHeight, r.scrollHeight, r.clientHeight);
   let i = -n.scrollLeft + Vr(t);
   const l = -n.scrollTop;
   return pt(r).direction === "rtl" && (i += lt(e.clientWidth, r.clientWidth) - o), {
@@ -12324,7 +12324,7 @@ function Kp(t) {
 }
 const ai = 25;
 function Xp(t, e) {
-  const n = at(t), r = Pt(t), o = n.visualViewport;
+  const n = at(t), r = Et(t), o = n.visualViewport;
   let s = r.clientWidth, i = r.clientHeight, l = 0, a = 0;
   if (o) {
     s = o.width, i = o.height;
@@ -12345,7 +12345,7 @@ function Xp(t, e) {
 }
 const Qp = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Jp(t, e) {
-  const n = Qt(t, !0, e === "fixed"), r = n.top + t.clientTop, o = n.left + t.clientLeft, s = Dt(t) ? sn(t) : St(1), i = t.clientWidth * s.x, l = t.clientHeight * s.y, a = o * s.x, c = r * s.y;
+  const n = Qt(t, !0, e === "fixed"), r = n.top + t.clientTop, o = n.left + t.clientLeft, s = Nt(t) ? sn(t) : St(1), i = t.clientWidth * s.x, l = t.clientHeight * s.y, a = o * s.x, c = r * s.y;
   return {
     width: i,
     height: l,
@@ -12358,7 +12358,7 @@ function ci(t, e, n) {
   if (e === "viewport")
     r = Xp(t, n);
   else if (e === "document")
-    r = Kp(Pt(t));
+    r = Kp(Et(t));
   else if (Ge(e))
     r = Jp(e, n);
   else {
@@ -12418,7 +12418,7 @@ function tg(t) {
   };
 }
 function ng(t, e, n) {
-  const r = Dt(e), o = Pt(e), s = n === "fixed", i = Qt(t, !0, s, e);
+  const r = Nt(e), o = Et(e), s = n === "fixed", i = Qt(t, !0, s, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
@@ -12445,18 +12445,18 @@ function uo(t) {
   return pt(t).position === "static";
 }
 function di(t, e) {
-  if (!Dt(t) || pt(t).position === "fixed")
+  if (!Nt(t) || pt(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
-  return Pt(t) === n && (n = n.ownerDocument.body), n;
+  return Et(t) === n && (n = n.ownerDocument.body), n;
 }
 function ha(t, e) {
   const n = at(t);
   if (zr(t))
     return n;
-  if (!Dt(t)) {
+  if (!Nt(t)) {
     let o = Yt(t);
     for (; o && !cn(o); ) {
       if (Ge(o) && !uo(o))
@@ -12487,7 +12487,7 @@ function og(t) {
 }
 const sg = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Gp,
-  getDocumentElement: Pt,
+  getDocumentElement: Et,
   getClippingRect: eg,
   getOffsetParent: ha,
   getElementRects: rg,
@@ -12502,7 +12502,7 @@ function pa(t, e) {
 }
 function ig(t, e) {
   let n = null, r;
-  const o = Pt(t);
+  const o = Et(t);
   function s() {
     var l;
     clearTimeout(r), (l = n) == null || l.disconnect(), n = null;
@@ -12596,7 +12596,7 @@ const ag = jp, cg = Bp, dg = zp, ug = Yp, fg = Fp, ui = Lp, mg = Wp, hg = (t, e,
   });
 };
 var pg = typeof document < "u", gg = function() {
-}, cr = pg ? Nt : gg;
+}, cr = pg ? At : gg;
 function Or(t, e) {
   if (t === e)
     return !0;
@@ -13079,20 +13079,20 @@ const jg = (t) => ({
   style: u,
   ...f
 }, m) => {
-  const p = sa(), [h, g] = te(null), [b, v] = te(null), x = Sc(b), y = x?.width ?? 0, w = x?.height ?? 0, O = a + (t !== "center" ? "-" + t : ""), {
-    context: S,
-    floatingStyles: k,
-    isPositioned: N,
-    middlewareData: D,
-    placement: E,
-    refs: P
+  const p = sa(), [h, g] = te(null), b = Sc(h), v = b?.width ?? 0, x = b?.height ?? 0, y = a + (t !== "center" ? "-" + t : ""), {
+    context: w,
+    floatingStyles: O,
+    isPositioned: S,
+    middlewareData: k,
+    placement: N,
+    refs: D
   } = Fg({
     elements: {
       reference: p.anchor
     },
     middleware: [xg({
       alignmentAxis: e,
-      mainAxis: c + w
+      mainAxis: c + x
     }), r && yg({
       crossAxis: !1,
       limiter: d === "partial" ? wg() : void 0,
@@ -13102,62 +13102,60 @@ const jg = (t) => ({
       padding: s
     }), Og({
       apply: ({
-        availableHeight: V,
-        availableWidth: I,
-        elements: F,
-        rects: B
+        availableHeight: L,
+        availableWidth: M,
+        elements: _,
+        rects: A
       }) => {
         const {
-          height: j,
-          width: W
-        } = B.reference, q = F.floating.style;
-        q.setProperty("--ox-popper-available-width", `${I}px`), q.setProperty("--ox-popper-available-height", `${V}px`), q.setProperty("--ox-popper-anchor-width", `${W}px`), q.setProperty("--ox-popper-anchor-height", `${j}px`);
+          height: V,
+          width: I
+        } = A.reference, F = _.floating.style;
+        F.setProperty("--ox-popper-available-width", `${M}px`), F.setProperty("--ox-popper-available-height", `${L}px`), F.setProperty("--ox-popper-anchor-width", `${I}px`), F.setProperty("--ox-popper-anchor-height", `${V}px`);
       },
       padding: s
-    }), b && Sg({
-      element: b,
+    }), h && Sg({
+      element: h,
       padding: n
     }), jg({
-      arrowHeight: w,
-      arrowWidth: y
+      arrowHeight: x,
+      arrowWidth: v
     }), i && kg({
       strategy: "referenceHidden"
     })].filter(Boolean),
-    placement: O,
+    placement: y,
     strategy: "fixed",
-    whileElementsMounted: (...V) => lg(...V, {
+    whileElementsMounted: (...L) => lg(...L, {
       animationFrame: !1
     })
-  }), [T, R] = va(E), L = D.transformOrigin, [M, _] = te(), A = Ae((V) => {
-    g(V), typeof m == "function" ? m(V) : m && (m.current = V);
+  }), [E, P] = va(N), T = k.transformOrigin, R = Ae((L) => {
+    typeof m == "function" ? m(L) : m && (m.current = L);
   }, [m]);
-  return Nt(() => {
-    h && _(globalThis.getComputedStyle(h).zIndex);
-  }, [h]), Nt(() => {
-    N && l?.();
-  }, [N, l]), /* @__PURE__ */ C(
+  return At(() => {
+    S && l?.();
+  }, [S, l]), /* @__PURE__ */ C(
     "div",
     {
+      className: "z-50",
       "data-ox-popper-content-wrapper": "",
-      ref: P.setFloating,
+      ref: D.setFloating,
       style: {
-        ...k,
+        ...O,
         minWidth: "max-content",
-        transform: N ? k.transform : "translate(0, -200%)",
-        zIndex: M,
-        "--ox-popper-transform-origin": L ? `${L.x} ${L.y}` : void 0,
-        ...D.hide?.referenceHidden && {
+        transform: S ? O.transform : "translate(0, -200%)",
+        "--ox-popper-transform-origin": T ? `${T.x} ${T.y}` : void 0,
+        ...k.hide?.referenceHidden && {
           pointerEvents: "none",
           visibility: "hidden"
         }
       },
       children: /* @__PURE__ */ C(oa.Provider, { value: {
-        floatingContext: S,
-        onArrowChange: v,
-        placedSide: T
-      }, children: /* @__PURE__ */ C("div", { "data-align": R, "data-ox-side": T, "data-side": T, ref: A, ...f, style: {
+        floatingContext: w,
+        onArrowChange: g,
+        placedSide: E
+      }, children: /* @__PURE__ */ C("div", { "data-align": P, "data-ox-side": E, "data-side": E, ref: R, ...f, style: {
         ...u,
-        animation: N ? void 0 : "none",
+        animation: S ? void 0 : "none",
         position: "relative"
       }, children: o }) })
     }
@@ -13372,7 +13370,7 @@ const Hg = (t) => {
   e[4] !== r ? (s = $("ml-auto text-xs tracking-widest text-muted-foreground", r), e[4] = r, e[5] = s) : s = e[5];
   let i;
   return e[6] !== n || e[7] !== o || e[8] !== s ? (i = /* @__PURE__ */ C("span", { className: s, ...o, "data-ox-slot": "dropdown-shortcut", children: n }), e[6] = n, e[7] = o, e[8] = s, e[9] = i) : i = e[9], i;
-}, tb = Et("OxDropdownTrigger", "button"), nb = (t) => {
+}, tb = Dt("OxDropdownTrigger", "button"), nb = (t) => {
   const e = z.c(37);
   let n, r, o, s, i, l, a, c, d, u;
   e[0] !== t ? ({
@@ -14301,7 +14299,7 @@ const Cb = ({
     w,
     n
   ] }) }), e[16] = c, e[17] = n, e[18] = o, e[19] = g, e[20] = v, e[21] = m, e[22] = x, e[23] = y, e[24] = O) : O = e[24], O;
-}, Nb = Et("OxHoverCardTrigger", "div"), Db = (t) => {
+}, Nb = Dt("OxHoverCardTrigger", "div"), Db = (t) => {
   const e = z.c(27);
   let n, r, o, s, i, l;
   e[0] !== t ? ({
@@ -15448,7 +15446,7 @@ const Ta = he(null), Hb = () => {
   Column: Xb,
   ColumnFooter: Ia,
   ColumnHeader: _a
-}), Qb = Et("OxLink", "a"), mx = (t) => {
+}), Qb = Dt("OxLink", "a"), mx = (t) => {
   const e = z.c(26);
   let n, r, o, s, i, l, a, c;
   e[0] !== t ? ({
@@ -16120,7 +16118,7 @@ const m0 = (t) => {
   let m, p;
   e[5] !== l ? (m = () => {
     a.current && l(a.current);
-  }, p = [l], e[5] = l, e[6] = m, e[7] = p) : (m = e[6], p = e[7]), Nt(m, p);
+  }, p = [l], e[5] = l, e[6] = m, e[7] = p) : (m = e[6], p = e[7]), At(m, p);
   let h, g;
   e[8] !== s || e[9] !== i ? (h = () => {
     if (f.current === s)
@@ -16148,7 +16146,7 @@ const m0 = (t) => {
       opacity: 1,
       top: O.top - w.top
     });
-  }, g = [s, i], e[8] = s, e[9] = i, e[10] = h, e[11] = g) : (h = e[10], g = e[11]), Nt(h, g);
+  }, g = [s, i], e[8] = s, e[9] = i, e[10] = h, e[11] = g) : (h = e[10], g = e[11]), At(h, g);
   let b;
   e[12] !== r ? (b = $("relative border-l border-border", r), e[12] = r, e[13] = b) : b = e[13];
   let v;
@@ -16256,7 +16254,7 @@ const m0 = (t) => {
   e[4] !== r ? (s = $(r), e[4] = r, e[5] = s) : s = e[5];
   let i;
   return e[6] !== n || e[7] !== o || e[8] !== s ? (i = /* @__PURE__ */ C("li", { className: s, ...o, "data-ox-slot": "pagination-item", children: n }), e[6] = n, e[7] = o, e[8] = s, e[9] = i) : i = e[9], i;
-}, y0 = Et("OxPaginationLink", "a"), w0 = (t) => {
+}, y0 = Dt("OxPaginationLink", "a"), w0 = (t) => {
   const e = z.c(27);
   let n, r, o, s, i, l, a;
   e[0] !== t ? ({
@@ -16302,7 +16300,7 @@ const m0 = (t) => {
   }
   let y;
   return e[24] !== n || e[25] !== x ? (y = /* @__PURE__ */ C("a", { ...x, children: n }), e[24] = n, e[25] = x, e[26] = y) : y = e[26], y;
-}, C0 = Et("OxPaginationNext", "a"), O0 = (t) => {
+}, C0 = Dt("OxPaginationNext", "a"), O0 = (t) => {
   const e = z.c(25);
   let n, r, o, s, i, l;
   e[0] !== t ? ({
@@ -16352,7 +16350,7 @@ const m0 = (t) => {
   }
   let w;
   return e[22] !== m || e[23] !== y ? (w = /* @__PURE__ */ C("a", { ...y, children: m }), e[22] = m, e[23] = y, e[24] = w) : w = e[24], w;
-}, k0 = Et("OxPaginationPrevious", "a"), S0 = (t) => {
+}, k0 = Dt("OxPaginationPrevious", "a"), S0 = (t) => {
   const e = z.c(25);
   let n, r, o, s, i, l;
   e[0] !== t ? ({
@@ -16492,7 +16490,7 @@ const m0 = (t) => {
     p,
     g
   ] }) }), e[15] = l, e[16] = o, e[17] = u, e[18] = f, e[19] = m, e[20] = p, e[21] = g, e[22] = b) : b = e[22], b;
-}, E0 = Et("OxPopoverTrigger", "button"), P0 = (t) => {
+}, E0 = Dt("OxPopoverTrigger", "button"), P0 = (t) => {
   const e = z.c(19);
   let n, r, o, s, i;
   e[0] !== t ? ({
@@ -16800,20 +16798,20 @@ const m0 = (t) => {
     nt,
     rt
   ] }), e[102] = q, e[103] = ne, e[104] = ge, e[105] = nt, e[106] = rt, e[107] = dt) : dt = e[107];
-  let Tt;
-  e[108] !== E || e[109] !== v || e[110] !== J || e[111] !== x || e[112] !== G || e[113] !== w ? (Tt = w && /* @__PURE__ */ K("div", { className: $("mt-2 flex justify-between text-xs text-muted-foreground"), children: [
+  let Pt;
+  e[108] !== E || e[109] !== v || e[110] !== J || e[111] !== x || e[112] !== G || e[113] !== w ? (Pt = w && /* @__PURE__ */ K("div", { className: $("mt-2 flex justify-between text-xs text-muted-foreground"), children: [
     /* @__PURE__ */ C("span", { children: E ? `${G} - ${J}` : G }),
     /* @__PURE__ */ K("span", { children: [
       x,
       " - ",
       v
     ] })
-  ] }), e[108] = E, e[109] = v, e[110] = J, e[111] = x, e[112] = G, e[113] = w, e[114] = Tt) : Tt = e[114];
+  ] }), e[108] = E, e[109] = v, e[110] = J, e[111] = x, e[112] = G, e[113] = w, e[114] = Pt) : Pt = e[114];
   let Xe;
-  e[115] !== dt || e[116] !== Tt ? (Xe = /* @__PURE__ */ K("div", { className: "relative py-3", children: [
+  e[115] !== dt || e[116] !== Pt ? (Xe = /* @__PURE__ */ K("div", { className: "relative py-3", children: [
     dt,
-    Tt
-  ] }), e[115] = dt, e[116] = Tt, e[117] = Xe) : Xe = e[117];
+    Pt
+  ] }), e[115] = dt, e[116] = Pt, e[117] = Xe) : Xe = e[117];
   let Gt;
   return e[118] !== i || e[119] !== ee || e[120] !== Xe ? (Gt = /* @__PURE__ */ C("div", { className: ee, "data-ox-slot": "slider", ...i, children: Xe }), e[118] = i, e[119] = ee, e[120] = Xe, e[121] = Gt) : Gt = e[121], Gt;
 }, Ya = he(null), Ha = he(null), I0 = () => {
@@ -19468,7 +19466,7 @@ const Q2 = (t) => {
       const v = s.current.offsetWidth;
       d.current.style.width = `${v}px`;
     }
-  }, f = [s, l], e[4] = s, e[5] = l, e[6] = u, e[7] = f) : (u = e[6], f = e[7]), Nt(u, f), !l)
+  }, f = [s, l], e[4] = s, e[5] = l, e[6] = u, e[7] = f) : (u = e[6], f = e[7]), At(u, f), !l)
     return null;
   const m = i ? "closing" : "open", p = `${c}-listbox`;
   let h;
@@ -19561,7 +19559,7 @@ const Q2 = (t) => {
     S();
   }, e[22] = S, e[23] = J) : J = e[23];
   let H;
-  if (e[24] !== S || e[25] !== Y ? (H = [Y, S], e[24] = S, e[25] = Y, e[26] = H) : H = e[26], Nt(J, H), v) {
+  if (e[24] !== S || e[25] !== Y ? (H = [Y, S], e[24] = S, e[25] = Y, e[26] = H) : H = e[26], At(J, H), v) {
     let le;
     e[27] !== r ? (le = $("flex w-full flex-col", r), e[27] = r, e[28] = le) : le = e[28];
     const be = !E;
@@ -20488,7 +20486,7 @@ export {
   Ox as ae,
   $ as af,
   s0 as ag,
-  Et as ah,
+  Dt as ah,
   xu as ai,
   Bv as aj,
   Wv as ak,