@leodamours/ds-components 0.2.4 → 0.2.6

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, ref as j, watch as we, computed as k, openBlock as g, createElementBlock as p, normalizeClass as T, toDisplayString as B, createCommentVNode as D, renderSlot as N, createTextVNode as X, createBlock as I, resolveDynamicComponent as $e, normalizeStyle as he, createElementVNode as F, shallowRef as Ft, getCurrentScope as Ct, onScopeDispose as $t, shallowReadonly as be, unref as R, mergeProps as de, createVNode as _, withCtx as Re, Teleport as Oe, withModifiers as Dt, Fragment as se, renderList as re, nextTick as je, withKeys as st, onBeforeUnmount as rt, Transition as at, onMounted as Et, TransitionGroup as At } from "vue";
+import { defineComponent as S, ref as j, watch as we, computed as k, openBlock as g, createElementBlock as v, normalizeClass as T, toDisplayString as E, createCommentVNode as D, renderSlot as N, createTextVNode as X, createBlock as I, resolveDynamicComponent as $e, normalizeStyle as he, createElementVNode as F, shallowRef as Ft, getCurrentScope as Ct, onScopeDispose as $t, shallowReadonly as be, unref as R, mergeProps as de, createVNode as _, withCtx as Re, Teleport as Le, withModifiers as Dt, Fragment as se, renderList as re, nextTick as je, withKeys as st, onBeforeUnmount as rt, Transition as at, onMounted as Et, TransitionGroup as At } from "vue";
 const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
   __name: "DsAvatar",
   props: {
@@ -39,22 +39,22 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
         neutral: "bg-neutral-soft text-neutral-on-soft"
       }[n.variant]
     ].join(" "));
-    return (a, d) => (g(), p("span", {
+    return (a, d) => (g(), v("span", {
       class: T(s.value),
       role: "img",
       "aria-label": e.alt || e.name
     }, [
-      e.src && !t.value ? (g(), p("img", {
+      e.src && !t.value ? (g(), v("img", {
         key: 0,
         src: e.src,
         alt: e.alt || e.name || "",
         class: "w-full h-full object-cover rounded-full",
         onError: d[0] || (d[0] = (i) => t.value = !0)
-      }, null, 40, Tt)) : (g(), p("span", {
+      }, null, 40, Tt)) : (g(), v("span", {
         key: 1,
         class: T(r.value),
         "aria-hidden": "true"
-      }, B(o.value), 3))
+      }, E(o.value), 3))
     ], 10, Bt));
   }
 }), os = /* @__PURE__ */ S({
@@ -99,20 +99,20 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
       };
       return ["inline-block", "rounded-full", s[n.size], r[n.variant]].join(" ");
     });
-    return (s, r) => (g(), p("span", {
+    return (s, r) => (g(), v("span", {
       class: T(t.value)
     }, [
-      e.dot ? (g(), p("span", {
+      e.dot ? (g(), v("span", {
         key: 0,
         class: T(o.value),
         "aria-hidden": "true"
       }, null, 2)) : D("", !0),
       e.dot ? D("", !0) : N(s.$slots, "default", { key: 1 }, () => [
-        X(B(e.label), 1)
+        X(E(e.label), 1)
       ])
     ], 2));
   }
-}), Rt = ["type", "disabled", "aria-label", "aria-busy"], Ot = { key: 1 }, Vt = /* @__PURE__ */ S({
+}), Rt = ["type", "disabled", "aria-label", "aria-busy"], Lt = { key: 1 }, Ot = /* @__PURE__ */ S({
   __name: "DsButton",
   props: {
     label: {},
@@ -209,7 +209,7 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
       medium: "w-4 h-4",
       large: "w-5 h-5"
     })[n.size]);
-    return (s, r) => (g(), p("button", {
+    return (s, r) => (g(), v("button", {
       type: e.htmlType,
       disabled: e.disabled || e.loading,
       "aria-label": e.ariaLabel,
@@ -223,7 +223,7 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
         style: he(e.label || s.$slots.default ? "margin-right: 0.375rem" : ""),
         "aria-hidden": "true"
       }, null, 8, ["class", "style"])) : D("", !0),
-      e.label ? (g(), p("span", Ot, B(e.label), 1)) : N(s.$slots, "default", { key: 2 }),
+      e.label ? (g(), v("span", Lt, E(e.label), 1)) : N(s.$slots, "default", { key: 2 }),
       e.iconRight ? (g(), I($e(e.iconRight), {
         key: 3,
         class: T(o.value),
@@ -232,7 +232,7 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
       }, null, 8, ["class", "style"])) : D("", !0)
     ], 10, Rt));
   }
-}), Lt = ["id", "checked", "disabled", "value"], St = {
+}), Vt = ["id", "checked", "disabled", "value"], St = {
   key: 0,
   viewBox: "0 0 12 12",
   fill: "none",
@@ -283,7 +283,7 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
       const c = i.target.checked;
       o("update:modelValue", c), o("change", c, i);
     };
