@epilot/volt-ui 1.1.28 → 1.1.30

package/dist/index.es.js

@@ -291,7 +291,7 @@ const hf = (e, o) => {
 }, Lf = [], fe = (e) => {
   const o = (t) => t[e] || Lf;
   return o.isThemeGetter = !0, o;
-}, ci = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ui = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Vf = /^\d+\/\d+$/, zf = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Bf = /\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$/, qf = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Hf = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Gf = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ht = (e) => Vf.test(e), le = (e) => !!e && !Number.isNaN(Number(e)), dt = (e) => !!e && Number.isInteger(Number(e)), mr = (e) => e.endsWith("%") && le(e.slice(0, -1)), at = (e) => zf.test(e), Wf = () => !0, jf = (e) => (
+}, ci = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ui = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Vf = /^\d+\/\d+$/, zf = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Bf = /\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$/, qf = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Hf = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Gf = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ht = (e) => Vf.test(e), le = (e) => !!e && !Number.isNaN(Number(e)), dt = (e) => !!e && Number.isInteger(Number(e)), mr = (e) => e.endsWith("%") && le(e.slice(0, -1)), rt = (e) => zf.test(e), Wf = () => !0, jf = (e) => (
   // `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.
@@ -350,22 +350,22 @@ const hf = (e, o) => {
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [at],
-      breakpoint: [at],
+      blur: [rt],
+      breakpoint: [rt],
       color: [Wf],
-      container: [at],
-      "drop-shadow": [at],
+      container: [rt],
+      "drop-shadow": [rt],
       ease: ["in", "out", "in-out"],
       font: [Zf],
       "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", le],
-      text: [at],
-      "text-shadow": [at],
+      text: [rt],
+      "text-shadow": [rt],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -2929,7 +2929,7 @@ const ls = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, cs = ri, F
       destructive: !1
     }
   }
-), Qe = Po(
+), st = Po(
   ({ variant: e, size: o, asChild: t = !1, shape: n, destructive: r, className: a, ...s }, i) => /* @__PURE__ */ u(
     t ? Tn : "button",
     {
@@ -2942,7 +2942,7 @@ const ls = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, cs = ri, F
     }
   )
 );
