@enos5/enos-vue 1.0.1 → 1.0.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ref as j, computed as g, watch as Q, openBlock as a, createElementBlock as i, createElementVNode as o, Fragment as q, renderList as P, normalizeClass as S, normalizeStyle as Te, toDisplayString as T, createBlock as B, createCommentVNode as D, renderSlot as x, createVNode as R, Transition as oe, withCtx as O, mergeProps as z, useSlots as fe, unref as I, withDirectives as Z, vShow as ie, watchEffect as Qe, onMounted as se, useAttrs as ne, vModelCheckbox as Ye, nextTick as be, onBeforeUnmount as Je, Teleport as Ze, withModifiers as ve, onUnmounted as Ae, isRef as me, createTextVNode as ue, resolveDynamicComponent as Be, vModelText as et } from "vue";
+import { ref as j, computed as g, watch as Q, openBlock as a, createElementBlock as i, createElementVNode as o, Fragment as q, renderList as P, normalizeClass as k, normalizeStyle as Te, toDisplayString as T, createBlock as B, createCommentVNode as D, renderSlot as w, createVNode as R, Transition as oe, withCtx as O, mergeProps as z, useSlots as fe, unref as I, withDirectives as Z, vShow as ie, watchEffect as Qe, onMounted as ee, useAttrs as ne, vModelCheckbox as Ye, nextTick as be, onBeforeUnmount as Je, Teleport as Ze, withModifiers as ve, onUnmounted as Ae, isRef as me, createTextVNode as ue, resolveDynamicComponent as Be, vModelText as et } from "vue";
 import { usePage as tt, Link as ge } from "@inertiajs/vue3";
 import { useI18n as lt } from "vue-i18n";
 import { CheckCircleIcon as at, ExclamationTriangleIcon as Le, XMarkIcon as st, LockClosedIcon as nt, ChevronDownIcon as xe, PhotoIcon as rt, ExclamationCircleIcon as ot, ChevronUpIcon as Ie, MagnifyingGlassIcon as it, CheckIcon as dt, PencilSquareIcon as ut } from "@heroicons/vue/24/outline";