-    return (i, b) => (g(), p("label", {
+    return (i, b) => (g(), v("label", {
       class: T([
         "inline-flex items-center gap-2",
         e.disabled ? "cursor-not-allowed" : "cursor-pointer",
@@ -298,21 +298,21 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
         value: e.value,
         class: "sr-only peer",
         onChange: d
-      }, null, 40, Lt),
+      }, null, 40, Vt),
       F("span", {
         class: T(r.value),
         "aria-hidden": "true"
       }, [
-        e.modelValue ? (g(), p("svg", St, [...b[0] || (b[0] = [
+        e.modelValue ? (g(), v("svg", St, [...b[0] || (b[0] = [
           F("polyline", { points: "2.5 6 5 8.5 9.5 3.5" }, null, -1)
         ])])) : D("", !0)
       ], 2),
-      e.label || i.$slots.default ? (g(), p("span", {
+      e.label || i.$slots.default ? (g(), v("span", {
         key: 0,
         class: T(a.value)
       }, [
         N(i.$slots, "default", {}, () => [
-          X(B(e.label), 1)
+          X(E(e.label), 1)
         ])
       ], 2)) : D("", !0)
     ], 2));
@@ -332,7 +332,7 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
 function Pe(e, n, t) {
   return q(e, ae(n, t));
 }
-function ve(e, n) {
+function pe(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function le(e) {
@@ -487,7 +487,7 @@ async function Ut(e, n) {
     elementContext: l = "floating",
     altBoundary: f = !1,
     padding: u = 0
-  } = ve(n, e), m = it(u), y = d[f ? l === "floating" ? "reference" : "floating" : l], w = Ae(await r.getClippingRect({
+  } = pe(n, e), m = it(u), y = d[f ? l === "floating" ? "reference" : "floating" : l], w = Ae(await r.getClippingRect({
     element: (t = await (r.isElement == null ? void 0 : r.isElement(y))) == null || t ? y : y.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(d.floating)),
     boundary: b,
     rootBoundary: c,
@@ -503,17 +503,17 @@ async function Ut(e, n) {
   } : {
     x: 1,
     y: 1
-  }, A = Ae(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, B = Ae(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: d,
     rect: C,
     offsetParent: x,
     strategy: i
   }) : C);
   return {
-    top: (w.top - A.top + m.top) / $.y,
-    bottom: (A.bottom - w.bottom + m.bottom) / $.y,
-    left: (w.left - A.left + m.left) / $.x,
-    right: (A.right - w.right + m.right) / $.x
+    top: (w.top - B.top + m.top) / $.y,
+    bottom: (B.bottom - w.bottom + m.bottom) / $.y,
+    left: (w.left - B.left + m.left) / $.x,
+    right: (B.right - w.right + m.right) / $.x
   };
 }
 const Xt = async (e, n, t) => {
@@ -539,8 +539,8 @@ const Xt = async (e, n, t) => {
     } = d[y], {
       x,
       y: $,
-      data: A,
-      reset: V
+      data: B,
+      reset: O
     } = await C({
       x: c,
       y: l,
@@ -562,13 +562,13 @@ const Xt = async (e, n, t) => {
       ...u,
       [w]: {
         ...u[w],
-        ...A
+        ...B
       }
-    }, V && m <= 50 && (m++, typeof V == "object" && (V.placement && (f = V.placement), V.rects && (b = V.rects === !0 ? await a.getElementRects({
+    }, O && m <= 50 && (m++, typeof O == "object" && (O.placement && (f = O.placement), O.rects && (b = O.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: n,
       strategy: s
-    }) : V.rects), {
+    }) : O.rects), {
       x: c,
       y: l
     } = Ze(b, f, i)), y = -1);
@@ -595,21 +595,21 @@ const Xt = async (e, n, t) => {
     } = n, {
       element: b,
       padding: c = 0
-    } = ve(e, n) || {};
+    } = pe(e, n) || {};
     if (b == null)
       return {};
     const l = it(c), f = {
       x: t,
       y: o
-    }, u = qe(s), m = He(u), h = await a.getDimensions(b), y = u === "y", w = y ? "top" : "left", C = y ? "bottom" : "right", x = y ? "clientHeight" : "clientWidth", $ = r.reference[m] + r.reference[u] - f[u] - r.floating[m], A = f[u] - r.reference[u], V = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(b));
-    let E = V ? V[x] : 0;
-    (!E || !await (a.isElement == null ? void 0 : a.isElement(V))) && (E = d.floating[x] || r.floating[m]);
-    const z = $ / 2 - A / 2, M = E / 2 - h[m] / 2 - 1, W = ae(l[w], M), Y = ae(l[C], M), U = W, v = E - h[m] - Y, O = E / 2 - h[m] / 2 + z, L = Pe(U, O, v), P = !i.arrow && ye(s) != null && O !== L && r.reference[m] / 2 - (O < U ? W : Y) - h[m] / 2 < 0, H = P ? O < U ? O - U : O - v : 0;
+    }, u = qe(s), m = He(u), h = await a.getDimensions(b), y = u === "y", w = y ? "top" : "left", C = y ? "bottom" : "right", x = y ? "clientHeight" : "clientWidth", $ = r.reference[m] + r.reference[u] - f[u] - r.floating[m], B = f[u] - r.reference[u], O = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(b));
+    let A = O ? O[x] : 0;
+    (!A || !await (a.isElement == null ? void 0 : a.isElement(O))) && (A = d.floating[x] || r.floating[m]);
+    const z = $ / 2 - B / 2, M = A / 2 - h[m] / 2 - 1, W = ae(l[w], M), Y = ae(l[C], M), U = W, p = A - h[m] - Y, L = A / 2 - h[m] / 2 + z, V = Pe(U, L, p), P = !i.arrow && ye(s) != null && L !== V && r.reference[m] / 2 - (L < U ? W : Y) - h[m] / 2 < 0, H = P ? L < U ? L - U : L - p : 0;
     return {
       [u]: f[u] + H,
       data: {
-        [u]: L,
-        centerOffset: O - L - H,
+        [u]: V,
+        centerOffset: L - V - H,
         ...P && {
           alignmentOffset: H
         }
@@ -638,49 +638,49 @@ const Xt = async (e, n, t) => {
         fallbackAxisSideDirection: m = "none",
         flipAlignment: h = !0,
         ...y
-      } = ve(e, n);
+      } = pe(e, n);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const w = le(s), C = ne(d), x = le(d) === d, $ = await (i.isRTL == null ? void 0 : i.isRTL(b.floating)), A = f || (x || !h ? [Ee(d)] : It(d)), V = m !== "none";
-      !f && V && A.push(...qt(d, h, m, $));
-      const E = [d, ...A], z = await i.detectOverflow(n, y), M = [];
+      const w = le(s), C = ne(d), x = le(d) === d, $ = await (i.isRTL == null ? void 0 : i.isRTL(b.floating)), B = f || (x || !h ? [Ee(d)] : It(d)), O = m !== "none";
+      !f && O && B.push(...qt(d, h, m, $));
+      const A = [d, ...B], z = await i.detectOverflow(n, y), M = [];
       let W = ((o = r.flip) == null ? void 0 : o.overflows) || [];
       if (c && M.push(z[w]), l) {
-        const O = Pt(s, a, $);
-        M.push(z[O[0]], z[O[1]]);
+        const L = Pt(s, a, $);
+        M.push(z[L[0]], z[L[1]]);
       }
       if (W = [...W, {
         placement: s,
         overflows: M
-      }], !M.every((O) => O <= 0)) {
+      }], !M.every((L) => L <= 0)) {
         var Y, U;
-        const O = (((Y = r.flip) == null ? void 0 : Y.index) || 0) + 1, L = E[O];
-        if (L && (!(l === "alignment" ? C !== ne(L) : !1) || // We leave the current main axis only if every placement on that axis
+        const L = (((Y = r.flip) == null ? void 0 : Y.index) || 0) + 1, V = A[L];
+        if (V && (!(l === "alignment" ? C !== ne(V) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         W.every((G) => ne(G.placement) === C ? G.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: O,
+              index: L,
               overflows: W
             },
             reset: {
-              placement: L
+              placement: V
             }
           };
         let P = (U = W.filter((H) => H.overflows[0] <= 0).sort((H, G) => H.overflows[1] - G.overflows[1])[0]) == null ? void 0 : U.placement;
         if (!P)
           switch (u) {
             case "bestFit": {
-              var v;
-              const H = (v = W.filter((G) => {
-                if (V) {
+              var p;
+              const H = (p = W.filter((G) => {
+                if (O) {
                   const oe = ne(G.placement);
                   return oe === C || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   oe === "y";
                 }
                 return !0;
-              }).map((G) => [G.placement, G.overflows.filter((oe) => oe > 0).reduce((oe, kt) => oe + kt, 0)]).sort((G, oe) => G[1] - oe[1])[0]) == null ? void 0 : v[0];
+              }).map((G) => [G.placement, G.overflows.filter((oe) => oe > 0).reduce((oe, kt) => oe + kt, 0)]).sort((G, oe) => G[1] - oe[1])[0]) == null ? void 0 : p[0];
               H && (P = H);
               break;
             }
@@ -704,7 +704,7 @@ async function Qt(e, n) {
     placement: t,
     platform: o,
     elements: s
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = le(t), d = ye(t), i = ne(t) === "y", b = Jt.has(a) ? -1 : 1, c = r && i ? -1 : 1, l = ve(n, e);
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = le(t), d = ye(t), i = ne(t) === "y", b = Jt.has(a) ? -1 : 1, c = r && i ? -1 : 1, l = pe(n, e);
   let {
     mainAxis: f,
     crossAxis: u,
@@ -774,7 +774,7 @@ const Zt = function(e) {
           }
         },
         ...b
-      } = ve(e, n), c = {
+      } = pe(e, n), c = {
         x: t,
         y: o
       }, l = await r.detectOverflow(n, b), f = ne(le(s)), u = lt(f);
@@ -820,22 +820,22 @@ const Zt = function(e) {
         apply: i = () => {
         },
         ...b
-      } = ve(e, n), c = await a.detectOverflow(n, b), l = le(s), f = ye(s), u = ne(s) === "y", {
+      } = pe(e, n), c = await a.detectOverflow(n, b), l = le(s), f = ye(s), u = ne(s) === "y", {
         width: m,
         height: h
       } = r.floating;
       let y, w;
       l === "top" || l === "bottom" ? (y = l, w = f === (await (a.isRTL == null ? void 0 : a.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (w = l, y = f === "end" ? "top" : "bottom");
-      const C = h - c.top - c.bottom, x = m - c.left - c.right, $ = ae(h - c[y], C), A = ae(m - c[w], x), V = !n.middlewareData.shift;
-      let E = $, z = A;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (z = x), (o = n.middlewareData.shift) != null && o.enabled.y && (E = C), V && !f) {
-        const W = q(c.left, 0), Y = q(c.right, 0), U = q(c.top, 0), v = q(c.bottom, 0);
-        u ? z = m - 2 * (W !== 0 || Y !== 0 ? W + Y : q(c.left, c.right)) : E = h - 2 * (U !== 0 || v !== 0 ? U + v : q(c.top, c.bottom));
+      const C = h - c.top - c.bottom, x = m - c.left - c.right, $ = ae(h - c[y], C), B = ae(m - c[w], x), O = !n.middlewareData.shift;
+      let A = $, z = B;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (z = x), (o = n.middlewareData.shift) != null && o.enabled.y && (A = C), O && !f) {
+        const W = q(c.left, 0), Y = q(c.right, 0), U = q(c.top, 0), p = q(c.bottom, 0);
+        u ? z = m - 2 * (W !== 0 || Y !== 0 ? W + Y : q(c.left, c.right)) : A = h - 2 * (U !== 0 || p !== 0 ? U + p : q(c.top, c.bottom));
       }
       await i({
         ...n,
         availableWidth: z,
-        availableHeight: E
+        availableHeight: A
       });
       const M = await a.getDimensions(d.floating);
       return m !== M.width || h !== M.height ? {
@@ -846,7 +846,7 @@ const Zt = function(e) {
     }
   };
 };
-function Ve() {
+function Oe() {
   return typeof window < "u";
 }
 function ue(e) {
@@ -861,16 +861,16 @@ function te(e) {
   return (n = (Ke(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
 function Ke(e) {
-  return Ve() ? e instanceof Node || e instanceof K(e).Node : !1;
+  return Oe() ? e instanceof Node || e instanceof K(e).Node : !1;
 }
 function J(e) {
-  return Ve() ? e instanceof Element || e instanceof K(e).Element : !1;
+  return Oe() ? e instanceof Element || e instanceof K(e).Element : !1;
 }
 function ee(e) {
-  return Ve() ? e instanceof HTMLElement || e instanceof K(e).HTMLElement : !1;
+  return Oe() ? e instanceof HTMLElement || e instanceof K(e).HTMLElement : !1;
 }
 function _e(e) {
-  return !Ve() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof K(e).ShadowRoot;
+  return !Oe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof K(e).ShadowRoot;
 }
 const tn = /* @__PURE__ */ new Set(["inline", "contents"]);
 function Fe(e) {
@@ -887,7 +887,7 @@ function on(e) {
   return nn.has(ue(e));
 }
 const sn = [":popover-open", ":modal"];
-function Le(e) {
+function Ve(e) {
   return sn.some((n) => {
     try {
       return e.matches(n);
@@ -903,10 +903,10 @@ function Ue(e) {
 }
 function cn(e) {
   let n = ie(e);
-  for (; ee(n) && !pe(n); ) {
+  for (; ee(n) && !ve(n); ) {
     if (Ue(n))
       return n;
-    if (Le(n))
+    if (Ve(n))
       return null;
     n = ie(n);
   }
@@ -916,7 +916,7 @@ function Xe() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const dn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function pe(e) {
+function ve(e) {
   return dn.has(ue(e));
 }
 function Q(e) {
@@ -945,7 +945,7 @@ function ie(e) {
 }
 function ct(e) {
   const n = ie(e);
-  return pe(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ee(n) && Fe(n) ? n : ct(n);
+  return ve(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ee(n) && Fe(n) ? n : ct(n);
 }
 function ke(e, n, t) {
   var o;
@@ -1039,7 +1039,7 @@ function bn(e) {
     offsetParent: o,
     strategy: s
   } = e;
-  const r = s === "fixed", a = te(o), d = n ? Le(n.floating) : !1;
+  const r = s === "fixed", a = te(o), d = n ? Ve(n.floating) : !1;
   if (o === a || d && r)
     return t;
   let i = {
@@ -1094,8 +1094,8 @@ function hn(e, n) {
     y: i
   };
 }
-const pn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function vn(e, n) {
+const vn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function pn(e, n) {
   const t = ce(e, !0, n === "fixed"), o = t.top + e.clientTop, s = t.left + e.clientLeft, r = ee(e) ? ge(e) : Z(1), a = e.clientWidth * r.x, d = e.clientHeight * r.y, i = s * r.x, b = o * r.y;
   return {
     width: a,
@@ -1111,7 +1111,7 @@ function tt(e, n, t) {
   else if (n === "document")
     o = gn(te(e));
   else if (J(n))
-    o = vn(n, t);
+    o = pn(n, t);
   else {
     const s = ut(e);
     o = {
@@ -1125,7 +1125,7 @@ function tt(e, n, t) {
 }
 function bt(e, n) {
   const t = ie(e);
-  return t === n || !J(t) || pe(t) ? !1 : Q(t).position === "fixed" || bt(t, n);
+  return t === n || !J(t) || ve(t) ? !1 : Q(t).position === "fixed" || bt(t, n);
 }
 function yn(e, n) {
   const t = n.get(e);
@@ -1134,9 +1134,9 @@ function yn(e, n) {
   let o = ke(e, [], !1).filter((d) => J(d) && ue(d) !== "body"), s = null;
   const r = Q(e).position === "fixed";
   let a = r ? ie(e) : e;
-  for (; J(a) && !pe(a); ) {
+  for (; J(a) && !ve(a); ) {
     const d = Q(a), i = Ue(a);
-    !i && d.position === "fixed" && (s = null), (r ? !i && !s : !i && d.position === "static" && !!s && pn.has(s.position) || Fe(a) && !i && bt(e, a)) ? o = o.filter((c) => c !== a) : s = d, a = ie(a);
+    !i && d.position === "fixed" && (s = null), (r ? !i && !s : !i && d.position === "static" && !!s && vn.has(s.position) || Fe(a) && !i && bt(e, a)) ? o = o.filter((c) => c !== a) : s = d, a = ie(a);
   }
   return n.set(e, o), o;
 }
@@ -1147,7 +1147,7 @@ function xn(e) {
     rootBoundary: o,
     strategy: s
   } = e;
-  const a = [...t === "clippingAncestors" ? Le(n) ? [] : yn(n, this._c) : [].concat(t), o], d = a[0], i = a.reduce((b, c) => {
+  const a = [...t === "clippingAncestors" ? Ve(n) ? [] : yn(n, this._c) : [].concat(t), o], d = a[0], i = a.reduce((b, c) => {
     const l = tt(n, c, s);
     return b.top = q(l.top, b.top), b.right = ae(l.right, b.right), b.bottom = ae(l.bottom, b.bottom), b.left = q(l.left, b.left), b;
   }, tt(n, d, s));
@@ -1205,11 +1205,11 @@ function nt(e, n) {
 }
 function mt(e, n) {
   const t = K(e);
-  if (Le(e))
+  if (Ve(e))
     return t;
   if (!ee(e)) {
     let s = ie(e);
-    for (; s && !pe(s); ) {
+    for (; s && !ve(s); ) {
       if (J(s) && !Me(s))
         return s;
       s = ie(s);
@@ -1219,7 +1219,7 @@ function mt(e, n) {
   let o = nt(e, n);
   for (; o && on(o) && Me(o); )
     o = nt(o, n);
-  return o && pe(o) && Me(o) && !Ue(o) ? t : o || cn(e) || t;
+  return o && ve(o) && Me(o) && !Ue(o) ? t : o || cn(e) || t;
 }
 const Fn = async function(e) {
   const n = this.getOffsetParent || mt, t = this.getDimensions, o = await t(e.floating);
@@ -1273,25 +1273,25 @@ function Dn(e, n) {
       threshold: q(0, ae(1, i)) || 1
     };
     let $ = !0;
-    function A(V) {
-      const E = V[0].intersectionRatio;
-      if (E !== i) {
+    function B(O) {
+      const A = O[0].intersectionRatio;
+      if (A !== i) {
         if (!$)
           return a();
-        E ? a(!1, E) : o = setTimeout(() => {
+        A ? a(!1, A) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      E === 1 && !gt(b, e.getBoundingClientRect()) && a(), $ = !1;
+      A === 1 && !gt(b, e.getBoundingClientRect()) && a(), $ = !1;
     }
     try {
-      t = new IntersectionObserver(A, {
+      t = new IntersectionObserver(B, {
         ...x,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(A, x);
+      t = new IntersectionObserver(B, x);
     }
     t.observe(e);
   }
@@ -1333,7 +1333,7 @@ function En(e, n, t, o) {
     }), l == null || l(), (w = u) == null || w.disconnect(), u = null, i && cancelAnimationFrame(m);
   };
 }
-const ht = Zt, pt = _t, vt = Gt, An = en, Bn = Yt, Tn = (e, n, t) => {
+const ht = Zt, vt = _t, pt = Gt, An = en, Bn = Yt, Tn = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), s = {
     platform: $n,
     ...t
@@ -1359,7 +1359,7 @@ function We(e) {
 function me(e) {
   return typeof e == "function" ? e() : R(e);
 }
-function On(e) {
+function Ln(e) {
   return {
     name: "arrow",
     options: e,
@@ -1382,28 +1382,28 @@ function ot(e, n) {
 function xt(e, n, t) {
   t === void 0 && (t = {});
   const o = t.whileElementsMounted, s = k(() => {
-    var E;
-    return (E = me(t.open)) != null ? E : !0;
+    var A;
+    return (A = me(t.open)) != null ? A : !0;
   }), r = k(() => me(t.middleware)), a = k(() => {
-    var E;
-    return (E = me(t.placement)) != null ? E : "bottom";
+    var A;
+    return (A = me(t.placement)) != null ? A : "bottom";
   }), d = k(() => {
-    var E;
-    return (E = me(t.strategy)) != null ? E : "absolute";
+    var A;
+    return (A = me(t.strategy)) != null ? A : "absolute";
   }), i = k(() => {
-    var E;
-    return (E = me(t.transform)) != null ? E : !0;
+    var A;
+    return (A = me(t.transform)) != null ? A : !0;
   }), b = k(() => We(e.value)), c = k(() => We(n.value)), l = j(0), f = j(0), u = j(d.value), m = j(a.value), h = Ft({}), y = j(!1), w = k(() => {
-    const E = {
+    const A = {
       position: u.value,
       left: "0",
       top: "0"
     };
     if (!c.value)
-      return E;
+      return A;
     const z = ot(c.value, l.value), M = ot(c.value, f.value);
     return i.value ? {
-      ...E,
+      ...A,
       transform: "translate(" + z + "px, " + M + "px)",
       ...yt(c.value) >= 1.5 && {
         willChange: "transform"
@@ -1418,19 +1418,19 @@ function xt(e, n, t) {
   function x() {
     if (b.value == null || c.value == null)
       return;
-    const E = s.value;
+    const A = s.value;
     Tn(b.value, c.value, {
       middleware: r.value,
       placement: a.value,
       strategy: d.value
     }).then((z) => {
-      l.value = z.x, f.value = z.y, u.value = z.strategy, m.value = z.placement, h.value = z.middlewareData, y.value = E !== !1;
+      l.value = z.x, f.value = z.y, u.value = z.strategy, m.value = z.placement, h.value = z.middlewareData, y.value = A !== !1;
     });
   }
   function $() {
     typeof C == "function" && (C(), C = void 0);
   }
-  function A() {
+  function B() {
     if ($(), o === void 0) {
       x();
       return;
@@ -1440,14 +1440,14 @@ function xt(e, n, t) {
       return;
     }
   }
-  function V() {
+  function O() {
     s.value || (y.value = !1);
   }
   return we([r, a, d, s], x, {
     flush: "sync"
-  }), we([b, c], A, {
+  }), we([b, c], B, {
     flush: "sync"
-  }), we(s, V, {
+  }), we(s, O, {
     flush: "sync"
   }), Ct() && $t($), {
     x: be(l),
@@ -1464,7 +1464,7 @@ const Be = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconX",
   setup(e) {
-    return (n, t) => (g(), p("svg", de({
+    return (n, t) => (g(), v("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1477,11 +1477,11 @@ const Be = /* @__PURE__ */ S({
       }, null, -1)
     ])], 16));
   }
-}), Vn = /* @__PURE__ */ S({
+}), On = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconCheck",
   setup(e) {
-    return (n, t) => (g(), p("svg", de({
+    return (n, t) => (g(), v("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1498,7 +1498,7 @@ const Be = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconWarning",
   setup(e) {
-    return (n, t) => (g(), p("svg", de({
+    return (n, t) => (g(), v("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1511,11 +1511,11 @@ const Be = /* @__PURE__ */ S({
       }, null, -1)
     ])], 16));
   }
-}), Ln = /* @__PURE__ */ S({
+}), Vn = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconInfo",
   setup(e) {
-    return (n, t) => (g(), p("svg", de({
+    return (n, t) => (g(), v("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1532,7 +1532,7 @@ const Be = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconChevronDown",
   setup(e) {
-    return (n, t) => (g(), p("svg", de({
+    return (n, t) => (g(), v("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1549,7 +1549,7 @@ const Be = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconChevronUp",
   setup(e) {
-    return (n, t) => (g(), p("svg", de({
+    return (n, t) => (g(), v("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1566,7 +1566,7 @@ const Be = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconSort",
   setup(e) {
-    return (n, t) => (g(), p("svg", de({
+    return (n, t) => (g(), v("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1607,87 +1607,87 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
     const t = e, o = n, s = j(), r = j(), a = j(!1), d = fe("listbox"), i = j(-1), b = k(() => {
       if (!(!a.value || i.value < 0))
         return c(i.value);
-    }), c = (v) => `${d}-option-${v}`, { floatingStyles: l } = xt(s, r, {
+    }), c = (p) => `${d}-option-${p}`, { floatingStyles: l } = xt(s, r, {
       placement: "bottom-start",
       middleware: [
         ht(4),
-        vt(),
-        pt({ padding: 8 }),
+        pt(),
+        vt({ padding: 8 }),
         An({
-          apply({ rects: v }) {
+          apply({ rects: p }) {
             r.value && Object.assign(r.value.style, {
-              minWidth: `${v.reference.width}px`
+              minWidth: `${p.reference.width}px`
             });
           }
         })
       ],
       whileElementsMounted: En
-    }), f = k(() => t.modelValue), u = k(() => t.options.find((v) => h(v) === f.value)), m = k(() => u.value ? y(u.value) : ""), h = (v) => typeof v == "object" && v !== null ? v.value : v, y = (v) => typeof v == "object" && v !== null ? v.label : String(v), w = (v) => typeof v == "object" && v !== null && v.disabled || !1, C = () => {
+    }), f = k(() => t.modelValue), u = k(() => t.options.find((p) => h(p) === f.value)), m = k(() => u.value ? y(u.value) : ""), h = (p) => typeof p == "object" && p !== null ? p.value : p, y = (p) => typeof p == "object" && p !== null ? p.label : String(p), w = (p) => typeof p == "object" && p !== null && p.disabled || !1, C = () => {
       je(() => {
-        const v = r.value;
-        if (!v || i.value < 0) return;
-        const O = v.querySelector(`#${c(i.value)}`);
-        O == null || O.scrollIntoView({ block: "nearest" });
+        const p = r.value;
+        if (!p || i.value < 0) return;
+        const L = p.querySelector(`#${c(i.value)}`);
+        L == null || L.scrollIntoView({ block: "nearest" });
       });
-    }, x = (v, O) => {
-      let L = v;
-      for (; L >= 0 && L < t.options.length; ) {
-        if (!w(t.options[L])) return L;
-        L += O;
+    }, x = (p, L) => {
+      let V = p;
+      for (; V >= 0 && V < t.options.length; ) {
+        if (!w(t.options[V])) return V;
+        V += L;
       }
       return -1;
     }, $ = () => {
-      const v = x(i.value + 1, 1);
-      v >= 0 && (i.value = v, C());
+      const p = x(i.value + 1, 1);
+      p >= 0 && (i.value = p, C());
+    }, B = () => {
+      const p = x(i.value - 1, -1);
+      p >= 0 && (i.value = p, C());
+    }, O = () => {
+      const p = x(0, 1);
+      p >= 0 && (i.value = p, C());
     }, A = () => {
-      const v = x(i.value - 1, -1);
-      v >= 0 && (i.value = v, C());
-    }, V = () => {
-      const v = x(0, 1);
-      v >= 0 && (i.value = v, C());
-    }, E = () => {
-      const v = x(t.options.length - 1, -1);
-      v >= 0 && (i.value = v, C());
+      const p = x(t.options.length - 1, -1);
+      p >= 0 && (i.value = p, C());
     }, z = () => {
       t.disabled || t.loading || (a.value = !0, je(() => {
-        const v = t.options.findIndex(
-          (O) => h(O) === f.value
+        const p = t.options.findIndex(
+          (L) => h(L) === f.value
         );
-        v >= 0 && !w(t.options[v]) ? i.value = v : V(), C();
+        p >= 0 && !w(t.options[p]) ? i.value = p : O(), C();
       }));
     }, M = () => {
       a.value = !1, i.value = -1;
     }, W = () => {
       t.disabled || t.loading || (a.value ? M() : z());
-    }, Y = (v) => {
-      if (w(v)) return;
-      const O = h(v);
-      o("update:modelValue", O), o("change", O, v), M();
-    }, U = (v) => {
+    }, Y = (p) => {
+      if (w(p)) return;
+      const L = h(p);
+      o("update:modelValue", L), o("change", L, p), M();
+    }, U = (p) => {
       if (!(t.disabled || t.loading)) {
         if (!a.value) {
-          (v.key === "ArrowDown" || v.key === "ArrowUp" || v.key === "Enter" || v.key === " ") && (v.preventDefault(), z());
+          (p.key === "ArrowDown" || p.key === "ArrowUp" || p.key === "Enter" || p.key === " ") && (p.preventDefault(), z());
           return;
         }
-        switch (v.key) {
+        switch (p.key) {
           case "ArrowDown":
-            v.preventDefault(), i.value < 0 ? V() : $();
+            p.preventDefault(), i.value < 0 ? O() : $();
             break;
           case "ArrowUp":
-            v.preventDefault(), i.value < 0 ? E() : A();
+            p.preventDefault(), i.value < 0 ? A() : B();
             break;
           case "Home":
-            v.preventDefault(), V();
+            p.preventDefault(), O();
             break;
           case "End":
-            v.preventDefault(), E();
+            p.preventDefault(), A();
             break;
           case "Enter":
           case " ":
-            v.preventDefault(), i.value >= 0 && i.value < t.options.length && Y(t.options[i.value]);
+            p.preventDefault(), i.value >= 0 && i.value < t.options.length && Y(t.options[i.value]);
             break;
           case "Escape":
-            v.preventDefault(), M();
+            p.preventDefault(), M();
             break;
           case "Tab":
             M();
@@ -1695,8 +1695,8 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         }
       }
     };
-    return (v, O) => (g(), p("div", jn, [
-      _(Vt, {
+    return (p, L) => (g(), v("div", jn, [
+      _(Ot, {
         ref_key: "triggerRef",
         ref: s,
         variant: e.variant,
@@ -1715,14 +1715,14 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         onKeydown: U
       }, {
         default: Re(() => [
-          N(v.$slots, "trigger", {}, () => [
-            X(B(m.value || e.placeholder), 1)
+          N(p.$slots, "trigger", {}, () => [
+            X(E(m.value || e.placeholder), 1)
           ])
         ]),
         _: 3
       }, 8, ["variant", "disabled", "loading", "size", "iconLeft", "iconRight", "fullWidth", "aria-expanded", "aria-controls", "aria-activedescendant"]),
-      (g(), I(Oe, { to: "body" }, [
-        a.value ? (g(), p("div", {
+      (g(), I(Le, { to: "body" }, [
+        a.value ? (g(), v("div", {
           key: 0,
           ref_key: "floatingRef",
           ref: r,
@@ -1731,38 +1731,38 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           "aria-label": e.placeholder,
           style: he(R(l)),
           class: "z-50 min-w-32 bg-bg border border-solid border-border rounded-md shadow-default max-h-64 overflow-y-auto",
-          onClick: O[0] || (O[0] = Dt(() => {
+          onClick: L[0] || (L[0] = Dt(() => {
           }, ["stop"]))
         }, [
-          (g(!0), p(se, null, re(e.options, (L, P) => (g(), p("div", {
-            key: h(L),
+          (g(!0), v(se, null, re(e.options, (V, P) => (g(), v("div", {
+            key: h(V),
             id: c(P),
             role: "option",
-            "aria-selected": f.value === h(L) ? "true" : "false",
-            "aria-disabled": w(L) ? "true" : void 0,
+            "aria-selected": f.value === h(V) ? "true" : "false",
+            "aria-disabled": w(V) ? "true" : void 0,
             class: T([
               "px-3 py-2 text-sm transition-colors outline-none",
-              w(L) ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-              f.value === h(L) ? "bg-brand text-brand-on-solid" : "",
-              i.value === P && f.value !== h(L) ? "bg-surface-hover" : "",
-              (i.value !== P && f.value !== h(L), ""),
+              w(V) ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+              f.value === h(V) ? "bg-brand text-brand-on-solid" : "",
+              i.value === P && f.value !== h(V) ? "bg-surface-hover" : "",
+              (i.value !== P && f.value !== h(V), ""),
               P === 0 ? "rounded-t-md" : "",
               P === e.options.length - 1 ? "rounded-b-md" : ""
             ]),
-            onClick: (H) => Y(L),
+            onClick: (H) => Y(V),
             onMouseenter: (H) => i.value = P
           }, [
-            N(v.$slots, "option", {
-              option: L,
+            N(p.$slots, "option", {
+              option: V,
               index: P
             }, () => [
-              X(B(y(L)), 1)
+              X(E(y(V)), 1)
             ])
           ], 42, In))), 128)),
-          e.options.length ? D("", !0) : (g(), p("div", Nn, B(e.emptyText), 1))
+          e.options.length ? D("", !0) : (g(), v("div", Nn, E(e.emptyText), 1))
         ], 12, Pn)) : D("", !0)
       ])),
-      a.value ? (g(), p("div", {
+      a.value ? (g(), v("div", {
         key: 0,
         class: "fixed inset-0 z-40",
         onClick: M
@@ -1827,18 +1827,18 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         "disabled:bg-surface-disabled",
         "disabled:text-fg-disabled",
         "box-border"
-      ], A = {
+      ], B = {
         small: { text: "text-sm", py: "py-1", px: "px-2", pl: "pl-8", pr: "pr-8" },
         medium: { text: "text-base", py: "py-2", px: "px-3", pl: "pl-10", pr: "pr-10" },
         large: { text: "text-lg", py: "py-3", px: "px-4", pl: "pl-12", pr: "pr-12" }
-      }[o.size], V = o.error ? ["border-error-border", "focus:border-error", "focus:ring-error"] : ["border-border", "focus:border-border-focus", "focus:ring-brand"];
+      }[o.size], O = o.error ? ["border-error-border", "focus:border-error", "focus:ring-error"] : ["border-border", "focus:border-border-focus", "focus:ring-brand"];
       return [
         ...x,
-        A.text,
-        A.py,
-        o.iconLeft ? A.pl : A.px,
-        l.value ? A.pr : A.px,
-        ...V
+        B.text,
+        B.py,
+        o.iconLeft ? B.pl : B.px,
+        l.value ? B.pr : B.px,
+        ...O
       ].join(" ");
     }), m = k(() => {
       const x = { small: "w-4 h-4", medium: "w-5 h-5", large: "w-6 h-6" }, $ = o.error ? "text-error" : "text-fg-tertiary";
@@ -1847,8 +1847,8 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
     function h(x) {
       const $ = x.target;
       if (o.type === "number") {
-        const A = Number($.value);
-        s("update:modelValue", Number.isNaN(A) ? $.value : A);
+        const B = Number($.value);
+        s("update:modelValue", Number.isNaN(B) ? $.value : B);
       } else
         s("update:modelValue", $.value);
     }
@@ -1864,17 +1864,17 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       var x;
       (x = r.value) == null || x.blur();
     }
-    return n({ focus: w, blur: C, inputRef: r }), (x, $) => (g(), p("div", Wn, [
-      e.label ? (g(), p("label", {
+    return n({ focus: w, blur: C, inputRef: r }), (x, $) => (g(), v("div", Wn, [
+      e.label ? (g(), v("label", {
         key: 0,
         for: R(a),
         class: "block text-label mb-1"
       }, [
-        X(B(e.label) + " ", 1),
-        e.required ? (g(), p("span", qn, "*")) : D("", !0)
+        X(E(e.label) + " ", 1),
+        e.required ? (g(), v("span", qn, "*")) : D("", !0)
       ], 8, Hn)) : D("", !0),
       F("div", Kn, [
-        e.iconLeft ? (g(), p("div", Un, [
+        e.iconLeft ? (g(), v("div", Un, [
           (g(), I($e(e.iconLeft), {
             class: T(m.value)
           }, null, 8, ["class"]))
@@ -1898,16 +1898,16 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           "aria-invalid": e.error ? "true" : void 0,
           class: T(u.value),
           onInput: h,
-          onBlur: $[0] || ($[0] = (A) => x.$emit("blur", A)),
-          onFocus: $[1] || ($[1] = (A) => x.$emit("focus", A)),
-          onKeydown: $[2] || ($[2] = st((A) => x.$emit("enter"), ["enter"]))
+          onBlur: $[0] || ($[0] = (B) => x.$emit("blur", B)),
+          onFocus: $[1] || ($[1] = (B) => x.$emit("focus", B)),
+          onKeydown: $[2] || ($[2] = st((B) => x.$emit("enter"), ["enter"]))
         }, null, 42, Xn),
-        e.iconRight && !c.value ? (g(), p("div", Yn, [
+        e.iconRight && !c.value ? (g(), v("div", Yn, [
           (g(), I($e(e.iconRight), {
             class: T(m.value)
           }, null, 8, ["class"]))
         ])) : D("", !0),
-        c.value ? (g(), p("button", {
+        c.value ? (g(), v("button", {
           key: 2,
           type: "button",
           "aria-label": "Clear input",
@@ -1917,18 +1917,18 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           _(R(Be), { class: "w-4 h-4" })
         ])) : D("", !0)
       ]),
-      e.helpText && !e.error ? (g(), p("div", {
+      e.helpText && !e.error ? (g(), v("div", {
         key: 1,
         id: d,
         class: "mt-1 text-caption"
-      }, B(e.helpText), 1)) : D("", !0),
-      e.error ? (g(), p("div", {
+      }, E(e.helpText), 1)) : D("", !0),
+      e.error ? (g(), v("div", {
         key: 2,
         id: i,
         class: "mt-1 text-sm text-error font-sans",
         role: "alert",
         "aria-live": "polite"
-      }, B(e.error), 1)) : D("", !0)
+      }, E(e.error), 1)) : D("", !0)
     ]));
   }
 }), Gn = {
@@ -1987,7 +1987,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       "text-fg-secondary",
       "font-medium"
     ].join(" "));
-    return (r, a) => (g(), p("div", {
+    return (r, a) => (g(), v("div", {
       class: T(t.value),
       role: "status",
       "aria-live": "polite"
@@ -1996,10 +1996,10 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         class: T(o.value),
         "aria-hidden": "true"
       }, null, 2),
-      e.text ? (g(), p("span", {
+      e.text ? (g(), v("span", {
         key: 0,
         class: T(s.value)
-      }, B(e.text), 3)) : (g(), p("span", Gn, "Loading"))
+      }, E(e.text), 3)) : (g(), v("span", Gn, "Loading"))
     ], 2));
   }
 }), Qn = ["aria-labelledby"], Zn = { class: "flex items-center justify-between px-6 py-4 border-b border-solid border-border" }, _n = ["id"], eo = { class: "px-6 py-4 overflow-y-auto flex-1" }, to = {
@@ -2055,7 +2055,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       }
     ), rt(() => {
       document.body.style.overflow = "", document.removeEventListener("keydown", f);
-    }), (u, m) => (g(), I(Oe, { to: "body" }, [
+    }), (u, m) => (g(), I(Le, { to: "body" }, [
       _(at, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
@@ -2065,7 +2065,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         "leave-to-class": "opacity-0"
       }, {
         default: Re(() => [
-          e.modelValue ? (g(), p("div", {
+          e.modelValue ? (g(), v("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center p-4",
             onKeydown: st(c, ["escape"])
@@ -2089,9 +2089,9 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
                   F("h2", {
                     id: R(s),
                     class: "text-heading-lg m-0"
-                  }, B(e.title), 9, _n)
+                  }, E(e.title), 9, _n)
                 ]),
-                e.closable ? (g(), p("button", {
+                e.closable ? (g(), v("button", {
                   key: 0,
                   type: "button",
                   class: "p-1 rounded-md text-fg-tertiary hover:text-fg hover:bg-surface-hover-light transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",
@@ -2104,7 +2104,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
               F("div", eo, [
                 N(u.$slots, "default")
               ]),
-              u.$slots.footer ? (g(), p("div", to, [
+              u.$slots.footer ? (g(), v("div", to, [
                 N(u.$slots, "footer")
               ])) : D("", !0)
             ], 10, Qn)
@@ -2160,7 +2160,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       const l = c.target, f = t.value ?? l.value;
       o("update:modelValue", f), o("change", f, c);
     };
-    return (c, l) => (g(), p("label", {
+    return (c, l) => (g(), v("label", {
       class: T([
         "inline-flex items-center gap-2",
         e.disabled ? "cursor-not-allowed" : "cursor-pointer",
@@ -2181,17 +2181,17 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         class: T(a.value),
         "aria-hidden": "true"
       }, [
-        s.value ? (g(), p("span", {
+        s.value ? (g(), v("span", {
           key: 0,
           class: T(d.value)
         }, null, 2)) : D("", !0)
       ], 2),
-      e.label || c.$slots.default ? (g(), p("span", {
+      e.label || c.$slots.default ? (g(), v("span", {
         key: 0,
         class: T(i.value)
       }, [
         N(c.$slots, "default", {}, () => [
-          X(B(e.label), 1)
+          X(E(e.label), 1)
         ])
       ], 2)) : D("", !0)
     ], 2));
@@ -2251,14 +2251,14 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       const f = c.target.value, u = t.options.find((m) => String(m.value) === f);
       o("update:modelValue", u && typeof u.value == "number" ? u.value : f);
     };
-    return (c, l) => (g(), p("div", oo, [
-      e.label ? (g(), p("label", {
+    return (c, l) => (g(), v("div", oo, [
+      e.label ? (g(), v("label", {
         key: 0,
         for: R(s),
         class: "block text-label mb-1"
       }, [
-        X(B(e.label) + " ", 1),
-        e.required ? (g(), p("span", ro, "*")) : D("", !0)
+        X(E(e.label) + " ", 1),
+        e.required ? (g(), v("span", ro, "*")) : D("", !0)
       ], 8, so)) : D("", !0),
       F("div", ao, [
         F("select", {
@@ -2273,34 +2273,34 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           onBlur: l[0] || (l[0] = (f) => c.$emit("blur", f)),
           onFocus: l[1] || (l[1] = (f) => c.$emit("focus", f))
         }, [
-          e.placeholder ? (g(), p("option", {
+          e.placeholder ? (g(), v("option", {
             key: 0,
             value: "",
             disabled: "",
             selected: !e.modelValue
-          }, B(e.placeholder), 9, io)) : D("", !0),
-          (g(!0), p(se, null, re(e.options, (f) => (g(), p("option", {
+          }, E(e.placeholder), 9, io)) : D("", !0),
+          (g(!0), v(se, null, re(e.options, (f) => (g(), v("option", {
             key: f.value,
             value: f.value,
             disabled: f.disabled
-          }, B(f.label), 9, co))), 128))
+          }, E(f.label), 9, co))), 128))
         ], 42, lo),
         F("div", uo, [
           _(R(Ge), { class: "w-4 h-4 text-fg-tertiary" })
         ])
       ]),
-      e.helpText && !e.error ? (g(), p("div", {
+      e.helpText && !e.error ? (g(), v("div", {
         key: 1,
         id: r,
         class: "mt-1 text-caption"
-      }, B(e.helpText), 1)) : D("", !0),
-      e.error ? (g(), p("div", {
+      }, E(e.helpText), 1)) : D("", !0),
+      e.error ? (g(), v("div", {
         key: 2,
         id: a,
         class: "mt-1 text-sm text-error font-sans",
         role: "alert",
         "aria-live": "polite"
-      }, B(e.error), 1)) : D("", !0)
+      }, E(e.error), 1)) : D("", !0)
     ]));
   }
 }), fo = { class: "w-full overflow-x-auto" }, bo = {
@@ -2310,7 +2310,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   key: 0,
   class: "inline-flex",
   "aria-hidden": "true"
-}, po = { class: "border-solid border-border" }, vo = { key: 0 }, yo = ["colspan"], xo = { key: 1 }, wo = ["colspan"], ko = {
+}, vo = { class: "border-solid border-border" }, po = { key: 0 }, yo = ["colspan"], xo = { key: 1 }, wo = ["colspan"], ko = {
   key: 0,
   class: "flex items-center justify-between px-4 py-3 border-t border-solid border-border bg-bg-secondary text-sm"
 }, Fo = { class: "text-fg-secondary" }, Co = { class: "flex gap-2" }, $o = ["disabled"], Do = ["disabled"], ds = /* @__PURE__ */ S({
@@ -2324,6 +2324,9 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
     emptyText: { default: "No data available" },
     striped: { type: Boolean, default: !1 },
     stickyHeader: { type: Boolean, default: !1 },
+    nextPageLabel: { default: "Next" },
+    previousPageLabel: { default: "Previous" },
+    ofLabel: { default: "of" },
     pagination: {}
   },
   emits: ["update:sortBy", "update:sortOrder", "update:page"],
@@ -2351,13 +2354,13 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
     function l(f) {
       return `px-4 py-3 ${f.align === "center" ? "text-center" : f.align === "right" ? "text-right" : "text-left"}`;
     }
-    return (f, u) => (g(), p("div", fo, [
+    return (f, u) => (g(), v("div", fo, [
       F("table", bo, [
         F("thead", {
           class: T(e.stickyHeader ? "sticky top-0 z-10" : "")
         }, [
           F("tr", mo, [
-            (g(!0), p(se, null, re(e.columns, (m) => (g(), p("th", {
+            (g(!0), v(se, null, re(e.columns, (m) => (g(), v("th", {
               key: m.key,
               style: he(m.width ? { width: m.width } : void 0),
               class: T(c(m)),
@@ -2368,9 +2371,9 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
                 class: T(["flex items-center gap-1", b(m.align)])
               }, [
                 N(f.$slots, `header-${m.key}`, { column: m }, () => [
-                  X(B(m.label), 1)
+                  X(E(m.label), 1)
                 ]),
-                m.sortable ? (g(), p("span", ho, [
+                m.sortable ? (g(), v("span", ho, [
                   e.sortBy === m.key && e.sortOrder === "asc" ? (g(), I(R(Sn), {
                     key: 0,
                     class: "w-4 h-4"
@@ -2386,8 +2389,8 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
             ], 14, go))), 128))
           ])
         ], 2),
-        F("tbody", po, [
-          e.loading ? (g(), p("tr", vo, [
+        F("tbody", vo, [
+          e.loading ? (g(), v("tr", po, [
             F("td", {
               colspan: e.columns.length,
               class: "text-center py-12"
@@ -2396,24 +2399,24 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
                 _(Jn, { centered: "" })
               ])
             ], 8, yo)
-          ])) : e.rows.length === 0 ? (g(), p("tr", xo, [
+          ])) : e.rows.length === 0 ? (g(), v("tr", xo, [
             F("td", {
               colspan: e.columns.length,
               class: "text-center py-12 text-fg-secondary"
             }, [
               N(f.$slots, "empty", {}, () => [
-                X(B(e.emptyText), 1)
+                X(E(e.emptyText), 1)
               ])
             ], 8, wo)
           ])) : D("", !0),
-          (g(!0), p(se, null, re(e.rows, (m, h) => (g(), p("tr", {
+          (g(!0), v(se, null, re(e.rows, (m, h) => (g(), v("tr", {
             key: h,
             class: T([
               "border-b border-solid border-border-light transition-colors hover:bg-surface-hover-light",
               e.striped && h % 2 === 1 ? "bg-bg-secondary" : ""
             ])
           }, [
-            (g(!0), p(se, null, re(e.columns, (y) => (g(), p("td", {
+            (g(!0), v(se, null, re(e.columns, (y) => (g(), v("td", {
               key: y.key,
               class: T(l(y))
             }, [
@@ -2422,27 +2425,27 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
                 value: m[y.key],
                 index: h
               }, () => [
-                X(B(m[y.key]), 1)
+                X(E(m[y.key]), 1)
               ])
             ], 2))), 128))
           ], 2))), 128))
         ])
       ]),
-      e.pagination ? (g(), p("div", ko, [
-        F("span", Fo, B(r.value) + "–" + B(a.value) + " of " + B(e.pagination.total), 1),
+      e.pagination ? (g(), v("div", ko, [
+        F("span", Fo, E(r.value) + "–" + E(a.value) + " " + E(e.ofLabel) + " " + E(e.pagination.total), 1),
         F("div", Co, [
           F("button", {
             type: "button",
             disabled: e.pagination.page <= 1,
             class: "px-3 py-1 rounded-md border border-solid border-border bg-bg text-fg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-surface-hover-light transition-colors",
             onClick: u[0] || (u[0] = (m) => f.$emit("update:page", e.pagination.page - 1))
-          }, " Previous ", 8, $o),
+          }, E(e.previousPageLabel), 9, $o),
           F("button", {
             type: "button",
             disabled: e.pagination.page >= s.value,
             class: "px-3 py-1 rounded-md border border-solid border-border bg-bg text-fg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-surface-hover-light transition-colors",
             onClick: u[1] || (u[1] = (m) => f.$emit("update:page", e.pagination.page + 1))
-          }, " Next ", 8, Do)
+          }, E(e.nextPageLabel), 9, Do)
         ])
       ])) : D("", !0)
     ]));
@@ -2503,13 +2506,13 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       const h = document.getElementById(`${s}-tab-${m.key}`);
       h == null || h.focus();
     }
-    return (b, c) => (g(), p("div", null, [
+    return (b, c) => (g(), v("div", null, [
       F("div", {
         class: T(r.value),
         role: "tablist",
         "aria-label": e.ariaLabel
       }, [
-        (g(!0), p(se, null, re(e.tabs, (l, f) => (g(), p("button", {
+        (g(!0), v(se, null, re(e.tabs, (l, f) => (g(), v("button", {
           key: l.key,
           id: `${R(s)}-tab-${l.key}`,
           role: "tab",
@@ -2521,9 +2524,9 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           class: T(d(l)),
           onClick: (u) => a(l),
           onKeydown: (u) => i(u, f)
-        }, B(l.label), 43, Ao))), 128))
+        }, E(l.label), 43, Ao))), 128))
       ], 10, Eo),
-      (g(!0), p(se, null, re(e.tabs, (l) => (g(), p("div", {
+      (g(!0), v(se, null, re(e.tabs, (l) => (g(), v("div", {
         key: l.key,
         id: `${R(s)}-panel-${l.key}`,
         role: "tabpanel",
@@ -2535,11 +2538,11 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       ], 8, Bo))), 128))
     ]));
   }
-}), To = { class: "w-full" }, Ro = ["for"], Oo = {
+}), To = { class: "w-full" }, Ro = ["for"], Lo = {
   key: 0,
   class: "text-error ml-1",
   "aria-hidden": "true"
-}, Vo = { class: "relative" }, Lo = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], So = {
+}, Oo = { class: "relative" }, Vo = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], So = {
   key: 1,
   class: "flex justify-between mt-1"
 }, zo = {
@@ -2603,16 +2606,16 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       var h;
       (h = r.value) == null || h.blur();
     }
-    return n({ focus: u, blur: m, textareaRef: r }), (h, y) => (g(), p("div", To, [
-      e.label ? (g(), p("label", {
+    return n({ focus: u, blur: m, textareaRef: r }), (h, y) => (g(), v("div", To, [
+      e.label ? (g(), v("label", {
         key: 0,
         for: R(a),
         class: "block text-label mb-1"
       }, [
-        X(B(e.label) + " ", 1),
-        e.required ? (g(), p("span", Oo, "*")) : D("", !0)
+        X(E(e.label) + " ", 1),
+        e.required ? (g(), v("span", Lo, "*")) : D("", !0)
       ], 8, Ro)) : D("", !0),
-      F("div", Vo, [
+      F("div", Oo, [
         F("textarea", {
           ref_key: "textareaRef",
           ref: r,
@@ -2630,22 +2633,22 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           onInput: f,
           onBlur: y[0] || (y[0] = (w) => h.$emit("blur", w)),
           onFocus: y[1] || (y[1] = (w) => h.$emit("focus", w))
-        }, null, 42, Lo)
+        }, null, 42, Vo)
       ]),
-      e.helpText || e.error || e.maxLength ? (g(), p("div", So, [
-        e.helpText && !e.error ? (g(), p("div", {
+      e.helpText || e.error || e.maxLength ? (g(), v("div", So, [
+        e.helpText && !e.error ? (g(), v("div", {
           key: 0,
           id: d,
           class: "text-caption"
-        }, B(e.helpText), 1)) : D("", !0),
-        e.error ? (g(), p("div", {
+        }, E(e.helpText), 1)) : D("", !0),
+        e.error ? (g(), v("div", {
           key: 1,
           id: i,
           class: "text-sm text-error font-sans",
           role: "alert",
           "aria-live": "polite"
-        }, B(e.error), 1)) : D("", !0),
-        e.maxLength ? (g(), p("div", zo, B(c.value) + " / " + B(e.maxLength), 1)) : D("", !0)
+        }, E(e.error), 1)) : D("", !0),
+        e.maxLength ? (g(), v("div", zo, E(c.value) + " / " + E(e.maxLength), 1)) : D("", !0)
       ])) : D("", !0)
     ]));
   }
@@ -2656,10 +2659,10 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
     description: { default: "This page is under construction. Please check back later." }
   },
   setup(e) {
-    return (n, t) => (g(), p("div", Mo, [
+    return (n, t) => (g(), v("div", Mo, [
       _(R(wt), { class: "w-10 h-10 text-fg-secondary" }),
-      F("h2", jo, B(e.title), 1),
-      F("p", Po, B(e.description), 1)
+      F("h2", jo, E(e.title), 1),
+      F("p", Po, E(e.description), 1)
     ]));
   }
 }), Io = ["role", "aria-live"], No = { class: "flex items-start gap-3 flex-1 min-w-0" }, Wo = { class: "flex-1 min-w-0" }, Ho = {
@@ -2706,7 +2709,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       t.toast.duration > 0 && d();
     }), rt(() => {
       s && clearTimeout(s);
-    }), (m, h) => (g(), p("div", {
+    }), (m, h) => (g(), v("div", {
       class: T(l.value),
       role: e.toast.variant === "error" ? "alert" : "status",
       "aria-live": e.toast.variant === "error" ? "assertive" : "polite",
@@ -2718,7 +2721,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           class: T(u.value),
           "aria-hidden": "true"
         }, [
-          e.toast.variant === "success" ? (g(), I(R(Vn), {
+          e.toast.variant === "success" ? (g(), I(R(On), {
             key: 0,
             class: "w-5 h-5"
           })) : e.toast.variant === "error" ? (g(), I(R(Be), {
@@ -2727,19 +2730,19 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           })) : e.toast.variant === "warning" ? (g(), I(R(wt), {
             key: 2,
             class: "w-5 h-5"
-          })) : (g(), I(R(Ln), {
+          })) : (g(), I(R(Vn), {
             key: 3,
             class: "w-5 h-5"
           }))
         ], 2),
         F("div", Wo, [
-          e.toast.title ? (g(), p("p", Ho, B(e.toast.title), 1)) : D("", !0),
+          e.toast.title ? (g(), v("p", Ho, E(e.toast.title), 1)) : D("", !0),
           F("p", {
             class: T(["text-body-sm m-0", e.toast.title ? "mt-0.5" : ""])
-          }, B(e.toast.message), 3)
+          }, E(e.toast.message), 3)
         ])
       ]),
-      e.toast.closable ? (g(), p("button", {
+      e.toast.closable ? (g(), v("button", {
         key: 0,
         type: "button",
         class: "p-1 rounded-md text-fg-tertiary hover:text-fg transition-colors shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",
@@ -2786,7 +2789,7 @@ const Yo = {
   __name: "DsToastContainer",
   setup(e) {
     const { toasts: n, removeToast: t } = Xo();
-    return (o, s) => (g(), I(Oe, { to: "body" }, [
+    return (o, s) => (g(), I(Le, { to: "body" }, [
       F("div", Yo, [
         _(At, {
           "enter-active-class": "transition-all duration-300 ease-out",
@@ -2797,7 +2800,7 @@ const Yo = {
           "leave-to-class": "opacity-0 translate-x-8"
         }, {
           default: Re(() => [
-            (g(!0), p(se, null, re(R(n), (r) => (g(), I(qo, {
+            (g(!0), v(se, null, re(R(n), (r) => (g(), I(qo, {
               key: r.id,
               toast: r,
               onDismiss: R(t)
@@ -2818,7 +2821,7 @@ const Yo = {
   setup(e) {
     const n = e, t = fe("tooltip"), o = j(!1), s = j(null), r = j(null), a = j(null), { floatingStyles: d, middlewareData: i, placement: b } = xt(s, r, {
       placement: k(() => n.placement),
-      middleware: [ht(8), vt(), pt({ padding: 8 }), On({ element: a })]
+      middleware: [ht(8), pt(), vt({ padding: 8 }), Ln({ element: a })]
     }), c = k(() => {
       const u = i.value.arrow;
       if (!u) return {};
@@ -2835,7 +2838,7 @@ const Yo = {
     function f() {
       o.value = !1;
     }
-    return (u, m) => (g(), p("div", {
+    return (u, m) => (g(), v("div", {
       class: "inline-flex",
       onMouseenter: l,
       onMouseleave: f,
@@ -2849,7 +2852,7 @@ const Yo = {
       }, [
         N(u.$slots, "default")
       ], 8, Go),
-      (g(), I(Oe, { to: "body" }, [
+      (g(), I(Le, { to: "body" }, [
         _(at, {
           "enter-active-class": "transition-opacity duration-150",
           "enter-from-class": "opacity-0",
@@ -2859,7 +2862,7 @@ const Yo = {
           "leave-to-class": "opacity-0"
         }, {
           default: Re(() => [
-            o.value && !e.disabled ? (g(), p("div", {
+            o.value && !e.disabled ? (g(), v("div", {
               key: 0,
               id: R(t),
               ref_key: "floatingRef",
@@ -2868,7 +2871,7 @@ const Yo = {
               style: he(R(d)),
               class: "z-50 px-2 py-1 text-xs font-medium bg-bg-inverse text-fg-inverse rounded-md shadow-md max-w-xs pointer-events-none"
             }, [
-              X(B(e.content) + " ", 1),
+              X(E(e.content) + " ", 1),
               F("div", {
                 ref_key: "arrowRef",
                 ref: a,
@@ -3010,10 +3013,10 @@ const Yo = {
   "shadow-md": "0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1)",
   "shadow-lg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"
 }, hs = { ...Qo, ...Zo, ..._o, ...es };
-function ps(e) {
+function vs(e) {
   return `--ds-${e}`;
 }
-function vs(e, n = ":root") {
+function ps(e, n = ":root") {
   const t = Object.entries(e).map(([o, s]) => `  --ds-${o}: ${s};`).join(`
 `);
   return `${n} {
@@ -3023,7 +3026,7 @@ ${t}
 export {
   ns as DsAvatar,
   os as DsBadge,
-  Vt as DsButton,
+  Ot as DsButton,
   ss as DsCheckbox,
   rs as DsDropdownSelect,
   as as DsInput,
@@ -3040,11 +3043,11 @@ export {
   bs as DsUnderConstruction,
   hs as allTokens,
   Qo as colorTokens,
-  vs as generateThemeCss,
+  ps as generateThemeCss,
   _o as radiusTokens,
   es as shadowTokens,
   Zo as spacingTokens,
-  ps as tokenToCssVar,
+  vs as tokenToCssVar,
   fe as useId,
   Xo as useToast
 };