-Qe.displayName = "Button";
+st.displayName = "Button";
 var fp = [
   "a",
   "button",
@@ -5276,7 +5276,7 @@ const Lv = (e) => /* @__PURE__ */ u(
     className: R("volt-text-gray-light", e),
     ...o
   }
-), Kv = ["top", "right", "bottom", "left"], ht = Math.min, Ne = Math.max, mn = Math.round, tn = Math.floor, et = (e) => ({
+), Kv = ["top", "right", "bottom", "left"], ht = Math.min, Ne = Math.max, mn = Math.round, tn = Math.floor, Je = (e) => ({
   x: e,
   y: e
 }), Zv = {
@@ -5307,11 +5307,11 @@ function xa(e) {
   return e === "y" ? "height" : "width";
 }
 const Xv = /* @__PURE__ */ new Set(["top", "bottom"]);
-function Je(e) {
+function Qe(e) {
   return Xv.has(lt(e)) ? "y" : "x";
 }
 function Ca(e) {
-  return ya(Je(e));
+  return ya(Qe(e));
 }
 function Qv(e, o, t) {
   t === void 0 && (t = !1);
@@ -5387,7 +5387,7 @@ function Is(e, o, t) {
     reference: n,
     floating: r
   } = e;
-  const a = Je(o), s = Ca(o), i = xa(s), l = lt(o), c = a === "y", p = n.x + n.width / 2 - r.width / 2, d = n.y + n.height / 2 - r.height / 2, v = n[i] / 2 - r[i] / 2;
+  const a = Qe(o), s = Ca(o), i = xa(s), l = lt(o), c = a === "y", p = n.x + n.width / 2 - r.width / 2, d = n.y + n.height / 2 - r.height / 2, v = n[i] / 2 - r[i] / 2;
   let g;
   switch (l) {
     case "top":
@@ -5597,7 +5597,7 @@ const sm = (e) => ({
       } = it(e, o);
       if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const b = lt(r), y = Je(i), x = lt(i) === i, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = v || (x || !m ? [hn(i)] : Jv(i)), P = h !== "none";
+      const b = lt(r), y = Qe(i), x = lt(i) === i, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = v || (x || !m ? [hn(i)] : Jv(i)), P = h !== "none";
       !v && P && E.push(...nm(i, m, h, C));
       const S = [i, ...E], _ = await Co(o, w), V = [];
       let B = ((n = a.flip) == null ? void 0 : n.overflows) || [];
@@ -5611,9 +5611,9 @@ const sm = (e) => ({
       }], !V.every((Z) => Z <= 0)) {
         var j, K;
         const Z = (((j = a.flip) == null ? void 0 : j.index) || 0) + 1, oe = S[Z];
-        if (oe && (!(d === "alignment" ? y !== Je(oe) : !1) || // We leave the current main axis only if every placement on that axis
+        if (oe && (!(d === "alignment" ? y !== Qe(oe) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        B.every((T) => Je(T.placement) === y ? T.overflows[0] > 0 : !0)))
+        B.every((T) => Qe(T.placement) === y ? T.overflows[0] > 0 : !0)))
           return {
             data: {
               index: Z,
@@ -5630,7 +5630,7 @@ const sm = (e) => ({
               var U;
               const q = (U = B.filter((T) => {
                 if (P) {
-                  const O = Je(T.placement);
+                  const O = Qe(T.placement);
                   return O === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   O === "y";
@@ -5713,7 +5713,7 @@ async function cm(e, o) {
     placement: t,
     platform: n,
     elements: r
-  } = e, a = await (n.isRTL == null ? void 0 : n.isRTL(r.floating)), s = lt(t), i = so(t), l = Je(t) === "y", c = ll.has(s) ? -1 : 1, p = a && l ? -1 : 1, d = it(o, e);
+  } = e, a = await (n.isRTL == null ? void 0 : n.isRTL(r.floating)), s = lt(t), i = so(t), l = Qe(t) === "y", c = ll.has(s) ? -1 : 1, p = a && l ? -1 : 1, d = it(o, e);
   let {
     mainAxis: v,
     crossAxis: g,
@@ -5785,7 +5785,7 @@ const um = function(e) {
       } = it(e, o), c = {
         x: t,
         y: n
-      }, p = await Co(o, l), d = Je(lt(r)), v = ya(d);
+      }, p = await Co(o, l), d = Qe(lt(r)), v = ya(d);
       let g = c[v], h = c[d];
       if (a) {
         const w = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", y = g + p[w], x = g - p[b];
@@ -5830,7 +5830,7 @@ const um = function(e) {
       } = it(e, o), p = {
         x: t,
         y: n
-      }, d = Je(r), v = ya(d);
+      }, d = Qe(r), v = ya(d);
       let g = p[v], h = p[d];
       const m = it(i, o), w = typeof m == "number" ? {
         mainAxis: m,
@@ -5870,7 +5870,7 @@ const um = function(e) {
         apply: l = () => {
         },
         ...c
-      } = it(e, o), p = await Co(o, c), d = lt(r), v = so(r), g = Je(r) === "y", {
+      } = it(e, o), p = await Co(o, c), d = lt(r), v = so(r), g = Qe(r) === "y", {
         width: h,
         height: m
       } = a.floating;
@@ -5906,7 +5906,7 @@ function De(e) {
   var o;
   return (e == null || (o = e.ownerDocument) == null ? void 0 : o.defaultView) || window;
 }
-function ot(e) {
+function tt(e) {
   var o;
   return (o = (cl(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
 }
@@ -5916,7 +5916,7 @@ function cl(e) {
 function We(e) {
   return Fn() ? e instanceof Element || e instanceof De(e).Element : !1;
 }
-function tt(e) {
+function et(e) {
   return Fn() ? e instanceof HTMLElement || e instanceof De(e).HTMLElement : !1;
 }
 function As(e) {
@@ -5953,7 +5953,7 @@ function Sa(e) {
 }
 function xm(e) {
   let o = wt(e);
-  for (; tt(o) && !eo(o); ) {
+  for (; et(o) && !eo(o); ) {
     if (Sa(o))
       return o;
     if (Ln(o))
@@ -5989,13 +5989,13 @@ function wt(e) {
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     As(e) && e.host || // Fallback.
-    ot(e)
+    tt(e)
   );
   return As(o) ? o.host : o;
 }
 function ul(e) {
   const o = wt(e);
-  return eo(o) ? e.ownerDocument ? e.ownerDocument.body : e.body : tt(o) && Do(o) ? o : ul(o);
+  return eo(o) ? e.ownerDocument ? e.ownerDocument.body : e.body : et(o) && Do(o) ? o : ul(o);
 }
 function So(e, o, t) {
   var n;
@@ -6013,7 +6013,7 @@ function jr(e) {
 function dl(e) {
   const o = je(e);
   let t = parseFloat(o.width) || 0, n = parseFloat(o.height) || 0;
-  const r = tt(e), a = r ? e.offsetWidth : t, s = r ? e.offsetHeight : n, i = mn(t) !== a || mn(n) !== s;
+  const r = et(e), a = r ? e.offsetWidth : t, s = r ? e.offsetHeight : n, i = mn(t) !== a || mn(n) !== s;
   return i && (t = a, n = s), {
     width: t,
     height: n,
@@ -6025,8 +6025,8 @@ function Ea(e) {
 }
 function Qt(e) {
   const o = Ea(e);
-  if (!tt(o))
-    return et(1);
+  if (!et(o))
+    return Je(1);
   const t = o.getBoundingClientRect(), {
     width: n,
     height: r,
@@ -6038,7 +6038,7 @@ function Qt(e) {
     y: i
   };
 }
-const Sm = /* @__PURE__ */ et(0);
+const Sm = /* @__PURE__ */ Je(0);
 function fl(e) {
   const o = De(e);
   return !Ra() || !o.visualViewport ? Sm : {
@@ -6052,9 +6052,9 @@ function Rm(e, o, t) {
 function kt(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
   const r = e.getBoundingClientRect(), a = Ea(e);
-  let s = et(1);
+  let s = Je(1);
   o && (n ? We(n) && (s = Qt(n)) : s = Qt(e));
-  const i = Rm(a, t, n) ? fl(a) : et(0);
+  const i = Rm(a, t, n) ? fl(a) : Je(0);
   let l = (r.left + i.x) / s.x, c = (r.top + i.y) / s.y, p = r.width / s.x, d = r.height / s.y;
   if (a) {
     const v = De(a), g = n && We(n) ? De(n) : n;
@@ -6073,7 +6073,7 @@ function kt(e, o, t, n) {
 }
 function zn(e, o) {
   const t = Vn(e).scrollLeft;
-  return o ? o.left + t : kt(ot(e)).left + t;
+  return o ? o.left + t : kt(tt(e)).left + t;
 }
 function pl(e, o) {
   const t = e.getBoundingClientRect(), n = t.left + o.scrollLeft - zn(e, t), r = t.top + o.scrollTop;
@@ -6089,19 +6089,19 @@ function Em(e) {
     offsetParent: n,
     strategy: r
   } = e;
-  const a = r === "fixed", s = ot(n), i = o ? Ln(o.floating) : !1;
+  const a = r === "fixed", s = tt(n), i = o ? Ln(o.floating) : !1;
   if (n === s || i && a)
     return t;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = et(1);
-  const p = et(0), d = tt(n);
-  if ((d || !d && !a) && ((io(n) !== "body" || Do(s)) && (l = Vn(n)), tt(n))) {
+  }, c = Je(1);
+  const p = Je(0), d = et(n);
+  if ((d || !d && !a) && ((io(n) !== "body" || Do(s)) && (l = Vn(n)), et(n))) {
     const g = kt(n);
     c = Qt(n), p.x = g.x + n.clientLeft, p.y = g.y + n.clientTop;
   }
-  const v = s && !d && !a ? pl(s, l) : et(0);
+  const v = s && !d && !a ? pl(s, l) : Je(0);
   return {
     width: t.width * c.x,
     height: t.height * c.y,
@@ -6113,7 +6113,7 @@ function _m(e) {
   return Array.from(e.getClientRects());
 }
 function Pm(e) {
-  const o = ot(e), t = Vn(e), n = e.ownerDocument.body, r = Ne(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), a = Ne(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
+  const o = tt(e), t = Vn(e), n = e.ownerDocument.body, r = Ne(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), a = Ne(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
   let s = -t.scrollLeft + zn(e);
   const i = -t.scrollTop;
   return je(n).direction === "rtl" && (s += Ne(o.clientWidth, n.clientWidth) - r), {
@@ -6125,7 +6125,7 @@ function Pm(e) {
 }
 const Ns = 25;
 function Im(e, o) {
-  const t = De(e), n = ot(e), r = t.visualViewport;
+  const t = De(e), n = tt(e), r = t.visualViewport;
   let a = n.clientWidth, s = n.clientHeight, i = 0, l = 0;
   if (r) {
     a = r.width, s = r.height;
@@ -6146,7 +6146,7 @@ function Im(e, o) {
 }
 const Tm = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Mm(e, o) {
-  const t = kt(e, !0, o === "fixed"), n = t.top + e.clientTop, r = t.left + e.clientLeft, a = tt(e) ? Qt(e) : et(1), s = e.clientWidth * a.x, i = e.clientHeight * a.y, l = r * a.x, c = n * a.y;
+  const t = kt(e, !0, o === "fixed"), n = t.top + e.clientTop, r = t.left + e.clientLeft, a = et(e) ? Qt(e) : Je(1), s = e.clientWidth * a.x, i = e.clientHeight * a.y, l = r * a.x, c = n * a.y;
   return {
     width: s,
     height: i,
@@ -6159,7 +6159,7 @@ function Ds(e, o, t) {
   if (o === "viewport")
     n = Im(e, t);
   else if (o === "document")
-    n = Pm(ot(e));
+    n = Pm(tt(e));
   else if (We(o))
     n = Mm(o, t);
   else {
@@ -6219,12 +6219,12 @@ function Dm(e) {
   };
 }
 function km(e, o, t) {
-  const n = tt(o), r = ot(o), a = t === "fixed", s = kt(e, !0, a, o);
+  const n = et(o), r = tt(o), a = t === "fixed", s = kt(e, !0, a, o);
   let i = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = et(0);
+  const l = Je(0);
   function c() {
     l.x = zn(r);
   }
@@ -6234,7 +6234,7 @@ function km(e, o, t) {
       l.x = g.x + o.clientLeft, l.y = g.y + o.clientTop;
     } else r && c();
   a && !n && r && c();
-  const p = r && !n && !a ? pl(r, i) : et(0), d = s.left + i.scrollLeft - l.x - p.x, v = s.top + i.scrollTop - l.y - p.y;
+  const p = r && !n && !a ? pl(r, i) : Je(0), d = s.left + i.scrollLeft - l.x - p.x, v = s.top + i.scrollTop - l.y - p.y;
   return {
     x: d,
     y: v,
@@ -6246,18 +6246,18 @@ function Ir(e) {
   return je(e).position === "static";
 }
 function ks(e, o) {
-  if (!tt(e) || je(e).position === "fixed")
+  if (!et(e) || je(e).position === "fixed")
     return null;
   if (o)
     return o(e);
   let t = e.offsetParent;
-  return ot(e) === t && (t = t.ownerDocument.body), t;
+  return tt(e) === t && (t = t.ownerDocument.body), t;
 }
 function vl(e, o) {
   const t = De(e);
   if (Ln(e))
     return t;
-  if (!tt(e)) {
+  if (!et(e)) {
     let r = wt(e);
     for (; r && !eo(r); ) {
       if (We(r) && !Ir(r))
@@ -6288,7 +6288,7 @@ function $m(e) {
 }
 const Fm = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Em,
-  getDocumentElement: ot,
+  getDocumentElement: tt,
   getClippingRect: Nm,
   getOffsetParent: vl,
   getElementRects: Om,
@@ -6303,7 +6303,7 @@ function ml(e, o) {
 }
 function Lm(e, o) {
   let t = null, n;
-  const r = ot(e);
+  const r = tt(e);
   function a() {
     var i;
     clearTimeout(n), (i = t) == null || i.disconnect(), t = null;
@@ -6684,9 +6684,9 @@ var Pa = "PopperContent", [ih, lh] = bl(Pa), Rl = f.forwardRef(
         l && eh({ ...U }),
         th({
           ...U,
-          apply: ({ elements: ge, rects: we, availableWidth: nt, availableHeight: Ze }) => {
+          apply: ({ elements: ge, rects: we, availableWidth: ot, availableHeight: Ze }) => {
             const { width: Te, height: Lt } = we.reference, be = ge.floating.style;
-            be.setProperty("--radix-popper-available-width", `${nt}px`), be.setProperty("--radix-popper-available-height", `${Ze}px`), be.setProperty("--radix-popper-anchor-width", `${Te}px`), be.setProperty("--radix-popper-anchor-height", `${Lt}px`);
+            be.setProperty("--radix-popper-available-width", `${ot}px`), be.setProperty("--radix-popper-available-height", `${Ze}px`), be.setProperty("--radix-popper-anchor-width", `${Te}px`), be.setProperty("--radix-popper-anchor-height", `${Lt}px`);
           }
         }),
         C && nh({ element: C, padding: i }),
@@ -7850,20 +7850,20 @@ var i0 = "SelectItemAlignedPosition", Ql = f.forwardRef((e, o) => {
     if (a.trigger && a.valueNode && i && c && m && w && b) {
       const S = a.trigger.getBoundingClientRect(), _ = c.getBoundingClientRect(), V = a.valueNode.getBoundingClientRect(), B = b.getBoundingClientRect();
       if (a.dir !== "rtl") {
-        const ie = B.left - _.left, ae = V.left - ie, ge = S.left - ae, we = S.width + ge, nt = Math.max(we, _.width), Ze = window.innerWidth - Be, Te = Fs(ae, [
+        const ie = B.left - _.left, ae = V.left - ie, ge = S.left - ae, we = S.width + ge, ot = Math.max(we, _.width), Ze = window.innerWidth - Be, Te = Fs(ae, [
           Be,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
           // controlled by the user since they may want to manage overflow in a
           // specific way.
           // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(Be, Ze - nt)
+          Math.max(Be, Ze - ot)
         ]);
         i.style.minWidth = we + "px", i.style.left = Te + "px";
       } else {
-        const ie = _.right - B.right, ae = window.innerWidth - V.right - ie, ge = window.innerWidth - S.right - ae, we = S.width + ge, nt = Math.max(we, _.width), Ze = window.innerWidth - Be, Te = Fs(ae, [
+        const ie = _.right - B.right, ae = window.innerWidth - V.right - ie, ge = window.innerWidth - S.right - ae, we = S.width + ge, ot = Math.max(we, _.width), Ze = window.innerWidth - Be, Te = Fs(ae, [
           Be,
-          Math.max(Be, Ze - nt)
+          Math.max(Be, Ze - ot)
         ]);
         i.style.minWidth = we + "px", i.style.right = Te + "px";
       }
@@ -10947,7 +10947,7 @@ function ly(e) {
 }
 const cy = (e) => {
   var o, t, n, r, a, s, i, l, c;
-  const { invert: p, toast: d, unstyled: v, interacting: g, setHeights: h, visibleToasts: m, heights: w, index: b, toasts: y, expanded: x, removeToast: C, defaultRichColors: E, closeButton: P, style: S, cancelButtonStyle: _, actionButtonStyle: V, className: B = "", descriptionClassName: j = "", duration: K, position: U, gap: Z, expandByDefault: oe, classNames: k, icons: q, closeButtonAriaLabel: T = "Close toast" } = e, [O, ne] = N.useState(null), [ce, I] = N.useState(null), [M, $] = N.useState(!1), [D, W] = N.useState(!1), [A, z] = N.useState(!1), [Y, re] = N.useState(!1), [ie, ae] = N.useState(!1), [ge, we] = N.useState(0), [nt, Ze] = N.useState(0), Te = N.useRef(d.duration || K || qs), Lt = N.useRef(null), be = N.useRef(null), pr = b === 0, gr = b + 1 <= m, pe = d.type, Ye = d.dismissible !== !1, po = d.className || "", Bo = d.descriptionClassName || "", ut = N.useMemo(() => w.findIndex((F) => F.toastId === d.id) || 0, [
+  const { invert: p, toast: d, unstyled: v, interacting: g, setHeights: h, visibleToasts: m, heights: w, index: b, toasts: y, expanded: x, removeToast: C, defaultRichColors: E, closeButton: P, style: S, cancelButtonStyle: _, actionButtonStyle: V, className: B = "", descriptionClassName: j = "", duration: K, position: U, gap: Z, expandByDefault: oe, classNames: k, icons: q, closeButtonAriaLabel: T = "Close toast" } = e, [O, ne] = N.useState(null), [ce, I] = N.useState(null), [M, $] = N.useState(!1), [D, W] = N.useState(!1), [A, z] = N.useState(!1), [Y, re] = N.useState(!1), [ie, ae] = N.useState(!1), [ge, we] = N.useState(0), [ot, Ze] = N.useState(0), Te = N.useRef(d.duration || K || qs), Lt = N.useRef(null), be = N.useRef(null), pr = b === 0, gr = b + 1 <= m, pe = d.type, Ye = d.dismissible !== !1, po = d.className || "", Bo = d.descriptionClassName || "", ut = N.useMemo(() => w.findIndex((F) => F.toastId === d.id) || 0, [
     w,
     d.id
   ]), Pt = N.useMemo(() => {
@@ -10959,11 +10959,11 @@ const cy = (e) => {
   ]), go = N.useMemo(() => d.duration || K || qs, [
     d.duration,
     K
-  ]), It = N.useRef(0), rt = N.useRef(0), Vt = N.useRef(0), Me = N.useRef(null), [qo, Ho] = U.split("-"), zt = N.useMemo(() => w.reduce((F, de, ye) => ye >= ut ? F : F + de.height, 0), [
+  ]), It = N.useRef(0), nt = N.useRef(0), Vt = N.useRef(0), Me = N.useRef(null), [qo, Ho] = U.split("-"), zt = N.useMemo(() => w.reduce((F, de, ye) => ye >= ut ? F : F + de.height, 0), [
     w,
     ut
   ]), Go = Kb(), Tt = d.invert || p, Bt = pe === "loading";
-  rt.current = N.useMemo(() => ut * Z + zt, [
+  nt.current = N.useMemo(() => ut * Z + zt, [
     ut,
     zt
   ]), N.useEffect(() => {
@@ -11015,14 +11015,14 @@ const cy = (e) => {
     d.cancel
   ]);
   const Le = N.useCallback(() => {
-    W(!0), we(rt.current), h((F) => F.filter((de) => de.toastId !== d.id)), setTimeout(() => {
+    W(!0), we(nt.current), h((F) => F.filter((de) => de.toastId !== d.id)), setTimeout(() => {
       C(d);
     }, iy);
   }, [
     d,
     C,
     h,
-    rt
+    nt
   ]);
   N.useEffect(() => {
     if (d.promise && pe === "loading" || d.duration === 1 / 0 || d.type === "loading") return;
@@ -11095,8 +11095,8 @@ const cy = (e) => {
       "--index": b,
       "--toasts-before": b,
       "--z-index": y.length - b,
-      "--offset": `${D ? ge : rt.current}px`,
-      "--initial-height": oe ? "auto" : `${nt}px`,
+      "--offset": `${D ? ge : nt.current}px`,
+      "--initial-height": oe ? "auto" : `${ot}px`,
       ...S,
       ...d.style
     },
@@ -11104,7 +11104,7 @@ const cy = (e) => {
       z(!1), ne(null), Me.current = null;
     },
     onPointerDown: (F) => {
-      F.button !== 2 && (Bt || !Ye || (Lt.current = /* @__PURE__ */ new Date(), we(rt.current), F.target.setPointerCapture(F.pointerId), F.target.tagName !== "BUTTON" && (z(!0), Me.current = {
+      F.button !== 2 && (Bt || !Ye || (Lt.current = /* @__PURE__ */ new Date(), we(nt.current), F.target.setPointerCapture(F.pointerId), F.target.tagName !== "BUTTON" && (z(!0), Me.current = {
         x: F.clientX,
         y: F.clientY
       })));
@@ -11115,7 +11115,7 @@ const cy = (e) => {
       Me.current = null;
       const Ae = Number(((F = be.current) == null ? void 0 : F.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), jo = Number(((de = be.current) == null ? void 0 : de.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), ve = (/* @__PURE__ */ new Date()).getTime() - ((ye = Lt.current) == null ? void 0 : ye.getTime()), Oe = O === "x" ? Ae : jo, Uo = Math.abs(Oe) / ve;
       if (Math.abs(Oe) >= sy || Uo > 0.11) {
-        we(rt.current), d.onDismiss == null || d.onDismiss.call(d, d), I(O === "x" ? Ae > 0 ? "right" : "left" : jo > 0 ? "down" : "up"), Le(), re(!0);
+        we(nt.current), d.onDismiss == null || d.onDismiss.call(d, d), I(O === "x" ? Ae > 0 ? "right" : "left" : jo > 0 ? "down" : "up"), Le(), re(!0);
         return;
       } else {
         var Ve, ze;
@@ -12107,7 +12107,7 @@ const Iy = (e) => /* @__PURE__ */ te(
       children: [
         /* @__PURE__ */ te("div", { className: "volt-flex volt-items-center volt-gap-2", children: [
           /* @__PURE__ */ u(
-            Qe,
+            st,
             {
               variant: "secondary",
               size: "volt-icon-sm",
@@ -12120,7 +12120,7 @@ const Iy = (e) => /* @__PURE__ */ te(
             }
           ),
           /* @__PURE__ */ u(
-            Qe,
+            st,
             {
               variant: "secondary",
               size: "volt-icon-sm",
@@ -12138,7 +12138,7 @@ const Iy = (e) => /* @__PURE__ */ te(
             if (S.type === "ellipsis")
               return /* @__PURE__ */ te(Q0, { children: [
                 /* @__PURE__ */ u(J0, { asChild: !0, children: /* @__PURE__ */ u(
-                  Qe,
+                  st,
                   {
                     variant: "tertiary",
                     size: "volt-icon-sm",
@@ -12159,7 +12159,7 @@ const Iy = (e) => /* @__PURE__ */ te(
               ] }, V);
             const B = S.page === w;
             return /* @__PURE__ */ u(
-              Qe,
+              st,
               {
                 variant: B ? "secondary" : "tertiary",
                 size: "volt-icon-sm",
@@ -12182,7 +12182,7 @@ const Iy = (e) => /* @__PURE__ */ te(
             );
           }),
           /* @__PURE__ */ u(
-            Qe,
+            st,
             {
               variant: "secondary",
               size: "volt-icon-sm",
@@ -12195,7 +12195,7 @@ const Iy = (e) => /* @__PURE__ */ te(
             }
           ),
           /* @__PURE__ */ u(
-            Qe,
+            st,
             {
               variant: "secondary",
               size: "volt-icon-sm",
@@ -13702,7 +13702,7 @@ Qa.resolveFilterValue = (e) => {
   return [a, s];
 };
 Qa.autoRemove = (e) => qe(e) || qe(e[0]) && qe(e[1]);
-const st = {
+const at = {
   includesString: Ud,
   includesStringSensitive: Kd,
   equalsString: Zd,
@@ -13732,12 +13732,12 @@ const x1 = {
   createColumn: (e, o) => {
     e.getAutoFilterFn = () => {
       const t = o.getCoreRowModel().flatRows[0], n = t == null ? void 0 : t.getValue(e.id);
-      return typeof n == "string" ? st.includesString : typeof n == "number" ? st.inNumberRange : typeof n == "boolean" || n !== null && typeof n == "object" ? st.equals : Array.isArray(n) ? st.arrIncludes : st.weakEquals;
+      return typeof n == "string" ? at.includesString : typeof n == "number" ? at.inNumberRange : typeof n == "boolean" || n !== null && typeof n == "object" ? at.equals : Array.isArray(n) ? at.arrIncludes : at.weakEquals;
     }, e.getFilterFn = () => {
       var t, n;
       return dr(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (
         // @ts-ignore
-        (t = (n = o.options.filterFns) == null ? void 0 : n[e.columnDef.filterFn]) != null ? t : st[e.columnDef.filterFn]
+        (t = (n = o.options.filterFns) == null ? void 0 : n[e.columnDef.filterFn]) != null ? t : at[e.columnDef.filterFn]
       );
     }, e.getCanFilter = () => {
       var t, n, r;
@@ -14269,12 +14269,12 @@ const V1 = {
     };
   },
   createTable: (e) => {
-    e.getGlobalAutoFilterFn = () => st.includesString, e.getGlobalFilterFn = () => {
+    e.getGlobalAutoFilterFn = () => at.includesString, e.getGlobalFilterFn = () => {
       var o, t;
       const {
         globalFilterFn: n
       } = e.options;
-      return dr(n) ? n : n === "auto" ? e.getGlobalAutoFilterFn() : (o = (t = e.options.filterFns) == null ? void 0 : t[n]) != null ? o : st[n];
+      return dr(n) ? n : n === "auto" ? e.getGlobalAutoFilterFn() : (o = (t = e.options.filterFns) == null ? void 0 : t[n]) != null ? o : at[n];
     }, e.setGlobalFilter = (o) => {
       e.options.onGlobalFilterChange == null || e.options.onGlobalFilterChange(o);
     }, e.resetGlobalFilter = (o) => {
@@ -15314,26 +15314,31 @@ function af({
   className: t
 }) {
   return e.getCanSort() ? /* @__PURE__ */ te(
-    Qe,
+    "button",
     {
-      variant: "tertiary",
-      size: "xs",
-      shape: "normal",
+      type: "button",
       "data-slot": "data-table-column-header",
       "data-fs-element": "DataTable-SortButton",
       onClick: () => e.toggleSorting(),
       "aria-label": e.getIsSorted() === "asc" ? `${o}, sorted ascending. Click to sort descending.` : e.getIsSorted() === "desc" ? `${o}, sorted descending. Click to remove sorting.` : `${o}. Click to sort ascending.`,
-      style: { padding: "2px 4px", minHeight: 0, fontSize: "0.875rem" },
       className: R(
-        // Override text color to inherit (keep default, not accent)
-        "volt-text-current",
+        // Layout
+        "volt-inline-flex volt-items-center volt-gap-1",
+        // Appearance - transparent bg, tertiary-like hover
+        "volt-bg-transparent volt-hover:bg-accent-soft volt-rounded-lg",
+        // Padding
+        "volt-px-1 volt-py-0.5",
+        // Interaction
+        "volt-cursor-pointer volt-transition-colors",
+        // Focus ring
+        "volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-focus-visible:outline-accent-a8",
         t
       ),
       children: [
         o,
-        e.getIsSorted() === "asc" && /* @__PURE__ */ u(vC, { className: R("volt-size-4 volt-text-accent-11") }),
-        e.getIsSorted() === "desc" && /* @__PURE__ */ u(mC, { className: R("volt-size-4 volt-text-accent-11") }),
-        !e.getIsSorted() && /* @__PURE__ */ u(hC, { className: R("volt-size-4 volt-opacity-40") })
+        e.getIsSorted() === "asc" && /* @__PURE__ */ u(vC, { className: "volt-size-4 volt-text-accent-11" }),
+        e.getIsSorted() === "desc" && /* @__PURE__ */ u(mC, { className: "volt-size-4 volt-text-accent-11" }),
+        !e.getIsSorted() && /* @__PURE__ */ u(hC, { className: "volt-size-4 volt-opacity-40" })
       ]
     }
   ) : /* @__PURE__ */ u("span", { className: t, children: o });
@@ -15403,7 +15408,7 @@ function bC({
   density: D = "normal",
   className: W
 }) {
-  const [A, z] = Pe(h), [Y, re] = Pe(b), [ie, ae] = Pe([]), [ge, we] = Pe({}), [nt, Ze] = Pe(""), [Te, Lt] = Pe(q), [be, pr] = Pe(ne), gr = {
+  const [A, z] = Pe(h), [Y, re] = Pe(b), [ie, ae] = Pe([]), [ge, we] = Pe({}), [ot, Ze] = Pe(""), [Te, Lt] = Pe(q), [be, pr] = Pe(ne), gr = {
     pageIndex: (p == null ? void 0 : p.pageIndex) ?? 0,
     pageSize: (p == null ? void 0 : p.pageSize) ?? 10
   }, [pe, Ye] = Pe(gr), po = un(!1);
@@ -15422,7 +15427,7 @@ function bC({
       (F) => F.pageSize === Q ? F : { ...F, pageSize: Q }
     );
   }, [p == null ? void 0 : p.pageSize]);
-  const Bo = !K, ut = v ?? A, Pt = m ?? Y, go = y ?? ie, It = C ?? ge, rt = P ?? nt, Vt = oe ?? Te, Me = T ?? be, qo = Ie(() => {
+  const Bo = !K, ut = v ?? A, Pt = m ?? Y, go = y ?? ie, It = C ?? ge, nt = P ?? ot, Vt = oe ?? Te, Me = T ?? be, qo = Ie(() => {
     if (!(r && ce && Object.keys(Pt).length > 0))
       return Me;
     const F = Me.left ?? [];
@@ -15489,7 +15494,7 @@ function bC({
       rowSelection: Pt,
       columnFilters: go,
       columnVisibility: It,
-      globalFilter: rt,
+      globalFilter: nt,
       columnPinning: qo,
       ...Tt && {
         pagination: pe
@@ -15524,7 +15529,7 @@ function bC({
       we(F), E == null || E(F);
     },
     onGlobalFilterChange: (Q) => {
-      const F = typeof Q == "function" ? Q(rt) : Q;
+      const F = typeof Q == "function" ? Q(nt) : Q;
       Ze(F), S == null || S(F);
     },
     // Column resizing
@@ -16739,7 +16744,7 @@ function VC({
         /* @__PURE__ */ u("p", { className: R("volt-text-base volt-font-medium volt-text-gray-default"), children: e }),
         o && /* @__PURE__ */ u("p", { className: R("volt-text-sm volt-text-gray-light volt-max-w-md"), children: o }),
         n && /* @__PURE__ */ u(
-          Qe,
+          st,
           {
             variant: "secondary",
             size: "sm",
@@ -16804,7 +16809,7 @@ function HC({
   const { table: s } = fo(), i = s.getAllColumns().filter((l) => l.getCanHide());
   return i.length === 0 ? null : /* @__PURE__ */ te(c1, { ...a, children: [
     /* @__PURE__ */ u(u1, { asChild: !0, children: o ?? /* @__PURE__ */ te(
-      Qe,
+      st,
       {
         variant: "tertiary",
         size: "sm",
@@ -16897,7 +16902,7 @@ export {
   lR as AlertDialogTitle,
   nR as AlertDialogTrigger,
   US as Badge,
-  Qe as Button,
+  st as Button,
   YC as ButtonGroup,
   QC as ButtonGroupSeparator,
   XC as ButtonGroupText,