@leodamours/ds-components 0.2.6 → 0.2.8

package/dist/index.js

@@ -39,7 +39,7 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
         neutral: "bg-neutral-soft text-neutral-on-soft"
       }[n.variant]
     ].join(" "));
-    return (a, d) => (g(), v("span", {
+    return (a, u) => (g(), v("span", {
       class: T(s.value),
       role: "img",
       "aria-label": e.alt || e.name
@@ -49,7 +49,7 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
         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)
+        onError: u[0] || (u[0] = (c) => t.value = !0)
       }, null, 40, Tt)) : (g(), v("span", {
         key: 1,
         class: T(r.value),
@@ -197,12 +197,12 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
           "hover:bg-error-hover",
           "active:bg-error-active"
         ]
-      }, d = n.fullWidth ? ["w-full"] : [];
+      }, u = n.fullWidth ? ["w-full"] : [];
       return [
         ...s,
         ...r[n.size],
         ...a[n.variant],
-        ...d
+        ...u
       ].join(" ");
     }), o = k(() => ({
       small: "w-3 h-3",
@@ -258,32 +258,32 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
       medium: { box: "w-4 h-4", label: "text-sm", radius: "rounded" },
       large: { box: "w-5 h-5", label: "text-base", radius: "rounded-md" }
     }, r = k(() => {
-      const i = s[t.size], b = [
-        i.box,
-        i.radius,
+      const c = s[t.size], f = [
+        c.box,
+        c.radius,
         "inline-flex items-center justify-center",
         "border border-solid",
         "transition-all duration-150",
         "shrink-0"
       ];
-      return t.disabled ? b.push(
+      return t.disabled ? f.push(
         t.modelValue ? "bg-brand-disabled border-brand-disabled text-brand-on-solid" : "bg-bg-tertiary border-border text-transparent",
         "opacity-60"
-      ) : t.modelValue ? b.push("bg-brand border-brand text-brand-on-solid") : b.push(
+      ) : t.modelValue ? f.push("bg-brand border-brand text-brand-on-solid") : f.push(
         "bg-bg border-border-strong text-transparent",
         "group-hover:border-brand",
         "peer-focus-visible:ring-2 peer-focus-visible:ring-brand peer-focus-visible:ring-offset-2"
-      ), b.join(" ");
+      ), f.join(" ");
     }), a = k(() => [
       "font-sans select-none",
       s[t.size].label,
       t.disabled ? "text-fg-disabled" : "text-fg"
-    ].join(" ")), d = (i) => {
+    ].join(" ")), u = (c) => {
       if (t.disabled) return;
-      const c = i.target.checked;
-      o("update:modelValue", c), o("change", c, i);
+      const d = c.target.checked;
+      o("update:modelValue", d), o("change", d, c);
     };
-    return (i, b) => (g(), v("label", {
+    return (c, f) => (g(), v("label", {
       class: T([
         "inline-flex items-center gap-2",
         e.disabled ? "cursor-not-allowed" : "cursor-pointer",
@@ -297,21 +297,21 @@ const Bt = ["aria-label"], Tt = ["src", "alt"], ns = /* @__PURE__ */ S({
         disabled: e.disabled,
         value: e.value,
         class: "sr-only peer",
-        onChange: d
+        onChange: u
       }, null, 40, Vt),
       F("span", {
         class: T(r.value),
         "aria-hidden": "true"
       }, [
-        e.modelValue ? (g(), v("svg", St, [...b[0] || (b[0] = [
+        e.modelValue ? (g(), v("svg", St, [...f[0] || (f[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 || c.$slots.default ? (g(), v("span", {
         key: 0,
         class: T(a.value)
       }, [
-        N(i.$slots, "default", {}, () => [
+        N(c.$slots, "default", {}, () => [
           X(E(e.label), 1)
         ])
       ], 2)) : D("", !0)
@@ -428,48 +428,48 @@ function Ze(e, n, t) {
     reference: o,
     floating: s
   } = e;
-  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) {
+  const r = ne(n), a = qe(n), u = He(a), c = le(n), f = r === "y", d = o.x + o.width / 2 - s.width / 2, i = o.y + o.height / 2 - s.height / 2, m = o[u] / 2 - s[u] / 2;
+  let l;
+  switch (c) {
     case "top":
-      u = {
-        x: c,
+      l = {
+        x: d,
         y: o.y - s.height
       };
       break;
     case "bottom":
-      u = {
-        x: c,
+      l = {
+        x: d,
         y: o.y + o.height
       };
       break;
     case "right":
-      u = {
+      l = {
         x: o.x + o.width,
-        y: l
+        y: i
       };
       break;
     case "left":
-      u = {
+      l = {
         x: o.x - s.width,
-        y: l
+        y: i
       };
       break;
     default:
-      u = {
+      l = {
         x: o.x,
         y: o.y
       };
   }
   switch (ye(n)) {
     case "start":
-      u[a] -= f * (t && b ? -1 : 1);
+      l[a] -= m * (t && f ? -1 : 1);
       break;
     case "end":
-      u[a] += f * (t && b ? -1 : 1);
+      l[a] += m * (t && f ? -1 : 1);
       break;
   }
-  return u;
+  return l;
 }
 async function Ut(e, n) {
   var t;
@@ -479,41 +479,41 @@ async function Ut(e, n) {
     y: s,
     platform: r,
     rects: a,
-    elements: d,
-    strategy: i
+    elements: u,
+    strategy: c
   } = e, {
-    boundary: b = "clippingAncestors",
-    rootBoundary: c = "viewport",
-    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 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" ? {
+    boundary: f = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: i = "floating",
+    altBoundary: m = !1,
+    padding: l = 0
+  } = pe(n, e), h = it(l), y = u[m ? i === "floating" ? "reference" : "floating" : i], 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(u.floating)),
+    boundary: f,
+    rootBoundary: d,
+    strategy: c
+  })), C = i === "floating" ? {
     x: o,
     y: s,
     width: a.floating.width,
     height: a.floating.height
-  } : 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)) || {
+  } : a.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u.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
   }, B = Ae(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: d,
+    elements: u,
     rect: C,
     offsetParent: x,
-    strategy: i
+    strategy: c
   }) : C);
   return {
-    top: (w.top - B.top + m.top) / $.y,
-    bottom: (B.bottom - w.bottom + m.bottom) / $.y,
-    left: (w.left - B.left + m.left) / $.x,
-    right: (B.right - w.right + m.right) / $.x
+    top: (w.top - B.top + h.top) / $.y,
+    bottom: (B.bottom - w.bottom + h.bottom) / $.y,
+    left: (w.left - B.left + h.left) / $.x,
+    right: (B.right - w.right + h.right) / $.x
   };
 }
 const Xt = async (e, n, t) => {
@@ -522,63 +522,63 @@ const Xt = async (e, n, t) => {
     strategy: s = "absolute",
     middleware: r = [],
     platform: a
-  } = t, d = r.filter(Boolean), i = await (a.isRTL == null ? void 0 : a.isRTL(n));
-  let b = await a.getElementRects({
+  } = t, u = r.filter(Boolean), c = await (a.isRTL == null ? void 0 : a.isRTL(n));
+  let f = await a.getElementRects({
     reference: e,
     floating: n,
     strategy: s
   }), {
-    x: c,
-    y: l
-  } = Ze(b, o, i), f = o, u = {}, m = 0;
-  for (let y = 0; y < d.length; y++) {
-    var h;
+    x: d,
+    y: i
+  } = Ze(f, o, c), m = o, l = {}, h = 0;
+  for (let y = 0; y < u.length; y++) {
+    var b;
     const {
       name: w,
       fn: C
-    } = d[y], {
+    } = u[y], {
       x,
       y: $,
       data: B,
       reset: O
     } = await C({
-      x: c,
-      y: l,
+      x: d,
+      y: i,
       initialPlacement: o,
-      placement: f,
+      placement: m,
       strategy: s,
-      middlewareData: u,
-      rects: b,
+      middlewareData: l,
+      rects: f,
       platform: {
         ...a,
-        detectOverflow: (h = a.detectOverflow) != null ? h : Ut
+        detectOverflow: (b = a.detectOverflow) != null ? b : Ut
       },
       elements: {
         reference: e,
         floating: n
       }
     });
-    c = x ?? c, l = $ ?? l, u = {
-      ...u,
+    d = x ?? d, i = $ ?? i, l = {
+      ...l,
       [w]: {
-        ...u[w],
+        ...l[w],
         ...B
       }
-    }, O && m <= 50 && (m++, typeof O == "object" && (O.placement && (f = O.placement), O.rects && (b = O.rects === !0 ? await a.getElementRects({
+    }, O && h <= 50 && (h++, typeof O == "object" && (O.placement && (m = O.placement), O.rects && (f = O.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: n,
       strategy: s
     }) : O.rects), {
-      x: c,
-      y: l
-    } = Ze(b, f, i)), y = -1);
+      x: d,
+      y: i
+    } = Ze(f, m, c)), y = -1);
   }
   return {
-    x: c,
-    y: l,
-    placement: f,
+    x: d,
+    y: i,
+    placement: m,
     strategy: s,
-    middlewareData: u
+    middlewareData: l
   };
 }, Yt = (e) => ({
   name: "arrow",
@@ -590,25 +590,25 @@ const Xt = async (e, n, t) => {
       placement: s,
       rects: r,
       platform: a,
-      elements: d,
-      middlewareData: i
+      elements: u,
+      middlewareData: c
     } = n, {
-      element: b,
-      padding: c = 0
+      element: f,
+      padding: d = 0
     } = pe(e, n) || {};
-    if (b == null)
+    if (f == null)
       return {};
-    const l = it(c), f = {
+    const i = it(d), m = {
       x: t,
       y: o
-    }, u = qe(s), m = He(u), h = await a.getDimensions(b), y = u === "y", w = y ? "top" : "left", C = y ? "bottom" : "right", x = y ? "clientHeight" : "clientWidth", $ = r.reference[m] + r.reference[u] - f[u] - r.floating[m], B = f[u] - r.reference[u], O = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(b));
+    }, l = qe(s), h = He(l), b = await a.getDimensions(f), y = l === "y", w = y ? "top" : "left", C = y ? "bottom" : "right", x = y ? "clientHeight" : "clientWidth", $ = r.reference[h] + r.reference[l] - m[l] - r.floating[h], B = m[l] - r.reference[l], O = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(f));
     let A = O ? O[x] : 0;
-    (!A || !await (a.isElement == null ? void 0 : a.isElement(O))) && (A = d.floating[x] || r.floating[m]);
-    const z = $ / 2 - B / 2, M = A / 2 - h[m] / 2 - 1, W = ae(l[w], M), Y = ae(l[C], M), U = W, p = A - h[m] - Y, L = A / 2 - h[m] / 2 + z, V = Pe(U, L, p), P = !i.arrow && ye(s) != null && L !== V && r.reference[m] / 2 - (L < U ? W : Y) - h[m] / 2 < 0, H = P ? L < U ? L - U : L - p : 0;
+    (!A || !await (a.isElement == null ? void 0 : a.isElement(O))) && (A = u.floating[x] || r.floating[h]);
+    const z = $ / 2 - B / 2, M = A / 2 - b[h] / 2 - 1, W = ae(i[w], M), Y = ae(i[C], M), U = W, p = A - b[h] - Y, L = A / 2 - b[h] / 2 + z, V = Pe(U, L, p), P = !c.arrow && ye(s) != null && L !== V && r.reference[h] / 2 - (L < U ? W : Y) - b[h] / 2 < 0, H = P ? L < U ? L - U : L - p : 0;
     return {
-      [u]: f[u] + H,
+      [l]: m[l] + H,
       data: {
-        [u]: V,
+        [l]: V,
         centerOffset: L - V - H,
         ...P && {
           alignmentOffset: H
@@ -627,25 +627,25 @@ const Xt = async (e, n, t) => {
         placement: s,
         middlewareData: r,
         rects: a,
-        initialPlacement: d,
-        platform: i,
-        elements: b
+        initialPlacement: u,
+        platform: c,
+        elements: f
       } = n, {
-        mainAxis: c = !0,
-        crossAxis: l = !0,
-        fallbackPlacements: f,
-        fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: m = "none",
-        flipAlignment: h = !0,
+        mainAxis: d = !0,
+        crossAxis: i = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: l = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: b = !0,
         ...y
       } = pe(e, n);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const w = le(s), C = ne(d), x = le(d) === d, $ = await (i.isRTL == null ? void 0 : i.isRTL(b.floating)), B = f || (x || !h ? [Ee(d)] : It(d)), O = m !== "none";
-      !f && O && B.push(...qt(d, h, m, $));
-      const A = [d, ...B], z = await i.detectOverflow(n, y), M = [];
+      const w = le(s), C = ne(u), x = le(u) === u, $ = await (c.isRTL == null ? void 0 : c.isRTL(f.floating)), B = m || (x || !b ? [Ee(u)] : It(u)), O = h !== "none";
+      !m && O && B.push(...qt(u, b, h, $));
+      const A = [u, ...B], z = await c.detectOverflow(n, y), M = [];
       let W = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (c && M.push(z[w]), l) {
+      if (d && M.push(z[w]), i) {
         const L = Pt(s, a, $);
         M.push(z[L[0]], z[L[1]]);
       }
@@ -655,7 +655,7 @@ const Xt = async (e, n, t) => {
       }], !M.every((L) => L <= 0)) {
         var Y, U;
         const L = (((Y = r.flip) == null ? void 0 : Y.index) || 0) + 1, V = A[L];
-        if (V && (!(l === "alignment" ? C !== ne(V) : !1) || // We leave the current main axis only if every placement on that axis
+        if (V && (!(i === "alignment" ? C !== ne(V) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         W.every((G) => ne(G.placement) === C ? G.overflows[0] > 0 : !0)))
           return {
@@ -669,7 +669,7 @@ const Xt = async (e, n, t) => {
           };
         let P = (U = W.filter((H) => H.overflows[0] <= 0).sort((H, G) => H.overflows[1] - G.overflows[1])[0]) == null ? void 0 : U.placement;
         if (!P)
-          switch (u) {
+          switch (l) {
             case "bestFit": {
               var p;
               const H = (p = W.filter((G) => {
@@ -685,7 +685,7 @@ const Xt = async (e, n, t) => {
               break;
             }
             case "initialPlacement":
-              P = d;
+              P = u;
               break;
           }
         if (s !== P)
@@ -704,26 +704,26 @@ async function Qt(e, n) {
     placement: t,
     platform: o,
     elements: s
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = le(t), d = ye(t), i = ne(t) === "y", b = Jt.has(a) ? -1 : 1, c = r && i ? -1 : 1, l = pe(n, e);
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = le(t), u = ye(t), c = ne(t) === "y", f = Jt.has(a) ? -1 : 1, d = r && c ? -1 : 1, i = pe(n, e);
   let {
-    mainAxis: f,
-    crossAxis: u,
-    alignmentAxis: m
-  } = typeof l == "number" ? {
-    mainAxis: l,
+    mainAxis: m,
+    crossAxis: l,
+    alignmentAxis: h
+  } = typeof i == "number" ? {
+    mainAxis: i,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: l.mainAxis || 0,
-    crossAxis: l.crossAxis || 0,
-    alignmentAxis: l.alignmentAxis
+    mainAxis: i.mainAxis || 0,
+    crossAxis: i.crossAxis || 0,
+    alignmentAxis: i.alignmentAxis
   };
-  return d && typeof m == "number" && (u = d === "end" ? m * -1 : m), i ? {
-    x: u * c,
-    y: f * b
+  return u && typeof h == "number" && (l = u === "end" ? h * -1 : h), c ? {
+    x: l * d,
+    y: m * f
   } : {
-    x: f * b,
-    y: u * c
+    x: m * f,
+    y: l * d
   };
 }
 const Zt = function(e) {
@@ -736,13 +736,13 @@ const Zt = function(e) {
         x: s,
         y: r,
         placement: a,
-        middlewareData: d
-      } = n, i = await Qt(n, e);
-      return a === ((t = d.offset) == null ? void 0 : t.placement) && (o = d.arrow) != null && o.alignmentOffset ? {} : {
-        x: s + i.x,
-        y: r + i.y,
+        middlewareData: u
+      } = n, c = await Qt(n, e);
+      return a === ((t = u.offset) == null ? void 0 : t.placement) && (o = u.arrow) != null && o.alignmentOffset ? {} : {
+        x: s + c.x,
+        y: r + c.y,
         data: {
-          ...i,
+          ...c,
           placement: a
         }
       };
@@ -760,8 +760,8 @@ const Zt = function(e) {
         platform: r
       } = n, {
         mainAxis: a = !0,
-        crossAxis: d = !1,
-        limiter: i = {
+        crossAxis: u = !1,
+        limiter: c = {
           fn: (w) => {
             let {
               x: C,
@@ -773,24 +773,24 @@ const Zt = function(e) {
             };
           }
         },
-        ...b
-      } = pe(e, n), c = {
+        ...f
+      } = pe(e, n), d = {
         x: t,
         y: o
-      }, l = await r.detectOverflow(n, b), f = ne(le(s)), u = lt(f);
-      let m = c[u], h = c[f];
+      }, i = await r.detectOverflow(n, f), m = ne(le(s)), l = lt(m);
+      let h = d[l], b = d[m];
       if (a) {
-        const w = u === "y" ? "top" : "left", C = u === "y" ? "bottom" : "right", x = m + l[w], $ = m - l[C];
-        m = Pe(x, m, $);
-      }
-      if (d) {
-        const w = f === "y" ? "top" : "left", C = f === "y" ? "bottom" : "right", x = h + l[w], $ = h - l[C];
+        const w = l === "y" ? "top" : "left", C = l === "y" ? "bottom" : "right", x = h + i[w], $ = h - i[C];
         h = Pe(x, h, $);
       }
-      const y = i.fn({
+      if (u) {
+        const w = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", x = b + i[w], $ = b - i[C];
+        b = Pe(x, b, $);
+      }
+      const y = c.fn({
         ...n,
-        [u]: m,
-        [f]: h
+        [l]: h,
+        [m]: b
       });
       return {
         ...y,
@@ -798,8 +798,8 @@ const Zt = function(e) {
           x: y.x - t,
           y: y.y - o,
           enabled: {
-            [u]: a,
-            [f]: d
+            [l]: a,
+            [m]: u
           }
         }
       };
@@ -815,30 +815,30 @@ const Zt = function(e) {
         placement: s,
         rects: r,
         platform: a,
-        elements: d
+        elements: u
       } = n, {
-        apply: i = () => {
+        apply: c = () => {
         },
-        ...b
-      } = pe(e, n), c = await a.detectOverflow(n, b), l = le(s), f = ye(s), u = ne(s) === "y", {
-        width: m,
-        height: h
+        ...f
+      } = pe(e, n), d = await a.detectOverflow(n, f), i = le(s), m = ye(s), l = ne(s) === "y", {
+        width: h,
+        height: b
       } = 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), B = ae(m - c[w], x), O = !n.middlewareData.shift;
+      i === "top" || i === "bottom" ? (y = i, w = m === (await (a.isRTL == null ? void 0 : a.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : (w = i, y = m === "end" ? "top" : "bottom");
+      const C = b - d.top - d.bottom, x = h - d.left - d.right, $ = ae(b - d[y], C), B = ae(h - d[w], x), O = !n.middlewareData.shift;
       let A = $, z = B;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (z = x), (o = n.middlewareData.shift) != null && o.enabled.y && (A = C), O && !f) {
-        const W = q(c.left, 0), Y = q(c.right, 0), U = q(c.top, 0), p = q(c.bottom, 0);
-        u ? z = m - 2 * (W !== 0 || Y !== 0 ? W + Y : q(c.left, c.right)) : A = h - 2 * (U !== 0 || p !== 0 ? U + p : q(c.top, c.bottom));
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (z = x), (o = n.middlewareData.shift) != null && o.enabled.y && (A = C), O && !m) {
+        const W = q(d.left, 0), Y = q(d.right, 0), U = q(d.top, 0), p = q(d.bottom, 0);
+        l ? z = h - 2 * (W !== 0 || Y !== 0 ? W + Y : q(d.left, d.right)) : A = b - 2 * (U !== 0 || p !== 0 ? U + p : q(d.top, d.bottom));
       }
-      await i({
+      await c({
         ...n,
         availableWidth: z,
         availableHeight: A
       });
-      const M = await a.getDimensions(d.floating);
-      return m !== M.width || h !== M.height ? {
+      const M = await a.getDimensions(u.floating);
+      return h !== M.width || b !== M.height ? {
         reset: {
           rects: !0
         }
@@ -952,8 +952,8 @@ function ke(e, n, t) {
   n === void 0 && (n = []), t === void 0 && (t = !0);
   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(s) ? s : [], d && t ? ke(d) : []);
+    const u = Ne(a);
+    return n.concat(a, a.visualViewport || [], Fe(s) ? s : [], u && t ? ke(u) : []);
   }
   return n.concat(s, ke(s, [], t));
 }
@@ -963,11 +963,11 @@ function Ne(e) {
 function dt(e) {
   const n = Q(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
-  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), {
+  const s = ee(e), r = s ? e.offsetWidth : t, a = s ? e.offsetHeight : o, u = De(t) !== r || De(o) !== a;
+  return u && (t = r, o = a), {
     width: t,
     height: o,
-    $: d
+    $: u
   };
 }
 function Ye(e) {
@@ -982,10 +982,10 @@ function ge(e) {
     height: s,
     $: r
   } = dt(n);
-  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), {
+  let a = (r ? De(t.width) : t.width) / o, u = (r ? De(t.height) : t.height) / s;
+  return (!a || !Number.isFinite(a)) && (a = 1), (!u || !Number.isFinite(u)) && (u = 1), {
     x: a,
-    y: d
+    y: u
   };
 }
 const un = /* @__PURE__ */ Z(0);
@@ -1004,21 +1004,21 @@ function ce(e, n, t, o) {
   const s = e.getBoundingClientRect(), r = Ye(e);
   let a = Z(1);
   n && (o ? J(o) && (a = ge(o)) : a = ge(e));
-  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;
+  const u = fn(r, t, o) ? ut(r) : Z(0);
+  let c = (s.left + u.x) / a.x, f = (s.top + u.y) / a.y, d = s.width / a.x, i = 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;
-      i *= y.x, b *= y.y, c *= y.x, l *= y.y, i += x, b += $, m = K(h), h = Ne(m);
+    const m = K(r), l = o && J(o) ? K(o) : o;
+    let h = m, b = Ne(h);
+    for (; b && o && l !== h; ) {
+      const y = ge(b), w = b.getBoundingClientRect(), C = Q(b), x = w.left + (b.clientLeft + parseFloat(C.paddingLeft)) * y.x, $ = w.top + (b.clientTop + parseFloat(C.paddingTop)) * y.y;
+      c *= y.x, f *= y.y, d *= y.x, i *= y.y, c += x, f += $, h = K(b), b = Ne(h);
     }
   }
   return Ae({
-    width: c,
-    height: l,
-    x: i,
-    y: b
+    width: d,
+    height: i,
+    x: c,
+    y: f
   });
 }
 function ze(e, n) {
@@ -1039,24 +1039,24 @@ function bn(e) {
     offsetParent: o,
     strategy: s
   } = e;
-  const r = s === "fixed", a = te(o), d = n ? Ve(n.floating) : !1;
-  if (o === a || d && r)
+  const r = s === "fixed", a = te(o), u = n ? Ve(n.floating) : !1;
+  if (o === a || u && r)
     return t;
-  let i = {
+  let c = {
     scrollLeft: 0,
     scrollTop: 0
-  }, b = Z(1);
-  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;
+  }, f = Z(1);
+  const d = Z(0), i = ee(o);
+  if ((i || !i && !r) && ((ue(o) !== "body" || Fe(a)) && (c = Se(o)), ee(o))) {
+    const l = ce(o);
+    f = ge(o), d.x = l.x + o.clientLeft, d.y = l.y + o.clientTop;
   }
-  const f = a && !l && !r ? ft(a, i) : Z(0);
+  const m = a && !i && !r ? ft(a, c) : Z(0);
   return {
-    width: t.width * b.x,
-    height: t.height * b.y,
-    x: t.x * b.x - i.scrollLeft * b.x + c.x + f.x,
-    y: t.y * b.y - i.scrollTop * b.y + c.y + f.y
+    width: t.width * f.x,
+    height: t.height * f.y,
+    x: t.x * f.x - c.scrollLeft * f.x + d.x + m.x,
+    y: t.y * f.y - c.scrollTop * f.y + d.y + m.y
   };
 }
 function mn(e) {
@@ -1065,43 +1065,43 @@ function mn(e) {
 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;
+  const u = -t.scrollTop;
   return Q(o).direction === "rtl" && (a += q(n.clientWidth, o.clientWidth) - s), {
     width: s,
     height: r,
     x: a,
-    y: d
+    y: u
   };
 }
 const et = 25;
 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;
+  let r = o.clientWidth, a = o.clientHeight, u = 0, c = 0;
   if (s) {
     r = s.width, a = s.height;
-    const c = Xe();
-    (!c || c && n === "fixed") && (d = s.offsetLeft, i = s.offsetTop);
+    const d = Xe();
+    (!d || d && n === "fixed") && (u = s.offsetLeft, c = 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 && (r -= m);
-  } else b <= et && (r += b);
+  const f = ze(o);
+  if (f <= 0) {
+    const d = o.ownerDocument, i = d.body, m = getComputedStyle(i), l = d.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, h = Math.abs(o.clientWidth - i.clientWidth - l);
+    h <= et && (r -= h);
+  } else f <= et && (r += f);
   return {
     width: r,
     height: a,
-    x: d,
-    y: i
+    x: u,
+    y: c
   };
 }
 const vn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function pn(e, n) {
-  const t = ce(e, !0, n === "fixed"), o = t.top + e.clientTop, s = t.left + e.clientLeft, r = ee(e) ? ge(e) : Z(1), a = e.clientWidth * r.x, d = e.clientHeight * r.y, i = s * r.x, b = o * r.y;
+  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, u = e.clientHeight * r.y, c = s * r.x, f = o * r.y;
   return {
     width: a,
-    height: d,
-    x: i,
-    y: b
+    height: u,
+    x: c,
+    y: f
   };
 }
 function tt(e, n, t) {
@@ -1131,12 +1131,12 @@ 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"), s = null;
+  let o = ke(e, [], !1).filter((u) => J(u) && ue(u) !== "body"), s = null;
   const r = Q(e).position === "fixed";
   let a = r ? ie(e) : e;
   for (; J(a) && !ve(a); ) {
-    const d = Q(a), i = Ue(a);
-    !i && d.position === "fixed" && (s = null), (r ? !i && !s : !i && d.position === "static" && !!s && vn.has(s.position) || Fe(a) && !i && bt(e, a)) ? o = o.filter((c) => c !== a) : s = d, a = ie(a);
+    const u = Q(a), c = Ue(a);
+    !c && u.position === "fixed" && (s = null), (r ? !c && !s : !c && u.position === "static" && !!s && vn.has(s.position) || Fe(a) && !c && bt(e, a)) ? o = o.filter((d) => d !== a) : s = u, a = ie(a);
   }
   return n.set(e, o), o;
 }
@@ -1147,15 +1147,15 @@ function xn(e) {
     rootBoundary: o,
     strategy: s
   } = e;
-  const a = [...t === "clippingAncestors" ? Ve(n) ? [] : yn(n, this._c) : [].concat(t), o], d = a[0], i = a.reduce((b, c) => {
-    const l = tt(n, c, s);
-    return b.top = q(l.top, b.top), b.right = ae(l.right, b.right), b.bottom = ae(l.bottom, b.bottom), b.left = q(l.left, b.left), b;
-  }, tt(n, d, s));
+  const a = [...t === "clippingAncestors" ? Ve(n) ? [] : yn(n, this._c) : [].concat(t), o], u = a[0], c = a.reduce((f, d) => {
+    const i = tt(n, d, s);
+    return f.top = q(i.top, f.top), f.right = ae(i.right, f.right), f.bottom = ae(i.bottom, f.bottom), f.left = q(i.left, f.left), f;
+  }, tt(n, u, s));
   return {
-    width: i.right - i.left,
-    height: i.bottom - i.top,
-    x: i.left,
-    y: i.top
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
   };
 }
 function wn(e) {
@@ -1170,24 +1170,24 @@ function wn(e) {
 }
 function kn(e, n, t) {
   const o = ee(n), s = te(n), r = t === "fixed", a = ce(e, !0, r, n);
-  let d = {
+  let u = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const i = Z(0);
-  function b() {
-    i.x = ze(s);
+  const c = Z(0);
+  function f() {
+    c.x = ze(s);
   }
   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 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;
+    if ((ue(n) !== "body" || Fe(s)) && (u = Se(n)), o) {
+      const l = ce(n, !0, r, n);
+      c.x = l.x + n.clientLeft, c.y = l.y + n.clientTop;
+    } else s && f();
+  r && !o && s && f();
+  const d = s && !o && !r ? ft(s, u) : Z(0), i = a.left + u.scrollLeft - c.x - d.x, m = a.top + u.scrollTop - c.y - d.y;
   return {
-    x: l,
-    y: f,
+    x: i,
+    y: m,
     width: a.width,
     height: a.height
   };
@@ -1255,34 +1255,34 @@ function Dn(e, n) {
   let t = null, o;
   const s = te(e);
   function r() {
-    var d;
-    clearTimeout(o), (d = t) == null || d.disconnect(), t = null;
+    var u;
+    clearTimeout(o), (u = t) == null || u.disconnect(), t = null;
   }
-  function a(d, i) {
-    d === void 0 && (d = !1), i === void 0 && (i = 1), r();
-    const b = e.getBoundingClientRect(), {
-      left: c,
-      top: l,
-      width: f,
-      height: u
-    } = b;
-    if (d || n(), !f || !u)
+  function a(u, c) {
+    u === void 0 && (u = !1), c === void 0 && (c = 1), r();
+    const f = e.getBoundingClientRect(), {
+      left: d,
+      top: i,
+      width: m,
+      height: l
+    } = f;
+    if (u || n(), !m || !l)
       return;
-    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
+    const h = Ce(i), b = Ce(s.clientWidth - (d + m)), y = Ce(s.clientHeight - (i + l)), w = Ce(d), x = {
+      rootMargin: -h + "px " + -b + "px " + -y + "px " + -w + "px",
+      threshold: q(0, ae(1, c)) || 1
     };
     let $ = !0;
     function B(O) {
       const A = O[0].intersectionRatio;
-      if (A !== i) {
+      if (A !== c) {
         if (!$)
           return a();
         A ? a(!1, A) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      A === 1 && !gt(b, e.getBoundingClientRect()) && a(), $ = !1;
+      A === 1 && !gt(f, e.getBoundingClientRect()) && a(), $ = !1;
     }
     try {
       t = new IntersectionObserver(B, {
@@ -1303,34 +1303,34 @@ function En(e, n, t, o) {
     ancestorScroll: s = !0,
     ancestorResize: r = !0,
     elementResize: a = typeof ResizeObserver == "function",
-    layoutShift: d = typeof IntersectionObserver == "function",
-    animationFrame: i = !1
-  } = o, b = Ye(e), c = s || r ? [...b ? ke(b) : [], ...ke(n)] : [];
-  c.forEach((w) => {
+    layoutShift: u = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, f = Ye(e), d = s || r ? [...f ? ke(f) : [], ...ke(n)] : [];
+  d.forEach((w) => {
     s && w.addEventListener("scroll", t, {
       passive: !0
     }), r && w.addEventListener("resize", t);
   });
-  const l = b && d ? Dn(b, t) : null;
-  let f = -1, u = null;
-  a && (u = new ResizeObserver((w) => {
+  const i = f && u ? Dn(f, t) : null;
+  let m = -1, l = null;
+  a && (l = new ResizeObserver((w) => {
     let [C] = w;
-    C && C.target === b && u && (u.unobserve(n), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+    C && C.target === f && l && (l.unobserve(n), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var x;
-      (x = u) == null || x.observe(n);
+      (x = l) == null || x.observe(n);
     })), t();
-  }), b && !i && u.observe(b), u.observe(n));
-  let m, h = i ? ce(e) : null;
-  i && y();
+  }), f && !c && l.observe(f), l.observe(n));
+  let h, b = c ? ce(e) : null;
+  c && y();
   function y() {
     const w = ce(e);
-    h && !gt(h, w) && t(), h = w, m = requestAnimationFrame(y);
+    b && !gt(b, w) && t(), b = w, h = requestAnimationFrame(y);
   }
   return t(), () => {
     var w;
-    c.forEach((C) => {
+    d.forEach((C) => {
       s && C.removeEventListener("scroll", t), r && C.removeEventListener("resize", t);
-    }), l == null || l(), (w = u) == null || w.disconnect(), u = null, i && cancelAnimationFrame(m);
+    }), i == null || i(), (w = l) == null || w.disconnect(), l = null, c && cancelAnimationFrame(h);
   };
 }
 const ht = Zt, vt = _t, pt = Gt, An = en, Bn = Yt, Tn = (e, n, t) => {
@@ -1387,44 +1387,44 @@ function xt(e, n, t) {
   }), r = k(() => me(t.middleware)), a = k(() => {
     var A;
     return (A = me(t.placement)) != null ? A : "bottom";
-  }), d = k(() => {
+  }), u = k(() => {
     var A;
     return (A = me(t.strategy)) != null ? A : "absolute";
-  }), i = k(() => {
+  }), c = k(() => {
     var A;
     return (A = me(t.transform)) != null ? A : !0;
-  }), b = k(() => We(e.value)), c = k(() => We(n.value)), l = j(0), f = j(0), u = j(d.value), m = j(a.value), h = Ft({}), y = j(!1), w = k(() => {
+  }), f = k(() => We(e.value)), d = k(() => We(n.value)), i = j(0), m = j(0), l = j(u.value), h = j(a.value), b = Ft({}), y = j(!1), w = k(() => {
     const A = {
-      position: u.value,
+      position: l.value,
       left: "0",
       top: "0"
     };
-    if (!c.value)
+    if (!d.value)
       return A;
-    const z = ot(c.value, l.value), M = ot(c.value, f.value);
-    return i.value ? {
+    const z = ot(d.value, i.value), M = ot(d.value, m.value);
+    return c.value ? {
       ...A,
       transform: "translate(" + z + "px, " + M + "px)",
-      ...yt(c.value) >= 1.5 && {
+      ...yt(d.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: u.value,
+      position: l.value,
       left: z + "px",
       top: M + "px"
     };
   });
   let C;
   function x() {
-    if (b.value == null || c.value == null)
+    if (f.value == null || d.value == null)
       return;
     const A = s.value;
-    Tn(b.value, c.value, {
+    Tn(f.value, d.value, {
       middleware: r.value,
       placement: a.value,
-      strategy: d.value
+      strategy: u.value
     }).then((z) => {
-      l.value = z.x, f.value = z.y, u.value = z.strategy, m.value = z.placement, h.value = z.middlewareData, y.value = A !== !1;
+      i.value = z.x, m.value = z.y, l.value = z.strategy, h.value = z.placement, b.value = z.middlewareData, y.value = A !== !1;
     });
   }
   function $() {
@@ -1435,26 +1435,26 @@ function xt(e, n, t) {
       x();
       return;
     }
-    if (b.value != null && c.value != null) {
-      C = o(b.value, c.value, x);
+    if (f.value != null && d.value != null) {
+      C = o(f.value, d.value, x);
       return;
     }
   }
   function O() {
     s.value || (y.value = !1);
   }
-  return we([r, a, d, s], x, {
+  return we([r, a, u, s], x, {
     flush: "sync"
-  }), we([b, c], B, {
+  }), we([f, d], B, {
     flush: "sync"
   }), we(s, O, {
     flush: "sync"
   }), Ct() && $t($), {
-    x: be(l),
-    y: be(f),
-    strategy: be(u),
-    placement: be(m),
-    middlewareData: be(h),
+    x: be(i),
+    y: be(m),
+    strategy: be(l),
+    placement: be(h),
+    middlewareData: be(b),
     isPositioned: be(y),
     floatingStyles: w,
     update: x
@@ -1604,10 +1604,10 @@ 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, 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(s, r, {
+    const t = e, o = n, s = j(), r = j(), a = j(!1), u = fe("listbox"), c = j(-1), f = k(() => {
+      if (!(!a.value || c.value < 0))
+        return d(c.value);
+    }), d = (p) => `${u}-option-${p}`, { floatingStyles: i } = xt(s, r, {
       placement: "bottom-start",
       middleware: [
         ht(4),
@@ -1622,11 +1622,11 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         })
       ],
       whileElementsMounted: En
-    }), 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 = () => {
+    }), m = k(() => t.modelValue), l = k(() => t.options.find((p) => b(p) === m.value)), h = k(() => l.value ? y(l.value) : ""), b = (p) => typeof p == "object" && p !== null ? p.value : p, y = (p) => typeof p == "object" && p !== null ? p.label : String(p), w = (p) => typeof p == "object" && p !== null && p.disabled || !1, C = () => {
       je(() => {
         const p = r.value;
-        if (!p || i.value < 0) return;
-        const L = p.querySelector(`#${c(i.value)}`);
+        if (!p || c.value < 0) return;
+        const L = p.querySelector(`#${d(c.value)}`);
         L == null || L.scrollIntoView({ block: "nearest" });
       });
     }, x = (p, L) => {
@@ -1637,31 +1637,31 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       }
       return -1;
     }, $ = () => {
-      const p = x(i.value + 1, 1);
-      p >= 0 && (i.value = p, C());
+      const p = x(c.value + 1, 1);
+      p >= 0 && (c.value = p, C());
     }, B = () => {
-      const p = x(i.value - 1, -1);
-      p >= 0 && (i.value = p, C());
+      const p = x(c.value - 1, -1);
+      p >= 0 && (c.value = p, C());
     }, O = () => {
       const p = x(0, 1);
-      p >= 0 && (i.value = p, C());
+      p >= 0 && (c.value = p, C());
     }, A = () => {
       const p = x(t.options.length - 1, -1);
-      p >= 0 && (i.value = p, C());
+      p >= 0 && (c.value = p, C());
     }, z = () => {
       t.disabled || t.loading || (a.value = !0, je(() => {
         const p = t.options.findIndex(
-          (L) => h(L) === f.value
+          (L) => b(L) === m.value
         );
-        p >= 0 && !w(t.options[p]) ? i.value = p : O(), C();
+        p >= 0 && !w(t.options[p]) ? c.value = p : O(), C();
       }));
     }, M = () => {
-      a.value = !1, i.value = -1;
+      a.value = !1, c.value = -1;
     }, W = () => {
       t.disabled || t.loading || (a.value ? M() : z());
     }, Y = (p) => {
       if (w(p)) return;
-      const L = h(p);
+      const L = b(p);
       o("update:modelValue", L), o("change", L, p), M();
     }, U = (p) => {
       if (!(t.disabled || t.loading)) {
@@ -1671,10 +1671,10 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         }
         switch (p.key) {
           case "ArrowDown":
-            p.preventDefault(), i.value < 0 ? O() : $();
+            p.preventDefault(), c.value < 0 ? O() : $();
             break;
           case "ArrowUp":
-            p.preventDefault(), i.value < 0 ? A() : B();
+            p.preventDefault(), c.value < 0 ? A() : B();
             break;
           case "Home":
             p.preventDefault(), O();
@@ -1684,7 +1684,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
             break;
           case "Enter":
           case " ":
-            p.preventDefault(), i.value >= 0 && i.value < t.options.length && Y(t.options[i.value]);
+            p.preventDefault(), c.value >= 0 && c.value < t.options.length && Y(t.options[c.value]);
             break;
           case "Escape":
             p.preventDefault(), M();
@@ -1708,15 +1708,15 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         fullWidth: e.fullWidth,
         role: "combobox",
         "aria-expanded": a.value ? "true" : "false",
-        "aria-controls": R(d),
+        "aria-controls": R(u),
         "aria-haspopup": "listbox",
-        "aria-activedescendant": b.value,
+        "aria-activedescendant": f.value,
         onClick: W,
         onKeydown: U
       }, {
         default: Re(() => [
           N(p.$slots, "trigger", {}, () => [
-            X(E(m.value || e.placeholder), 1)
+            X(E(h.value || e.placeholder), 1)
           ])
         ]),
         _: 3
@@ -1726,31 +1726,31 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           key: 0,
           ref_key: "floatingRef",
           ref: r,
-          id: R(d),
+          id: R(u),
           role: "listbox",
           "aria-label": e.placeholder,
-          style: he(R(l)),
+          style: he(R(i)),
           class: "z-50 min-w-32 bg-bg border border-solid border-border rounded-md shadow-default max-h-64 overflow-y-auto",
           onClick: L[0] || (L[0] = Dt(() => {
           }, ["stop"]))
         }, [
           (g(!0), v(se, null, re(e.options, (V, P) => (g(), v("div", {
-            key: h(V),
-            id: c(P),
+            key: b(V),
+            id: d(P),
             role: "option",
-            "aria-selected": f.value === h(V) ? "true" : "false",
+            "aria-selected": m.value === b(V) ? "true" : "false",
             "aria-disabled": w(V) ? "true" : void 0,
             class: T([
               "px-3 py-2 text-sm transition-colors outline-none",
               w(V) ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-              f.value === h(V) ? "bg-brand text-brand-on-solid" : "",
-              i.value === P && f.value !== h(V) ? "bg-surface-hover" : "",
-              (i.value !== P && f.value !== h(V), ""),
+              m.value === b(V) ? "bg-brand text-brand-on-solid" : "",
+              c.value === P && m.value !== b(V) ? "bg-surface-hover" : "",
+              (c.value !== P && m.value !== b(V), ""),
               P === 0 ? "rounded-t-md" : "",
               P === e.options.length - 1 ? "rounded-b-md" : ""
             ]),
             onClick: (H) => Y(V),
-            onMouseenter: (H) => i.value = P
+            onMouseenter: (H) => c.value = P
           }, [
             N(p.$slots, "option", {
               option: V,
@@ -1805,10 +1805,10 @@ 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, s = t, r = j(null), a = fe("input"), d = `${a}-help`, i = `${a}-error`, b = k(() => {
+    const o = e, s = t, r = j(null), a = fe("input"), u = `${a}-help`, c = `${a}-error`, f = 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(() => {
+      return o.helpText && !o.error && x.push(u), o.error && x.push(c), x.length > 0 ? x.join(" ") : void 0;
+    }), d = k(() => o.clearable && m.value && !o.disabled), i = k(() => o.iconRight || o.clearable), m = k(() => o.modelValue == null ? !1 : typeof o.modelValue == "string" ? o.modelValue.length > 0 : !0), l = k(() => {
       const x = [
         "block",
         "w-full",
@@ -1837,14 +1837,14 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         B.text,
         B.py,
         o.iconLeft ? B.pl : B.px,
-        l.value ? B.pr : B.px,
+        i.value ? B.pr : B.px,
         ...O
       ].join(" ");
-    }), m = k(() => {
+    }), h = k(() => {
       const x = { small: "w-4 h-4", medium: "w-5 h-5", large: "w-6 h-6" }, $ = o.error ? "text-error" : "text-fg-tertiary";
       return `${x[o.size]} ${$}`;
     });
-    function h(x) {
+    function b(x) {
       const $ = x.target;
       if (o.type === "number") {
         const B = Number($.value);
@@ -1876,7 +1876,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       F("div", Kn, [
         e.iconLeft ? (g(), v("div", Un, [
           (g(), I($e(e.iconLeft), {
-            class: T(m.value)
+            class: T(h.value)
           }, null, 8, ["class"]))
         ])) : D("", !0),
         F("input", {
@@ -1894,20 +1894,20 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           min: e.min,
           max: e.max,
           step: e.step,
-          "aria-describedby": b.value,
+          "aria-describedby": f.value,
           "aria-invalid": e.error ? "true" : void 0,
-          class: T(u.value),
-          onInput: h,
+          class: T(l.value),
+          onInput: b,
           onBlur: $[0] || ($[0] = (B) => x.$emit("blur", B)),
           onFocus: $[1] || ($[1] = (B) => x.$emit("focus", B)),
           onKeydown: $[2] || ($[2] = st((B) => x.$emit("enter"), ["enter"]))
         }, null, 42, Xn),
-        e.iconRight && !c.value ? (g(), v("div", Yn, [
+        e.iconRight && !d.value ? (g(), v("div", Yn, [
           (g(), I($e(e.iconRight), {
-            class: T(m.value)
+            class: T(h.value)
           }, null, 8, ["class"]))
         ])) : D("", !0),
-        c.value ? (g(), v("button", {
+        d.value ? (g(), v("button", {
           key: 2,
           type: "button",
           "aria-label": "Clear input",
@@ -1919,12 +1919,12 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       ]),
       e.helpText && !e.error ? (g(), v("div", {
         key: 1,
-        id: d,
+        id: u,
         class: "mt-1 text-caption"
       }, E(e.helpText), 1)) : D("", !0),
       e.error ? (g(), v("div", {
         key: 2,
-        id: i,
+        id: c,
         class: "mt-1 text-sm text-error font-sans",
         role: "alert",
         "aria-live": "polite"
@@ -1955,7 +1955,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         small: ["w-4", "h-4", "border-2"],
         medium: ["w-6", "h-6", "border-4"],
         large: ["w-8", "h-8", "border-6"]
-      }, d = {
+      }, u = {
         primary: [
           "border-brand",
           "border-t-transparent"
@@ -1976,7 +1976,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       return [
         ...r,
         ...a[n.size],
-        ...d[n.variant]
+        ...u[n.variant]
       ].join(" ");
     }), s = k(() => [
       {
@@ -2018,44 +2018,44 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   setup(e, { emit: n }) {
     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 ${{
+    const u = k(() => `relative z-10 bg-bg rounded-lg shadow-lg w-full ${{
       sm: "max-w-sm",
       md: "max-w-lg",
       lg: "max-w-2xl",
       xl: "max-w-4xl"
     }[t.size]} max-h-[90vh] flex flex-col`);
-    function i() {
+    function c() {
       o("update:modelValue", !1), o("close");
     }
-    function b() {
-      t.persistent || i();
+    function f() {
+      t.persistent || c();
     }
-    function c() {
-      t.persistent || i();
+    function d() {
+      t.persistent || c();
     }
-    function l() {
+    function i() {
       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"])'
         )
       ) : [];
     }
-    function f(u) {
-      if (u.key !== "Tab") return;
-      const m = l();
-      if (m.length === 0) return;
-      const h = m[0], y = m[m.length - 1];
-      u.shiftKey && document.activeElement === h ? (u.preventDefault(), y.focus()) : !u.shiftKey && document.activeElement === y && (u.preventDefault(), h.focus());
+    function m(l) {
+      if (l.key !== "Tab") return;
+      const h = i();
+      if (h.length === 0) return;
+      const b = h[0], y = h[h.length - 1];
+      l.shiftKey && document.activeElement === b ? (l.preventDefault(), y.focus()) : !l.shiftKey && document.activeElement === y && (l.preventDefault(), b.focus());
     }
     return we(
       () => t.modelValue,
-      async (u) => {
-        var m;
-        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);
+      async (l) => {
+        var h;
+        l ? (a = document.activeElement, document.body.style.overflow = "hidden", document.addEventListener("keydown", m), await je(), (h = r.value) == null || h.focus()) : (document.body.style.overflow = "", document.removeEventListener("keydown", m), a == null || a.focus(), a = null);
       }
     ), rt(() => {
-      document.body.style.overflow = "", document.removeEventListener("keydown", f);
-    }), (u, m) => (g(), I(Le, { to: "body" }, [
+      document.body.style.overflow = "", document.removeEventListener("keydown", m);
+    }), (l, h) => (g(), I(Le, { to: "body" }, [
       _(at, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
@@ -2068,12 +2068,12 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           e.modelValue ? (g(), v("div", {
             key: 0,
             class: "fixed inset-0 z-50 flex items-center justify-center p-4",
-            onKeydown: st(c, ["escape"])
+            onKeydown: st(d, ["escape"])
           }, [
             F("div", {
               class: "absolute inset-0 bg-bg-inverse/50",
               "aria-hidden": "true",
-              onClick: b
+              onClick: f
             }),
             F("div", {
               ref_key: "panelRef",
@@ -2081,11 +2081,11 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
               role: "dialog",
               "aria-modal": "true",
               "aria-labelledby": R(s),
-              class: T(d.value),
+              class: T(u.value),
               tabindex: "-1"
             }, [
               F("div", Zn, [
-                N(u.$slots, "header", {}, () => [
+                N(l.$slots, "header", {}, () => [
                   F("h2", {
                     id: R(s),
                     class: "text-heading-lg m-0"
@@ -2096,16 +2096,16 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
                   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
+                  onClick: c
                 }, [
                   _(R(Be), { class: "w-5 h-5" })
                 ])) : D("", !0)
               ]),
               F("div", eo, [
-                N(u.$slots, "default")
+                N(l.$slots, "default")
               ]),
-              u.$slots.footer ? (g(), v("div", to, [
-                N(u.$slots, "footer")
+              l.$slots.footer ? (g(), v("div", to, [
+                N(l.$slots, "footer")
               ])) : D("", !0)
             ], 10, Qn)
           ], 32)) : D("", !0)
@@ -2132,7 +2132,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       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 = [
+      const i = [
         r[t.size].circle,
         "rounded-full",
         "inline-flex items-center justify-center",
@@ -2140,27 +2140,27 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         "transition-all duration-150",
         "shrink-0"
       ];
-      return t.disabled ? l.push(
+      return t.disabled ? i.push(
         s.value ? "bg-bg border-brand-disabled" : "bg-bg-tertiary border-border",
         "opacity-60"
-      ) : s.value ? l.push("bg-bg border-brand") : l.push(
+      ) : s.value ? i.push("bg-bg border-brand") : i.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 = [r[t.size].dot, "rounded-full"];
-      return t.disabled ? l.push("bg-brand-disabled") : l.push("bg-brand"), l.join(" ");
-    }), i = k(() => [
+      ), i.join(" ");
+    }), u = k(() => {
+      const i = [r[t.size].dot, "rounded-full"];
+      return t.disabled ? i.push("bg-brand-disabled") : i.push("bg-brand"), i.join(" ");
+    }), c = k(() => [
       "font-sans select-none",
       r[t.size].label,
       t.disabled ? "text-fg-disabled" : "text-fg"
-    ].join(" ")), b = (c) => {
+    ].join(" ")), f = (d) => {
       if (t.disabled) return;
-      const l = c.target, f = t.value ?? l.value;
-      o("update:modelValue", f), o("change", f, c);
+      const i = d.target, m = t.value ?? i.value;
+      o("update:modelValue", m), o("change", m, d);
     };
-    return (c, l) => (g(), v("label", {
+    return (d, i) => (g(), v("label", {
       class: T([
         "inline-flex items-center gap-2",
         e.disabled ? "cursor-not-allowed" : "cursor-pointer",
@@ -2175,7 +2175,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         disabled: e.disabled,
         value: e.value,
         class: "sr-only peer",
-        onChange: b
+        onChange: f
       }, null, 40, no),
       F("span", {
         class: T(a.value),
@@ -2183,14 +2183,14 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       }, [
         s.value ? (g(), v("span", {
           key: 0,
-          class: T(d.value)
+          class: T(u.value)
         }, null, 2)) : D("", !0)
       ], 2),
-      e.label || c.$slots.default ? (g(), v("span", {
+      e.label || d.$slots.default ? (g(), v("span", {
         key: 0,
-        class: T(i.value)
+        class: T(c.value)
       }, [
-        N(c.$slots, "default", {}, () => [
+        N(d.$slots, "default", {}, () => [
           X(E(e.label), 1)
         ])
       ], 2)) : D("", !0)
@@ -2218,11 +2218,11 @@ 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, s = fe("select"), r = `${s}-help`, a = `${s}-error`, d = k(() => {
-      const c = [];
-      return t.helpText && !t.error && c.push(r), t.error && c.push(a), c.length > 0 ? c.join(" ") : void 0;
-    }), i = k(() => {
-      const c = [
+    const t = e, o = n, s = fe("select"), r = `${s}-help`, a = `${s}-error`, u = k(() => {
+      const d = [];
+      return t.helpText && !t.error && d.push(r), t.error && d.push(a), d.length > 0 ? d.join(" ") : void 0;
+    }), c = k(() => {
+      const d = [
         "block",
         "w-full",
         "rounded-md",
@@ -2241,17 +2241,17 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         "font-sans",
         "box-border",
         "pr-10"
-      ], l = {
+      ], i = {
         small: "px-2 py-1 text-sm",
         medium: "px-3 py-2 text-base",
         large: "px-4 py-3 text-lg"
-      }, f = t.error ? ["border-error-border", "focus:border-error", "focus:ring-error"] : ["border-border", "focus:border-border-focus", "focus:ring-brand"];
-      return [...c, l[t.size], ...f].join(" ");
-    }), b = (c) => {
-      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);
+      }, m = t.error ? ["border-error-border", "focus:border-error", "focus:ring-error"] : ["border-border", "focus:border-border-focus", "focus:ring-brand"];
+      return [...d, i[t.size], ...m].join(" ");
+    }), f = (d) => {
+      const m = d.target.value, l = t.options.find((h) => String(h.value) === m);
+      o("update:modelValue", l && typeof l.value == "number" ? l.value : m);
     };
-    return (c, l) => (g(), v("div", oo, [
+    return (d, i) => (g(), v("div", oo, [
       e.label ? (g(), v("label", {
         key: 0,
         for: R(s),
@@ -2266,12 +2266,12 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           value: e.modelValue,
           disabled: e.disabled,
           required: e.required,
-          "aria-describedby": d.value,
+          "aria-describedby": u.value,
           "aria-invalid": e.error ? "true" : void 0,
-          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))
+          class: T(c.value),
+          onChange: f,
+          onBlur: i[0] || (i[0] = (m) => d.$emit("blur", m)),
+          onFocus: i[1] || (i[1] = (m) => d.$emit("focus", m))
         }, [
           e.placeholder ? (g(), v("option", {
             key: 0,
@@ -2279,11 +2279,11 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
             disabled: "",
             selected: !e.modelValue
           }, E(e.placeholder), 9, io)) : D("", !0),
-          (g(!0), v(se, null, re(e.options, (f) => (g(), v("option", {
-            key: f.value,
-            value: f.value,
-            disabled: f.disabled
-          }, E(f.label), 9, co))), 128))
+          (g(!0), v(se, null, re(e.options, (m) => (g(), v("option", {
+            key: m.value,
+            value: m.value,
+            disabled: m.disabled
+          }, E(m.label), 9, co))), 128))
         ], 42, lo),
         F("div", uo, [
           _(R(Ge), { class: "w-4 h-4 text-fg-tertiary" })
@@ -2303,7 +2303,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
       }, E(e.error), 1)) : D("", !0)
     ]));
   }
-}), fo = { class: "w-full overflow-x-auto" }, bo = {
+}), fo = { class: "w-full overflow-x-auto shadow-sm" }, bo = {
   class: "w-full border-collapse text-sm",
   role: "table"
 }, mo = { class: "border-b border-solid border-border bg-bg-secondary" }, go = ["aria-sort", "onClick"], ho = {
@@ -2329,55 +2329,58 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
     ofLabel: { default: "of" },
     pagination: {}
   },
-  emits: ["update:sortBy", "update:sortOrder", "update:page"],
+  emits: ["update:sortBy", "update:sortOrder", "update:page", "row:click"],
   setup(e, { emit: n }) {
     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);
-    function d(f) {
-      t.sortBy === f ? t.sortOrder === "asc" ? o("update:sortOrder", "desc") : (o("update:sortBy", ""), o("update:sortOrder", "asc")) : (o("update:sortBy", f), o("update:sortOrder", "asc"));
+    function u(l) {
+      t.sortBy === l ? t.sortOrder === "asc" ? o("update:sortOrder", "desc") : (o("update:sortBy", ""), o("update:sortOrder", "asc")) : (o("update:sortBy", l), o("update:sortOrder", "asc"));
     }
-    function i(f) {
-      if (f.sortable)
-        return t.sortBy !== f.key ? "none" : t.sortOrder === "asc" ? "ascending" : "descending";
+    function c(l) {
+      if (l.sortable)
+        return t.sortBy !== l.key ? "none" : t.sortOrder === "asc" ? "ascending" : "descending";
     }
-    function b(f) {
-      return f === "center" ? "justify-center" : f === "right" ? "justify-end" : "";
+    function f(l) {
+      return l === "center" ? "justify-center" : l === "right" ? "justify-end" : "";
     }
-    function c(f) {
+    function d(l) {
       return [
         "px-4 py-3 text-left font-sans text-sm font-500 text-fg-secondary",
-        f.sortable ? "cursor-pointer select-none hover:text-fg" : ""
+        l.sortable ? "cursor-pointer select-none hover:text-fg" : ""
       ].join(" ");
     }
-    function l(f) {
-      return `px-4 py-3 ${f.align === "center" ? "text-center" : f.align === "right" ? "text-right" : "text-left"}`;
+    function i(l) {
+      return `px-4 py-3 ${l.align === "center" ? "text-center" : l.align === "right" ? "text-right" : "text-left"}`;
+    }
+    function m(l) {
+      o("row:click", l);
     }
-    return (f, u) => (g(), v("div", fo, [
+    return (l, h) => (g(), v("div", fo, [
       F("table", bo, [
         F("thead", {
           class: T(e.stickyHeader ? "sticky top-0 z-10" : "")
         }, [
           F("tr", mo, [
-            (g(!0), v(se, null, re(e.columns, (m) => (g(), v("th", {
-              key: m.key,
-              style: he(m.width ? { width: m.width } : void 0),
-              class: T(c(m)),
-              "aria-sort": i(m),
-              onClick: (h) => m.sortable ? d(m.key) : void 0
+            (g(!0), v(se, null, re(e.columns, (b) => (g(), v("th", {
+              key: b.key,
+              style: he(b.width ? { width: b.width } : void 0),
+              class: T(d(b)),
+              "aria-sort": c(b),
+              onClick: (y) => b.sortable ? u(b.key) : void 0
             }, [
               F("div", {
-                class: T(["flex items-center gap-1", b(m.align)])
+                class: T(["flex items-center gap-1", f(b.align)])
               }, [
-                N(f.$slots, `header-${m.key}`, { column: m }, () => [
-                  X(E(m.label), 1)
+                N(l.$slots, `header-${b.key}`, { column: b }, () => [
+                  X(E(b.label), 1)
                 ]),
-                m.sortable ? (g(), v("span", ho, [
-                  e.sortBy === m.key && e.sortOrder === "asc" ? (g(), I(R(Sn), {
+                b.sortable ? (g(), v("span", ho, [
+                  e.sortBy === b.key && e.sortOrder === "asc" ? (g(), I(R(Sn), {
                     key: 0,
                     class: "w-4 h-4"
-                  })) : e.sortBy === m.key && e.sortOrder === "desc" ? (g(), I(R(Ge), {
+                  })) : e.sortBy === b.key && e.sortOrder === "desc" ? (g(), I(R(Ge), {
                     key: 1,
                     class: "w-4 h-4"
                   })) : (g(), I(R(zn), {
@@ -2395,7 +2398,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
               colspan: e.columns.length,
               class: "text-center py-12"
             }, [
-              N(f.$slots, "loading", {}, () => [
+              N(l.$slots, "loading", {}, () => [
                 _(Jn, { centered: "" })
               ])
             ], 8, yo)
@@ -2404,28 +2407,29 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
               colspan: e.columns.length,
               class: "text-center py-12 text-fg-secondary"
             }, [
-              N(f.$slots, "empty", {}, () => [
+              N(l.$slots, "empty", {}, () => [
                 X(E(e.emptyText), 1)
               ])
             ], 8, wo)
           ])) : D("", !0),
-          (g(!0), v(se, null, re(e.rows, (m, h) => (g(), v("tr", {
-            key: h,
+          (g(!0), v(se, null, re(e.rows, (b, y) => (g(), v("tr", {
+            key: y,
             class: T([
-              "border-b border-solid border-border-light transition-colors hover:bg-surface-hover-light",
-              e.striped && h % 2 === 1 ? "bg-bg-secondary" : ""
+              "border-b border-solid border-y-border-light transition-colors hover:bg-surface-hover-light border-x-border",
+              e.striped && y % 2 === 1 ? "bg-bg-secondary" : ""
             ])
           }, [
-            (g(!0), v(se, null, re(e.columns, (y) => (g(), v("td", {
-              key: y.key,
-              class: T(l(y))
+            (g(!0), v(se, null, re(e.columns, (w) => (g(), v("td", {
+              key: w.key,
+              class: T(i(w))
             }, [
-              N(f.$slots, `cell-${y.key}`, {
-                row: m,
-                value: m[y.key],
-                index: h
+              N(l.$slots, `cell-${w.key}`, {
+                row: b,
+                value: b[w.key],
+                index: y,
+                onClick: (C) => m(b)
               }, () => [
-                X(E(m[y.key]), 1)
+                X(E(b[w.key]), 1)
               ])
             ], 2))), 128))
           ], 2))), 128))
@@ -2438,13 +2442,13 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
             type: "button",
             disabled: e.pagination.page <= 1,
             class: "px-3 py-1 rounded-md border border-solid border-border bg-bg text-fg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-surface-hover-light transition-colors",
-            onClick: u[0] || (u[0] = (m) => f.$emit("update:page", e.pagination.page - 1))
+            onClick: h[0] || (h[0] = (b) => l.$emit("update:page", e.pagination.page - 1))
           }, E(e.previousPageLabel), 9, $o),
           F("button", {
             type: "button",
             disabled: e.pagination.page >= s.value,
             class: "px-3 py-1 rounded-md border border-solid border-border bg-bg text-fg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-surface-hover-light transition-colors",
-            onClick: u[1] || (u[1] = (m) => f.$emit("update:page", e.pagination.page + 1))
+            onClick: h[1] || (h[1] = (b) => l.$emit("update:page", e.pagination.page + 1))
           }, E(e.nextPageLabel), 9, Do)
         ])
       ])) : D("", !0)
@@ -2463,78 +2467,78 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
     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) {
-      b.disabled || o("update:modelValue", b.key);
+    function a(f) {
+      f.disabled || o("update:modelValue", f.key);
     }
-    function d(b) {
-      const c = t.modelValue === b.key, l = "font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
+    function u(f) {
+      const d = t.modelValue === f.key, i = "font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
       return t.variant === "line" ? [
-        l,
+        i,
         "px-4 py-2 text-sm border-b-2 border-solid border-t-0 border-l-0 border-r-0 bg-transparent -mb-px",
-        c ? "border-b-brand text-brand" : "border-b-transparent text-fg-secondary hover:text-fg hover:border-b-border-strong"
+        d ? "border-b-brand text-brand" : "border-b-transparent text-fg-secondary hover:text-fg hover:border-b-border-strong"
       ].join(" ") : [
-        l,
+        i,
         "px-3 py-1.5 text-sm rounded-md border-0",
-        c ? "bg-bg text-fg shadow-default" : "bg-transparent text-fg-secondary hover:text-fg"
+        d ? "bg-bg text-fg shadow-default" : "bg-transparent text-fg-secondary hover:text-fg"
       ].join(" ");
     }
-    function i(b, c) {
-      const l = t.tabs.filter((y) => !y.disabled), f = l.findIndex(
-        (y) => y.key === t.tabs[c].key
+    function c(f, d) {
+      const i = t.tabs.filter((y) => !y.disabled), m = i.findIndex(
+        (y) => y.key === t.tabs[d].key
       );
-      let u = -1;
-      switch (b.key) {
+      let l = -1;
+      switch (f.key) {
         case "ArrowRight":
         case "ArrowDown":
-          b.preventDefault(), u = (f + 1) % l.length;
+          f.preventDefault(), l = (m + 1) % i.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          b.preventDefault(), u = (f - 1 + l.length) % l.length;
+          f.preventDefault(), l = (m - 1 + i.length) % i.length;
           break;
         case "Home":
-          b.preventDefault(), u = 0;
+          f.preventDefault(), l = 0;
           break;
         case "End":
-          b.preventDefault(), u = l.length - 1;
+          f.preventDefault(), l = i.length - 1;
           break;
         default:
           return;
       }
-      const m = l[u];
-      o("update:modelValue", m.key);
-      const h = document.getElementById(`${s}-tab-${m.key}`);
-      h == null || h.focus();
+      const h = i[l];
+      o("update:modelValue", h.key);
+      const b = document.getElementById(`${s}-tab-${h.key}`);
+      b == null || b.focus();
     }
-    return (b, c) => (g(), v("div", null, [
+    return (f, d) => (g(), v("div", null, [
       F("div", {
         class: T(r.value),
         role: "tablist",
         "aria-label": e.ariaLabel
       }, [
-        (g(!0), v(se, null, re(e.tabs, (l, f) => (g(), v("button", {
-          key: l.key,
-          id: `${R(s)}-tab-${l.key}`,
+        (g(!0), v(se, null, re(e.tabs, (i, m) => (g(), v("button", {
+          key: i.key,
+          id: `${R(s)}-tab-${i.key}`,
           role: "tab",
           type: "button",
-          "aria-selected": e.modelValue === l.key,
-          "aria-controls": `${R(s)}-panel-${l.key}`,
-          tabindex: e.modelValue === l.key ? 0 : -1,
-          disabled: l.disabled,
-          class: T(d(l)),
-          onClick: (u) => a(l),
-          onKeydown: (u) => i(u, f)
-        }, E(l.label), 43, Ao))), 128))
+          "aria-selected": e.modelValue === i.key,
+          "aria-controls": `${R(s)}-panel-${i.key}`,
+          tabindex: e.modelValue === i.key ? 0 : -1,
+          disabled: i.disabled,
+          class: T(u(i)),
+          onClick: (l) => a(i),
+          onKeydown: (l) => c(l, m)
+        }, E(i.label), 43, Ao))), 128))
       ], 10, Eo),
-      (g(!0), v(se, null, re(e.tabs, (l) => (g(), v("div", {
-        key: l.key,
-        id: `${R(s)}-panel-${l.key}`,
+      (g(!0), v(se, null, re(e.tabs, (i) => (g(), v("div", {
+        key: i.key,
+        id: `${R(s)}-panel-${i.key}`,
         role: "tabpanel",
-        "aria-labelledby": `${R(s)}-tab-${l.key}`,
-        hidden: e.modelValue !== l.key,
+        "aria-labelledby": `${R(s)}-tab-${i.key}`,
+        hidden: e.modelValue !== i.key,
         tabindex: 0
       }, [
-        e.modelValue === l.key ? N(b.$slots, l.key, { key: 0 }) : D("", !0)
+        e.modelValue === i.key ? N(f.$slots, i.key, { key: 0 }) : D("", !0)
       ], 8, Bo))), 128))
     ]));
   }
@@ -2565,11 +2569,11 @@ 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, 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(() => {
-      const h = [
+    const o = e, s = t, r = j(null), a = fe("textarea"), u = `${a}-help`, c = `${a}-error`, f = k(() => {
+      const b = [];
+      return o.helpText && !o.error && b.push(u), o.error && b.push(c), b.length > 0 ? b.join(" ") : void 0;
+    }), d = k(() => (o.modelValue || "").length), i = k(() => {
+      const b = [
         "block",
         "w-full",
         "rounded-md",
@@ -2593,20 +2597,20 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         medium: "px-3 py-2 text-base",
         large: "px-4 py-3 text-lg"
       }, w = o.error ? ["border-error-border", "focus:border-error", "focus:ring-error"] : ["border-border", "focus:border-border-focus", "focus:ring-brand"];
-      return [...h, y[o.size], ...w].join(" ");
-    }), f = (h) => {
-      const y = h.target;
+      return [...b, y[o.size], ...w].join(" ");
+    }), m = (b) => {
+      const y = b.target;
       s("update:modelValue", y.value);
     };
-    function u() {
-      var h;
-      (h = r.value) == null || h.focus();
+    function l() {
+      var b;
+      (b = r.value) == null || b.focus();
     }
-    function m() {
-      var h;
-      (h = r.value) == null || h.blur();
+    function h() {
+      var b;
+      (b = r.value) == null || b.blur();
     }
-    return n({ focus: u, blur: m, textareaRef: r }), (h, y) => (g(), v("div", To, [
+    return n({ focus: l, blur: h, textareaRef: r }), (b, y) => (g(), v("div", To, [
       e.label ? (g(), v("label", {
         key: 0,
         for: R(a),
@@ -2627,28 +2631,28 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
           required: e.required,
           rows: e.rows,
           maxlength: e.maxLength,
-          "aria-describedby": b.value,
+          "aria-describedby": f.value,
           "aria-invalid": e.error ? "true" : void 0,
-          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))
+          class: T(i.value),
+          onInput: m,
+          onBlur: y[0] || (y[0] = (w) => b.$emit("blur", w)),
+          onFocus: y[1] || (y[1] = (w) => b.$emit("focus", w))
         }, null, 42, Vo)
       ]),
       e.helpText || e.error || e.maxLength ? (g(), v("div", So, [
         e.helpText && !e.error ? (g(), v("div", {
           key: 0,
-          id: d,
+          id: u,
           class: "text-caption"
         }, E(e.helpText), 1)) : D("", !0),
         e.error ? (g(), v("div", {
           key: 1,
-          id: i,
+          id: c,
           class: "text-sm text-error font-sans",
           role: "alert",
           "aria-live": "polite"
         }, E(e.error), 1)) : D("", !0),
-        e.maxLength ? (g(), v("div", zo, E(c.value) + " / " + E(e.maxLength), 1)) : D("", !0)
+        e.maxLength ? (g(), v("div", zo, E(d.value) + " / " + E(e.maxLength), 1)) : D("", !0)
       ])) : D("", !0)
     ]));
   }
@@ -2677,48 +2681,48 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
   setup(e, { emit: n }) {
     const t = e, o = n;
     let s = null, r = t.toast.duration, a = 0;
-    function d() {
+    function u() {
       r <= 0 || (a = Date.now(), s = setTimeout(() => {
         o("dismiss", t.toast.id);
       }, r));
     }
-    function i() {
+    function c() {
       s && (clearTimeout(s), s = null, r -= Date.now() - a);
     }
-    function b() {
-      d();
+    function f() {
+      u();
     }
-    const c = {
+    const d = {
       brand: "border-l-brand",
       error: "border-l-error",
       success: "border-l-success",
       warning: "border-l-warning",
       info: "border-l-info"
-    }, l = k(() => [
+    }, i = k(() => [
       "flex items-start gap-3 w-80 p-4 bg-bg border border-solid border-border rounded-lg shadow-lg",
       "border-l-4",
-      c[t.toast.variant] || "border-l-brand"
-    ].join(" ")), f = {
+      d[t.toast.variant] || "border-l-brand"
+    ].join(" ")), m = {
       brand: "text-brand",
       error: "text-error",
       success: "text-success",
       warning: "text-warning",
       info: "text-info"
-    }, u = k(() => ["shrink-0 mt-0.5", f[t.toast.variant] || "text-brand"].join(" "));
+    }, l = k(() => ["shrink-0 mt-0.5", m[t.toast.variant] || "text-brand"].join(" "));
     return Et(() => {
-      t.toast.duration > 0 && d();
+      t.toast.duration > 0 && u();
     }), rt(() => {
       s && clearTimeout(s);
-    }), (m, h) => (g(), v("div", {
-      class: T(l.value),
+    }), (h, b) => (g(), v("div", {
+      class: T(i.value),
       role: e.toast.variant === "error" ? "alert" : "status",
       "aria-live": e.toast.variant === "error" ? "assertive" : "polite",
-      onMouseenter: i,
-      onMouseleave: b
+      onMouseenter: c,
+      onMouseleave: f
     }, [
       F("div", No, [
         F("span", {
-          class: T(u.value),
+          class: T(l.value),
           "aria-hidden": "true"
         }, [
           e.toast.variant === "success" ? (g(), I(R(On), {
@@ -2747,7 +2751,7 @@ const jn = { class: "relative" }, Pn = ["id", "aria-label"], In = ["id", "aria-s
         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))
+        onClick: b[0] || (b[0] = (y) => h.$emit("dismiss", e.toast.id))
       }, [
         _(R(Be), { class: "w-4 h-4" })
       ])) : D("", !0)
@@ -2819,38 +2823,38 @@ const Yo = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = fe("tooltip"), o = j(!1), s = j(null), r = j(null), a = j(null), { floatingStyles: d, middlewareData: i, placement: b } = xt(s, r, {
+    const n = e, t = fe("tooltip"), o = j(!1), s = j(null), r = j(null), a = j(null), { floatingStyles: u, middlewareData: c, placement: f } = xt(s, r, {
       placement: k(() => n.placement),
       middleware: [ht(8), pt(), vt({ padding: 8 }), Ln({ element: a })]
-    }), c = k(() => {
-      const u = i.value.arrow;
-      if (!u) return {};
-      const m = b.value.split("-")[0], h = { top: "bottom", right: "left", bottom: "top", left: "right" }[m];
+    }), d = k(() => {
+      const l = c.value.arrow;
+      if (!l) return {};
+      const h = f.value.split("-")[0], b = { top: "bottom", right: "left", bottom: "top", left: "right" }[h];
       return {
-        left: u.x != null ? `${u.x}px` : "",
-        top: u.y != null ? `${u.y}px` : "",
-        [h]: "-4px"
+        left: l.x != null ? `${l.x}px` : "",
+        top: l.y != null ? `${l.y}px` : "",
+        [b]: "-4px"
       };
     });
-    function l() {
+    function i() {
       n.disabled || (o.value = !0);
     }
-    function f() {
+    function m() {
       o.value = !1;
     }
-    return (u, m) => (g(), v("div", {
+    return (l, h) => (g(), v("div", {
       class: "inline-flex",
-      onMouseenter: l,
-      onMouseleave: f,
-      onFocusin: l,
-      onFocusout: f
+      onMouseenter: i,
+      onMouseleave: m,
+      onFocusin: i,
+      onFocusout: m
     }, [
       F("div", {
         ref_key: "referenceRef",
         ref: s,
         "aria-describedby": o.value ? R(t) : void 0
       }, [
-        N(u.$slots, "default")
+        N(l.$slots, "default")
       ], 8, Go),
       (g(), I(Le, { to: "body" }, [
         _(at, {
@@ -2868,14 +2872,14 @@ const Yo = {
               ref_key: "floatingRef",
               ref: r,
               role: "tooltip",
-              style: he(R(d)),
+              style: he(R(u)),
               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(E(e.content) + " ", 1),
               F("div", {
                 ref_key: "arrowRef",
                 ref: a,
-                style: he(c.value),
+                style: he(d.value),
                 class: "absolute w-2 h-2 bg-bg-inverse rotate-45"
               }, null, 4)
             ], 12, Jo)) : D("", !0)