@@ -151,61 +151,61 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "tab-click"
   ],
   setup(e, { emit: s }) {
-    const t = e, l = s, r = j([]), u = g(() => t.tabs.map((v) => v.value)), d = g(() => u.value.includes(t.activeTab) ? t.activeTab : u.value[0] ?? "");
-    Q(d, (v) => {
-      v !== t.activeTab && l("update:activeTab", v);
+    const t = e, l = s, r = j([]), u = g(() => t.tabs.map((h) => h.value)), d = g(() => u.value.includes(t.activeTab) ? t.activeTab : u.value[0] ?? "");
+    Q(d, (h) => {
+      h !== t.activeTab && l("update:activeTab", h);
     }, { immediate: !0 });
-    const f = (v, w) => {
-      r.value[w] = v;
-    }, $ = (v) => {
-      !v || v === t.activeTab || (l("update:activeTab", v), l("tab-click", v));
-    }, b = (v) => {
-      r.value[v]?.focus();
-    }, k = (v, w) => {
+    const f = (h, v) => {
+      r.value[v] = h;
+    }, $ = (h) => {
+      !h || h === t.activeTab || (l("update:activeTab", h), l("tab-click", h));
+    }, b = (h) => {
+      r.value[h]?.focus();
+    }, C = (h, v) => {
       if (t.tabs.length === 0)
         return;
-      let V = w;
-      switch (v.key) {
+      let S = v;
+      switch (h.key) {
         case "ArrowRight":
         case "ArrowDown":
-          V = (w + 1) % t.tabs.length;
+          S = (v + 1) % t.tabs.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          V = (w - 1 + t.tabs.length) % t.tabs.length;
+          S = (v - 1 + t.tabs.length) % t.tabs.length;
           break;
         case "Home":
-          V = 0;
+          S = 0;
           break;
         case "End":
-          V = t.tabs.length - 1;
+          S = t.tabs.length - 1;
           break;
         default:
           return;
       }
-      v.preventDefault(), $(t.tabs[V].value), b(V);
+      h.preventDefault(), $(t.tabs[S].value), b(S);
     };
-    return (v, w) => (a(), i("div", ft, [
+    return (h, v) => (a(), i("div", ft, [
       o("div", gt, [
-        (a(!0), i(q, null, P(e.tabs, (V, p) => (a(), i("button", {
-          key: V.value,
+        (a(!0), i(q, null, P(e.tabs, (S, p) => (a(), i("button", {
+          key: S.value,
           ref_for: !0,
           ref: (M) => f(M, p),
           type: "button",
           style: Te({ width: `${100 / e.tabs.length}%` }),
           role: "tab",
-          "aria-selected": d.value === V.value,
-          tabindex: d.value === V.value ? 0 : -1,
-          class: S([
+          "aria-selected": d.value === S.value,
+          tabindex: d.value === S.value ? 0 : -1,
+          class: k([
             "px-4 py-3 text-center text-sm font-semibold tracking-wide transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 focus-visible:ring-inset",
-            d.value === V.value ? "bg-blue-50 text-blue-700 shadow-[inset_0_-2px_0_0_rgb(37_99_235)]" : "text-gray-700 hover:bg-gray-50",
+            d.value === S.value ? "bg-blue-50 text-blue-700 shadow-[inset_0_-2px_0_0_rgb(37_99_235)]" : "text-gray-700 hover:bg-gray-50",
             {
               "border-r border-gray-200/80": p !== e.tabs.length - 1
             }
           ]),
-          onClick: (M) => $(V.value),
-          onKeydown: (M) => k(M, p)
-        }, T(V.label), 47, yt))), 128))
+          onClick: (M) => $(S.value),
+          onKeydown: (M) => C(M, p)
+        }, T(S.label), 47, yt))), 128))
       ])
     ]));
   }
@@ -261,7 +261,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return g(() => s.tabs.findIndex((u) => u.value === t.value)), Q(r, (u, d) => {
       d !== void 0 && d !== -1 && u !== -1 && u !== d && (l.value = u > d ? "right" : "left", t.value = s.activeTab);
     }), (u, d) => (a(), i("div", {
-      class: S(["bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)]", e.overflowClass, { "sticky top-6 self-start": e.sticky }, e.cardClass])
+      class: k(["bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)]", e.overflowClass, { "sticky top-6 self-start": e.sticky }, e.cardClass])
     }, [
       e.tabs.length > 0 ? (a(), B(De, {
         key: 0,
@@ -271,13 +271,13 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         onTabClick: d[1] || (d[1] = (f) => u.$emit("tab-click", f))
       }, null, 8, ["tabs", "active-tab"])) : D("", !0),
       o("div", {
-        class: S(e.paddingClass)
+        class: k(e.paddingClass)
       }, [
         u.$slots.customTitle ? (a(), i("div", pt, [
-          x(u.$slots, "customTitle")
+          w(u.$slots, "customTitle")
         ])) : e.title ? (a(), i("h3", mt, T(e.title), 1)) : D("", !0),
         o("div", {
-          class: S(["relative", e.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
+          class: k(["relative", e.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
         }, [
           R(oe, {
             "enter-active-class": "transition-all duration-200 ease-in-out",
@@ -291,9 +291,9 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             default: O(() => [
               (a(), i("div", {
                 key: e.activeTab,
-                class: S([e.tabs.length > 0 ? "p-2" : "", e.contentClass])
+                class: k([e.tabs.length > 0 ? "p-2" : "", e.contentClass])
               }, [
-                x(u.$slots, "default")
+                w(u.$slots, "default")
               ], 2))
             ]),
             _: 3
@@ -308,7 +308,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __name: "Divider",
   setup(e) {
     return (s, t) => (a(), i("div", z({ class: "border-t border-gray-200" }, s.$attrs), [
-      x(s.$slots, "default")
+      w(s.$slots, "default")
     ], 16));
   }
 }), bt = {
@@ -330,13 +330,13 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       "content-class": e.actionsClass
     }, {
       default: O(() => [
-        x(t.$slots, "default"),
+        w(t.$slots, "default"),
         I(s).danger ? (a(), B(we, {
           key: 0,
           class: "mt-6 pt-4"
         }, {
           default: O(() => [
-            x(t.$slots, "danger")
+            w(t.$slots, "danger")
           ]),
           _: 3
         })) : D("", !0)
@@ -358,7 +358,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }, {
         default: O(() => [
           Z(o("div", vt, [
-            x(s.$slots, "default")
+            w(s.$slots, "default")
           ], 512), [
             [ie, e.on]
           ])
@@ -377,14 +377,14 @@ function Vt(e, s) {
   return a(), i("div", wt, [
     o("div", kt, [
       o("h3", St, [
-        x(e.$slots, "title")
+        w(e.$slots, "title")
       ]),
       o("p", $t, [
-        x(e.$slots, "description")
+        w(e.$slots, "description")
       ])
     ]),
     o("div", Ct, [
-      x(e.$slots, "aside")
+      w(e.$slots, "aside")
     ])
   ]);
 }
@@ -394,16 +394,16 @@ const Se = /* @__PURE__ */ ke(xt, [["render", Vt]]), _t = { class: "md:grid md:g
     return (s, t) => (a(), i("div", _t, [
       R(Se, null, {
         title: O(() => [
-          x(s.$slots, "title")
+          w(s.$slots, "title")
         ]),
         description: O(() => [
-          x(s.$slots, "description")
+          w(s.$slots, "description")
         ]),
         _: 3
       }),
       o("div", Tt, [
         o("div", At, [
-          x(s.$slots, "content")
+          w(s.$slots, "content")
         ])
       ])
     ]));
@@ -433,10 +433,10 @@ const Mt = /* @__PURE__ */ ke(Lt, [["render", Dt]]), jt = {}, Ot = { class: "min
 function Et(e, s) {
   return a(), i("div", Ot, [
     o("div", null, [
-      x(e.$slots, "logo")
+      w(e.$slots, "logo")
     ]),
     o("div", zt, [
-      x(e.$slots, "default")
+      w(e.$slots, "default")
     ])
   ]);
 }
@@ -497,24 +497,24 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     };
     return (r, u) => e.type === "dot" ? (a(), i("span", {
       key: 0,
-      class: S(["inline-flex items-center justify-center w-6 h-6 rounded-full", s[e.color].bg])
+      class: k(["inline-flex items-center justify-center w-6 h-6 rounded-full", s[e.color].bg])
     }, [
       o("span", {
-        class: S(["w-2 h-2 rounded-full", s[e.color].dot])
+        class: k(["w-2 h-2 rounded-full", s[e.color].dot])
       }, null, 2),
       o("span", Nt, [
-        x(r.$slots, "default")
+        w(r.$slots, "default")
       ])
     ], 2)) : (a(), i("span", {
       key: 1,
-      class: S(["inline-flex items-center font-medium", [
+      class: k(["inline-flex items-center font-medium", [
         s[e.color].bg,
         s[e.color].text,
         t[e.size],
         l[e.rounded]
       ]])
     }, [
-      x(r.$slots, "default")
+      w(r.$slots, "default")
     ], 2));
   }
 }, Ut = {
@@ -537,13 +537,13 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       }, 5e3);
     };
     return Qe(async () => {
-      const k = s.props.jetstream.flash?.bannerStyle || "success", v = s.props.jetstream.flash?.banner || "";
-      v && (r.value = k, u.value = v, b());
-    }), se(() => {
+      const C = s.props.jetstream.flash?.bannerStyle || "success", h = s.props.jetstream.flash?.banner || "";
+      h && (r.value = C, u.value = h, b());
+    }), ee(() => {
       u.value && b();
-    }), (k, v) => l.value ? (a(), i("div", Ut, [
+    }), (C, h) => l.value ? (a(), i("div", Ut, [
       o("div", {
-        class: S([
+        class: k([
           "transform transition-all duration-300 ease-out shadow-lg rounded-lg p-4 min-w-[300px] max-w-md",
           d.value ? "translate-y-0 opacity-100" : "translate-y-full opacity-0",
           r.value === "success" ? "bg-green-600" : "bg-red-600"
@@ -552,7 +552,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         o("div", Rt, [
           o("div", Ht, [
             o("div", {
-              class: S([
+              class: k([
                 "flex p-2 rounded-full",
                 r.value === "success" ? "bg-green-700" : "bg-red-700"
               ])
@@ -573,7 +573,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
           o("div", Wt, [
             o("button", {
               type: "button",
-              class: S(["inline-flex text-white hover:bg-white/20 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-green-600 focus:ring-white rounded-md p-1.5 transition-colors", [
+              class: k(["inline-flex text-white hover:bg-white/20 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-green-600 focus:ring-white rounded-md p-1.5 transition-colors", [
                 r.value === "success" ? "hover:bg-green-700 focus:ring-offset-green-600" : "hover:bg-red-700 focus:ring-offset-red-600"
               ]]),
               onClick: $
@@ -621,7 +621,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       disabled: e.disabled,
       class: u.value
     }), [
-      x(d.$slots, "default")
+      w(d.$slots, "default")
     ], 16, Qt));
   }
 }), Yt = ["value"], Jt = {
@@ -688,8 +688,8 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }, $ = (b) => {
       t("update:modelValue", b.target.checked ? l.value : l.uncheckedValue);
     };
-    return (b, k) => (a(), i("label", {
-      class: S(["inline-flex items-center gap-2 rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
+    return (b, C) => (a(), i("label", {
+      class: k(["inline-flex items-center gap-2 rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
         r.value ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
         e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer",
         u.value && !e.disabled ? "ring-2 ring-indigo-500/80 ring-offset-2 ring-offset-white" : ""
@@ -705,7 +705,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         onBlur: f
       }, null, 40, Zt),
       o("span", {
-        class: S(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
+        class: k(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
           r.value ? "border-current bg-white/15 text-current" : "border-current/70 text-transparent",
           "rounded"
         ]])
@@ -746,23 +746,23 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, r = t, u = ne(), d = j(null), f = j(!1), $ = g(() => String(u.type ?? "text")), b = g(() => $.value === "password"), k = g(() => b.value && f.value ? "text" : $.value), v = g(() => l.modelValue ?? ""), w = g(() => {
+    const l = e, r = t, u = ne(), d = j(null), f = j(!1), $ = g(() => String(u.type ?? "text")), b = g(() => $.value === "password"), C = g(() => b.value && f.value ? "text" : $.value), h = g(() => l.modelValue ?? ""), v = g(() => {
       const { class: L, type: E, ...F } = u;
       return F.maxlength === void 0 && (F.maxlength = rl), F;
-    }), V = g(() => [
+    }), S = g(() => [
       "w-full min-w-0 max-w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
       u.class,
       b.value ? "pr-10 pl-10" : ""
     ]), p = () => {
       f.value = !f.value;
     }, M = (L) => {
-      if (k.value !== "number")
+      if (C.value !== "number")
         return;
       L.preventDefault();
       const E = document.scrollingElement ?? document.documentElement ?? document.body;
       E && (E.scrollTop += L.deltaY);
     };
-    return se(() => {
+    return ee(() => {
       d.value?.hasAttribute("autofocus") && d.value.focus();
     }), s({ focus: () => d.value?.focus() }), (L, E) => (a(), i("div", el, [
       b.value ? (a(), i("div", tl, [
@@ -771,10 +771,10 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       o("input", z({
         ref_key: "input",
         ref: d
-      }, w.value, {
-        type: k.value,
-        class: [V.value, l.disabled ? l.disabledClass : null],
-        value: v.value,
+      }, v.value, {
+        type: C.value,
+        class: [S.value, l.disabled ? l.disabledClass : null],
+        value: h.value,
         disabled: l.disabled,
         onInput: E[0] || (E[0] = (F) => r("update:modelValue", F.target.value)),
         onBlur: E[1] || (E[1] = (F) => r("blur", F)),
@@ -831,18 +831,18 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   emits: ["update:modelValue"],
   setup(e, { expose: s, emit: t }) {
     const l = e, r = t, u = ne(), d = j(null), f = g(() => {
-      const { class: v, ...w } = u;
-      return w.maxlength === void 0 && (w.maxlength = il), w;
+      const { class: h, ...v } = u;
+      return v.maxlength === void 0 && (v.maxlength = il), v;
     }), $ = g(() => [
       "w-full min-w-0 max-w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
       l.autoResize ? "resize-none overflow-y-auto" : "resize-y",
       u.class
     ]), b = () => {
       !l.autoResize || !d.value || (d.value.style.height = "auto", d.value.style.height = `${d.value.scrollHeight}px`);
-    }, k = (v) => {
-      r("update:modelValue", v.target.value), b();
+    }, C = (h) => {
+      r("update:modelValue", h.target.value), b();
     };
-    return se(() => {
+    return ee(() => {
       d.value?.hasAttribute("autofocus") && d.value.focus(), be(() => {
         b();
       });
@@ -850,7 +850,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       be(() => {
         b();
       });
-    }), s({ focus: () => d.value?.focus() }), (v, w) => (a(), i("div", null, [
+    }), s({ focus: () => d.value?.focus() }), (h, v) => (a(), i("div", null, [
       o("textarea", z({
         ref_key: "textarea",
         ref: d
@@ -858,7 +858,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         class: [$.value, l.disabled ? l.disabledClass : ""],
         value: l.modelValue,
         disabled: l.disabled,
-        onInput: k
+        onInput: C
       }), null, 16, ol)
     ]));
   }
@@ -948,44 +948,44 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = e, l = s, r = ne(), u = j(!1), d = j(null), f = j(null), $ = j(null), b = j({}), k = (h) => typeof h == "object" && h !== null, v = (h) => k(h) ? h[t.valueKey] : h, w = (h) => t.optionLabel ? t.optionLabel(h) : k(h) ? h[t.labelKey] ?? h[t.valueKey] ?? "" : h, V = (h) => !t.softDeleteAware || !k(h) ? !1 : !!h[t.deletedKey], p = g(() => String(t.modelValue ?? "")), M = g(() => !t.softDeleteAware || p.value === "" ? null : t.options.find((h) => V(h) && String(v(h) ?? "") === p.value) ?? null), L = g(() => t.softDeleteAware ? t.options.filter((h) => !V(h)) : t.options), E = g(() => {
-      if (t.modelValue === null || t.modelValue === void 0 || t.modelValue === "" && !t.options.some((N) => v(N) === ""))
+    const t = e, l = s, r = ne(), u = j(!1), d = j(null), f = j(null), $ = j(null), b = j({}), C = (x) => typeof x == "object" && x !== null, h = (x) => C(x) ? x[t.valueKey] : x, v = (x) => t.optionLabel ? t.optionLabel(x) : C(x) ? x[t.labelKey] ?? x[t.valueKey] ?? "" : x, S = (x) => !t.softDeleteAware || !C(x) ? !1 : !!x[t.deletedKey], p = g(() => String(t.modelValue ?? "")), M = g(() => !t.softDeleteAware || p.value === "" ? null : t.options.find((x) => S(x) && String(h(x) ?? "") === p.value) ?? null), L = g(() => t.softDeleteAware ? t.options.filter((x) => !S(x)) : t.options), E = g(() => {
+      if (t.modelValue === null || t.modelValue === void 0 || t.modelValue === "" && !t.options.some((N) => h(N) === ""))
         return t.placeholder;
-      const h = t.options.find((N) => {
-        const K = v(N);
+      const x = t.options.find((N) => {
+        const K = h(N);
         return K === t.modelValue || String(K) === String(t.modelValue);
       });
-      return h ? w(h) : t.modelValue;
-    }), F = (h) => t.modelModifiers.number ? h === "" ? "" : Number(h) : h, re = () => {
+      return x ? v(x) : t.modelValue;
+    }), F = (x) => t.modelModifiers.number ? x === "" ? "" : Number(x) : x, re = () => {
       t.disabled || (u.value = !u.value);
-    }, Y = (h) => {
-      const N = v(h);
+    }, Y = (x) => {
+      const N = h(x);
       l("update:modelValue", F(N)), u.value = !1;
     }, W = () => {
       t.placeholderDisabled || (l("update:modelValue", F("")), u.value = !1);
     }, G = () => {
       if (!f.value)
         return;
-      const h = f.value.getBoundingClientRect(), N = window.innerWidth, K = window.innerHeight, X = K - h.bottom - 8, ee = h.top - 8, te = X < 240 && ee > X, le = Math.min(h.width, Math.max(N - h.left - 16, 160)), ae = Math.max(Math.min(240, te ? ee : X), 120);
+      const x = f.value.getBoundingClientRect(), N = window.innerWidth, K = window.innerHeight, X = K - x.bottom - 8, te = x.top - 8, le = X < 240 && te > X, ae = Math.min(x.width, Math.max(N - x.left - 16, 160)), se = Math.max(Math.min(240, le ? te : X), 120);
       b.value = {
         position: "fixed",
-        left: `${Math.max(h.left, 8)}px`,
-        width: `${le}px`,
-        maxHeight: `${ae}px`,
+        left: `${Math.max(x.left, 8)}px`,
+        width: `${ae}px`,
+        maxHeight: `${se}px`,
         zIndex: "9999",
-        ...te ? { bottom: `${K - h.top + 1}px` } : { top: `${h.bottom - 1}px` }
+        ...le ? { bottom: `${K - x.top + 1}px` } : { top: `${x.bottom - 1}px` }
       };
-    }, J = (h) => {
-      const N = d.value?.contains(h.target), K = $.value?.contains(h.target);
+    }, J = (x) => {
+      const N = d.value?.contains(x.target), K = $.value?.contains(x.target);
       !N && !K && (u.value = !1);
     };
-    return se(() => {
+    return ee(() => {
       document.addEventListener("click", J), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0);
     }), Je(() => {
       document.removeEventListener("click", J), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
-    }), Q(u, async (h) => {
-      h && (await be(), G());
-    }), (h, N) => (a(), i("div", {
+    }), Q(u, async (x) => {
+      x && (await be(), G());
+    }), (x, N) => (a(), i("div", {
       ref_key: "rootRef",
       ref: d,
       class: "relative",
@@ -1002,10 +1002,10 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         ]
       }, I(r), { tabindex: "0" }), [
         o("span", {
-          class: S({ "text-gray-400": !e.modelValue && e.placeholder })
+          class: k({ "text-gray-400": !e.modelValue && e.placeholder })
         }, T(E.value), 3),
         R(I(xe), {
-          class: S(["size-5 text-gray-400 transition-transform", { "rotate-180": u.value }])
+          class: k(["size-5 text-gray-400 transition-transform", { "rotate-180": u.value }])
         }, null, 8, ["class"])
       ], 16),
       R(oe, {
@@ -1022,12 +1022,12 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
               key: 0,
               ref_key: "dropdownMenuRef",
               ref: $,
-              class: S(e.dropdownClass),
+              class: k(e.dropdownClass),
               style: Te(b.value)
             }, [
               e.placeholder ? (a(), i("div", {
                 key: 0,
-                class: S([
+                class: k([
                   e.dropdownOptionClass,
                   e.placeholderClass,
                   { "text-gray-400": !e.modelValue }
@@ -1036,25 +1036,25 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
               }, T(e.placeholder), 3)) : D("", !0),
               M.value ? (a(), i("div", {
                 key: 1,
-                class: S([
+                class: k([
                   e.dropdownOptionClass,
                   e.deletedOptionClass,
                   e.dropdownSelectedClass
                 ])
-              }, T(w(M.value)), 3)) : D("", !0),
+              }, T(v(M.value)), 3)) : D("", !0),
               (a(!0), i(q, null, P(L.value, (K) => (a(), i("div", {
-                key: String(v(K)),
-                class: S([
+                key: String(h(K)),
+                class: k([
                   e.dropdownOptionClass,
                   e.optionClass,
                   {
-                    [e.dropdownSelectedClass]: v(K) === e.modelValue || String(v(K)) === String(e.modelValue),
+                    [e.dropdownSelectedClass]: h(K) === e.modelValue || String(h(K)) === String(e.modelValue),
                     "rounded-b-lg": K === L.value[L.value.length - 1] && !e.placeholder,
                     "rounded-lg": !e.placeholder && L.value.length === 1
                   }
                 ]),
                 onClick: ve((X) => Y(K), ["stop"])
-              }, T(w(K)), 11, dl))), 128))
+              }, T(v(K)), 11, dl))), 128))
             ], 6)) : D("", !0)
           ]))
         ]),
@@ -1198,32 +1198,32 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     const l = e, r = t, u = ne(), d = j(null), f = g(() => l.withTimestamp ? "datetime-local" : "date"), $ = g(() => l.modelValue ?? ""), b = g(() => {
       const p = l.withTimestamp ? "9999-12-31T23:59" : "9999-12-31", M = u.max;
       return typeof M != "string" || M === "" || M > p ? p : M;
-    }), k = g(() => {
+    }), C = g(() => {
       const { class: p, type: M, ...L } = u;
       return L;
-    }), v = g(() => [
+    }), h = g(() => [
       "w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
       u.class
-    ]), w = (p) => typeof p != "string" ? "" : p.replace(/^(\d{4})\d+/, "$1"), V = (p) => {
+    ]), v = (p) => typeof p != "string" ? "" : p.replace(/^(\d{4})\d+/, "$1"), S = (p) => {
       const M = p.target;
       if (!M)
         return;
-      const L = String(M.value ?? ""), E = w(L);
+      const L = String(M.value ?? ""), E = v(L);
       E !== L && (M.value = E), r("update:modelValue", E);
     };
-    return se(() => {
+    return ee(() => {
       d.value?.hasAttribute("autofocus") && d.value.focus();
     }), s({ focus: () => d.value?.focus() }), (p, M) => (a(), i("input", z({
       ref_key: "input",
       ref: d
-    }, k.value, {
+    }, C.value, {
       type: f.value,
       max: b.value,
-      class: [v.value, l.disabled ? l.disabledClass : null],
+      class: [h.value, l.disabled ? l.disabledClass : null],
       value: $.value,
       disabled: l.disabled,
-      onInput: V,
-      onChange: V
+      onInput: S,
+      onChange: S
     }), null, 16, ul));
   }
 }), cl = { class: "relative" }, fl = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, gl = ["accept"], yl = {
@@ -1306,17 +1306,17 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   setup(e, { emit: s }) {
     const t = s, l = e, r = g(() => l.options.map((f) => f == null ? "" : String(f).trim()).filter((f) => f !== "")), u = (f) => String(f) === String(l.modelValue ?? ""), d = (f) => t("update:modelValue", f);
     return (f, $) => (a(), i("div", hl, [
-      (a(!0), i(q, null, P(r.value, (b, k) => (a(), i("button", {
-        key: `notation-${k}-${b}`,
+      (a(!0), i(q, null, P(r.value, (b, C) => (a(), i("button", {
+        key: `notation-${C}-${b}`,
         type: "button",
-        class: S(["flex-1 border-l border-gray-300 px-2 text-center font-semibold transition-colors duration-150 first:border-l-0", [
-          k === 0 ? "rounded-l-lg" : "",
-          k === r.value.length - 1 ? "rounded-r-lg" : "",
+        class: k(["flex-1 border-l border-gray-300 px-2 text-center font-semibold transition-colors duration-150 first:border-l-0", [
+          C === 0 ? "rounded-l-lg" : "",
+          C === r.value.length - 1 ? "rounded-r-lg" : "",
           u(b) ? "bg-indigo-600 text-white" : "bg-white text-gray-700 hover:bg-gray-50",
           "focus-visible:ring-2   "
         ]]),
         disabled: e.disabled,
-        onClick: (v) => d(b)
+        onClick: (h) => d(b)
       }, T(b), 11, xl))), 128))
     ]));
   }
@@ -1351,8 +1351,8 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }, f = () => {
       u.value = !1;
     }, $ = () => t("update:modelValue", l.value);
-    return (b, k) => (a(), i("label", {
-      class: S(["inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
+    return (b, C) => (a(), i("label", {
+      class: k(["inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
         r.value ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
         e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer",
         u.value && !e.disabled ? "ring-2 ring-indigo-500/80 ring-offset-2 ring-offset-white" : ""
@@ -1532,7 +1532,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: s }) {
-    const t = e, l = s, r = ne(), u = (U) => l("update:modelValue", U), d = g(() => !!t.errorMessage), f = g(() => V.value || p.value), $ = g(() => {
+    const t = e, l = s, r = ne(), u = (U) => l("update:modelValue", U), d = g(() => !!t.errorMessage), f = g(() => S.value || p.value), $ = g(() => {
       const U = r.id;
       return typeof U == "string" && U !== "" ? U : void 0;
     }), b = [
@@ -1547,7 +1547,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       "month",
       "week",
       "color"
-    ], k = [], v = g(() => t.type === "image"), w = g(() => t.type === "notation"), V = g(() => t.type === "checkbox-input"), p = g(() => t.type === "radio-input"), M = g(() => t.type === "checkbox"), L = g(() => t.type === "radio"), E = g(() => t.type === "date" || t.type === "datetime-local"), F = g(() => t.type === "textarea"), re = g(() => t.type === "select"), Y = g(() => b.includes(t.type)), W = g(() => k.includes(t.type)), G = g(() => ({
+    ], C = [], h = g(() => t.type === "image"), v = g(() => t.type === "notation"), S = g(() => t.type === "checkbox-input"), p = g(() => t.type === "radio-input"), M = g(() => t.type === "checkbox"), L = g(() => t.type === "radio"), E = g(() => t.type === "date" || t.type === "datetime-local"), F = g(() => t.type === "textarea"), re = g(() => t.type === "select"), Y = g(() => b.includes(t.type)), W = g(() => C.includes(t.type)), G = g(() => ({
       ...r,
       class: [ce, r.class],
       type: t.type,
@@ -1560,7 +1560,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       modelValue: t.modelValue,
       disabled: t.disabled,
       disabledClass: t.disabledClass
-    })), h = g(() => ({
+    })), x = g(() => ({
       ...r,
       class: [ce, r.class],
       modelValue: t.modelValue,
@@ -1594,24 +1594,24 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       modelValue: t.modelValue,
       options: t.options,
       disabled: t.disabled
-    })), ee = g(() => ({
+    })), te = g(() => ({
       ...r,
       modelValue: t.modelValue,
       options: t.options,
       name: t.name ?? r.name,
       disabled: t.disabled
-    })), te = g(() => ({
+    })), le = g(() => ({
       ...r,
       modelValue: t.modelValue,
       label: t.label || r.label || "",
       disabled: t.disabled
-    })), le = g(() => ({
+    })), ae = g(() => ({
       ...r,
       modelValue: t.modelValue,
       label: t.label || r.label || "",
       name: t.name ?? r.name,
       disabled: t.disabled
-    })), ae = g(() => ({
+    })), se = g(() => ({
       ...r,
       accept: t.accept ?? r.accept ?? "image/*",
       modelValue: t.modelValue,
@@ -1619,7 +1619,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       currentLabel: t.currentLabel,
       currentSubtext: t.currentSubtext
     }));
-    return (U, C) => (a(), i("div", null, [
+    return (U, V) => (a(), i("div", null, [
       e.label && !f.value ? (a(), i("label", {
         key: 0,
         for: $.value,
@@ -1627,42 +1627,42 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       }, T(e.label), 9, Sl)) : D("", !0),
       e.helperText && !f.value ? (a(), i("span", $l, T(e.helperText), 1)) : D("", !0),
       F.value ? (a(), B(ze, z({ key: 2 }, J.value, {
-        "onUpdate:modelValue": C[0] || (C[0] = (_) => l("update:modelValue", _)),
-        onBlur: C[1] || (C[1] = (_) => l("blur", _))
+        "onUpdate:modelValue": V[0] || (V[0] = (_) => l("update:modelValue", _)),
+        onBlur: V[1] || (V[1] = (_) => l("blur", _))
       }), null, 16)) : re.value ? (a(), B(Fe, z({ key: 3 }, N.value, {
-        "onUpdate:modelValue": C[2] || (C[2] = (_) => l("update:modelValue", _)),
-        onBlur: C[3] || (C[3] = (_) => l("blur", _))
-      }), null, 16)) : E.value ? (a(), B(Ne, z({ key: 4 }, h.value, {
-        "onUpdate:modelValue": C[4] || (C[4] = (_) => l("update:modelValue", _)),
-        onBlur: C[5] || (C[5] = (_) => l("blur", _))
+        "onUpdate:modelValue": V[2] || (V[2] = (_) => l("update:modelValue", _)),
+        onBlur: V[3] || (V[3] = (_) => l("blur", _))
+      }), null, 16)) : E.value ? (a(), B(Ne, z({ key: 4 }, x.value, {
+        "onUpdate:modelValue": V[4] || (V[4] = (_) => l("update:modelValue", _)),
+        onBlur: V[5] || (V[5] = (_) => l("blur", _))
       }), null, 16)) : Y.value ? (a(), B(Oe, z({ key: 5 }, G.value, {
-        "onUpdate:modelValue": C[6] || (C[6] = (_) => l("update:modelValue", _)),
-        onBlur: C[7] || (C[7] = (_) => l("blur", _))
-      }), null, 16)) : v.value ? (a(), B(Ke, z({ key: 6 }, ae.value, {
-        "onUpdate:modelValue": C[8] || (C[8] = (_) => l("update:modelValue", _)),
-        onBlur: C[9] || (C[9] = (_) => l("blur", _))
-      }), null, 16)) : V.value ? (a(), B(je, z({ key: 7 }, te.value, {
-        "onUpdate:modelValue": C[10] || (C[10] = (_) => l("update:modelValue", _)),
-        onBlur: C[11] || (C[11] = (_) => l("blur", _))
-      }), null, 16)) : p.value ? (a(), B(Re, z({ key: 8 }, le.value, {
-        "onUpdate:modelValue": C[12] || (C[12] = (_) => l("update:modelValue", _)),
-        onBlur: C[13] || (C[13] = (_) => l("blur", _))
-      }), null, 16)) : w.value ? (a(), B(Ue, z({ key: 9 }, K.value, {
-        "onUpdate:modelValue": C[14] || (C[14] = (_) => l("update:modelValue", _)),
-        onBlur: C[15] || (C[15] = (_) => l("blur", _))
+        "onUpdate:modelValue": V[6] || (V[6] = (_) => l("update:modelValue", _)),
+        onBlur: V[7] || (V[7] = (_) => l("blur", _))
+      }), null, 16)) : h.value ? (a(), B(Ke, z({ key: 6 }, se.value, {
+        "onUpdate:modelValue": V[8] || (V[8] = (_) => l("update:modelValue", _)),
+        onBlur: V[9] || (V[9] = (_) => l("blur", _))
+      }), null, 16)) : S.value ? (a(), B(je, z({ key: 7 }, le.value, {
+        "onUpdate:modelValue": V[10] || (V[10] = (_) => l("update:modelValue", _)),
+        onBlur: V[11] || (V[11] = (_) => l("blur", _))
+      }), null, 16)) : p.value ? (a(), B(Re, z({ key: 8 }, ae.value, {
+        "onUpdate:modelValue": V[12] || (V[12] = (_) => l("update:modelValue", _)),
+        onBlur: V[13] || (V[13] = (_) => l("blur", _))
+      }), null, 16)) : v.value ? (a(), B(Ue, z({ key: 9 }, K.value, {
+        "onUpdate:modelValue": V[14] || (V[14] = (_) => l("update:modelValue", _)),
+        onBlur: V[15] || (V[15] = (_) => l("blur", _))
       }), null, 16)) : M.value ? (a(), B(qe, z({ key: 10 }, X.value, {
-        "onUpdate:modelValue": C[16] || (C[16] = (_) => l("update:modelValue", _)),
-        onBlur: C[17] || (C[17] = (_) => l("blur", _))
-      }), null, 16)) : L.value ? (a(), B(He, z({ key: 11 }, ee.value, {
-        "onUpdate:modelValue": C[18] || (C[18] = (_) => l("update:modelValue", _)),
-        onBlur: C[19] || (C[19] = (_) => l("blur", _))
-      }), null, 16)) : W.value ? x(U.$slots, "unsupported-type", {
+        "onUpdate:modelValue": V[16] || (V[16] = (_) => l("update:modelValue", _)),
+        onBlur: V[17] || (V[17] = (_) => l("blur", _))
+      }), null, 16)) : L.value ? (a(), B(He, z({ key: 11 }, te.value, {
+        "onUpdate:modelValue": V[18] || (V[18] = (_) => l("update:modelValue", _)),
+        onBlur: V[19] || (V[19] = (_) => l("blur", _))
+      }), null, 16)) : W.value ? w(U.$slots, "unsupported-type", {
         key: 12,
         type: e.type,
         modelValue: e.modelValue,
         updateValue: u,
         attrs: I(r)
-      }) : x(U.$slots, "unsupported-type", {
+      }) : w(U.$slots, "unsupported-type", {
         key: 13,
         type: e.type,
         modelValue: e.modelValue,
@@ -1694,8 +1694,8 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
     const t = s, l = e, r = g(() => l.options.map((f) => f == null ? "" : String(f).trim()).filter((f) => f !== "")), u = (f) => Array.isArray(l.modelValue) && l.modelValue.includes(f), d = (f, $) => {
-      const b = Array.isArray(l.modelValue) ? [...l.modelValue] : [], k = b.indexOf(f);
-      $ && k === -1 ? b.push(f) : !$ && k !== -1 && b.splice(k, 1), t("update:modelValue", b);
+      const b = Array.isArray(l.modelValue) ? [...l.modelValue] : [], C = b.indexOf(f);
+      $ && C === -1 ? b.push(f) : !$ && C !== -1 && b.splice(C, 1), t("update:modelValue", b);
     };
     return (f, $) => (a(), i("div", Vl, [
       (a(!0), i(q, null, P(r.value, (b) => (a(), B(ye, {
@@ -1706,7 +1706,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         "unchecked-value": !1,
         label: b,
         disabled: e.disabled,
-        "onUpdate:modelValue": (k) => d(b, k)
+        "onUpdate:modelValue": (C) => d(b, C)
       }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]))), 128))
     ]));
   }
@@ -1733,27 +1733,33 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = e, l = s, r = j(), u = j(t.show);
-    Q(() => t.show, () => {
-      t.show ? (document.body.style.overflow = "hidden", u.value = !0, r.value?.showModal()) : (document.body.style.overflow = null, setTimeout(() => {
+    const t = e, l = s, r = j(), u = j(t.show), d = () => {
+      document.body.style.overflow = "hidden", u.value = !0, r.value?.showModal();
+    }, f = () => {
+      document.body.style.overflow = null, setTimeout(() => {
         r.value?.close(), u.value = !1;
-      }, 200));
+      }, 200);
+    };
+    Q(() => t.show, () => {
+      t.show ? d() : f();
+    }), ee(() => {
+      t.show && d();
     });
-    const d = () => {
+    const $ = () => {
       t.closeable && l("close");
-    }, f = (k) => {
-      k.key === "Escape" && (k.preventDefault(), t.show && d());
+    }, b = (v) => {
+      v.key === "Escape" && (v.preventDefault(), t.show && $());
     };
-    se(() => document.addEventListener("keydown", f)), Ae(() => {
-      document.removeEventListener("keydown", f), document.body.style.overflow = null;
+    ee(() => document.addEventListener("keydown", b)), Ae(() => {
+      document.removeEventListener("keydown", b), document.body.style.overflow = null;
     });
-    const $ = g(() => ({
+    const C = g(() => ({
       sm: "sm:max-w-sm",
       md: "sm:max-w-md",
       lg: "sm:max-w-lg",
       xl: "sm:max-w-xl",
       "2xl": "sm:max-w-2xl"
-    })[t.maxWidth]), b = g(() => {
+    })[t.maxWidth]), h = g(() => {
       switch (t.position) {
         case "top":
           return "flex-col items-center pt-16";
@@ -1763,13 +1769,13 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
           return "items-center justify-center";
       }
     });
-    return (k, v) => (a(), i("dialog", {
+    return (v, S) => (a(), i("dialog", {
       class: "z-50 m-0 min-h-full min-w-full overflow-y-auto bg-transparent backdrop:bg-transparent",
       ref_key: "dialog",
       ref: r
     }, [
       o("div", {
-        class: S(["fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50 flex", b.value])
+        class: k(["fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50 flex", h.value])
       }, [
         R(oe, {
           "enter-active-class": "ease-out duration-300",
@@ -1781,9 +1787,9 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         }, {
           default: O(() => [
             Z(o("div", {
-              class: "fixed inset-0 transform transition-all",
-              onClick: d
-            }, [...v[0] || (v[0] = [
+              class: "fixed inset-0 z-40 transform transition-all",
+              onClick: $
+            }, [...S[0] || (S[0] = [
               o("div", { class: "absolute inset-0 bg-gray-500 opacity-75" }, null, -1)
             ])], 512), [
               [ie, e.show]
@@ -1801,9 +1807,9 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         }, {
           default: O(() => [
             Z(o("div", {
-              class: S(["mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto", $.value])
+              class: k(["relative z-50 mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto", C.value])
             }, [
-              u.value ? x(k.$slots, "default", { key: 0 }) : D("", !0)
+              u.value ? w(v.$slots, "default", { key: 0 }) : D("", !0)
             ], 2), [
               [ie, e.show]
             ])
@@ -1854,16 +1860,16 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
             ]),
             o("div", Bl, [
               o("h3", Ll, [
-                x(r.$slots, "title")
+                w(r.$slots, "title")
               ]),
               o("div", Il, [
-                x(r.$slots, "content")
+                w(r.$slots, "content")
               ])
             ])
           ])
         ]),
         o("div", Dl, [
-          x(r.$slots, "footer")
+          w(r.$slots, "footer")
         ])
       ]),
       _: 3
@@ -1899,20 +1905,20 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       default: O(() => [
         o("div", jl, [
           o("div", Ol, [
-            x(r.$slots, "title")
+            w(r.$slots, "title")
           ]),
           o("div", zl, [
-            x(r.$slots, "content")
+            w(r.$slots, "content")
           ])
         ]),
         o("div", El, [
-          x(r.$slots, "footer")
+          w(r.$slots, "footer")
         ])
       ]),
       _: 3
     }, 8, ["show", "max-width", "closeable"]));
   }
-}, Nl = { class: "relative" }, Kl = {
+}, Nl = { class: "relative inline-block w-fit" }, Kl = {
   __name: "Dropdown",
   props: {
     align: {
@@ -1934,15 +1940,15 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     const l = (d) => {
       t.value && d.key === "Escape" && (t.value = !1);
     };
-    se(() => document.addEventListener("keydown", l)), Ae(() => document.removeEventListener("keydown", l));
+    ee(() => document.addEventListener("keydown", l)), Ae(() => document.removeEventListener("keydown", l));
     const r = g(() => ({
       48: "w-48"
-    })[s.width.toString()]), u = g(() => s.align === "left" ? "ltr:origin-top-left rtl:origin-top-right start-0" : s.align === "right" ? "ltr:origin-top-right rtl:origin-top-left end-0" : "origin-top");
+    })[s.width.toString()]), u = g(() => s.align === "left" ? "ltr:origin-top-left rtl:origin-top-right start-0" : s.align === "right" ? "ltr:origin-top-right rtl:origin-top-left" : "origin-top");
     return (d, f) => (a(), i("div", Nl, [
       o("div", {
         onClick: f[0] || (f[0] = ($) => me(t) ? t.value = !I(t) : t = !I(t))
       }, [
-        x(d.$slots, "trigger", { open: I(t) })
+        w(d.$slots, "trigger", { open: I(t) })
       ]),
       Z(o("div", {
         class: "fixed inset-0 z-40",
@@ -1960,14 +1966,14 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       }, {
         default: O(() => [
           Z(o("div", {
-            class: S(["absolute z-50 mt-2 rounded-xl shadow-xl shadow-gray-900/10", [r.value, u.value]]),
+            class: k(["absolute z-50 mt-2 rounded-xl shadow-xl shadow-gray-900/10", [r.value, u.value]]),
             style: { display: "none" },
             onClick: f[2] || (f[2] = ($) => me(t) ? t.value = !1 : t = !1)
           }, [
             o("div", {
-              class: S(["rounded-xl ring-1 ring-gray-200/60 backdrop-blur-sm bg-white/95", e.contentClasses])
+              class: k(["rounded-xl ring-1 ring-gray-200/60 backdrop-blur-sm bg-white/95", e.contentClasses])
             }, [
-              x(d.$slots, "content")
+              w(d.$slots, "content")
             ], 2)
           ], 2), [
             [ie, I(t)]
@@ -1990,20 +1996,20 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   setup(e) {
     return (s, t) => (a(), i("div", null, [
       e.as == "button" ? (a(), i("button", Ul, [
-        x(s.$slots, "default")
+        w(s.$slots, "default")
       ])) : e.as == "a" ? (a(), i("a", {
         key: 1,
         href: e.href,
         class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
       }, [
-        x(s.$slots, "default")
+        w(s.$slots, "default")
       ], 8, Rl)) : (a(), B(I(ge), {
         key: 2,
         href: e.href,
         class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
       }, {
         default: O(() => [
-          x(s.$slots, "default")
+          w(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["href"]))
@@ -2020,10 +2026,10 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     return (t, l) => (a(), i("div", ql, [
       R(Se, null, {
         title: O(() => [
-          x(t.$slots, "title")
+          w(t.$slots, "title")
         ]),
         description: O(() => [
-          x(t.$slots, "description")
+          w(t.$slots, "description")
         ]),
         _: 3
       }),
@@ -2032,14 +2038,14 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
           onSubmit: l[0] || (l[0] = ve((r) => t.$emit("submitted"), ["prevent"]))
         }, [
           o("div", {
-            class: S(["px-4 py-5 bg-white sm:p-6", s.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
+            class: k(["px-4 py-5 bg-white sm:p-6", s.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
           }, [
             o("div", Wl, [
-              x(t.$slots, "form")
+              w(t.$slots, "form")
             ])
           ], 2),
           s.value ? (a(), i("div", Gl, [
-            x(t.$slots, "actions")
+            w(t.$slots, "actions")
           ])) : D("", !0)
         ], 32)
       ])
@@ -2065,7 +2071,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   setup(e) {
     return (s, t) => (a(), i("label", Jl, [
       e.value ? (a(), i("span", Zl, T(e.value), 1)) : (a(), i("span", ea, [
-        x(s.$slots, "default")
+        w(s.$slots, "default")
       ]))
     ]));
   }
@@ -2118,14 +2124,14 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       rel: e.rel,
       class: u.value
     }), [
-      x(d.$slots, "default")
+      w(d.$slots, "default")
     ], 16, la)) : (a(), B(I(ge), z({ key: 0 }, I(s), {
       href: e.href,
       title: e.title,
       class: u.value
     }), {
       default: O(() => [
-        x(d.$slots, "default")
+        w(d.$slots, "default")
       ]),
       _: 3
     }, 16, ["href", "title", "class"]));
@@ -2140,10 +2146,10 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     const s = e, t = g(() => s.active ? "inline-flex items-center px-1 pt-1 border-b-2 border-indigo-500 text-sm font-semibold leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition-all duration-300 ease-out relative group" : "inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-600 hover:text-gray-900 hover:border-gray-400 focus:outline-none focus:text-gray-900 focus:border-gray-400 transition-all duration-300 ease-out relative group");
     return (l, r) => (a(), B(I(ge), {
       href: e.href,
-      class: S(t.value)
+      class: k(t.value)
     }, {
       default: O(() => [
-        x(l.$slots, "default")
+        w(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["href", "class"]));
@@ -2160,22 +2166,22 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     return (l, r) => (a(), i("div", null, [
       e.as == "button" ? (a(), i("button", {
         key: 0,
-        class: S([t.value, "w-full text-start"])
+        class: k([t.value, "w-full text-start"])
       }, [
-        x(l.$slots, "default")
+        w(l.$slots, "default")
       ], 2)) : e.as == "a" ? (a(), i("a", {
         key: 1,
-        class: S([t.value, "w-full text-start"]),
+        class: k([t.value, "w-full text-start"]),
         href: e.href
       }, [
-        x(l.$slots, "default")
+        w(l.$slots, "default")
       ], 10, sa)) : (a(), B(I(ge), {
         key: 2,
         href: e.href,
-        class: S(t.value)
+        class: k(t.value)
       }, {
         default: O(() => [
-          x(l.$slots, "default")
+          w(l.$slots, "default")
         ]),
         _: 3
       }, 8, ["href", "class"]))
@@ -2235,7 +2241,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
             (a(!0), i(q, null, P(e.fields, (d) => (a(), i("button", {
               key: d.key,
               onClick: (f) => l(d.key),
-              class: S([
+              class: k([
                 "px-3 py-1.5 text-sm font-medium rounded-lg transition-all duration-200",
                 e.currentSortField === d.key ? "bg-blue-500 text-white shadow-sm" : "bg-gray-100 text-gray-700 hover:bg-gray-200"
               ])
@@ -2280,16 +2286,16 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }, [
       o("div", ba, [
         o("span", null, [
-          x(r.$slots, "default")
+          w(r.$slots, "default")
         ]),
         o("div", va, [
           t.value && e.currentDirection === "asc" ? (a(), B(I(Ie), {
             key: 0,
-            class: S([l.value, "w-3 h-3"])
+            class: k([l.value, "w-3 h-3"])
           }, null, 8, ["class"])) : D("", !0),
           t.value && e.currentDirection === "desc" ? (a(), B(I(xe), {
             key: 1,
-            class: S([l.value, "w-3 h-3"])
+            class: k([l.value, "w-3 h-3"])
           }, null, 8, ["class"])) : D("", !0)
         ])
       ])
@@ -2367,29 +2373,29 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   setup(e, { emit: s }) {
     const t = fe(), l = e, r = s;
     g(() => !!t.actions);
-    const u = g(() => l.data && l.data.length > 0), d = (w) => {
-      r("sort", w);
-    }, f = (w) => {
-      const V = String(w ?? ""), p = Number(l.maxTextLength);
-      return !Number.isFinite(p) || p <= 0 || V.length <= p ? V : `${V.slice(0, p)}...`;
-    }, $ = (w, V) => {
-      if (V.slot)
+    const u = g(() => l.data && l.data.length > 0), d = (v) => {
+      r("sort", v);
+    }, f = (v) => {
+      const S = String(v ?? ""), p = Number(l.maxTextLength);
+      return !Number.isFinite(p) || p <= 0 || S.length <= p ? S : `${S.slice(0, p)}...`;
+    }, $ = (v, S) => {
+      if (S.slot)
         return null;
-      if (V.render)
-        return V.render(w);
-      const p = V.key.split(".").reduce((M, L) => M?.[L], w);
+      if (S.render)
+        return S.render(v);
+      const p = S.key.split(".").reduce((M, L) => M?.[L], v);
       return p == null || p === "" ? "-" : f(p);
-    }, b = (w) => w.deleted_at || w.deleted, k = (w) => {
-      if (w.class)
-        return w.class;
-      let V = "px-6 py-4 text-sm truncate";
-      return w.isSecondary || (V += " font-medium"), w.isSecondary && (V += " text-gray-600"), V;
-    }, v = (w) => w.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider";
-    return (w, V) => (a(), i("div", {
-      class: S(["bg-white", e.isCard ? "border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn mx-4 md:mx-0" : ""])
+    }, b = (v) => v.deleted_at || v.deleted, C = (v) => {
+      if (v.class)
+        return v.class;
+      let S = "px-6 py-4 text-sm truncate";
+      return v.isSecondary || (S += " font-medium"), v.isSecondary && (S += " text-gray-600"), S;
+    }, h = (v) => v.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider";
+    return (v, S) => (a(), i("div", {
+      class: k(["bg-white", e.isCard ? "border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn mx-4 md:mx-0" : ""])
     }, [
       o("div", {
-        class: S(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
+        class: k(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
       }, [
         o("table", ha, [
           o("thead", xa, [
@@ -2410,20 +2416,20 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                   _: 2
                 }, 1032, ["field", "current-sort-field", "current-direction"])) : (a(), i("th", {
                   key: 1,
-                  class: S([v(p), { "text-right": p.align === "right" }])
+                  class: k([h(p), { "text-right": p.align === "right" }])
                 }, T(p.label), 3))
               ], 64))), 128)),
-              w.$slots.actions ? (a(), i("th", wa, T(e.actionsLabel), 1)) : D("", !0)
+              v.$slots.actions ? (a(), i("th", wa, T(e.actionsLabel), 1)) : D("", !0)
             ])
           ]),
           o("tbody", ka, [
             (a(!0), i(q, null, P(e.data, (p, M) => (a(), i("tr", {
               key: p.id,
-              class: S(e.rowClasses(p, M))
+              class: k(e.rowClasses(p, M))
             }, [
               (a(!0), i(q, null, P(e.columns, (L) => (a(), i("td", {
                 key: L.key,
-                class: S(k(L))
+                class: k(C(L))
               }, [
                 L.key === "name" && !L.slot ? (a(), i("div", Sa, [
                   o("div", {
@@ -2431,7 +2437,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                     title: $(p, L)
                   }, T($(p, L)), 9, $a),
                   b(p) ? (a(), i("span", Ca, T(e.deletedLabel), 1)) : D("", !0)
-                ])) : L.slot ? x(w.$slots, L.slot, {
+                ])) : L.slot ? w(v.$slots, L.slot, {
                   key: 1,
                   item: p,
                   column: L,
@@ -2441,8 +2447,8 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                   innerHTML: L.render(p)
                 }, null, 8, Va)) : (a(), i("div", _a, T($(p, L)), 1))
               ], 2))), 128)),
-              w.$slots.actions ? (a(), i("td", Ta, [
-                x(w.$slots, "actions", {
+              v.$slots.actions ? (a(), i("td", Ta, [
+                w(v.$slots, "actions", {
                   item: p,
                   index: M
                 })
@@ -2584,14 +2590,14 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   },
   emits: ["sort", "update", "update:editingRowKey", "edit-start", "edit-cancel"],
   setup(e, { emit: s }) {
-    const t = fe(), l = e, r = s, u = j(l.sortField), d = j(l.sortDirection), f = j(""), $ = j(null), b = j({}), k = g(() => l.editingRowKey !== void 0 ? l.editingRowKey : $.value);
+    const t = fe(), l = e, r = s, u = j(l.sortField), d = j(l.sortDirection), f = j(""), $ = j(null), b = j({}), C = g(() => l.editingRowKey !== void 0 ? l.editingRowKey : $.value);
     Q(() => l.sortField, (n) => {
       u.value = n;
     }), Q(() => l.sortDirection, (n) => {
       d.value = n;
     }), Q(() => l.rowEditing, (n) => {
       n || X();
-    }), Q(k, (n, y) => {
+    }), Q(C, (n, y) => {
       if (n === y)
         return;
       if (n == null || n === "") {
@@ -2603,13 +2609,13 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }), Q(
       () => l.data,
       () => {
-        if (k.value === null || k.value === void 0)
+        if (C.value === null || C.value === void 0)
           return;
-        l.data.find((y, c) => W(y, c) === k.value) || X();
+        l.data.find((y, c) => W(y, c) === C.value) || X();
       },
       { deep: !0 }
     );
-    const v = g(() => {
+    const h = g(() => {
       let n = l.data;
       if (l.search && f.value.trim()) {
         const y = f.value.toLowerCase().trim();
@@ -2627,7 +2633,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         let H = 0;
         return A < m && (H = -1), A > m && (H = 1), d.value === "desc" ? -H : H;
       }) : n;
-    }), w = g(() => !!t.actions), V = g(() => w.value || l.rowEditing), p = g(() => v.value && v.value.length > 0), M = (n) => {
+    }), v = g(() => !!t.actions), S = g(() => v.value || l.rowEditing), p = g(() => h.value && h.value.length > 0), M = (n) => {
       u.value === n ? d.value = d.value === "asc" ? "desc" : "asc" : (u.value = n, d.value = "asc"), r("sort", { field: n, direction: d.value });
     }, L = (n) => Array.isArray(n) ? n.map((y) => L(y)) : n && typeof n == "object" ? Object.fromEntries(
       Object.entries(n).map(([y, c]) => [y, L(c)])
@@ -2642,36 +2648,36 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       for (const de of A)
         (H[de] === void 0 || H[de] === null || typeof H[de] != "object") && (H[de] = {}), H = H[de];
       m !== void 0 && (H[m] = c);
-    }, Y = (n) => n?.id ? l.data.findIndex((y) => y?.id === n.id) : l.data.findIndex((y) => y === n), W = (n, y) => typeof l.rowKey == "function" ? l.rowKey(n, y) ?? `row-${y}` : F(n, l.rowKey) ?? `row-${y}`, G = (n) => `${n.slot}-edit`, J = (n) => l.isDeletedFn(n), h = (n) => {
+    }, Y = (n) => n?.id ? l.data.findIndex((y) => y?.id === n.id) : l.data.findIndex((y) => y === n), W = (n, y) => typeof l.rowKey == "function" ? l.rowKey(n, y) ?? `row-${y}` : F(n, l.rowKey) ?? `row-${y}`, G = (n) => `${n.slot}-edit`, J = (n) => l.isDeletedFn(n), x = (n) => {
       l.editingRowKey === void 0 && ($.value = n), r("update:editingRowKey", n);
-    }, N = (n, y) => l.rowEditing && k.value !== null && k.value === W(n, y), K = (n, y) => !l.rowEditing || !l.canEditRow(n, y) || J(n) ? !0 : k.value !== null && !N(n, y), X = () => {
-      h(null);
-    }, ee = (n, y) => {
+    }, N = (n, y) => l.rowEditing && C.value !== null && C.value === W(n, y), K = (n, y) => !l.rowEditing || !l.canEditRow(n, y) || J(n) ? !0 : C.value !== null && !N(n, y), X = () => {
+      x(null);
+    }, te = (n, y) => {
       if (K(n, y))
         return;
       const c = W(n, y);
-      h(c), r("edit-start", {
+      x(c), r("edit-start", {
         item: n,
         index: Y(n),
         rowKey: c
       });
-    }, te = (n, y) => {
+    }, le = (n, y) => {
       r("edit-cancel", {
         item: n,
         index: Y(n),
         rowKey: W(n, y)
       }), X();
-    }, le = (n, y, c, A = void 0) => {
+    }, ae = (n, y, c, A = void 0) => {
       re(b.value, n, y), l.mutateRows && re(c, n, L(y)), r("update", {
         item: c,
         draft: b.value,
         field: n,
         value: y,
         index: Y(c),
-        rowKey: k.value,
+        rowKey: C.value,
         event: A
       });
-    }, ae = (n, y) => {
+    }, se = (n, y) => {
       if (y.slot)
         return null;
       if (y.render)
@@ -2683,7 +2689,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         return n.class;
       let m = N(y, c) && (n.input || t[G(n)]) ? "px-6 py-3 text-sm align-top" : "px-6 py-4 text-sm truncate";
       return n.isSecondary || (m += " font-medium"), n.isSecondary && (m += " text-gray-600"), m;
-    }, C = (n) => n.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", _ = (n) => n.inputType || "text", Pe = (n) => {
+    }, V = (n) => n.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", _ = (n) => n.inputType || "text", Pe = (n) => {
       let y = "block w-full min-w-[12rem] sm:min-w-[10rem] max-w-xs rounded-md border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 shadow-none placeholder-gray-400 transition-colors duration-200 focus:border-blue-500 focus:bg-white focus:outline-none focus:ring-2 focus:ring-blue-500/20";
       return n.inputClass && (y += ` ${n.inputClass}`), n.isSecondary && (y += " text-gray-600"), y;
     }, We = (n) => n.placeholder || n.label || "", _e = (n, y, c) => N(n, c) ? F(b.value, y.key) ?? "" : F(n, y.key) ?? "", Ge = (n, y) => {
@@ -2696,16 +2702,16 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       isEditing: N(n, c),
       draft: b.value,
       rowKey: W(n, c),
-      updateDraft: (A, m) => le(A, m, n),
-      startEdit: () => ee(n, c),
-      cancelEdit: () => te(n, c)
+      updateDraft: (A, m) => ae(A, m, n),
+      startEdit: () => te(n, c),
+      cancelEdit: () => le(n, c)
     }), Xe = (n, y, c) => !!((typeof n.disabled == "function" ? n.disabled(y, c) : n.disabled) || J(y));
     return (n, y) => (a(), i("div", {
-      class: S(["bg-white", e.isCard ? "mx-4 md:mx-0 border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn" : ""])
+      class: k(["bg-white", e.isCard ? "mx-4 md:mx-0 border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn" : ""])
     }, [
       e.search ? (a(), i("div", {
         key: 0,
-        class: S([
+        class: k([
           "px-6 py-4",
           e.isCard ? "border-b border-gray-200 bg-gray-50/80 rounded-t-xl" : "mb-4 bg-white/80 backdrop-blur-sm"
         ])
@@ -2726,7 +2732,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       ], 2)) : D("", !0),
       p.value ? (a(), i("div", {
         key: 1,
-        class: S(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
+        class: k(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
       }, [
         o("table", za, [
           o("thead", Ea, [
@@ -2747,53 +2753,53 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                   _: 2
                 }, 1032, ["field", "current-sort-field", "current-direction"])) : (a(), i("th", {
                   key: 1,
-                  class: S([C(c), { "text-right": c.align === "right" }])
+                  class: k([V(c), { "text-right": c.align === "right" }])
                 }, T(c.label), 3))
               ], 64))), 128)),
-              V.value ? (a(), i("th", Fa, T(e.actionsLabel), 1)) : D("", !0)
+              S.value ? (a(), i("th", Fa, T(e.actionsLabel), 1)) : D("", !0)
             ])
           ]),
           o("tbody", Na, [
-            (a(!0), i(q, null, P(v.value, (c, A) => (a(), i("tr", {
+            (a(!0), i(q, null, P(h.value, (c, A) => (a(), i("tr", {
               key: W(c, A),
-              class: S(e.rowClasses(c, A))
+              class: k(e.rowClasses(c, A))
             }, [
               (a(!0), i(q, null, P(e.columns, (m) => (a(), i("td", {
                 key: m.key,
-                class: S([U(m, c, A), { "text-right": m.align === "right" }])
+                class: k([U(m, c, A), { "text-right": m.align === "right" }])
               }, [
-                N(c, A) && m.slot && I(t)[G(m)] ? x(n.$slots, G(m), z({
+                N(c, A) && m.slot && I(t)[G(m)] ? w(n.$slots, G(m), z({
                   key: 0,
                   ref_for: !0
                 }, pe(c, m, A))) : N(c, A) && m.input ? (a(), B(ye, {
                   key: 1,
                   type: _(m),
-                  class: S(Pe(m)),
+                  class: k(Pe(m)),
                   placeholder: We(m),
                   "model-value": _e(c, m, A),
                   disabled: Xe(m, c, A),
                   maxlength: m.maxlength,
                   "error-message": Ge(c, m),
                   "helper-text": "",
-                  "onUpdate:modelValue": (H) => le(m.key, H, c),
-                  onBlur: (H) => le(m.key, H?.target?.value ?? _e(c, m, A), c, "blur")
+                  "onUpdate:modelValue": (H) => ae(m.key, H, c),
+                  onBlur: (H) => ae(m.key, H?.target?.value ?? _e(c, m, A), c, "blur")
                 }, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : m.key === "name" && !m.slot ? (a(), i("div", Ka, [
                   o("div", {
                     class: "text-sm font-medium truncate",
-                    title: ae(c, m)
-                  }, T(ae(c, m)), 9, Ua),
+                    title: se(c, m)
+                  }, T(se(c, m)), 9, Ua),
                   J(c) ? (a(), i("span", Ra, T(e.deletedLabel), 1)) : D("", !0)
-                ])) : m.slot ? x(n.$slots, m.slot, z({
+                ])) : m.slot ? w(n.$slots, m.slot, z({
                   key: 3,
                   ref_for: !0
                 }, pe(c, m, A))) : m.render ? (a(), i("div", {
                   key: 4,
                   innerHTML: m.render(c)
-                }, null, 8, Ha)) : (a(), i("div", qa, T(ae(c, m)), 1))
+                }, null, 8, Ha)) : (a(), i("div", qa, T(se(c, m)), 1))
               ], 2))), 128)),
-              V.value ? (a(), i("td", Pa, [
+              S.value ? (a(), i("td", Pa, [
                 o("div", Wa, [
-                  w.value ? x(n.$slots, "actions", z({
+                  v.value ? w(n.$slots, "actions", z({
                     key: 0,
                     ref_for: !0
                   }, pe(c, null, A))) : D("", !0),
@@ -2803,7 +2809,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                     variant: "tertiary",
                     title: e.cancelLabel,
                     "aria-label": e.cancelLabel,
-                    onClick: (m) => te(c, A)
+                    onClick: (m) => le(c, A)
                   }, {
                     default: O(() => [
                       R(I(dt), { class: "size-4" })
@@ -2816,7 +2822,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                     disabled: K(c, A),
                     title: e.editLabel,
                     "aria-label": e.editLabel,
-                    onClick: (m) => ee(c, A)
+                    onClick: (m) => te(c, A)
                   }, {
                     default: O(() => [
                       R(I(ut), { class: "size-4" })