@leodamours/ds-components 0.2.1 → 0.2.2

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as S, ref as j, watch as we, computed as k, openBlock as g, createElementBlock as v, normalizeClass as B, toDisplayString as T, createCommentVNode as D, renderSlot as N, createTextVNode as X, createBlock as I, resolveDynamicComponent as $e, normalizeStyle as he, createElementVNode as F, shallowRef as kt, getCurrentScope as Ft, onScopeDispose as Ct, shallowReadonly as be, unref as R, mergeProps as de, createVNode as ne, withCtx as Re, Teleport as Oe, withModifiers as $t, Fragment as re, renderList as se, nextTick as je, withKeys as rt, onBeforeUnmount as st, Transition as at, onMounted as Dt, TransitionGroup as Et } from "vue";
-const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
+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";
+const Bt = ["aria-label"], Tt = ["src", "alt"], ts = /* @__PURE__ */ S({
   __name: "DsAvatar",
   props: {
     src: {},
@@ -13,7 +13,7 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
     we(() => n.src, () => {
       t.value = !1;
     });
-    const o = k(() => n.name ? n.name.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase() : "?"), r = k(() => [
+    const o = k(() => n.name ? n.name.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase() : "?"), s = k(() => [
       "inline-flex",
       "items-center",
       "justify-center",
@@ -26,7 +26,7 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
         lg: "w-10 h-10 text-base",
         xl: "w-12 h-12 text-lg"
       }[n.size]
-    ].join(" ")), s = k(() => [
+    ].join(" ")), r = k(() => [
       "w-full",
       "h-full",
       "flex",
@@ -39,25 +39,25 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
         neutral: "bg-neutral-soft text-neutral-on-soft"
       }[n.variant]
     ].join(" "));
-    return (a, d) => (g(), v("span", {
-      class: B(r.value),
+    return (a, d) => (g(), p("span", {
+      class: T(s.value),
       role: "img",
       "aria-label": e.alt || e.name
     }, [
-      e.src && !t.value ? (g(), v("img", {
+      e.src && !t.value ? (g(), p("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, Bt)) : (g(), v("span", {
+      }, null, 40, Tt)) : (g(), p("span", {
         key: 1,
-        class: B(s.value),
+        class: T(r.value),
         "aria-hidden": "true"
-      }, T(o.value), 3))
-    ], 10, At));
+      }, B(o.value), 3))
+    ], 10, Bt));
   }
-}), _o = /* @__PURE__ */ S({
+}), ns = /* @__PURE__ */ S({
   __name: "DsBadge",
   props: {
     label: {},
@@ -67,13 +67,13 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
   },
   setup(e) {
     const n = e, t = k(() => {
-      const r = [
+      const s = [
         "inline-flex",
         "items-center",
         "font-medium",
         "rounded-full",
         "whitespace-nowrap"
-      ], s = n.dot ? { sm: "px-1.5 py-0.5", md: "px-2 py-0.5", lg: "px-2.5 py-1" } : { sm: "px-1.5 py-0.5 text-xs", md: "px-2 py-0.5 text-xs", lg: "px-2.5 py-1 text-sm" }, a = {
+      ], r = n.dot ? { sm: "px-1.5 py-0.5", md: "px-2 py-0.5", lg: "px-2.5 py-1" } : { sm: "px-1.5 py-0.5 text-xs", md: "px-2 py-0.5 text-xs", lg: "px-2.5 py-1 text-sm" }, a = {
         brand: "bg-brand-soft text-brand-on-soft",
         neutral: "bg-neutral-soft text-neutral-on-soft",
         error: "bg-error-soft text-error-on-soft",
@@ -83,12 +83,12 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
         processing: "bg-processing-soft text-processing-on-soft"
       };
       return [
-        ...r,
-        s[n.size],
+        ...s,
+        r[n.size],
         a[n.variant]
       ].join(" ");
     }), o = k(() => {
-      const r = { sm: "w-1.5 h-1.5", md: "w-2 h-2", lg: "w-2.5 h-2.5" }, s = {
+      const s = { sm: "w-1.5 h-1.5", md: "w-2 h-2", lg: "w-2.5 h-2.5" }, r = {
         brand: "bg-brand",
         neutral: "bg-neutral",
         error: "bg-error",
@@ -97,22 +97,22 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
         info: "bg-info",
         processing: "bg-processing"
       };
-      return ["inline-block", "rounded-full", r[n.size], s[n.variant]].join(" ");
+      return ["inline-block", "rounded-full", s[n.size], r[n.variant]].join(" ");
     });
-    return (r, s) => (g(), v("span", {
-      class: B(t.value)
+    return (s, r) => (g(), p("span", {
+      class: T(t.value)
     }, [
-      e.dot ? (g(), v("span", {
+      e.dot ? (g(), p("span", {
         key: 0,
-        class: B(o.value),
+        class: T(o.value),
         "aria-hidden": "true"
       }, null, 2)) : D("", !0),
-      e.dot ? D("", !0) : N(r.$slots, "default", { key: 1 }, () => [
-        X(T(e.label), 1)
+      e.dot ? D("", !0) : N(s.$slots, "default", { key: 1 }, () => [
+        X(B(e.label), 1)
       ])
     ], 2));
   }
-}), Tt = ["type", "disabled", "aria-label", "aria-busy"], Rt = { key: 1 }, Ot = /* @__PURE__ */ S({
+}), Rt = ["type", "disabled", "aria-label", "aria-busy"], Ot = { key: 1 }, Vt = /* @__PURE__ */ S({
   __name: "DsButton",
   props: {
     label: {},
@@ -129,7 +129,7 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
   emits: ["click"],
   setup(e) {
     const n = e, t = k(() => {
-      const r = [
+      const s = [
         "inline-flex",
         "items-center",
         "justify-center",
@@ -144,7 +144,7 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
         "disabled:cursor-not-allowed",
         "disabled:opacity-95",
         "border-solid"
-      ], s = {
+      ], r = {
         small: ["px-3", "py-1.5", "text-xs"],
         medium: ["px-4", "py-2", "text-sm"],
         large: ["px-6", "py-3", "text-base"]
@@ -199,8 +199,8 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
         ]
       }, d = n.fullWidth ? ["w-full"] : [];
       return [
-        ...r,
-        ...s[n.size],
+        ...s,
+        ...r[n.size],
         ...a[n.variant],
         ...d
       ].join(" ");
@@ -209,30 +209,30 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
       medium: "w-4 h-4",
       large: "w-5 h-5"
     })[n.size]);
-    return (r, s) => (g(), v("button", {
+    return (s, r) => (g(), p("button", {
       type: e.htmlType,
       disabled: e.disabled || e.loading,
       "aria-label": e.ariaLabel,
       "aria-busy": e.loading ? "true" : void 0,
-      class: B(t.value),
-      onClick: s[0] || (s[0] = (a) => r.$emit("click", a))
+      class: T(t.value),
+      onClick: r[0] || (r[0] = (a) => s.$emit("click", a))
     }, [
       e.iconLeft ? (g(), I($e(e.iconLeft), {
         key: 0,
-        class: B(o.value),
-        style: he(e.label || r.$slots.default ? "margin-right: 0.375rem" : ""),
+        class: T(o.value),
+        style: he(e.label || s.$slots.default ? "margin-right: 0.375rem" : ""),
         "aria-hidden": "true"
       }, null, 8, ["class", "style"])) : D("", !0),
-      e.label ? (g(), v("span", Rt, T(e.label), 1)) : N(r.$slots, "default", { key: 2 }),
+      e.label ? (g(), p("span", Ot, B(e.label), 1)) : N(s.$slots, "default", { key: 2 }),
       e.iconRight ? (g(), I($e(e.iconRight), {
         key: 3,
-        class: B(o.value),
-        style: he(e.label || r.$slots.default ? "margin-left: 0.375rem" : ""),
+        class: T(o.value),
+        style: he(e.label || s.$slots.default ? "margin-left: 0.375rem" : ""),
         "aria-hidden": "true"
       }, null, 8, ["class", "style"])) : D("", !0)
-    ], 10, Tt));
+    ], 10, Rt));
   }
-}), Vt = ["id", "checked", "disabled", "value"], Lt = {
+}), Lt = ["id", "checked", "disabled", "value"], St = {
   key: 0,
   viewBox: "0 0 12 12",
   fill: "none",
@@ -241,7 +241,7 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "w-full h-full"
-}, er = /* @__PURE__ */ S({
+}, os = /* @__PURE__ */ S({
   __name: "DsCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -253,12 +253,12 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, r = {
+    const t = e, o = n, s = {
       small: { box: "w-3.5 h-3.5", label: "text-xs", radius: "rounded" },
       medium: { box: "w-4 h-4", label: "text-sm", radius: "rounded" },
       large: { box: "w-5 h-5", label: "text-base", radius: "rounded-md" }
-    }, s = k(() => {
-      const i = r[t.size], b = [
+    }, r = k(() => {
+      const i = s[t.size], b = [
         i.box,
         i.radius,
         "inline-flex items-center justify-center",
@@ -276,15 +276,15 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
       ), b.join(" ");
     }), a = k(() => [
       "font-sans select-none",
-      r[t.size].label,
+      s[t.size].label,
       t.disabled ? "text-fg-disabled" : "text-fg"
     ].join(" ")), d = (i) => {
       if (t.disabled) return;
       const c = i.target.checked;
       o("update:modelValue", c), o("change", c, i);
     };
-    return (i, b) => (g(), v("label", {
-      class: B([
+    return (i, b) => (g(), p("label", {
+      class: T([
         "inline-flex items-center gap-2",
         e.disabled ? "cursor-not-allowed" : "cursor-pointer",
         "group"
@@ -298,21 +298,21 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
         value: e.value,
         class: "sr-only peer",
         onChange: d
-      }, null, 40, Vt),
+      }, null, 40, Lt),
       F("span", {
-        class: B(s.value),
+        class: T(r.value),
         "aria-hidden": "true"
       }, [
-        e.modelValue ? (g(), v("svg", Lt, [...b[0] || (b[0] = [
+        e.modelValue ? (g(), p("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(), v("span", {
+      e.label || i.$slots.default ? (g(), p("span", {
         key: 0,
-        class: B(a.value)
+        class: T(a.value)
       }, [
         N(i.$slots, "default", {}, () => [
-          X(T(e.label), 1)
+          X(B(e.label), 1)
         ])
       ], 2)) : D("", !0)
     ], 2));
@@ -320,19 +320,19 @@ const At = ["aria-label"], Bt = ["src", "alt"], Zo = /* @__PURE__ */ S({
 }), ae = Math.min, q = Math.max, De = Math.round, Ce = Math.floor, Z = (e) => ({
   x: e,
   y: e
-}), St = {
+}), zt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, zt = {
+}, Mt = {
   start: "end",
   end: "start"
 };
 function Pe(e, n, t) {
   return q(e, ae(n, t));
 }
-function pe(e, n) {
+function ve(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function le(e) {
@@ -347,48 +347,48 @@ function lt(e) {
 function He(e) {
   return e === "y" ? "height" : "width";
 }
-const Mt = /* @__PURE__ */ new Set(["top", "bottom"]);
-function te(e) {
-  return Mt.has(le(e)) ? "y" : "x";
+const jt = /* @__PURE__ */ new Set(["top", "bottom"]);
+function ne(e) {
+  return jt.has(le(e)) ? "y" : "x";
 }
 function qe(e) {
-  return lt(te(e));
+  return lt(ne(e));
 }
-function jt(e, n, t) {
+function Pt(e, n, t) {
   t === void 0 && (t = !1);
-  const o = ye(e), r = qe(e), s = He(r);
-  let a = r === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return n.reference[s] > n.floating[s] && (a = Ee(a)), [a, Ee(a)];
+  const o = ye(e), s = qe(e), r = He(s);
+  let a = s === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return n.reference[r] > n.floating[r] && (a = Ee(a)), [a, Ee(a)];
 }
-function Pt(e) {
+function It(e) {
   const n = Ee(e);
   return [Ie(e), n, Ie(n)];
 }
 function Ie(e) {
-  return e.replace(/start|end/g, (n) => zt[n]);
+  return e.replace(/start|end/g, (n) => Mt[n]);
 }
-const Je = ["left", "right"], Qe = ["right", "left"], It = ["top", "bottom"], Nt = ["bottom", "top"];
-function Wt(e, n, t) {
+const Je = ["left", "right"], Qe = ["right", "left"], Nt = ["top", "bottom"], Wt = ["bottom", "top"];
+function Ht(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
       return t ? n ? Qe : Je : n ? Je : Qe;
     case "left":
     case "right":
-      return n ? It : Nt;
+      return n ? Nt : Wt;
     default:
       return [];
   }
 }
-function Ht(e, n, t, o) {
-  const r = ye(e);
-  let s = Wt(le(e), t === "start", o);
-  return r && (s = s.map((a) => a + "-" + r), n && (s = s.concat(s.map(Ie)))), s;
+function qt(e, n, t, o) {
+  const s = ye(e);
+  let r = Ht(le(e), t === "start", o);
+  return s && (r = r.map((a) => a + "-" + s), n && (r = r.concat(r.map(Ie)))), r;
 }
 function Ee(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => St[n]);
+  return e.replace(/left|right|bottom|top/g, (n) => zt[n]);
 }
-function qt(e) {
+function Kt(e) {
   return {
     top: 0,
     right: 0,
@@ -398,7 +398,7 @@ function qt(e) {
   };
 }
 function it(e) {
-  return typeof e != "number" ? qt(e) : {
+  return typeof e != "number" ? Kt(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -410,15 +410,15 @@ function Ae(e) {
     x: n,
     y: t,
     width: o,
-    height: r
+    height: s
   } = e;
   return {
     width: o,
-    height: r,
+    height: s,
     top: t,
     left: n,
     right: n + o,
-    bottom: t + r,
+    bottom: t + s,
     x: n,
     y: t
   };
@@ -426,15 +426,15 @@ function Ae(e) {
 function Ze(e, n, t) {
   let {
     reference: o,
-    floating: r
+    floating: s
   } = e;
-  const s = te(n), a = qe(n), d = He(a), i = le(n), b = s === "y", c = o.x + o.width / 2 - r.width / 2, l = o.y + o.height / 2 - r.height / 2, f = o[d] / 2 - r[d] / 2;
+  const r = ne(n), a = qe(n), d = He(a), i = le(n), b = r === "y", c = o.x + o.width / 2 - s.width / 2, l = o.y + o.height / 2 - s.height / 2, f = o[d] / 2 - s[d] / 2;
   let u;
   switch (i) {
     case "top":
       u = {
         x: c,
-        y: o.y - r.height
+        y: o.y - s.height
       };
       break;
     case "bottom":
@@ -451,7 +451,7 @@ function Ze(e, n, t) {
       break;
     case "left":
       u = {
-        x: o.x - r.width,
+        x: o.x - s.width,
         y: l
       };
       break;
@@ -471,13 +471,13 @@ function Ze(e, n, t) {
   }
   return u;
 }
-async function Kt(e, n) {
+async function Ut(e, n) {
   var t;
   n === void 0 && (n = {});
   const {
     x: o,
-    y: r,
-    platform: s,
+    y: s,
+    platform: r,
     rects: a,
     elements: d,
     strategy: i
@@ -487,23 +487,23 @@ async function Kt(e, n) {
     elementContext: l = "floating",
     altBoundary: f = !1,
     padding: u = 0
-  } = pe(n, e), m = it(u), y = d[f ? l === "floating" ? "reference" : "floating" : l], w = Ae(await s.getClippingRect({
-    element: (t = await (s.isElement == null ? void 0 : s.isElement(y))) == null || t ? y : y.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(d.floating)),
+  } = ve(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,
     strategy: i
   })), C = l === "floating" ? {
     x: o,
-    y: r,
+    y: s,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d.floating)), $ = await (s.isElement == null ? void 0 : s.isElement(x)) ? await (s.getScale == null ? void 0 : s.getScale(x)) || {
+  } : a.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(d.floating)), $ = await (r.isElement == null ? void 0 : r.isElement(x)) ? await (r.getScale == null ? void 0 : r.getScale(x)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, A = Ae(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = Ae(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: d,
     rect: C,
     offsetParent: x,
@@ -516,17 +516,17 @@ async function Kt(e, n) {
     right: (A.right - w.right + m.right) / $.x
   };
 }
-const Ut = async (e, n, t) => {
+const Xt = async (e, n, t) => {
   const {
     placement: o = "bottom",
-    strategy: r = "absolute",
-    middleware: s = [],
+    strategy: s = "absolute",
+    middleware: r = [],
     platform: a
-  } = t, d = s.filter(Boolean), i = await (a.isRTL == null ? void 0 : a.isRTL(n));
+  } = t, d = r.filter(Boolean), i = await (a.isRTL == null ? void 0 : a.isRTL(n));
   let b = await a.getElementRects({
     reference: e,
     floating: n,
-    strategy: r
+    strategy: s
   }), {
     x: c,
     y: l
@@ -546,12 +546,12 @@ const Ut = async (e, n, t) => {
       y: l,
       initialPlacement: o,
       placement: f,
-      strategy: r,
+      strategy: s,
       middlewareData: u,
       rects: b,
       platform: {
         ...a,
-        detectOverflow: (h = a.detectOverflow) != null ? h : Kt
+        detectOverflow: (h = a.detectOverflow) != null ? h : Ut
       },
       elements: {
         reference: e,
@@ -567,7 +567,7 @@ const Ut = async (e, n, t) => {
     }, V && m <= 50 && (m++, typeof V == "object" && (V.placement && (f = V.placement), V.rects && (b = V.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: n,
-      strategy: r
+      strategy: s
     }) : V.rects), {
       x: c,
       y: l
@@ -577,34 +577,34 @@ const Ut = async (e, n, t) => {
     x: c,
     y: l,
     placement: f,
-    strategy: r,
+    strategy: s,
     middlewareData: u
   };
-}, Xt = (e) => ({
+}, Yt = (e) => ({
   name: "arrow",
   options: e,
   async fn(n) {
     const {
       x: t,
       y: o,
-      placement: r,
-      rects: s,
+      placement: s,
+      rects: r,
       platform: a,
       elements: d,
       middlewareData: i
     } = n, {
       element: b,
       padding: c = 0
-    } = pe(e, n) || {};
+    } = ve(e, n) || {};
     if (b == null)
       return {};
     const l = it(c), f = {
       x: t,
       y: o
-    }, u = qe(r), m = He(u), h = await a.getDimensions(b), y = u === "y", w = y ? "top" : "left", C = y ? "bottom" : "right", x = y ? "clientHeight" : "clientWidth", $ = s.reference[m] + s.reference[u] - f[u] - s.floating[m], A = f[u] - s.reference[u], V = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(b));
+    }, 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] || s.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, p = E - h[m] - Y, O = E / 2 - h[m] / 2 + z, L = Pe(U, O, p), P = !i.arrow && ye(r) != null && O !== L && s.reference[m] / 2 - (O < U ? W : Y) - h[m] / 2 < 0, H = P ? O < U ? O - U : O - p : 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;
     return {
       [u]: f[u] + H,
       data: {
@@ -617,15 +617,15 @@ const Ut = async (e, n, t) => {
       reset: P
     };
   }
-}), Yt = function(e) {
+}), Gt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
     async fn(n) {
       var t, o;
       const {
-        placement: r,
-        middlewareData: s,
+        placement: s,
+        middlewareData: r,
         rects: a,
         initialPlacement: d,
         platform: i,
@@ -638,26 +638,26 @@ const Ut = async (e, n, t) => {
         fallbackAxisSideDirection: m = "none",
         flipAlignment: h = !0,
         ...y
-      } = pe(e, n);
-      if ((t = s.arrow) != null && t.alignmentOffset)
+      } = ve(e, n);
+      if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const w = le(r), C = te(d), x = le(d) === d, $ = await (i.isRTL == null ? void 0 : i.isRTL(b.floating)), A = f || (x || !h ? [Ee(d)] : Pt(d)), V = m !== "none";
-      !f && V && A.push(...Ht(d, h, m, $));
+      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 = [];
-      let W = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      let W = ((o = r.flip) == null ? void 0 : o.overflows) || [];
       if (c && M.push(z[w]), l) {
-        const O = jt(r, a, $);
+        const O = Pt(s, a, $);
         M.push(z[O[0]], z[O[1]]);
       }
       if (W = [...W, {
-        placement: r,
+        placement: s,
         overflows: M
       }], !M.every((O) => O <= 0)) {
         var Y, U;
-        const O = (((Y = s.flip) == null ? void 0 : Y.index) || 0) + 1, L = E[O];
-        if (L && (!(l === "alignment" ? C !== te(L) : !1) || // We leave the current main axis only if every placement on that axis
+        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
         // overflows the main axis.
-        W.every((G) => te(G.placement) === C ? G.overflows[0] > 0 : !0)))
+        W.every((G) => ne(G.placement) === C ? G.overflows[0] > 0 : !0)))
           return {
             data: {
               index: O,
@@ -671,16 +671,16 @@ const Ut = async (e, n, t) => {
         if (!P)
           switch (u) {
             case "bestFit": {
-              var p;
-              const H = (p = W.filter((G) => {
+              var v;
+              const H = (v = W.filter((G) => {
                 if (V) {
-                  const oe = te(G.placement);
+                  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, wt) => oe + wt, 0)]).sort((G, oe) => G[1] - oe[1])[0]) == null ? void 0 : p[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];
               H && (P = H);
               break;
             }
@@ -688,7 +688,7 @@ const Ut = async (e, n, t) => {
               P = d;
               break;
           }
-        if (r !== P)
+        if (s !== P)
           return {
             reset: {
               placement: P
@@ -698,13 +698,13 @@ const Ut = async (e, n, t) => {
       return {};
     }
   };
-}, Gt = /* @__PURE__ */ new Set(["left", "top"]);
-async function Jt(e, n) {
+}, Jt = /* @__PURE__ */ new Set(["left", "top"]);
+async function Qt(e, n) {
   const {
     placement: t,
     platform: o,
-    elements: r
-  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), a = le(t), d = ye(t), i = te(t) === "y", b = Gt.has(a) ? -1 : 1, c = s && i ? -1 : 1, l = pe(n, e);
+    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);
   let {
     mainAxis: f,
     crossAxis: u,
@@ -726,21 +726,21 @@ async function Jt(e, n) {
     y: u * c
   };
 }
-const Qt = function(e) {
+const Zt = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
     async fn(n) {
       var t, o;
       const {
-        x: r,
-        y: s,
+        x: s,
+        y: r,
         placement: a,
         middlewareData: d
-      } = n, i = await Jt(n, e);
+      } = n, i = await Qt(n, e);
       return a === ((t = d.offset) == null ? void 0 : t.placement) && (o = d.arrow) != null && o.alignmentOffset ? {} : {
-        x: r + i.x,
-        y: s + i.y,
+        x: s + i.x,
+        y: r + i.y,
         data: {
           ...i,
           placement: a
@@ -748,7 +748,7 @@ const Qt = function(e) {
       };
     }
   };
-}, Zt = function(e) {
+}, _t = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -756,8 +756,8 @@ const Qt = function(e) {
       const {
         x: t,
         y: o,
-        placement: r,
-        platform: s
+        placement: s,
+        platform: r
       } = n, {
         mainAxis: a = !0,
         crossAxis: d = !1,
@@ -774,10 +774,10 @@ const Qt = function(e) {
           }
         },
         ...b
-      } = pe(e, n), c = {
+      } = ve(e, n), c = {
         x: t,
         y: o
-      }, l = await s.detectOverflow(n, b), f = te(le(r)), u = lt(f);
+      }, l = await r.detectOverflow(n, b), f = ne(le(s)), u = lt(f);
       let m = c[u], h = c[f];
       if (a) {
         const w = u === "y" ? "top" : "left", C = u === "y" ? "bottom" : "right", x = m + l[w], $ = m - l[C];
@@ -805,32 +805,32 @@ const Qt = function(e) {
       };
     }
   };
-}, _t = function(e) {
+}, en = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
     async fn(n) {
       var t, o;
       const {
-        placement: r,
-        rects: s,
+        placement: s,
+        rects: r,
         platform: a,
         elements: d
       } = n, {
         apply: i = () => {
         },
         ...b
-      } = pe(e, n), c = await a.detectOverflow(n, b), l = le(r), f = ye(r), u = te(r) === "y", {
+      } = ve(e, n), c = await a.detectOverflow(n, b), l = le(s), f = ye(s), u = ne(s) === "y", {
         width: m,
         height: h
-      } = s.floating;
+      } = 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), p = q(c.bottom, 0);
-        u ? z = m - 2 * (W !== 0 || Y !== 0 ? W + Y : q(c.left, c.right)) : E = h - 2 * (U !== 0 || p !== 0 ? U + p : q(c.top, c.bottom));
+        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));
       }
       await i({
         ...n,
@@ -856,7 +856,7 @@ function K(e) {
   var n;
   return (e == null || (n = e.ownerDocument) == null ? void 0 : n.defaultView) || window;
 }
-function ee(e) {
+function te(e) {
   var n;
   return (n = (Ke(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
@@ -866,29 +866,29 @@ function Ke(e) {
 function J(e) {
   return Ve() ? e instanceof Element || e instanceof K(e).Element : !1;
 }
-function _(e) {
+function ee(e) {
   return Ve() ? 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;
 }
-const en = /* @__PURE__ */ new Set(["inline", "contents"]);
+const tn = /* @__PURE__ */ new Set(["inline", "contents"]);
 function Fe(e) {
   const {
     overflow: n,
     overflowX: t,
     overflowY: o,
-    display: r
+    display: s
   } = Q(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !en.has(r);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !tn.has(s);
 }
-const tn = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function nn(e) {
-  return tn.has(ue(e));
+const nn = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function on(e) {
+  return nn.has(ue(e));
 }
-const on = [":popover-open", ":modal"];
+const sn = [":popover-open", ":modal"];
 function Le(e) {
-  return on.some((n) => {
+  return sn.some((n) => {
     try {
       return e.matches(n);
     } catch {
@@ -896,14 +896,14 @@ function Le(e) {
     }
   });
 }
-const rn = ["transform", "translate", "scale", "rotate", "perspective"], sn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], an = ["paint", "layout", "strict", "content"];
+const rn = ["transform", "translate", "scale", "rotate", "perspective"], an = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ln = ["paint", "layout", "strict", "content"];
 function Ue(e) {
   const n = Xe(), t = J(e) ? Q(e) : e;
-  return rn.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || sn.some((o) => (t.willChange || "").includes(o)) || an.some((o) => (t.contain || "").includes(o));
+  return rn.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || an.some((o) => (t.willChange || "").includes(o)) || ln.some((o) => (t.contain || "").includes(o));
 }
-function ln(e) {
+function cn(e) {
   let n = ie(e);
-  for (; _(n) && !ve(n); ) {
+  for (; ee(n) && !pe(n); ) {
     if (Ue(n))
       return n;
     if (Le(n))
@@ -915,9 +915,9 @@ function ln(e) {
 function Xe() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const cn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function ve(e) {
-  return cn.has(ue(e));
+const dn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function pe(e) {
+  return dn.has(ue(e));
 }
 function Q(e) {
   return K(e).getComputedStyle(e);
@@ -939,23 +939,23 @@ function ie(e) {
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     _e(e) && e.host || // Fallback.
-    ee(e)
+    te(e)
   );
   return _e(n) ? n.host : n;
 }
 function ct(e) {
   const n = ie(e);
-  return ve(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : _(n) && Fe(n) ? n : ct(n);
+  return pe(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ee(n) && Fe(n) ? n : ct(n);
 }
 function ke(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const r = ct(e), s = r === ((o = e.ownerDocument) == null ? void 0 : o.body), a = K(r);
-  if (s) {
+  const s = ct(e), r = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = K(s);
+  if (r) {
     const d = Ne(a);
-    return n.concat(a, a.visualViewport || [], Fe(r) ? r : [], d && t ? ke(d) : []);
+    return n.concat(a, a.visualViewport || [], Fe(s) ? s : [], d && t ? ke(d) : []);
   }
-  return n.concat(r, ke(r, [], t));
+  return n.concat(s, ke(s, [], t));
 }
 function Ne(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
@@ -963,8 +963,8 @@ function Ne(e) {
 function dt(e) {
   const n = Q(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
-  const r = _(e), s = r ? e.offsetWidth : t, a = r ? e.offsetHeight : o, d = De(t) !== s || De(o) !== a;
-  return d && (t = s, o = a), {
+  const s = ee(e), r = s ? e.offsetWidth : t, a = s ? e.offsetHeight : o, d = De(t) !== r || De(o) !== a;
+  return d && (t = r, o = a), {
     width: t,
     height: o,
     $: d
@@ -975,39 +975,39 @@ function Ye(e) {
 }
 function ge(e) {
   const n = Ye(e);
-  if (!_(n))
+  if (!ee(n))
     return Z(1);
   const t = n.getBoundingClientRect(), {
     width: o,
-    height: r,
-    $: s
+    height: s,
+    $: r
   } = dt(n);
-  let a = (s ? De(t.width) : t.width) / o, d = (s ? De(t.height) : t.height) / r;
+  let a = (r ? De(t.width) : t.width) / o, d = (r ? De(t.height) : t.height) / s;
   return (!a || !Number.isFinite(a)) && (a = 1), (!d || !Number.isFinite(d)) && (d = 1), {
     x: a,
     y: d
   };
 }
-const dn = /* @__PURE__ */ Z(0);
+const un = /* @__PURE__ */ Z(0);
 function ut(e) {
   const n = K(e);
-  return !Xe() || !n.visualViewport ? dn : {
+  return !Xe() || !n.visualViewport ? un : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function un(e, n, t) {
+function fn(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== K(e) ? !1 : n;
 }
 function ce(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const r = e.getBoundingClientRect(), s = Ye(e);
+  const s = e.getBoundingClientRect(), r = Ye(e);
   let a = Z(1);
   n && (o ? J(o) && (a = ge(o)) : a = ge(e));
-  const d = un(s, t, o) ? ut(s) : Z(0);
-  let i = (r.left + d.x) / a.x, b = (r.top + d.y) / a.y, c = r.width / a.x, l = r.height / a.y;
-  if (s) {
-    const f = K(s), u = o && J(o) ? K(o) : o;
+  const d = fn(r, t, o) ? ut(r) : Z(0);
+  let i = (s.left + d.x) / a.x, b = (s.top + d.y) / a.y, c = s.width / a.x, l = s.height / a.y;
+  if (r) {
+    const f = K(r), u = o && J(o) ? K(o) : o;
     let m = f, h = Ne(m);
     for (; h && o && u !== m; ) {
       const y = ge(h), w = h.getBoundingClientRect(), C = Q(h), x = w.left + (h.clientLeft + parseFloat(C.paddingLeft)) * y.x, $ = w.top + (h.clientTop + parseFloat(C.paddingTop)) * y.y;
@@ -1023,35 +1023,35 @@ function ce(e, n, t, o) {
 }
 function ze(e, n) {
   const t = Se(e).scrollLeft;
-  return n ? n.left + t : ce(ee(e)).left + t;
+  return n ? n.left + t : ce(te(e)).left + t;
 }
 function ft(e, n) {
-  const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - ze(e, t), r = t.top + n.scrollTop;
+  const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - ze(e, t), s = t.top + n.scrollTop;
   return {
     x: o,
-    y: r
+    y: s
   };
 }
-function fn(e) {
+function bn(e) {
   let {
     elements: n,
     rect: t,
     offsetParent: o,
-    strategy: r
+    strategy: s
   } = e;
-  const s = r === "fixed", a = ee(o), d = n ? Le(n.floating) : !1;
-  if (o === a || d && s)
+  const r = s === "fixed", a = te(o), d = n ? Le(n.floating) : !1;
+  if (o === a || d && r)
     return t;
   let i = {
     scrollLeft: 0,
     scrollTop: 0
   }, b = Z(1);
-  const c = Z(0), l = _(o);
-  if ((l || !l && !s) && ((ue(o) !== "body" || Fe(a)) && (i = Se(o)), _(o))) {
+  const c = Z(0), l = ee(o);
+  if ((l || !l && !r) && ((ue(o) !== "body" || Fe(a)) && (i = Se(o)), ee(o))) {
     const u = ce(o);
     b = ge(o), c.x = u.x + o.clientLeft, c.y = u.y + o.clientTop;
   }
-  const f = a && !l && !s ? ft(a, i) : Z(0);
+  const f = a && !l && !r ? ft(a, i) : Z(0);
   return {
     width: t.width * b.x,
     height: t.height * b.y,
@@ -1059,44 +1059,44 @@ function fn(e) {
     y: t.y * b.y - i.scrollTop * b.y + c.y + f.y
   };
 }
-function bn(e) {
+function mn(e) {
   return Array.from(e.getClientRects());
 }
-function mn(e) {
-  const n = ee(e), t = Se(e), o = e.ownerDocument.body, r = q(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), s = q(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
+function gn(e) {
+  const n = te(e), t = Se(e), o = e.ownerDocument.body, s = q(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), r = q(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -t.scrollLeft + ze(e);
   const d = -t.scrollTop;
-  return Q(o).direction === "rtl" && (a += q(n.clientWidth, o.clientWidth) - r), {
-    width: r,
-    height: s,
+  return Q(o).direction === "rtl" && (a += q(n.clientWidth, o.clientWidth) - s), {
+    width: s,
+    height: r,
     x: a,
     y: d
   };
 }
 const et = 25;
-function gn(e, n) {
-  const t = K(e), o = ee(e), r = t.visualViewport;
-  let s = o.clientWidth, a = o.clientHeight, d = 0, i = 0;
-  if (r) {
-    s = r.width, a = r.height;
+function hn(e, n) {
+  const t = K(e), o = te(e), s = t.visualViewport;
+  let r = o.clientWidth, a = o.clientHeight, d = 0, i = 0;
+  if (s) {
+    r = s.width, a = s.height;
     const c = Xe();
-    (!c || c && n === "fixed") && (d = r.offsetLeft, i = r.offsetTop);
+    (!c || c && n === "fixed") && (d = s.offsetLeft, i = s.offsetTop);
   }
   const b = ze(o);
   if (b <= 0) {
     const c = o.ownerDocument, l = c.body, f = getComputedStyle(l), u = c.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, m = Math.abs(o.clientWidth - l.clientWidth - u);
-    m <= et && (s -= m);
-  } else b <= et && (s += b);
+    m <= et && (r -= m);
+  } else b <= et && (r += b);
   return {
-    width: s,
+    width: r,
     height: a,
     x: d,
     y: i
   };
 }
-const hn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+const pn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function vn(e, n) {
-  const t = ce(e, !0, n === "fixed"), o = t.top + e.clientTop, r = t.left + e.clientLeft, s = _(e) ? ge(e) : Z(1), a = e.clientWidth * s.x, d = e.clientHeight * s.y, i = r * s.x, b = o * s.y;
+  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,
     height: d,
@@ -1107,16 +1107,16 @@ function vn(e, n) {
 function tt(e, n, t) {
   let o;
   if (n === "viewport")
-    o = gn(e, t);
+    o = hn(e, t);
   else if (n === "document")
-    o = mn(ee(e));
+    o = gn(te(e));
   else if (J(n))
     o = vn(n, t);
   else {
-    const r = ut(e);
+    const s = ut(e);
     o = {
-      x: n.x - r.x,
-      y: n.y - r.y,
+      x: n.x - s.x,
+      y: n.y - s.y,
       width: n.width,
       height: n.height
     };
@@ -1125,32 +1125,32 @@ function tt(e, n, t) {
 }
 function bt(e, n) {
   const t = ie(e);
-  return t === n || !J(t) || ve(t) ? !1 : Q(t).position === "fixed" || bt(t, n);
+  return t === n || !J(t) || pe(t) ? !1 : Q(t).position === "fixed" || bt(t, n);
 }
-function pn(e, n) {
+function yn(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = ke(e, [], !1).filter((d) => J(d) && ue(d) !== "body"), r = null;
-  const s = Q(e).position === "fixed";
-  let a = s ? ie(e) : e;
-  for (; J(a) && !ve(a); ) {
+  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); ) {
     const d = Q(a), i = Ue(a);
-    !i && d.position === "fixed" && (r = null), (s ? !i && !r : !i && d.position === "static" && !!r && hn.has(r.position) || Fe(a) && !i && bt(e, a)) ? o = o.filter((c) => c !== a) : r = d, a = ie(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);
   }
   return n.set(e, o), o;
 }
-function yn(e) {
+function xn(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
-    strategy: r
+    strategy: s
   } = e;
-  const a = [...t === "clippingAncestors" ? Le(n) ? [] : pn(n, this._c) : [].concat(t), o], d = a[0], i = a.reduce((b, c) => {
-    const l = tt(n, c, r);
+  const a = [...t === "clippingAncestors" ? Le(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, r));
+  }, tt(n, d, s));
   return {
     width: i.right - i.left,
     height: i.bottom - i.top,
@@ -1158,7 +1158,7 @@ function yn(e) {
     y: i.top
   };
 }
-function xn(e) {
+function wn(e) {
   const {
     width: n,
     height: t
@@ -1168,23 +1168,23 @@ function xn(e) {
     height: t
   };
 }
-function wn(e, n, t) {
-  const o = _(n), r = ee(n), s = t === "fixed", a = ce(e, !0, s, n);
+function kn(e, n, t) {
+  const o = ee(n), s = te(n), r = t === "fixed", a = ce(e, !0, r, n);
   let d = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const i = Z(0);
   function b() {
-    i.x = ze(r);
+    i.x = ze(s);
   }
-  if (o || !o && !s)
-    if ((ue(n) !== "body" || Fe(r)) && (d = Se(n)), o) {
-      const u = ce(n, !0, s, n);
+  if (o || !o && !r)
+    if ((ue(n) !== "body" || Fe(s)) && (d = Se(n)), o) {
+      const u = ce(n, !0, r, n);
       i.x = u.x + n.clientLeft, i.y = u.y + n.clientTop;
-    } else r && b();
-  s && !o && r && b();
-  const c = r && !o && !s ? ft(r, d) : Z(0), l = a.left + d.scrollLeft - i.x - c.x, f = a.top + d.scrollTop - i.y - c.y;
+    } else s && b();
+  r && !o && s && b();
+  const c = s && !o && !r ? ft(s, d) : Z(0), l = a.left + d.scrollLeft - i.x - c.x, f = a.top + d.scrollTop - i.y - c.y;
   return {
     x: l,
     y: f,
@@ -1196,35 +1196,35 @@ function Me(e) {
   return Q(e).position === "static";
 }
 function nt(e, n) {
-  if (!_(e) || Q(e).position === "fixed")
+  if (!ee(e) || Q(e).position === "fixed")
     return null;
   if (n)
     return n(e);
   let t = e.offsetParent;
-  return ee(e) === t && (t = t.ownerDocument.body), t;
+  return te(e) === t && (t = t.ownerDocument.body), t;
 }
 function mt(e, n) {
   const t = K(e);
   if (Le(e))
     return t;
-  if (!_(e)) {
-    let r = ie(e);
-    for (; r && !ve(r); ) {
-      if (J(r) && !Me(r))
-        return r;
-      r = ie(r);
+  if (!ee(e)) {
+    let s = ie(e);
+    for (; s && !pe(s); ) {
+      if (J(s) && !Me(s))
+        return s;
+      s = ie(s);
     }
     return t;
   }
   let o = nt(e, n);
-  for (; o && nn(o) && Me(o); )
+  for (; o && on(o) && Me(o); )
     o = nt(o, n);
-  return o && ve(o) && Me(o) && !Ue(o) ? t : o || ln(e) || t;
+  return o && pe(o) && Me(o) && !Ue(o) ? t : o || cn(e) || t;
 }
-const kn = async function(e) {
+const Fn = async function(e) {
   const n = this.getOffsetParent || mt, t = this.getDimensions, o = await t(e.floating);
   return {
-    reference: wn(e.reference, await n(e.floating), e.strategy),
+    reference: kn(e.reference, await n(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1233,33 +1233,33 @@ const kn = async function(e) {
     }
   };
 };
-function Fn(e) {
+function Cn(e) {
   return Q(e).direction === "rtl";
 }
-const Cn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: fn,
-  getDocumentElement: ee,
-  getClippingRect: yn,
+const $n = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: bn,
+  getDocumentElement: te,
+  getClippingRect: xn,
   getOffsetParent: mt,
-  getElementRects: kn,
-  getClientRects: bn,
-  getDimensions: xn,
+  getElementRects: Fn,
+  getClientRects: mn,
+  getDimensions: wn,
   getScale: ge,
   isElement: J,
-  isRTL: Fn
+  isRTL: Cn
 };
 function gt(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function $n(e, n) {
+function Dn(e, n) {
   let t = null, o;
-  const r = ee(e);
-  function s() {
+  const s = te(e);
+  function r() {
     var d;
     clearTimeout(o), (d = t) == null || d.disconnect(), t = null;
   }
   function a(d, i) {
-    d === void 0 && (d = !1), i === void 0 && (i = 1), s();
+    d === void 0 && (d = !1), i === void 0 && (i = 1), r();
     const b = e.getBoundingClientRect(), {
       left: c,
       top: l,
@@ -1268,7 +1268,7 @@ function $n(e, n) {
     } = b;
     if (d || n(), !f || !u)
       return;
-    const m = Ce(l), h = Ce(r.clientWidth - (c + f)), y = Ce(r.clientHeight - (l + u)), w = Ce(c), x = {
+    const m = Ce(l), h = Ce(s.clientWidth - (c + f)), y = Ce(s.clientHeight - (l + u)), w = Ce(c), x = {
       rootMargin: -m + "px " + -h + "px " + -y + "px " + -w + "px",
       threshold: q(0, ae(1, i)) || 1
     };
@@ -1288,30 +1288,30 @@ function $n(e, n) {
       t = new IntersectionObserver(A, {
         ...x,
         // Handle <iframe>s
-        root: r.ownerDocument
+        root: s.ownerDocument
       });
     } catch {
       t = new IntersectionObserver(A, x);
     }
     t.observe(e);
   }
-  return a(!0), s;
+  return a(!0), r;
 }
-function Dn(e, n, t, o) {
+function En(e, n, t, o) {
   o === void 0 && (o = {});
   const {
-    ancestorScroll: r = !0,
-    ancestorResize: s = !0,
+    ancestorScroll: s = !0,
+    ancestorResize: r = !0,
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: d = typeof IntersectionObserver == "function",
     animationFrame: i = !1
-  } = o, b = Ye(e), c = r || s ? [...b ? ke(b) : [], ...ke(n)] : [];
+  } = o, b = Ye(e), c = s || r ? [...b ? ke(b) : [], ...ke(n)] : [];
   c.forEach((w) => {
-    r && w.addEventListener("scroll", t, {
+    s && w.addEventListener("scroll", t, {
       passive: !0
-    }), s && w.addEventListener("resize", t);
+    }), r && w.addEventListener("resize", t);
   });
-  const l = b && d ? $n(b, t) : null;
+  const l = b && d ? Dn(b, t) : null;
   let f = -1, u = null;
   a && (u = new ResizeObserver((w) => {
     let [C] = w;
@@ -1329,28 +1329,28 @@ function Dn(e, n, t, o) {
   return t(), () => {
     var w;
     c.forEach((C) => {
-      r && C.removeEventListener("scroll", t), s && C.removeEventListener("resize", t);
+      s && C.removeEventListener("scroll", t), r && C.removeEventListener("resize", t);
     }), l == null || l(), (w = u) == null || w.disconnect(), u = null, i && cancelAnimationFrame(m);
   };
 }
-const ht = Qt, vt = Zt, pt = Yt, En = _t, An = Xt, Bn = (e, n, t) => {
-  const o = /* @__PURE__ */ new Map(), r = {
-    platform: Cn,
+const ht = Zt, pt = _t, vt = Gt, An = en, Bn = Yt, Tn = (e, n, t) => {
+  const o = /* @__PURE__ */ new Map(), s = {
+    platform: $n,
     ...t
-  }, s = {
-    ...r.platform,
+  }, r = {
+    ...s.platform,
     _c: o
   };
-  return Ut(e, n, {
-    ...r,
-    platform: s
+  return Xt(e, n, {
+    ...s,
+    platform: r
   });
 };
-function Tn(e) {
+function Rn(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function We(e) {
-  if (Tn(e)) {
+  if (Rn(e)) {
     const n = e.$el;
     return Ke(n) && ue(n) === "#comment" ? null : n;
   }
@@ -1359,13 +1359,13 @@ function We(e) {
 function me(e) {
   return typeof e == "function" ? e() : R(e);
 }
-function Rn(e) {
+function On(e) {
   return {
     name: "arrow",
     options: e,
     fn(n) {
       const t = We(me(e.element));
-      return t == null ? {} : An({
+      return t == null ? {} : Bn({
         element: t,
         padding: e.padding
       }).fn(n);
@@ -1381,10 +1381,10 @@ function ot(e, n) {
 }
 function xt(e, n, t) {
   t === void 0 && (t = {});
-  const o = t.whileElementsMounted, r = k(() => {
+  const o = t.whileElementsMounted, s = k(() => {
     var E;
     return (E = me(t.open)) != null ? E : !0;
-  }), s = k(() => me(t.middleware)), a = k(() => {
+  }), r = k(() => me(t.middleware)), a = k(() => {
     var E;
     return (E = me(t.placement)) != null ? E : "bottom";
   }), d = k(() => {
@@ -1393,7 +1393,7 @@ function xt(e, n, t) {
   }), i = k(() => {
     var E;
     return (E = me(t.transform)) != null ? E : !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 = kt({}), y = j(!1), w = k(() => {
+  }), 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 = {
       position: u.value,
       left: "0",
@@ -1418,9 +1418,9 @@ function xt(e, n, t) {
   function x() {
     if (b.value == null || c.value == null)
       return;
-    const E = r.value;
-    Bn(b.value, c.value, {
-      middleware: s.value,
+    const E = s.value;
+    Tn(b.value, c.value, {
+      middleware: r.value,
       placement: a.value,
       strategy: d.value
     }).then((z) => {
@@ -1441,15 +1441,15 @@ function xt(e, n, t) {
     }
   }
   function V() {
-    r.value || (y.value = !1);
+    s.value || (y.value = !1);
   }
-  return we([s, a, d, r], x, {
+  return we([r, a, d, s], x, {
     flush: "sync"
   }), we([b, c], A, {
     flush: "sync"
-  }), we(r, V, {
+  }), we(s, V, {
     flush: "sync"
-  }), Ft() && Ct($), {
+  }), Ct() && $t($), {
     x: be(l),
     y: be(f),
     strategy: be(u),
@@ -1464,7 +1464,7 @@ const Be = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconX",
   setup(e) {
-    return (n, t) => (g(), v("svg", de({
+    return (n, t) => (g(), p("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1477,11 +1477,11 @@ const Be = /* @__PURE__ */ S({
       }, null, -1)
     ])], 16));
   }
-}), On = /* @__PURE__ */ S({
+}), Vn = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconCheck",
   setup(e) {
-    return (n, t) => (g(), v("svg", de({
+    return (n, t) => (g(), p("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1494,11 +1494,11 @@ const Be = /* @__PURE__ */ S({
       }, null, -1)
     ])], 16));
   }
-}), Vn = /* @__PURE__ */ S({
+}), wt = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconWarning",
   setup(e) {
-    return (n, t) => (g(), v("svg", de({
+    return (n, t) => (g(), p("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1515,7 +1515,7 @@ const Be = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "DsIconInfo",
   setup(e) {
-    return (n, t) => (g(), v("svg", de({
+    return (n, t) => (g(), p("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(), v("svg", de({
+    return (n, t) => (g(), p("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(), v("svg", de({
+    return (n, t) => (g(), p("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(), v("svg", de({
+    return (n, t) => (g(), p("svg", de({
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24"
@@ -1588,7 +1588,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   key: 0,
   class: "px-3 py-2 text-sm text-fg-disabled",
   role: "status"
-}, tr = /* @__PURE__ */ S({
+}, ss = /* @__PURE__ */ S({
   __name: "DsDropdownSelect",
   props: {
     modelValue: {},
@@ -1604,90 +1604,90 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, r = j(), s = j(), a = j(!1), d = fe("listbox"), i = j(-1), b = k(() => {
+    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 = (p) => `${d}-option-${p}`, { floatingStyles: l } = xt(r, s, {
+    }), c = (v) => `${d}-option-${v}`, { floatingStyles: l } = xt(s, r, {
       placement: "bottom-start",
       middleware: [
         ht(4),
-        pt(),
-        vt({ padding: 8 }),
-        En({
-          apply({ rects: p }) {
-            s.value && Object.assign(s.value.style, {
-              minWidth: `${p.reference.width}px`
+        vt(),
+        pt({ padding: 8 }),
+        An({
+          apply({ rects: v }) {
+            r.value && Object.assign(r.value.style, {
+              minWidth: `${v.reference.width}px`
             });
           }
         })
       ],
-      whileElementsMounted: Dn
-    }), 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 = () => {
+      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 = () => {
       je(() => {
-        const p = s.value;
-        if (!p || i.value < 0) return;
-        const O = p.querySelector(`#${c(i.value)}`);
+        const v = r.value;
+        if (!v || i.value < 0) return;
+        const O = v.querySelector(`#${c(i.value)}`);
         O == null || O.scrollIntoView({ block: "nearest" });
       });
-    }, x = (p, O) => {
-      let L = p;
+    }, x = (v, O) => {
+      let L = v;
       for (; L >= 0 && L < t.options.length; ) {
         if (!w(t.options[L])) return L;
         L += O;
       }
       return -1;
     }, $ = () => {
-      const p = x(i.value + 1, 1);
-      p >= 0 && (i.value = p, C());
+      const v = x(i.value + 1, 1);
+      v >= 0 && (i.value = v, C());
     }, A = () => {
-      const p = x(i.value - 1, -1);
-      p >= 0 && (i.value = p, C());
+      const v = x(i.value - 1, -1);
+      v >= 0 && (i.value = v, C());
     }, V = () => {
-      const p = x(0, 1);
-      p >= 0 && (i.value = p, C());
+      const v = x(0, 1);
+      v >= 0 && (i.value = v, C());
     }, E = () => {
-      const p = x(t.options.length - 1, -1);
-      p >= 0 && (i.value = p, C());
+      const v = x(t.options.length - 1, -1);
+      v >= 0 && (i.value = v, C());
     }, z = () => {
       t.disabled || t.loading || (a.value = !0, je(() => {
-        const p = t.options.findIndex(
+        const v = t.options.findIndex(
           (O) => h(O) === f.value
         );
-        p >= 0 && !w(t.options[p]) ? i.value = p : V(), C();
+        v >= 0 && !w(t.options[v]) ? i.value = v : V(), C();
       }));
     }, M = () => {
       a.value = !1, i.value = -1;
     }, W = () => {
       t.disabled || t.loading || (a.value ? M() : z());
-    }, Y = (p) => {
-      if (w(p)) return;
-      const O = h(p);
-      o("update:modelValue", O), o("change", O, p), M();
-    }, U = (p) => {
+    }, Y = (v) => {
+      if (w(v)) return;
+      const O = h(v);
+      o("update:modelValue", O), o("change", O, v), M();
+    }, U = (v) => {
       if (!(t.disabled || t.loading)) {
         if (!a.value) {
-          (p.key === "ArrowDown" || p.key === "ArrowUp" || p.key === "Enter" || p.key === " ") && (p.preventDefault(), z());
+          (v.key === "ArrowDown" || v.key === "ArrowUp" || v.key === "Enter" || v.key === " ") && (v.preventDefault(), z());
           return;
         }
-        switch (p.key) {
+        switch (v.key) {
           case "ArrowDown":
-            p.preventDefault(), i.value < 0 ? V() : $();
+            v.preventDefault(), i.value < 0 ? V() : $();
             break;
           case "ArrowUp":
-            p.preventDefault(), i.value < 0 ? E() : A();
+            v.preventDefault(), i.value < 0 ? E() : A();
             break;
           case "Home":
-            p.preventDefault(), V();
+            v.preventDefault(), V();
             break;
           case "End":
-            p.preventDefault(), E();
+            v.preventDefault(), E();
             break;
           case "Enter":
           case " ":
-            p.preventDefault(), i.value >= 0 && i.value < t.options.length && Y(t.options[i.value]);
+            v.preventDefault(), i.value >= 0 && i.value < t.options.length && Y(t.options[i.value]);
             break;
           case "Escape":
-            p.preventDefault(), M();
+            v.preventDefault(), M();
             break;
           case "Tab":
             M();
@@ -1695,10 +1695,10 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         }
       }
     };
-    return (p, O) => (g(), v("div", jn, [
-      ne(Ot, {
+    return (v, O) => (g(), p("div", jn, [
+      _(Vt, {
         ref_key: "triggerRef",
-        ref: r,
+        ref: s,
         variant: e.variant,
         disabled: e.disabled,
         loading: e.loading,
@@ -1715,32 +1715,32 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         onKeydown: U
       }, {
         default: Re(() => [
-          N(p.$slots, "trigger", {}, () => [
-            X(T(m.value || e.placeholder), 1)
+          N(v.$slots, "trigger", {}, () => [
+            X(B(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(), v("div", {
+        a.value ? (g(), p("div", {
           key: 0,
           ref_key: "floatingRef",
-          ref: s,
+          ref: r,
           id: R(d),
           role: "listbox",
           "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] = $t(() => {
+          onClick: O[0] || (O[0] = Dt(() => {
           }, ["stop"]))
         }, [
-          (g(!0), v(re, null, se(e.options, (L, P) => (g(), v("div", {
+          (g(!0), p(se, null, re(e.options, (L, P) => (g(), p("div", {
             key: h(L),
             id: c(P),
             role: "option",
             "aria-selected": f.value === h(L) ? "true" : "false",
             "aria-disabled": w(L) ? "true" : void 0,
-            class: B([
+            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" : "",
@@ -1752,17 +1752,17 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
             onClick: (H) => Y(L),
             onMouseenter: (H) => i.value = P
           }, [
-            N(p.$slots, "option", {
+            N(v.$slots, "option", {
               option: L,
               index: P
             }, () => [
-              X(T(y(L)), 1)
+              X(B(y(L)), 1)
             ])
           ], 42, In))), 128)),
-          e.options.length ? D("", !0) : (g(), v("div", Nn, T(e.emptyText), 1))
+          e.options.length ? D("", !0) : (g(), p("div", Nn, B(e.emptyText), 1))
         ], 12, Pn)) : D("", !0)
       ])),
-      a.value ? (g(), v("div", {
+      a.value ? (g(), p("div", {
         key: 0,
         class: "fixed inset-0 z-40",
         onClick: M
@@ -1781,7 +1781,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   key: 1,
   class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none",
   "aria-hidden": "true"
-}, nr = /* @__PURE__ */ S({
+}, rs = /* @__PURE__ */ S({
   __name: "DsInput",
   props: {
     modelValue: {},
@@ -1805,7 +1805,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   emits: ["update:modelValue", "blur", "focus", "enter", "clear"],
   setup(e, { expose: n, emit: t }) {
-    const o = e, r = t, s = j(null), a = fe("input"), d = `${a}-help`, i = `${a}-error`, b = k(() => {
+    const o = e, s = t, r = j(null), a = fe("input"), d = `${a}-help`, i = `${a}-error`, b = k(() => {
       const x = [];
       return o.helpText && !o.error && x.push(d), o.error && x.push(i), x.length > 0 ? x.join(" ") : void 0;
     }), c = k(() => o.clearable && f.value && !o.disabled), l = k(() => o.iconRight || o.clearable), f = k(() => o.modelValue == null ? !1 : typeof o.modelValue == "string" ? o.modelValue.length > 0 : !0), u = k(() => {
@@ -1848,40 +1848,40 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       const $ = x.target;
       if (o.type === "number") {
         const A = Number($.value);
-        r("update:modelValue", Number.isNaN(A) ? $.value : A);
+        s("update:modelValue", Number.isNaN(A) ? $.value : A);
       } else
-        r("update:modelValue", $.value);
+        s("update:modelValue", $.value);
     }
     function y() {
       var x;
-      r("update:modelValue", ""), r("clear"), (x = s.value) == null || x.focus();
+      s("update:modelValue", ""), s("clear"), (x = r.value) == null || x.focus();
     }
     function w() {
       var x;
-      (x = s.value) == null || x.focus();
+      (x = r.value) == null || x.focus();
     }
     function C() {
       var x;
-      (x = s.value) == null || x.blur();
+      (x = r.value) == null || x.blur();
     }
-    return n({ focus: w, blur: C, inputRef: s }), (x, $) => (g(), v("div", Wn, [
-      e.label ? (g(), v("label", {
+    return n({ focus: w, blur: C, inputRef: r }), (x, $) => (g(), p("div", Wn, [
+      e.label ? (g(), p("label", {
         key: 0,
         for: R(a),
         class: "block text-label mb-1"
       }, [
-        X(T(e.label) + " ", 1),
-        e.required ? (g(), v("span", qn, "*")) : D("", !0)
+        X(B(e.label) + " ", 1),
+        e.required ? (g(), p("span", qn, "*")) : D("", !0)
       ], 8, Hn)) : D("", !0),
       F("div", Kn, [
-        e.iconLeft ? (g(), v("div", Un, [
+        e.iconLeft ? (g(), p("div", Un, [
           (g(), I($e(e.iconLeft), {
-            class: B(m.value)
+            class: T(m.value)
           }, null, 8, ["class"]))
         ])) : D("", !0),
         F("input", {
           ref_key: "inputRef",
-          ref: s,
+          ref: r,
           id: R(a),
           type: e.type,
           value: e.modelValue,
@@ -1896,39 +1896,39 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           step: e.step,
           "aria-describedby": b.value,
           "aria-invalid": e.error ? "true" : void 0,
-          class: B(u.value),
+          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] = rt((A) => x.$emit("enter"), ["enter"]))
+          onKeydown: $[2] || ($[2] = st((A) => x.$emit("enter"), ["enter"]))
         }, null, 42, Xn),
-        e.iconRight && !c.value ? (g(), v("div", Yn, [
+        e.iconRight && !c.value ? (g(), p("div", Yn, [
           (g(), I($e(e.iconRight), {
-            class: B(m.value)
+            class: T(m.value)
           }, null, 8, ["class"]))
         ])) : D("", !0),
-        c.value ? (g(), v("button", {
+        c.value ? (g(), p("button", {
           key: 2,
           type: "button",
           "aria-label": "Clear input",
           class: "absolute inset-y-0 right-0 pr-3 flex items-center text-fg-tertiary hover:text-fg-secondary transition-colors",
           onClick: y
         }, [
-          ne(R(Be), { class: "w-4 h-4" })
+          _(R(Be), { class: "w-4 h-4" })
         ])) : D("", !0)
       ]),
-      e.helpText && !e.error ? (g(), v("div", {
+      e.helpText && !e.error ? (g(), p("div", {
         key: 1,
         id: d,
         class: "mt-1 text-caption"
-      }, T(e.helpText), 1)) : D("", !0),
-      e.error ? (g(), v("div", {
+      }, B(e.helpText), 1)) : D("", !0),
+      e.error ? (g(), p("div", {
         key: 2,
         id: i,
         class: "mt-1 text-sm text-error font-sans",
         role: "alert",
         "aria-live": "polite"
-      }, T(e.error), 1)) : D("", !0)
+      }, B(e.error), 1)) : D("", !0)
     ]));
   }
 }), Gn = {
@@ -1944,10 +1944,10 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   setup(e) {
     const n = e, t = k(() => {
-      const s = ["inline-flex", "items-center"];
-      return n.centered && s.push("justify-center"), n.text && s.push("gap-2"), s.join(" ");
+      const r = ["inline-flex", "items-center"];
+      return n.centered && r.push("justify-center"), n.text && r.push("gap-2"), r.join(" ");
     }), o = k(() => {
-      const s = [
+      const r = [
         "animate-spin",
         "rounded-full",
         "border-solid"
@@ -1974,11 +1974,11 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         ]
       };
       return [
-        ...s,
+        ...r,
         ...a[n.size],
         ...d[n.variant]
       ].join(" ");
-    }), r = k(() => [
+    }), s = k(() => [
       {
         small: "text-sm",
         medium: "text-base",
@@ -1987,25 +1987,25 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       "text-fg-secondary",
       "font-medium"
     ].join(" "));
-    return (s, a) => (g(), v("div", {
-      class: B(t.value),
+    return (r, a) => (g(), p("div", {
+      class: T(t.value),
       role: "status",
       "aria-live": "polite"
     }, [
       F("div", {
-        class: B(o.value),
+        class: T(o.value),
         "aria-hidden": "true"
       }, null, 2),
-      e.text ? (g(), v("span", {
+      e.text ? (g(), p("span", {
         key: 0,
-        class: B(r.value)
-      }, T(e.text), 3)) : (g(), v("span", Gn, "Loading"))
+        class: T(s.value)
+      }, B(e.text), 3)) : (g(), p("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 = {
   key: 0,
   class: "px-6 py-4 border-t border-solid border-border"
-}, or = /* @__PURE__ */ S({
+}, as = /* @__PURE__ */ S({
   __name: "DsModal",
   props: {
     modelValue: { type: Boolean },
@@ -2016,7 +2016,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: n }) {
-    const t = e, o = n, r = fe("modal-title"), s = j(null);
+    const t = e, o = n, s = fe("modal-title"), r = j(null);
     let a = null;
     const d = k(() => `relative z-10 bg-bg rounded-lg shadow-lg w-full ${{
       sm: "max-w-sm",
@@ -2034,8 +2034,8 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       t.persistent || i();
     }
     function l() {
-      return s.value ? Array.from(
-        s.value.querySelectorAll(
+      return r.value ? Array.from(
+        r.value.querySelectorAll(
           'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
         )
       ) : [];
@@ -2051,12 +2051,12 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       () => t.modelValue,
       async (u) => {
         var m;
-        u ? (a = document.activeElement, document.body.style.overflow = "hidden", document.addEventListener("keydown", f), await je(), (m = s.value) == null || m.focus()) : (document.body.style.overflow = "", document.removeEventListener("keydown", f), a == null || a.focus(), a = null);
+        u ? (a = document.activeElement, document.body.style.overflow = "hidden", document.addEventListener("keydown", f), await je(), (m = r.value) == null || m.focus()) : (document.body.style.overflow = "", document.removeEventListener("keydown", f), a == null || a.focus(), a = null);
       }
-    ), st(() => {
+    ), rt(() => {
       document.body.style.overflow = "", document.removeEventListener("keydown", f);
     }), (u, m) => (g(), I(Oe, { to: "body" }, [
-      ne(at, {
+      _(at, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -2065,10 +2065,10 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         "leave-to-class": "opacity-0"
       }, {
         default: Re(() => [
-          e.modelValue ? (g(), v("div", {
+          e.modelValue ? (g(), p("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center p-4",
-            onKeydown: rt(c, ["escape"])
+            onKeydown: st(c, ["escape"])
           }, [
             F("div", {
               class: "absolute inset-0 bg-bg-inverse/50",
@@ -2077,34 +2077,34 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
             }),
             F("div", {
               ref_key: "panelRef",
-              ref: s,
+              ref: r,
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": R(r),
-              class: B(d.value),
+              "aria-labelledby": R(s),
+              class: T(d.value),
               tabindex: "-1"
             }, [
               F("div", Zn, [
                 N(u.$slots, "header", {}, () => [
                   F("h2", {
-                    id: R(r),
+                    id: R(s),
                     class: "text-heading-lg m-0"
-                  }, T(e.title), 9, _n)
+                  }, B(e.title), 9, _n)
                 ]),
-                e.closable ? (g(), v("button", {
+                e.closable ? (g(), p("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",
                   "aria-label": "Close dialog",
                   onClick: i
                 }, [
-                  ne(R(Be), { class: "w-5 h-5" })
+                  _(R(Be), { class: "w-5 h-5" })
                 ])) : D("", !0)
               ]),
               F("div", eo, [
                 N(u.$slots, "default")
               ]),
-              u.$slots.footer ? (g(), v("div", to, [
+              u.$slots.footer ? (g(), p("div", to, [
                 N(u.$slots, "footer")
               ])) : D("", !0)
             ], 10, Qn)
@@ -2114,7 +2114,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       })
     ]));
   }
-}), no = ["id", "name", "checked", "disabled", "value"], rr = /* @__PURE__ */ S({
+}), no = ["id", "name", "checked", "disabled", "value"], ls = /* @__PURE__ */ S({
   __name: "DsRadio",
   props: {
     modelValue: { type: [String, Number, Boolean] },
@@ -2127,13 +2127,13 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, r = k(() => t.modelValue === t.value), s = {
+    const t = e, o = n, s = k(() => t.modelValue === t.value), r = {
       small: { circle: "w-3.5 h-3.5", dot: "w-1.5 h-1.5", label: "text-xs" },
       medium: { circle: "w-4 h-4", dot: "w-2 h-2", label: "text-sm" },
       large: { circle: "w-5 h-5", dot: "w-2.5 h-2.5", label: "text-base" }
     }, a = k(() => {
       const l = [
-        s[t.size].circle,
+        r[t.size].circle,
         "rounded-full",
         "inline-flex items-center justify-center",
         "border border-solid",
@@ -2141,27 +2141,27 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         "shrink-0"
       ];
       return t.disabled ? l.push(
-        r.value ? "bg-bg border-brand-disabled" : "bg-bg-tertiary border-border",
+        s.value ? "bg-bg border-brand-disabled" : "bg-bg-tertiary border-border",
         "opacity-60"
-      ) : r.value ? l.push("bg-bg border-brand") : l.push(
+      ) : s.value ? l.push("bg-bg border-brand") : l.push(
         "bg-bg border-border-strong",
         "group-hover:border-brand",
         "peer-focus-visible:ring-2 peer-focus-visible:ring-brand peer-focus-visible:ring-offset-2"
       ), l.join(" ");
     }), d = k(() => {
-      const l = [s[t.size].dot, "rounded-full"];
+      const l = [r[t.size].dot, "rounded-full"];
       return t.disabled ? l.push("bg-brand-disabled") : l.push("bg-brand"), l.join(" ");
     }), i = k(() => [
       "font-sans select-none",
-      s[t.size].label,
+      r[t.size].label,
       t.disabled ? "text-fg-disabled" : "text-fg"
     ].join(" ")), b = (c) => {
       if (t.disabled) return;
       const l = c.target, f = t.value ?? l.value;
       o("update:modelValue", f), o("change", f, c);
     };
-    return (c, l) => (g(), v("label", {
-      class: B([
+    return (c, l) => (g(), p("label", {
+      class: T([
         "inline-flex items-center gap-2",
         e.disabled ? "cursor-not-allowed" : "cursor-pointer",
         "group"
@@ -2171,39 +2171,39 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         id: e.id,
         type: "radio",
         name: e.name,
-        checked: r.value,
+        checked: s.value,
         disabled: e.disabled,
         value: e.value,
         class: "sr-only peer",
         onChange: b
       }, null, 40, no),
       F("span", {
-        class: B(a.value),
+        class: T(a.value),
         "aria-hidden": "true"
       }, [
-        r.value ? (g(), v("span", {
+        s.value ? (g(), p("span", {
           key: 0,
-          class: B(d.value)
+          class: T(d.value)
         }, null, 2)) : D("", !0)
       ], 2),
-      e.label || c.$slots.default ? (g(), v("span", {
+      e.label || c.$slots.default ? (g(), p("span", {
         key: 0,
-        class: B(i.value)
+        class: T(i.value)
       }, [
         N(c.$slots, "default", {}, () => [
-          X(T(e.label), 1)
+          X(B(e.label), 1)
         ])
       ], 2)) : D("", !0)
     ], 2));
   }
-}), oo = { class: "w-full" }, ro = ["for"], so = {
+}), oo = { class: "w-full" }, so = ["for"], ro = {
   key: 0,
   class: "text-error ml-1",
   "aria-hidden": "true"
 }, ao = { class: "relative" }, lo = ["id", "value", "disabled", "required", "aria-describedby", "aria-invalid"], io = ["selected"], co = ["value", "disabled"], uo = {
   class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3",
   "aria-hidden": "true"
-}, sr = /* @__PURE__ */ S({
+}, is = /* @__PURE__ */ S({
   __name: "DsSelect",
   props: {
     modelValue: {},
@@ -2218,9 +2218,9 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(e, { emit: n }) {
-    const t = e, o = n, r = fe("select"), s = `${r}-help`, a = `${r}-error`, d = k(() => {
+    const t = e, o = n, s = fe("select"), r = `${s}-help`, a = `${s}-error`, d = k(() => {
       const c = [];
-      return t.helpText && !t.error && c.push(s), t.error && c.push(a), c.length > 0 ? c.join(" ") : void 0;
+      return t.helpText && !t.error && c.push(r), t.error && c.push(a), c.length > 0 ? c.join(" ") : void 0;
     }), i = k(() => {
       const c = [
         "block",
@@ -2251,56 +2251,56 @@ 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(), v("div", oo, [
-      e.label ? (g(), v("label", {
+    return (c, l) => (g(), p("div", oo, [
+      e.label ? (g(), p("label", {
         key: 0,
-        for: R(r),
+        for: R(s),
         class: "block text-label mb-1"
       }, [
-        X(T(e.label) + " ", 1),
-        e.required ? (g(), v("span", so, "*")) : D("", !0)
-      ], 8, ro)) : D("", !0),
+        X(B(e.label) + " ", 1),
+        e.required ? (g(), p("span", ro, "*")) : D("", !0)
+      ], 8, so)) : D("", !0),
       F("div", ao, [
         F("select", {
-          id: R(r),
+          id: R(s),
           value: e.modelValue,
           disabled: e.disabled,
           required: e.required,
           "aria-describedby": d.value,
           "aria-invalid": e.error ? "true" : void 0,
-          class: B(i.value),
+          class: T(i.value),
           onChange: b,
           onBlur: l[0] || (l[0] = (f) => c.$emit("blur", f)),
           onFocus: l[1] || (l[1] = (f) => c.$emit("focus", f))
         }, [
-          e.placeholder ? (g(), v("option", {
+          e.placeholder ? (g(), p("option", {
             key: 0,
             value: "",
             disabled: "",
             selected: !e.modelValue
-          }, T(e.placeholder), 9, io)) : D("", !0),
-          (g(!0), v(re, null, se(e.options, (f) => (g(), v("option", {
+          }, B(e.placeholder), 9, io)) : D("", !0),
+          (g(!0), p(se, null, re(e.options, (f) => (g(), p("option", {
             key: f.value,
             value: f.value,
             disabled: f.disabled
-          }, T(f.label), 9, co))), 128))
+          }, B(f.label), 9, co))), 128))
         ], 42, lo),
         F("div", uo, [
-          ne(R(Ge), { class: "w-4 h-4 text-fg-tertiary" })
+          _(R(Ge), { class: "w-4 h-4 text-fg-tertiary" })
         ])
       ]),
-      e.helpText && !e.error ? (g(), v("div", {
+      e.helpText && !e.error ? (g(), p("div", {
         key: 1,
-        id: s,
+        id: r,
         class: "mt-1 text-caption"
-      }, T(e.helpText), 1)) : D("", !0),
-      e.error ? (g(), v("div", {
+      }, B(e.helpText), 1)) : D("", !0),
+      e.error ? (g(), p("div", {
         key: 2,
         id: a,
         class: "mt-1 text-sm text-error font-sans",
         role: "alert",
         "aria-live": "polite"
-      }, T(e.error), 1)) : D("", !0)
+      }, B(e.error), 1)) : D("", !0)
     ]));
   }
 }), fo = { class: "w-full overflow-x-auto" }, bo = {
@@ -2310,10 +2310,10 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   key: 0,
   class: "inline-flex",
   "aria-hidden": "true"
-}, vo = { key: 0 }, po = ["colspan"], yo = { key: 1 }, xo = ["colspan"], wo = {
+}, po = { key: 0 }, vo = ["colspan"], yo = { key: 1 }, xo = ["colspan"], wo = {
   key: 0,
   class: "flex items-center justify-between px-4 py-3 border-t border-solid border-border bg-bg-secondary text-sm"
-}, ko = { class: "text-fg-secondary" }, Fo = { class: "flex gap-2" }, Co = ["disabled"], $o = ["disabled"], ar = /* @__PURE__ */ S({
+}, ko = { class: "text-fg-secondary" }, Fo = { class: "flex gap-2" }, Co = ["disabled"], $o = ["disabled"], cs = /* @__PURE__ */ S({
   __name: "DsTable",
   props: {
     columns: {},
@@ -2328,7 +2328,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   emits: ["update:sortBy", "update:sortOrder", "update:page"],
   setup(e, { emit: n }) {
-    const t = e, o = n, r = k(() => t.pagination ? Math.ceil(t.pagination.total / t.pagination.perPage) : 0), s = k(() => t.pagination ? (t.pagination.page - 1) * t.pagination.perPage + 1 : 0), a = k(() => t.pagination ? Math.min(
+    const t = e, o = n, s = k(() => t.pagination ? Math.ceil(t.pagination.total / t.pagination.perPage) : 0), r = k(() => t.pagination ? (t.pagination.page - 1) * t.pagination.perPage + 1 : 0), a = k(() => t.pagination ? Math.min(
       t.pagination.page * t.pagination.perPage,
       t.pagination.total
     ) : 0);
@@ -2351,26 +2351,26 @@ 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(), v("div", fo, [
+    return (f, u) => (g(), p("div", fo, [
       F("table", bo, [
         F("thead", {
-          class: B(e.stickyHeader ? "sticky top-0 z-10" : "")
+          class: T(e.stickyHeader ? "sticky top-0 z-10" : "")
         }, [
           F("tr", mo, [
-            (g(!0), v(re, null, se(e.columns, (m) => (g(), v("th", {
+            (g(!0), p(se, null, re(e.columns, (m) => (g(), p("th", {
               key: m.key,
               style: he(m.width ? { width: m.width } : void 0),
-              class: B(c(m)),
+              class: T(c(m)),
               "aria-sort": i(m),
               onClick: (h) => m.sortable ? d(m.key) : void 0
             }, [
               F("div", {
-                class: B(["flex items-center gap-1", b(m.align)])
+                class: T(["flex items-center gap-1", b(m.align)])
               }, [
                 N(f.$slots, `header-${m.key}`, { column: m }, () => [
-                  X(T(m.label), 1)
+                  X(B(m.label), 1)
                 ]),
-                m.sortable ? (g(), v("span", ho, [
+                m.sortable ? (g(), p("span", ho, [
                   e.sortBy === m.key && e.sortOrder === "asc" ? (g(), I(R(Sn), {
                     key: 0,
                     class: "w-4 h-4"
@@ -2387,49 +2387,49 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           ])
         ], 2),
         F("tbody", null, [
-          e.loading ? (g(), v("tr", vo, [
+          e.loading ? (g(), p("tr", po, [
             F("td", {
               colspan: e.columns.length,
               class: "text-center py-12"
             }, [
               N(f.$slots, "loading", {}, () => [
-                ne(Jn, { centered: "" })
+                _(Jn, { centered: "" })
               ])
-            ], 8, po)
-          ])) : e.rows.length === 0 ? (g(), v("tr", yo, [
+            ], 8, vo)
+          ])) : e.rows.length === 0 ? (g(), p("tr", yo, [
             F("td", {
               colspan: e.columns.length,
               class: "text-center py-12 text-fg-secondary"
             }, [
               N(f.$slots, "empty", {}, () => [
-                X(T(e.emptyText), 1)
+                X(B(e.emptyText), 1)
               ])
             ], 8, xo)
           ])) : D("", !0),
-          (g(!0), v(re, null, se(e.rows, (m, h) => (g(), v("tr", {
+          (g(!0), p(se, null, re(e.rows, (m, h) => (g(), p("tr", {
             key: h,
-            class: B([
+            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), v(re, null, se(e.columns, (y) => (g(), v("td", {
+            (g(!0), p(se, null, re(e.columns, (y) => (g(), p("td", {
               key: y.key,
-              class: B(l(y))
+              class: T(l(y))
             }, [
               N(f.$slots, `cell-${y.key}`, {
                 row: m,
                 value: m[y.key],
                 index: h
               }, () => [
-                X(T(m[y.key]), 1)
+                X(B(m[y.key]), 1)
               ])
             ], 2))), 128))
           ], 2))), 128))
         ])
       ]),
-      e.pagination ? (g(), v("div", wo, [
-        F("span", ko, T(s.value) + "–" + T(a.value) + " of " + T(e.pagination.total), 1),
+      e.pagination ? (g(), p("div", wo, [
+        F("span", ko, B(r.value) + "–" + B(a.value) + " of " + B(e.pagination.total), 1),
         F("div", Fo, [
           F("button", {
             type: "button",
@@ -2439,7 +2439,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           }, " Previous ", 8, Co),
           F("button", {
             type: "button",
-            disabled: e.pagination.page >= r.value,
+            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, $o)
@@ -2447,7 +2447,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       ])) : D("", !0)
     ]));
   }
-}), Do = ["aria-label"], Eo = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick", "onKeydown"], Ao = ["id", "aria-labelledby", "hidden"], lr = /* @__PURE__ */ S({
+}), Do = ["aria-label"], Eo = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick", "onKeydown"], Ao = ["id", "aria-labelledby", "hidden"], ds = /* @__PURE__ */ S({
   __name: "DsTabs",
   props: {
     modelValue: {},
@@ -2457,7 +2457,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, o = n, r = fe("tabs"), s = k(
+    const t = e, o = n, s = fe("tabs"), r = k(
       () => t.variant === "line" ? "flex border-b border-solid border-border gap-0" : "flex gap-1 bg-neutral-soft p-1 rounded-lg"
     );
     function a(b) {
@@ -2500,34 +2500,34 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       }
       const m = l[u];
       o("update:modelValue", m.key);
-      const h = document.getElementById(`${r}-tab-${m.key}`);
+      const h = document.getElementById(`${s}-tab-${m.key}`);
       h == null || h.focus();
     }
-    return (b, c) => (g(), v("div", null, [
+    return (b, c) => (g(), p("div", null, [
       F("div", {
-        class: B(s.value),
+        class: T(r.value),
         role: "tablist",
         "aria-label": e.ariaLabel
       }, [
-        (g(!0), v(re, null, se(e.tabs, (l, f) => (g(), v("button", {
+        (g(!0), p(se, null, re(e.tabs, (l, f) => (g(), p("button", {
           key: l.key,
-          id: `${R(r)}-tab-${l.key}`,
+          id: `${R(s)}-tab-${l.key}`,
           role: "tab",
           type: "button",
           "aria-selected": e.modelValue === l.key,
-          "aria-controls": `${R(r)}-panel-${l.key}`,
+          "aria-controls": `${R(s)}-panel-${l.key}`,
           tabindex: e.modelValue === l.key ? 0 : -1,
           disabled: l.disabled,
-          class: B(d(l)),
+          class: T(d(l)),
           onClick: (u) => a(l),
           onKeydown: (u) => i(u, f)
-        }, T(l.label), 43, Eo))), 128))
+        }, B(l.label), 43, Eo))), 128))
       ], 10, Do),
-      (g(!0), v(re, null, se(e.tabs, (l) => (g(), v("div", {
+      (g(!0), p(se, null, re(e.tabs, (l) => (g(), p("div", {
         key: l.key,
-        id: `${R(r)}-panel-${l.key}`,
+        id: `${R(s)}-panel-${l.key}`,
         role: "tabpanel",
-        "aria-labelledby": `${R(r)}-tab-${l.key}`,
+        "aria-labelledby": `${R(s)}-tab-${l.key}`,
         hidden: e.modelValue !== l.key,
         tabindex: 0
       }, [
@@ -2545,7 +2545,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
 }, So = {
   key: 2,
   class: "text-caption ml-auto"
-}, ir = /* @__PURE__ */ S({
+}, us = /* @__PURE__ */ S({
   __name: "DsTextarea",
   props: {
     modelValue: {},
@@ -2562,7 +2562,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(e, { expose: n, emit: t }) {
-    const o = e, r = t, s = j(null), a = fe("textarea"), d = `${a}-help`, i = `${a}-error`, b = k(() => {
+    const o = e, s = t, r = j(null), a = fe("textarea"), d = `${a}-help`, i = `${a}-error`, b = k(() => {
       const h = [];
       return o.helpText && !o.error && h.push(d), o.error && h.push(i), h.length > 0 ? h.join(" ") : void 0;
     }), c = k(() => (o.modelValue || "").length), l = k(() => {
@@ -2593,29 +2593,29 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       return [...h, y[o.size], ...w].join(" ");
     }), f = (h) => {
       const y = h.target;
-      r("update:modelValue", y.value);
+      s("update:modelValue", y.value);
     };
     function u() {
       var h;
-      (h = s.value) == null || h.focus();
+      (h = r.value) == null || h.focus();
     }
     function m() {
       var h;
-      (h = s.value) == null || h.blur();
+      (h = r.value) == null || h.blur();
     }
-    return n({ focus: u, blur: m, textareaRef: s }), (h, y) => (g(), v("div", Bo, [
-      e.label ? (g(), v("label", {
+    return n({ focus: u, blur: m, textareaRef: r }), (h, y) => (g(), p("div", Bo, [
+      e.label ? (g(), p("label", {
         key: 0,
         for: R(a),
         class: "block text-label mb-1"
       }, [
-        X(T(e.label) + " ", 1),
-        e.required ? (g(), v("span", Ro, "*")) : D("", !0)
+        X(B(e.label) + " ", 1),
+        e.required ? (g(), p("span", Ro, "*")) : D("", !0)
       ], 8, To)) : D("", !0),
       F("div", Oo, [
         F("textarea", {
           ref_key: "textareaRef",
-          ref: s,
+          ref: r,
           id: R(a),
           value: e.modelValue,
           placeholder: e.placeholder,
@@ -2626,33 +2626,46 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           maxlength: e.maxLength,
           "aria-describedby": b.value,
           "aria-invalid": e.error ? "true" : void 0,
-          class: B(l.value),
+          class: T(l.value),
           onInput: f,
           onBlur: y[0] || (y[0] = (w) => h.$emit("blur", w)),
           onFocus: y[1] || (y[1] = (w) => h.$emit("focus", w))
         }, null, 42, Vo)
       ]),
-      e.helpText || e.error || e.maxLength ? (g(), v("div", Lo, [
-        e.helpText && !e.error ? (g(), v("div", {
+      e.helpText || e.error || e.maxLength ? (g(), p("div", Lo, [
+        e.helpText && !e.error ? (g(), p("div", {
           key: 0,
           id: d,
           class: "text-caption"
-        }, T(e.helpText), 1)) : D("", !0),
-        e.error ? (g(), v("div", {
+        }, B(e.helpText), 1)) : D("", !0),
+        e.error ? (g(), p("div", {
           key: 1,
           id: i,
           class: "text-sm text-error font-sans",
           role: "alert",
           "aria-live": "polite"
-        }, T(e.error), 1)) : D("", !0),
-        e.maxLength ? (g(), v("div", So, T(c.value) + " / " + T(e.maxLength), 1)) : D("", !0)
+        }, B(e.error), 1)) : D("", !0),
+        e.maxLength ? (g(), p("div", So, B(c.value) + " / " + B(e.maxLength), 1)) : D("", !0)
       ])) : D("", !0)
     ]));
   }
-}), zo = ["role", "aria-live"], Mo = { class: "flex items-start gap-3 flex-1 min-w-0" }, jo = { class: "flex-1 min-w-0" }, Po = {
+}), zo = { class: "flex flex-col items-center justify-center h-screen gap-4px" }, Mo = { class: "text-heading-xl text-fg m-0 p-0" }, jo = { class: "text-body-lg text-fg-secondary m-0 p-0" }, fs = /* @__PURE__ */ S({
+  __name: "DsUnderConstruction",
+  props: {
+    title: { default: "Under Construction" },
+    description: { default: "This page is under construction. Please check back later." }
+  },
+  setup(e) {
+    return (n, t) => (g(), p("div", zo, [
+      _(R(wt), { class: "w-10 h-10 text-fg-secondary" }),
+      F("h2", Mo, B(e.title), 1),
+      F("p", jo, B(e.description), 1)
+    ]));
+  }
+}), Po = ["role", "aria-live"], Io = { class: "flex items-start gap-3 flex-1 min-w-0" }, No = { class: "flex-1 min-w-0" }, Wo = {
   key: 0,
   class: "text-label m-0"
-}, Io = /* @__PURE__ */ S({
+}, Ho = /* @__PURE__ */ S({
   __name: "DsToast",
   props: {
     toast: {}
@@ -2660,14 +2673,14 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   emits: ["dismiss"],
   setup(e, { emit: n }) {
     const t = e, o = n;
-    let r = null, s = t.toast.duration, a = 0;
+    let s = null, r = t.toast.duration, a = 0;
     function d() {
-      s <= 0 || (a = Date.now(), r = setTimeout(() => {
+      r <= 0 || (a = Date.now(), s = setTimeout(() => {
         o("dismiss", t.toast.id);
-      }, s));
+      }, r));
     }
     function i() {
-      r && (clearTimeout(r), r = null, s -= Date.now() - a);
+      s && (clearTimeout(s), s = null, r -= Date.now() - a);
     }
     function b() {
       d();
@@ -2689,29 +2702,29 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       warning: "text-warning",
       info: "text-info"
     }, u = k(() => ["shrink-0 mt-0.5", f[t.toast.variant] || "text-brand"].join(" "));
-    return Dt(() => {
+    return Et(() => {
       t.toast.duration > 0 && d();
-    }), st(() => {
-      r && clearTimeout(r);
-    }), (m, h) => (g(), v("div", {
-      class: B(l.value),
+    }), rt(() => {
+      s && clearTimeout(s);
+    }), (m, h) => (g(), p("div", {
+      class: T(l.value),
       role: e.toast.variant === "error" ? "alert" : "status",
       "aria-live": e.toast.variant === "error" ? "assertive" : "polite",
       onMouseenter: i,
       onMouseleave: b
     }, [
-      F("div", Mo, [
+      F("div", Io, [
         F("span", {
-          class: B(u.value),
+          class: T(u.value),
           "aria-hidden": "true"
         }, [
-          e.toast.variant === "success" ? (g(), I(R(On), {
+          e.toast.variant === "success" ? (g(), I(R(Vn), {
             key: 0,
             class: "w-5 h-5"
           })) : e.toast.variant === "error" ? (g(), I(R(Be), {
             key: 1,
             class: "w-5 h-5"
-          })) : e.toast.variant === "warning" ? (g(), I(R(Vn), {
+          })) : e.toast.variant === "warning" ? (g(), I(R(wt), {
             key: 2,
             class: "w-5 h-5"
           })) : (g(), I(R(Ln), {
@@ -2719,29 +2732,29 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
             class: "w-5 h-5"
           }))
         ], 2),
-        F("div", jo, [
-          e.toast.title ? (g(), v("p", Po, T(e.toast.title), 1)) : D("", !0),
+        F("div", No, [
+          e.toast.title ? (g(), p("p", Wo, B(e.toast.title), 1)) : D("", !0),
           F("p", {
-            class: B(["text-body-sm m-0", e.toast.title ? "mt-0.5" : ""])
-          }, T(e.toast.message), 3)
+            class: T(["text-body-sm m-0", e.toast.title ? "mt-0.5" : ""])
+          }, B(e.toast.message), 3)
         ])
       ]),
-      e.toast.closable ? (g(), v("button", {
+      e.toast.closable ? (g(), p("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",
         "aria-label": "Dismiss notification",
         onClick: h[0] || (h[0] = (y) => m.$emit("dismiss", e.toast.id))
       }, [
-        ne(R(Be), { class: "w-4 h-4" })
+        _(R(Be), { class: "w-4 h-4" })
       ])) : D("", !0)
-    ], 42, zo));
+    ], 42, Po));
   }
 });
-let No = 0;
+let qo = 0;
 const Te = j([]);
 function xe(e, n, t) {
-  const o = ++No, r = {
+  const o = ++qo, s = {
     id: o,
     variant: e,
     message: n,
@@ -2749,16 +2762,16 @@ function xe(e, n, t) {
     duration: (t == null ? void 0 : t.duration) ?? 5e3,
     closable: (t == null ? void 0 : t.closable) ?? !0
   };
-  return Te.value.push(r), o;
+  return Te.value.push(s), o;
 }
-function Wo(e) {
+function Ko(e) {
   const n = Te.value.findIndex((t) => t.id === e);
   n !== -1 && Te.value.splice(n, 1);
 }
-function Ho() {
+function Uo() {
   return {
     toasts: Te,
-    removeToast: Wo,
+    removeToast: Ko,
     success: (e, n) => xe("success", e, n),
     error: (e, n) => xe("error", e, n),
     warning: (e, n) => xe("warning", e, n),
@@ -2766,16 +2779,16 @@ function Ho() {
     brand: (e, n) => xe("brand", e, n)
   };
 }
-const qo = {
+const Xo = {
   class: "fixed top-4 right-4 z-50 flex flex-col gap-3",
   "aria-label": "Notifications"
-}, cr = /* @__PURE__ */ S({
+}, bs = /* @__PURE__ */ S({
   __name: "DsToastContainer",
   setup(e) {
-    const { toasts: n, removeToast: t } = Ho();
-    return (o, r) => (g(), I(Oe, { to: "body" }, [
-      F("div", qo, [
-        ne(Et, {
+    const { toasts: n, removeToast: t } = Uo();
+    return (o, s) => (g(), I(Oe, { to: "body" }, [
+      F("div", Xo, [
+        _(At, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-8",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -2784,9 +2797,9 @@ const qo = {
           "leave-to-class": "opacity-0 translate-x-8"
         }, {
           default: Re(() => [
-            (g(!0), v(re, null, se(R(n), (s) => (g(), I(Io, {
-              key: s.id,
-              toast: s,
+            (g(!0), p(se, null, re(R(n), (r) => (g(), I(Ho, {
+              key: r.id,
+              toast: r,
               onDismiss: R(t)
             }, null, 8, ["toast", "onDismiss"]))), 128))
           ]),
@@ -2795,7 +2808,7 @@ const qo = {
       ])
     ]));
   }
-}), Ko = ["aria-describedby"], Uo = ["id"], dr = /* @__PURE__ */ S({
+}), Yo = ["aria-describedby"], Go = ["id"], ms = /* @__PURE__ */ S({
   __name: "DsTooltip",
   props: {
     content: {},
@@ -2803,9 +2816,9 @@ const qo = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = fe("tooltip"), o = j(!1), r = j(null), s = j(null), a = j(null), { floatingStyles: d, middlewareData: i, placement: b } = xt(r, s, {
+    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), pt(), vt({ padding: 8 }), Rn({ element: a })]
+      middleware: [ht(8), vt(), pt({ padding: 8 }), On({ element: a })]
     }), c = k(() => {
       const u = i.value.arrow;
       if (!u) return {};
@@ -2822,7 +2835,7 @@ const qo = {
     function f() {
       o.value = !1;
     }
-    return (u, m) => (g(), v("div", {
+    return (u, m) => (g(), p("div", {
       class: "inline-flex",
       onMouseenter: l,
       onMouseleave: f,
@@ -2831,13 +2844,13 @@ const qo = {
     }, [
       F("div", {
         ref_key: "referenceRef",
-        ref: r,
+        ref: s,
         "aria-describedby": o.value ? R(t) : void 0
       }, [
         N(u.$slots, "default")
-      ], 8, Ko),
+      ], 8, Yo),
       (g(), I(Oe, { to: "body" }, [
-        ne(at, {
+        _(at, {
           "enter-active-class": "transition-opacity duration-150",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -2846,30 +2859,30 @@ const qo = {
           "leave-to-class": "opacity-0"
         }, {
           default: Re(() => [
-            o.value && !e.disabled ? (g(), v("div", {
+            o.value && !e.disabled ? (g(), p("div", {
               key: 0,
               id: R(t),
               ref_key: "floatingRef",
-              ref: s,
+              ref: r,
               role: "tooltip",
               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(T(e.content) + " ", 1),
+              X(B(e.content) + " ", 1),
               F("div", {
                 ref_key: "arrowRef",
                 ref: a,
                 style: he(c.value),
                 class: "absolute w-2 h-2 bg-bg-inverse rotate-45"
               }, null, 4)
-            ], 12, Uo)) : D("", !0)
+            ], 12, Go)) : D("", !0)
           ]),
           _: 1
         })
       ]))
     ], 32));
   }
-}), Xo = {
+}), Jo = {
   // Core UI
   bg: "#FFFFFF",
   "bg-secondary": "#F8FAFC",
@@ -2977,7 +2990,7 @@ const qo = {
   "transcript-highlight": "#FEF3C7",
   "transcript-speaker": "#EDE9FE",
   "transcript-timestamp": "#F3F4F6"
-}, Yo = {
+}, Qo = {
   "space-1": "4px",
   "space-2": "8px",
   "space-3": "12px",
@@ -2986,51 +2999,52 @@ const qo = {
   "space-6": "32px",
   "space-7": "48px",
   "space-8": "64px"
-}, Go = {
+}, Zo = {
   "radius-sm": "4px",
   "radius-md": "6px",
   "radius-lg": "8px",
   "radius-xl": "12px",
   "radius-full": "9999px"
-}, Jo = {
+}, _o = {
   "shadow-sm": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
   "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)"
-}, ur = { ...Xo, ...Yo, ...Go, ...Jo };
-function fr(e) {
+}, gs = { ...Jo, ...Qo, ...Zo, ..._o };
+function hs(e) {
   return `--ds-${e}`;
 }
-function br(e, n = ":root") {
-  const t = Object.entries(e).map(([o, r]) => `  --ds-${o}: ${r};`).join(`
+function ps(e, n = ":root") {
+  const t = Object.entries(e).map(([o, s]) => `  --ds-${o}: ${s};`).join(`
 `);
   return `${n} {
 ${t}
 }`;
 }
 export {
-  Zo as DsAvatar,
-  _o as DsBadge,
-  Ot as DsButton,
-  er as DsCheckbox,
-  tr as DsDropdownSelect,
-  nr as DsInput,
+  ts as DsAvatar,
+  ns as DsBadge,
+  Vt as DsButton,
+  os as DsCheckbox,
+  ss as DsDropdownSelect,
+  rs as DsInput,
   Jn as DsLoadingSpinner,
-  or as DsModal,
-  rr as DsRadio,
-  sr as DsSelect,
-  ar as DsTable,
-  lr as DsTabs,
-  ir as DsTextarea,
-  Io as DsToast,
-  cr as DsToastContainer,
-  dr as DsTooltip,
-  ur as allTokens,
-  Xo as colorTokens,
-  br as generateThemeCss,
-  Go as radiusTokens,
-  Jo as shadowTokens,
-  Yo as spacingTokens,
-  fr as tokenToCssVar,
+  as as DsModal,
+  ls as DsRadio,
+  is as DsSelect,
+  cs as DsTable,
+  ds as DsTabs,
+  us as DsTextarea,
+  Ho as DsToast,
+  bs as DsToastContainer,
+  ms as DsTooltip,
+  fs as DsUnderConstruction,
+  gs as allTokens,
+  Jo as colorTokens,
+  ps as generateThemeCss,
+  Zo as radiusTokens,
+  _o as shadowTokens,
+  Qo as spacingTokens,
+  hs as tokenToCssVar,
   fe as useId,
-  Ho as useToast
+  Uo as useToast
 };