@enos5/enos-vue 0.2.1 → 0.2.3

package/dist/index.js

@@ -1,29 +1,29 @@
-import { ref as O, computed as g, watch as J, openBlock as a, createElementBlock as i, createElementVNode as o, Fragment as q, renderList as W, normalizeClass as S, normalizeStyle as Te, toDisplayString as V, createBlock as B, createCommentVNode as M, renderSlot as w, createVNode as F, Transition as re, withCtx as z, mergeProps as E, useSlots as ge, unref as I, withDirectives as ee, vShow as oe, watchEffect as Qe, onMounted as se, useAttrs as ne, vModelCheckbox as Ye, nextTick as ve, onBeforeUnmount as Je, Teleport as Ze, withModifiers as he, onUnmounted as Ae, isRef as be, createTextVNode as ue, resolveDynamicComponent as Be, vModelText as et } from "vue";
-import { usePage as tt, Link as ye } from "@inertiajs/vue3";
-import { useI18n as lt } from "vue-i18n";
-import { CheckCircleIcon as at, ExclamationTriangleIcon as Le, XMarkIcon as Ie, LockClosedIcon as st, ChevronDownIcon as xe, PhotoIcon as nt, ExclamationCircleIcon as rt, ChevronUpIcon as De, MagnifyingGlassIcon as ot, CheckIcon as it, PencilSquareIcon as dt } from "@heroicons/vue/24/outline";
-const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { ref as j, computed as g, watch as Q, openBlock as a, createElementBlock as i, createElementVNode as o, Fragment as q, renderList as W, normalizeClass as S, normalizeStyle as Te, toDisplayString as A, createBlock as L, createCommentVNode as D, renderSlot as x, createVNode as N, Transition as oe, withCtx as O, mergeProps as z, useSlots as ge, unref as I, withDirectives as Z, vShow as ie, watchEffect as Je, onMounted as ae, useAttrs as se, vModelCheckbox as Ze, nextTick as ve, onBeforeUnmount as et, Teleport as tt, withModifiers as he, onUnmounted as Ae, isRef as be, createTextVNode as ue, resolveDynamicComponent as Be, vModelText as lt } from "vue";
+import { usePage as at, Link as ye } from "@inertiajs/vue3";
+import { useI18n as st } from "vue-i18n";
+import { CheckCircleIcon as nt, ExclamationTriangleIcon as Le, XMarkIcon as Ie, LockClosedIcon as rt, ChevronDownIcon as xe, PhotoIcon as ot, ExclamationCircleIcon as it, ChevronUpIcon as De, MagnifyingGlassIcon as dt, CheckIcon as ut, PencilSquareIcon as ct } from "@heroicons/vue/24/outline";
+const ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get ActionCard() {
-    return mt;
+    return vt;
   },
   get ActionMessage() {
-    return vt;
+    return xt;
   },
   get ActionSection() {
-    return At;
+    return Lt;
   },
   get ApplicationLogo() {
-    return Dt;
+    return jt;
   },
   get AuthenticationCard() {
-    return Et;
+    return Nt;
   },
   get Badge() {
-    return Nt;
+    return Ut;
   },
   get Banner() {
-    return Gt;
+    return Qt;
   },
   get Button() {
     return fe;
@@ -35,7 +35,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return Me;
   },
   get Checkbox() {
-    return Yt;
+    return Zt;
   },
   get CheckboxInput() {
     return Oe;
@@ -44,43 +44,43 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return Pe;
   },
   get ConfirmationModal() {
-    return Dl;
+    return jl;
   },
   get CustomSelect() {
     return Fe;
   },
   get DateInput() {
-    return Ue;
+    return Ke;
   },
   get DialogModal() {
-    return El;
+    return Nl;
   },
   get Divider() {
     return we;
   },
   get Dropdown() {
-    return Nl;
+    return Ul;
   },
   get DropdownLink() {
-    return Rl;
+    return ql;
   },
   get EnosVue() {
     return es;
   },
   get FormSection() {
-    return Gl;
+    return Ql;
   },
   get ImageInput() {
-    return Ke;
+    return Ue;
   },
   get InputError() {
-    return Ql;
+    return Jl;
   },
   get InputGroup() {
     return pe;
   },
   get InputLabel() {
-    return ea;
+    return la;
   },
   get LinkButton() {
     return Ce;
@@ -89,7 +89,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return $e;
   },
   get NavLink() {
-    return la;
+    return sa;
   },
   get NotationInput() {
     return Re;
@@ -101,10 +101,10 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return qe;
   },
   get ResponsiveNavLink() {
-    return sa;
+    return ra;
   },
   get SectionBorder() {
-    return oa;
+    return da;
   },
   get SectionTitle() {
     return Se;
@@ -113,7 +113,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return Ne;
   },
   get SortControls() {
-    return pa;
+    return ba;
   },
   get TableList() {
     return Ma;
@@ -130,10 +130,10 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get ThSortable() {
     return Ve;
   }
-}, Symbol.toStringTag, { value: "Module" })), ct = { class: "border-b border-gray-200/80 bg-gray-50/80 p-2" }, ft = {
+}, Symbol.toStringTag, { value: "Module" })), gt = { class: "border-b border-gray-200/80 bg-gray-50/80 p-2" }, yt = {
   role: "tablist",
   class: "flex rounded-lg bg-white shadow-sm ring-1 ring-gray-200/80 overflow-hidden"
-}, gt = ["aria-selected", "tabindex", "onClick", "onKeydown"], Me = {
+}, pt = ["aria-selected", "tabindex", "onClick", "onKeydown"], Me = {
   __name: "CardTabs",
   props: {
     tabs: {
@@ -151,68 +151,68 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "tab-click"
   ],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O([]), u = g(() => t.tabs.map((h) => h.value)), d = g(() => u.value.includes(t.activeTab) ? t.activeTab : u.value[0] ?? "");
-    J(d, (h) => {
-      h !== t.activeTab && l("update:activeTab", h);
+    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);
     }, { immediate: !0 });
-    const f = (h, k) => {
-      n.value[k] = h;
-    }, v = (h) => {
-      !h || h === t.activeTab || (l("update:activeTab", h), l("tab-click", h));
-    }, b = (h) => {
-      n.value[h]?.focus();
-    }, _ = (h, k) => {
+    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) => {
       if (t.tabs.length === 0)
         return;
-      let T = k;
-      switch (h.key) {
+      let V = w;
+      switch (v.key) {
         case "ArrowRight":
         case "ArrowDown":
-          T = (k + 1) % t.tabs.length;
+          V = (w + 1) % t.tabs.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          T = (k - 1 + t.tabs.length) % t.tabs.length;
+          V = (w - 1 + t.tabs.length) % t.tabs.length;
           break;
         case "Home":
-          T = 0;
+          V = 0;
           break;
         case "End":
-          T = t.tabs.length - 1;
+          V = t.tabs.length - 1;
           break;
         default:
           return;
       }
-      h.preventDefault(), v(t.tabs[T].value), b(T);
+      v.preventDefault(), $(t.tabs[V].value), b(V);
     };
-    return (h, k) => (a(), i("div", ct, [
-      o("div", ft, [
-        (a(!0), i(q, null, W(e.tabs, (T, m) => (a(), i("button", {
-          key: T.value,
+    return (v, w) => (a(), i("div", gt, [
+      o("div", yt, [
+        (a(!0), i(q, null, W(e.tabs, (V, m) => (a(), i("button", {
+          key: V.value,
           ref_for: !0,
-          ref: (L) => f(L, m),
+          ref: (M) => f(M, m),
           type: "button",
           style: Te({ width: `${100 / e.tabs.length}%` }),
           role: "tab",
-          "aria-selected": d.value === T.value,
-          tabindex: d.value === T.value ? 0 : -1,
+          "aria-selected": d.value === V.value,
+          tabindex: d.value === V.value ? 0 : -1,
           class: S([
             "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 === T.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 === 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",
             {
               "border-r border-gray-200/80": m !== e.tabs.length - 1
             }
           ]),
-          onClick: (L) => v(T.value),
-          onKeydown: (L) => _(L, m)
-        }, V(T.label), 47, gt))), 128))
+          onClick: (M) => $(V.value),
+          onKeydown: (M) => k(M, m)
+        }, A(V.label), 47, pt))), 128))
       ])
     ]));
   }
-}, yt = {
+}, mt = {
   key: 0,
   class: "mb-4"
-}, pt = {
+}, bt = {
   key: 1,
   class: "text-lg font-semibold text-gray-900 mb-4"
 }, je = {
@@ -257,29 +257,29 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "tab-click"
   ],
   setup(e) {
-    const s = e, t = O(""), l = O("right"), n = g(() => s.tabs.findIndex((u) => u.value === s.activeTab));
-    return g(() => s.tabs.findIndex((u) => u.value === t.value)), J(n, (u, d) => {
+    const s = e, t = j(""), l = j("right"), r = g(() => s.tabs.findIndex((u) => u.value === s.activeTab));
+    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])
     }, [
-      e.tabs.length > 0 ? (a(), B(Me, {
+      e.tabs.length > 0 ? (a(), L(Me, {
         key: 0,
         tabs: e.tabs,
         "active-tab": e.activeTab,
         "onUpdate:activeTab": d[0] || (d[0] = (f) => u.$emit("update:activeTab", f)),
         onTabClick: d[1] || (d[1] = (f) => u.$emit("tab-click", f))
-      }, null, 8, ["tabs", "active-tab"])) : M("", !0),
+      }, null, 8, ["tabs", "active-tab"])) : D("", !0),
       o("div", {
         class: S(e.paddingClass)
       }, [
-        u.$slots.customTitle ? (a(), i("div", yt, [
-          w(u.$slots, "customTitle")
-        ])) : e.title ? (a(), i("h3", pt, V(e.title), 1)) : M("", !0),
+        u.$slots.customTitle ? (a(), i("div", mt, [
+          x(u.$slots, "customTitle")
+        ])) : e.title ? (a(), i("h3", bt, A(e.title), 1)) : D("", !0),
         o("div", {
           class: S(["relative", e.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
         }, [
-          F(re, {
+          N(oe, {
             "enter-active-class": "transition-all duration-200 ease-in-out",
             "enter-from-class": l.value === "right" ? "translate-x-full opacity-0" : "-translate-x-full opacity-0",
             "enter-to-class": "translate-x-0 opacity-100",
@@ -288,12 +288,12 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             "leave-to-class": l.value === "right" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
             mode: "out-in"
           }, {
-            default: z(() => [
+            default: O(() => [
               (a(), i("div", {
                 key: e.activeTab,
                 class: S([e.tabs.length > 0 ? "p-2" : "", e.contentClass])
               }, [
-                w(u.$slots, "default")
+                x(u.$slots, "default")
               ], 2))
             ]),
             _: 3
@@ -307,11 +307,11 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, {
   __name: "Divider",
   setup(e) {
-    return (s, t) => (a(), i("div", E({ class: "border-t border-gray-200" }, s.$attrs), [
-      w(s.$slots, "default")
+    return (s, t) => (a(), i("div", z({ class: "border-t border-gray-200" }, s.$attrs), [
+      x(s.$slots, "default")
     ], 16));
   }
-}), mt = {
+}), vt = {
   __name: "ActionCard",
   props: {
     title: {
@@ -325,42 +325,42 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   setup(e) {
     const s = ge();
-    return (t, l) => (a(), B(je, {
+    return (t, l) => (a(), L(je, {
       title: e.title,
       "content-class": e.actionsClass
     }, {
-      default: z(() => [
-        w(t.$slots, "default"),
-        I(s).danger ? (a(), B(we, {
+      default: O(() => [
+        x(t.$slots, "default"),
+        I(s).danger ? (a(), L(we, {
           key: 0,
           class: "mt-6 pt-4"
         }, {
-          default: z(() => [
-            w(t.$slots, "danger")
+          default: O(() => [
+            x(t.$slots, "danger")
           ]),
           _: 3
-        })) : M("", !0)
+        })) : D("", !0)
       ]),
       _: 3
     }, 8, ["title", "content-class"]));
   }
-}, bt = { class: "text-sm text-gray-600" }, vt = {
+}, ht = { class: "text-sm text-gray-600" }, xt = {
   __name: "ActionMessage",
   props: {
     on: Boolean
   },
   setup(e) {
     return (s, t) => (a(), i("div", null, [
-      F(re, {
+      N(oe, {
         "leave-active-class": "transition ease-in duration-1000",
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: z(() => [
-          ee(o("div", bt, [
-            w(s.$slots, "default")
+        default: O(() => [
+          Z(o("div", ht, [
+            x(s.$slots, "default")
           ], 512), [
-            [oe, e.on]
+            [ie, e.on]
           ])
         ]),
         _: 3
@@ -369,52 +369,52 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 }, ke = (e, s) => {
   const t = e.__vccOpts || e;
-  for (const [l, n] of s)
-    t[l] = n;
+  for (const [l, r] of s)
+    t[l] = r;
   return t;
-}, ht = {}, xt = { class: "md:col-span-1 flex justify-between" }, wt = { class: "px-4 sm:px-0" }, kt = { class: "text-lg font-medium text-gray-900" }, St = { class: "mt-1 text-sm text-gray-600" }, $t = { class: "px-4 sm:px-0" };
-function Ct(e, s) {
-  return a(), i("div", xt, [
-    o("div", wt, [
-      o("h3", kt, [
-        w(e.$slots, "title")
+}, wt = {}, kt = { class: "md:col-span-1 flex justify-between" }, St = { class: "px-4 sm:px-0" }, $t = { class: "text-lg font-medium text-gray-900" }, Ct = { class: "mt-1 text-sm text-gray-600" }, Vt = { class: "px-4 sm:px-0" };
+function _t(e, s) {
+  return a(), i("div", kt, [
+    o("div", St, [
+      o("h3", $t, [
+        x(e.$slots, "title")
       ]),
-      o("p", St, [
-        w(e.$slots, "description")
+      o("p", Ct, [
+        x(e.$slots, "description")
       ])
     ]),
-    o("div", $t, [
-      w(e.$slots, "aside")
+    o("div", Vt, [
+      x(e.$slots, "aside")
     ])
   ]);
 }
-const Se = /* @__PURE__ */ ke(ht, [["render", Ct]]), Vt = { class: "md:grid md:grid-cols-3 md:gap-6" }, _t = { class: "mt-5 md:mt-0 md:col-span-2" }, Tt = { class: "px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg" }, At = {
+const Se = /* @__PURE__ */ ke(wt, [["render", _t]]), Tt = { class: "md:grid md:grid-cols-3 md:gap-6" }, At = { class: "mt-5 md:mt-0 md:col-span-2" }, Bt = { class: "px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg" }, Lt = {
   __name: "ActionSection",
   setup(e) {
-    return (s, t) => (a(), i("div", Vt, [
-      F(Se, null, {
-        title: z(() => [
-          w(s.$slots, "title")
+    return (s, t) => (a(), i("div", Tt, [
+      N(Se, null, {
+        title: O(() => [
+          x(s.$slots, "title")
         ]),
-        description: z(() => [
-          w(s.$slots, "description")
+        description: O(() => [
+          x(s.$slots, "description")
         ]),
         _: 3
       }),
-      o("div", _t, [
-        o("div", Tt, [
-          w(s.$slots, "content")
+      o("div", At, [
+        o("div", Bt, [
+          x(s.$slots, "content")
         ])
       ])
     ]));
   }
-}, Bt = {}, Lt = {
+}, It = {}, Dt = {
   viewBox: "0 0 317 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function It(e, s) {
-  return a(), i("svg", Lt, [...s[0] || (s[0] = [
+function Mt(e, s) {
+  return a(), i("svg", Dt, [...s[0] || (s[0] = [
     o("path", {
       d: "M74.09 30.04V13h-4.14v21H82.1v-3.96h-8.01zM95.379 19v1.77c-1.08-1.35-2.7-2.19-4.89-2.19-3.99 0-7.29 3.45-7.29 7.92s3.3 7.92 7.29 7.92c2.19 0 3.81-.84 4.89-2.19V34h3.87V19h-3.87zm-4.17 11.73c-2.37 0-4.14-1.71-4.14-4.23 0-2.52 1.77-4.23 4.14-4.23 2.4 0 4.17 1.71 4.17 4.23 0 2.52-1.77 4.23-4.17 4.23zM106.628 21.58V19h-3.87v15h3.87v-7.17c0-3.15 2.55-4.05 4.56-3.81V18.7c-1.89 0-3.78.84-4.56 2.88zM124.295 19v1.77c-1.08-1.35-2.7-2.19-4.89-2.19-3.99 0-7.29 3.45-7.29 7.92s3.3 7.92 7.29 7.92c2.19 0 3.81-.84 4.89-2.19V34h3.87V19h-3.87zm-4.17 11.73c-2.37 0-4.14-1.71-4.14-4.23 0-2.52 1.77-4.23 4.14-4.23 2.4 0 4.17 1.71 4.17 4.23 0 2.52-1.77 4.23-4.17 4.23zM141.544 19l-3.66 10.5-3.63-10.5h-4.26l5.7 15h4.41l5.7-15h-4.26zM150.354 28.09h11.31c.09-.51.15-1.02.15-1.59 0-4.41-3.15-7.92-7.59-7.92-4.71 0-7.92 3.45-7.92 7.92s3.18 7.92 8.22 7.92c2.88 0 5.13-1.17 6.54-3.21l-3.12-1.8c-.66.87-1.86 1.5-3.36 1.5-2.04 0-3.69-.84-4.23-2.82zm-.06-3c.45-1.92 1.86-3.03 3.93-3.03 1.62 0 3.24.87 3.72 3.03h-7.65zM164.516 34h3.87V12.1h-3.87V34zM185.248 34.36c3.69 0 6.9-2.01 6.9-6.3V13h-2.1v15.06c0 3.03-2.07 4.26-4.8 4.26-2.19 0-3.93-.78-4.62-2.61l-1.77 1.05c1.05 2.43 3.57 3.6 6.39 3.6zM203.124 18.64c-4.65 0-7.83 3.45-7.83 7.86 0 4.53 3.24 7.86 7.98 7.86 3.03 0 5.34-1.41 6.6-3.45l-1.74-1.02c-.81 1.44-2.46 2.55-4.83 2.55-3.18 0-5.55-1.89-5.97-4.95h13.17c.03-.3.06-.63.06-.93 0-4.11-2.85-7.92-7.44-7.92zm0 1.92c2.58 0 4.98 1.71 5.4 5.01h-11.19c.39-2.94 2.64-5.01 5.79-5.01zM221.224 20.92V19h-4.32v-4.2l-1.98.6V19h-3.15v1.92h3.15v9.09c0 3.6 2.25 4.59 6.3 3.99v-1.74c-2.91.12-4.32.33-4.32-2.25v-9.09h4.32zM225.176 22.93c0-1.62 1.59-2.37 3.15-2.37 1.44 0 2.97.57 3.6 2.1l1.65-.96c-.87-1.86-2.79-3.06-5.25-3.06-3 0-5.13 1.89-5.13 4.29 0 5.52 8.76 3.39 8.76 7.11 0 1.77-1.68 2.4-3.45 2.4-2.01 0-3.57-.99-4.11-2.52l-1.68.99c.75 1.92 2.79 3.45 5.79 3.45 3.21 0 5.43-1.77 5.43-4.32 0-5.52-8.76-3.39-8.76-7.11zM244.603 20.92V19h-4.32v-4.2l-1.98.6V19h-3.15v1.92h3.15v9.09c0 3.6 2.25 4.59 6.3 3.99v-1.74c-2.91.12-4.32.33-4.32-2.25v-9.09h4.32zM249.883 21.49V19h-1.98v15h1.98v-8.34c0-3.72 2.34-4.98 4.74-4.98v-1.92c-1.92 0-3.69.63-4.74 2.73zM263.358 18.64c-4.65 0-7.83 3.45-7.83 7.86 0 4.53 3.24 7.86 7.98 7.86 3.03 0 5.34-1.41 6.6-3.45l-1.74-1.02c-.81 1.44-2.46 2.55-4.83 2.55-3.18 0-5.55-1.89-5.97-4.95h13.17c.03-.3.06-.63.06-.93 0-4.11-2.85-7.92-7.44-7.92zm0 1.92c2.58 0 4.98 1.71 5.4 5.01h-11.19c.39-2.94 2.64-5.01 5.79-5.01zM286.848 19v2.94c-1.26-2.01-3.39-3.3-6.06-3.3-4.23 0-7.74 3.42-7.74 7.86s3.51 7.86 7.74 7.86c2.67 0 4.8-1.29 6.06-3.3V34h1.98V19h-1.98zm-5.91 13.44c-3.33 0-5.91-2.61-5.91-5.94 0-3.33 2.58-5.94 5.91-5.94s5.91 2.61 5.91 5.94c0 3.33-2.58 5.94-5.91 5.94zM309.01 18.64c-1.92 0-3.75.87-4.86 2.73-.84-1.74-2.46-2.73-4.56-2.73-1.8 0-3.42.72-4.59 2.55V19h-1.98v15H295v-8.31c0-3.72 2.16-5.13 4.32-5.13 2.13 0 3.51 1.41 3.51 4.08V34h1.98v-8.31c0-3.72 1.86-5.13 4.17-5.13 2.13 0 3.66 1.41 3.66 4.08V34h1.98v-9.36c0-3.75-2.31-6-5.61-6z",
       class: "fill-black"
@@ -429,18 +429,18 @@ function It(e, s) {
     }, null, -1)
   ])]);
 }
-const Dt = /* @__PURE__ */ ke(Bt, [["render", It]]), Mt = {}, jt = { class: "min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100" }, Ot = { class: "w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden rounded-lg" };
-function zt(e, s) {
-  return a(), i("div", jt, [
+const jt = /* @__PURE__ */ ke(It, [["render", Mt]]), Ot = {}, zt = { class: "min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100" }, Et = { class: "w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden rounded-lg" };
+function Ft(e, s) {
+  return a(), i("div", zt, [
     o("div", null, [
-      w(e.$slots, "logo")
+      x(e.$slots, "logo")
     ]),
-    o("div", Ot, [
-      w(e.$slots, "default")
+    o("div", Et, [
+      x(e.$slots, "default")
     ])
   ]);
 }
-const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" }, Nt = {
+const Nt = /* @__PURE__ */ ke(Ot, [["render", Ft]]), Kt = { class: "sr-only" }, Ut = {
   __name: "Badge",
   props: {
     type: {
@@ -495,15 +495,15 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       lg: "rounded-lg",
       full: "rounded-full"
     };
-    return (n, u) => e.type === "dot" ? (a(), i("span", {
+    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])
     }, [
       o("span", {
         class: S(["w-2 h-2 rounded-full", s[e.color].dot])
       }, null, 2),
-      o("span", Ft, [
-        w(n.$slots, "default")
+      o("span", Kt, [
+        x(r.$slots, "default")
       ])
     ], 2)) : (a(), i("span", {
       key: 1,
@@ -514,18 +514,18 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         l[e.rounded]
       ]])
     }, [
-      w(n.$slots, "default")
+      x(r.$slots, "default")
     ], 2));
   }
-}, Ut = {
+}, Rt = {
   key: 0,
   class: "fixed bottom-4 right-4 z-50"
-}, Kt = { class: "flex items-center" }, Rt = { class: "flex-shrink-0" }, Ht = { class: "ml-3 w-0 flex-1" }, qt = { class: "text-sm font-medium text-white" }, Pt = { class: "ml-4 flex-shrink-0 flex" }, Wt = { class: "sr-only" }, Gt = {
+}, Ht = { class: "flex items-center" }, qt = { class: "flex-shrink-0" }, Pt = { class: "ml-3 w-0 flex-1" }, Wt = { class: "text-sm font-medium text-white" }, Gt = { class: "ml-4 flex-shrink-0 flex" }, Xt = { class: "sr-only" }, Qt = {
   __name: "Banner",
   setup(e) {
-    const s = tt(), { t } = lt(), l = O(!1), n = O("success"), u = O(""), d = O(!1);
+    const s = at(), { t } = st(), l = j(!1), r = j("success"), u = j(""), d = j(!1);
     let f = null;
-    const v = () => {
+    const $ = () => {
       d.value = !1, setTimeout(() => {
         l.value = !1;
       }, 300);
@@ -533,60 +533,60 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       f && clearTimeout(f), l.value = !0, setTimeout(() => {
         d.value = !0;
       }, 50), f = setTimeout(() => {
-        v();
+        $();
       }, 5e3);
     };
-    return Qe(async () => {
-      const _ = s.props.jetstream.flash?.bannerStyle || "success", h = s.props.jetstream.flash?.banner || "";
-      h && (n.value = _, u.value = h, b());
-    }), se(() => {
+    return Je(async () => {
+      const k = s.props.jetstream.flash?.bannerStyle || "success", v = s.props.jetstream.flash?.banner || "";
+      v && (r.value = k, u.value = v, b());
+    }), ae(() => {
       u.value && b();
-    }), (_, h) => l.value ? (a(), i("div", Ut, [
+    }), (k, v) => l.value ? (a(), i("div", Rt, [
       o("div", {
         class: S([
           "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",
-          n.value === "success" ? "bg-green-600" : "bg-red-600"
+          r.value === "success" ? "bg-green-600" : "bg-red-600"
         ])
       }, [
-        o("div", Kt, [
-          o("div", Rt, [
+        o("div", Ht, [
+          o("div", qt, [
             o("div", {
               class: S([
                 "flex p-2 rounded-full",
-                n.value === "success" ? "bg-green-700" : "bg-red-700"
+                r.value === "success" ? "bg-green-700" : "bg-red-700"
               ])
             }, [
-              n.value === "success" ? (a(), B(I(at), {
+              r.value === "success" ? (a(), L(I(nt), {
                 key: 0,
                 class: "w-5 h-5 text-white"
-              })) : M("", !0),
-              n.value === "danger" ? (a(), B(I(Le), {
+              })) : D("", !0),
+              r.value === "danger" ? (a(), L(I(Le), {
                 key: 1,
                 class: "w-5 h-5 text-white"
-              })) : M("", !0)
+              })) : D("", !0)
             ], 2)
           ]),
-          o("div", Ht, [
-            o("p", qt, V(u.value), 1)
-          ]),
           o("div", Pt, [
+            o("p", Wt, A(u.value), 1)
+          ]),
+          o("div", Gt, [
             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", [
-                n.value === "success" ? "hover:bg-green-700 focus:ring-offset-green-600" : "hover:bg-red-700 focus:ring-offset-red-600"
+                r.value === "success" ? "hover:bg-green-700 focus:ring-offset-green-600" : "hover:bg-red-700 focus:ring-offset-red-600"
               ]]),
-              onClick: v
+              onClick: $
             }, [
-              o("span", Wt, V(I(t)("Dismiss")), 1),
-              F(I(Ie), { class: "w-5 h-5" })
+              o("span", Xt, A(I(t)("Dismiss")), 1),
+              N(I(Ie), { class: "w-5 h-5" })
             ], 2)
           ])
         ])
       ], 2)
-    ])) : M("", !0);
+    ])) : D("", !0);
   }
-}, Xt = ["type", "disabled"], fe = /* @__PURE__ */ Object.assign({
+}, Yt = ["type", "disabled"], fe = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Button",
@@ -605,26 +605,26 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
     }
   },
   setup(e) {
-    const s = ne(), t = e, l = {
+    const s = se(), t = e, l = {
       primary: "bg-gradient-to-r from-blue-500 to-blue-600 text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:ring-blue-500 disabled:hover:from-blue-500 disabled:hover:to-blue-600",
       secondary: "bg-gradient-to-r from-green-500 to-green-600 text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:from-green-600 hover:to-green-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:ring-green-500 disabled:hover:from-green-500 disabled:hover:to-green-600",
       tertiary: "bg-gradient-to-r from-gray-500 to-gray-600 text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:from-gray-600 hover:to-gray-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:ring-gray-500 disabled:hover:from-gray-500 disabled:hover:to-gray-600",
       warning: "border border-yellow-300 bg-yellow-50 text-yellow-700 hover:bg-yellow-100 focus:ring-yellow-500 disabled:hover:bg-yellow-50",
       danger: "border border-red-300 bg-red-50 text-red-700 hover:bg-red-100 focus:ring-red-500 disabled:hover:bg-red-50"
-    }, n = g(() => l[t.variant] ? t.variant : "primary"), u = g(() => [
+    }, r = g(() => l[t.variant] ? t.variant : "primary"), u = g(() => [
       "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg p-3 py-2 text-sm font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-      l[n.value],
+      l[r.value],
       s.class
     ]);
-    return (d, f) => (a(), i("button", E(I(s), {
+    return (d, f) => (a(), i("button", z(I(s), {
       type: e.type,
       disabled: e.disabled,
       class: u.value
     }), [
-      w(d.$slots, "default")
-    ], 16, Xt));
+      x(d.$slots, "default")
+    ], 16, Yt));
   }
-}), Qt = ["value"], Yt = {
+}), Jt = ["value"], Zt = {
   __name: "Checkbox",
   props: {
     checked: {
@@ -638,7 +638,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:checked"],
   setup(e, { emit: s }) {
-    const t = s, l = e, n = g({
+    const t = s, l = e, r = g({
       get() {
         return l.checked;
       },
@@ -646,16 +646,16 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         t("update:checked", u);
       }
     });
-    return (u, d) => ee((a(), i("input", {
-      "onUpdate:modelValue": d[0] || (d[0] = (f) => n.value = f),
+    return (u, d) => Z((a(), i("input", {
+      "onUpdate:modelValue": d[0] || (d[0] = (f) => r.value = f),
       type: "checkbox",
       value: e.value,
       class: "rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
-    }, null, 8, Qt)), [
-      [Ye, n.value]
+    }, null, 8, Jt)), [
+      [Ze, r.value]
     ]);
   }
-}, Jt = ["checked", "disabled"], Oe = {
+}, el = ["checked", "disabled"], Oe = {
   __name: "CheckboxInput",
   props: {
     modelValue: {
@@ -681,16 +681,16 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = s, l = e, n = g(() => l.modelValue === l.value), u = O(!1), d = () => {
+    const t = s, l = e, r = g(() => l.modelValue === l.value), u = j(!1), d = () => {
       u.value = !0;
     }, f = () => {
       u.value = !1;
-    }, v = (b) => {
+    }, $ = (b) => {
       t("update:modelValue", b.target.checked ? l.value : l.uncheckedValue);
     };
-    return (b, _) => (a(), i("label", {
+    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", [
-        n.value ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
+        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" : ""
       ]])
@@ -698,37 +698,37 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       o("input", {
         type: "checkbox",
         class: "sr-only",
-        checked: n.value,
+        checked: r.value,
         disabled: e.disabled,
-        onChange: v,
+        onChange: $,
         onFocus: d,
         onBlur: f
-      }, null, 40, Jt),
+      }, null, 40, el),
       o("span", {
         class: S(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
-          n.value ? "border-current bg-white/15 text-current" : "border-current/70 text-transparent",
+          r.value ? "border-current bg-white/15 text-current" : "border-current/70 text-transparent",
           "rounded"
         ]])
       }, " ✓ ", 2),
-      o("span", null, V(e.label), 1)
+      o("span", null, A(e.label), 1)
     ], 2));
   }
-}, Zt = { class: "relative flex items-center" }, el = {
+}, tl = { class: "relative flex items-center" }, ll = {
   key: 0,
   class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
-}, tl = ["type", "value", "disabled"], ll = ["aria-label"], al = {
+}, al = ["type", "value", "disabled"], sl = ["aria-label"], nl = {
   key: 0,
   class: "h-5 w-5",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, sl = {
+}, rl = {
   key: 1,
   class: "h-5 w-5",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, nl = 254, ze = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ol = 254, ze = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "TextInput",
   props: {
     modelValue: {
@@ -746,40 +746,40 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, n = t, u = ne(), d = O(null), f = O(!1), v = g(() => String(u.type ?? "text")), b = g(() => v.value === "password"), _ = g(() => b.value && f.value ? "text" : v.value), h = g(() => l.modelValue ?? ""), k = g(() => {
-      const { class: D, type: j, ...H } = u;
-      return H.maxlength === void 0 && (H.maxlength = nl), H;
-    }), T = g(() => [
+    const l = e, r = t, u = se(), 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 { class: B, type: E, ...F } = u;
+      return F.maxlength === void 0 && (F.maxlength = ol), F;
+    }), 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",
       u.class,
       b.value ? "pr-10 pl-10" : ""
     ]), m = () => {
       f.value = !f.value;
-    }, L = (D) => {
-      if (_.value !== "number")
+    }, M = (B) => {
+      if (k.value !== "number")
         return;
-      D.preventDefault();
-      const j = document.scrollingElement ?? document.documentElement ?? document.body;
-      j && (j.scrollTop += D.deltaY);
+      B.preventDefault();
+      const E = document.scrollingElement ?? document.documentElement ?? document.body;
+      E && (E.scrollTop += B.deltaY);
     };
-    return se(() => {
+    return ae(() => {
       d.value?.hasAttribute("autofocus") && d.value.focus();
-    }), s({ focus: () => d.value?.focus() }), (D, j) => (a(), i("div", Zt, [
-      b.value ? (a(), i("div", el, [
-        F(I(st), { class: "h-5 w-5 text-gray-400" })
-      ])) : M("", !0),
-      o("input", E({
+    }), s({ focus: () => d.value?.focus() }), (B, E) => (a(), i("div", tl, [
+      b.value ? (a(), i("div", ll, [
+        N(I(rt), { class: "h-5 w-5 text-gray-400" })
+      ])) : D("", !0),
+      o("input", z({
         ref_key: "input",
         ref: d
-      }, k.value, {
-        type: _.value,
-        class: [T.value, l.disabled ? l.disabledClass : null],
-        value: h.value,
+      }, w.value, {
+        type: k.value,
+        class: [V.value, l.disabled ? l.disabledClass : null],
+        value: v.value,
         disabled: l.disabled,
-        onInput: j[0] || (j[0] = (H) => n("update:modelValue", H.target.value)),
-        onBlur: j[1] || (j[1] = (H) => n("blur", H)),
-        onWheel: L
-      }), null, 16, tl),
+        onInput: E[0] || (E[0] = (F) => r("update:modelValue", F.target.value)),
+        onBlur: E[1] || (E[1] = (F) => r("blur", F)),
+        onWheel: M
+      }), null, 16, al),
       b.value ? (a(), i("button", {
         key: 1,
         type: "button",
@@ -787,14 +787,14 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         "aria-label": f.value ? "Hide password" : "Show password",
         onClick: m
       }, [
-        f.value ? (a(), i("svg", al, [...j[2] || (j[2] = [
+        f.value ? (a(), i("svg", nl, [...E[2] || (E[2] = [
           o("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: "M13.875 18.825A10.05 10.05 0 0112 19c-5 0-9.27-3.11-11-7 1.01-2.27 2.78-4.1 5-5.32m3.08-1.3A9.96 9.96 0 0112 5c5 0 9.27 3.11 11 7a11.03 11.03 0 01-4.16 4.91M15 12a3 3 0 00-3-3m0 0a3 3 0 00-2.94 3.59M3 3l18 18"
           }, null, -1)
-        ])])) : (a(), i("svg", sl, [...j[3] || (j[3] = [
+        ])])) : (a(), i("svg", rl, [...E[3] || (E[3] = [
           o("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
@@ -808,10 +808,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
             d: "M2.458 12C3.732 7.943 7.523 5 12 5s8.268 2.943 9.542 7c-1.274 4.057-5.065 7-9.542 7S3.732 16.057 2.458 12z"
           }, null, -1)
         ])]))
-      ], 8, ll)) : M("", !0)
+      ], 8, sl)) : D("", !0)
     ]));
   }
-}), rl = ["value", "disabled"], ol = 1e3, Ee = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), il = ["value", "disabled"], dl = 1e3, Ee = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "TextArea",
   props: {
     modelValue: String,
@@ -830,39 +830,39 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, n = t, u = ne(), d = O(null), f = g(() => {
-      const { class: h, ...k } = u;
-      return k.maxlength === void 0 && (k.maxlength = ol), k;
-    }), v = g(() => [
+    const l = e, r = t, u = se(), d = j(null), f = g(() => {
+      const { class: v, ...w } = u;
+      return w.maxlength === void 0 && (w.maxlength = dl), w;
+    }), $ = 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`);
-    }, _ = (h) => {
-      n("update:modelValue", h.target.value), b();
+    }, k = (v) => {
+      r("update:modelValue", v.target.value), b();
     };
-    return se(() => {
+    return ae(() => {
       d.value?.hasAttribute("autofocus") && d.value.focus(), ve(() => {
         b();
       });
-    }), J(() => l.modelValue, () => {
+    }), Q(() => l.modelValue, () => {
       ve(() => {
         b();
       });
-    }), s({ focus: () => d.value?.focus() }), (h, k) => (a(), i("div", null, [
-      o("textarea", E({
+    }), s({ focus: () => d.value?.focus() }), (v, w) => (a(), i("div", null, [
+      o("textarea", z({
         ref_key: "textarea",
         ref: d
       }, f.value, {
-        class: [v.value, l.disabled ? l.disabledClass : ""],
+        class: [$.value, l.disabled ? l.disabledClass : ""],
         value: l.modelValue,
         disabled: l.disabled,
-        onInput: _
-      }), null, 16, rl)
+        onInput: k
+      }), null, 16, il)
     ]));
   }
-}), il = ["onClick"], Fe = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ul = ["onClick"], Fe = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "CustomSelect",
   props: {
     modelValue: {
@@ -948,67 +948,67 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = ne(), u = O(!1), d = O(null), f = O(null), v = O(null), b = O({}), _ = (x) => typeof x == "object" && x !== null, h = (x) => _(x) ? x[t.valueKey] : x, k = (x) => t.optionLabel ? t.optionLabel(x) : _(x) ? x[t.labelKey] ?? x[t.valueKey] ?? "" : x, T = (x) => !t.softDeleteAware || !_(x) ? !1 : !!x[t.deletedKey], m = g(() => String(t.modelValue ?? "")), L = g(() => !t.softDeleteAware || m.value === "" ? null : t.options.find((x) => T(x) && String(h(x) ?? "") === m.value) ?? null), D = g(() => t.softDeleteAware ? t.options.filter((x) => !T(x)) : t.options), j = g(() => {
-      if (t.modelValue === null || t.modelValue === void 0 || t.modelValue === "" && !t.options.some((K) => h(K) === ""))
+    const t = e, l = s, r = se(), 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], m = g(() => String(t.modelValue ?? "")), M = g(() => !t.softDeleteAware || m.value === "" ? null : t.options.find((h) => V(h) && String(v(h) ?? "") === m.value) ?? null), B = 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((K) => v(K) === ""))
         return t.placeholder;
-      const x = t.options.find((K) => {
-        const N = h(K);
-        return N === t.modelValue || String(N) === String(t.modelValue);
+      const h = t.options.find((K) => {
+        const R = v(K);
+        return R === t.modelValue || String(R) === String(t.modelValue);
       });
-      return x ? k(x) : t.modelValue;
-    }), H = (x) => t.modelModifiers.number ? x === "" ? "" : Number(x) : x, Q = () => {
+      return h ? w(h) : t.modelValue;
+    }), F = (h) => t.modelModifiers.number ? h === "" ? "" : Number(h) : h, ne = () => {
       t.disabled || (u.value = !u.value);
-    }, G = (x) => {
-      const K = h(x);
-      l("update:modelValue", H(K)), u.value = !1;
-    }, te = () => {
-      t.placeholderDisabled || (l("update:modelValue", H("")), u.value = !1);
-    }, X = () => {
+    }, Y = (h) => {
+      const K = v(h);
+      l("update:modelValue", F(K)), u.value = !1;
+    }, P = () => {
+      t.placeholderDisabled || (l("update:modelValue", F("")), u.value = !1);
+    }, G = () => {
       if (!f.value)
         return;
-      const x = f.value.getBoundingClientRect(), K = window.innerWidth, N = window.innerHeight, Y = N - x.bottom - 8, le = x.top - 8, Z = Y < 240 && le > Y, ae = Math.min(x.width, Math.max(K - x.left - 16, 160)), ie = Math.max(Math.min(240, Z ? le : Y), 120);
+      const h = f.value.getBoundingClientRect(), K = window.innerWidth, R = window.innerHeight, X = R - h.bottom - 8, ee = h.top - 8, te = X < 240 && ee > X, re = Math.min(h.width, Math.max(K - h.left - 16, 160)), le = Math.max(Math.min(240, te ? ee : X), 120);
       b.value = {
         position: "fixed",
-        left: `${Math.max(x.left, 8)}px`,
-        width: `${ae}px`,
-        maxHeight: `${ie}px`,
+        left: `${Math.max(h.left, 8)}px`,
+        width: `${re}px`,
+        maxHeight: `${le}px`,
         zIndex: "9999",
-        ...Z ? { bottom: `${N - x.top + 1}px` } : { top: `${x.bottom - 1}px` }
+        ...te ? { bottom: `${R - h.top + 1}px` } : { top: `${h.bottom - 1}px` }
       };
-    }, P = (x) => {
-      const K = d.value?.contains(x.target), N = v.value?.contains(x.target);
-      !K && !N && (u.value = !1);
+    }, J = (h) => {
+      const K = d.value?.contains(h.target), R = $.value?.contains(h.target);
+      !K && !R && (u.value = !1);
     };
-    return se(() => {
-      document.addEventListener("click", P), window.addEventListener("resize", X), window.addEventListener("scroll", X, !0);
-    }), Je(() => {
-      document.removeEventListener("click", P), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0);
-    }), J(u, async (x) => {
-      x && (await ve(), X());
-    }), (x, K) => (a(), i("div", {
+    return ae(() => {
+      document.addEventListener("click", J), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0);
+    }), et(() => {
+      document.removeEventListener("click", J), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
+    }), Q(u, async (h) => {
+      h && (await ve(), G());
+    }), (h, K) => (a(), i("div", {
       ref_key: "rootRef",
       ref: d,
       class: "relative",
-      onClick: Q
+      onClick: ne
     }, [
-      o("div", E({
+      o("div", z({
         ref_key: "triggerRef",
         ref: f,
         class: [
           e.baseClass,
-          L.value ? e.deletedSelectedClass : e.normalTextClass,
+          M.value ? e.deletedSelectedClass : e.normalTextClass,
           "flex items-center justify-between cursor-pointer",
-          I(n).class
+          I(r).class
         ]
-      }, I(n), { tabindex: "0" }), [
+      }, I(r), { tabindex: "0" }), [
         o("span", {
           class: S({ "text-gray-400": !e.modelValue && e.placeholder })
-        }, V(j.value), 3),
-        F(I(xe), {
+        }, A(E.value), 3),
+        N(I(xe), {
           class: S(["size-5 text-gray-400 transition-transform", { "rotate-180": u.value }])
         }, null, 8, ["class"])
       ], 16),
-      F(re, {
+      N(oe, {
         "enter-active-class": "transition-all duration-200 ease-out",
         "enter-from-class": "opacity-0 transform scale-95 -translate-y-2",
         "enter-to-class": "opacity-100 transform scale-100 translate-y-0",
@@ -1016,12 +1016,12 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         "leave-from-class": "opacity-100 transform scale-100 translate-y-0",
         "leave-to-class": "opacity-0 transform scale-95 -translate-y-2"
       }, {
-        default: z(() => [
-          (a(), B(Ze, { to: "body" }, [
+        default: O(() => [
+          (a(), L(tt, { to: "body" }, [
             u.value ? (a(), i("div", {
               key: 0,
               ref_key: "dropdownMenuRef",
-              ref: v,
+              ref: $,
               class: S(e.dropdownClass),
               style: Te(b.value)
             }, [
@@ -1032,30 +1032,30 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
                   e.placeholderClass,
                   { "text-gray-400": !e.modelValue }
                 ]),
-                onClick: he(te, ["stop"])
-              }, V(e.placeholder), 3)) : M("", !0),
-              L.value ? (a(), i("div", {
+                onClick: he(P, ["stop"])
+              }, A(e.placeholder), 3)) : D("", !0),
+              M.value ? (a(), i("div", {
                 key: 1,
                 class: S([
                   e.dropdownOptionClass,
                   e.deletedOptionClass,
                   e.dropdownSelectedClass
                 ])
-              }, V(k(L.value)), 3)) : M("", !0),
-              (a(!0), i(q, null, W(D.value, (N) => (a(), i("div", {
-                key: String(h(N)),
+              }, A(w(M.value)), 3)) : D("", !0),
+              (a(!0), i(q, null, W(B.value, (R) => (a(), i("div", {
+                key: String(v(R)),
                 class: S([
                   e.dropdownOptionClass,
                   e.optionClass,
                   {
-                    [e.dropdownSelectedClass]: h(N) === e.modelValue || String(h(N)) === String(e.modelValue),
-                    "rounded-b-lg": N === D.value[D.value.length - 1] && !e.placeholder,
-                    "rounded-lg": !e.placeholder && D.value.length === 1
+                    [e.dropdownSelectedClass]: v(R) === e.modelValue || String(v(R)) === String(e.modelValue),
+                    "rounded-b-lg": R === B.value[B.value.length - 1] && !e.placeholder,
+                    "rounded-lg": !e.placeholder && B.value.length === 1
                   }
                 ]),
-                onClick: he((Y) => G(N), ["stop"])
-              }, V(k(N)), 11, il))), 128))
-            ], 6)) : M("", !0)
+                onClick: he((X) => Y(R), ["stop"])
+              }, A(w(R)), 11, ul))), 128))
+            ], 6)) : D("", !0)
           ]))
         ]),
         _: 1
@@ -1149,7 +1149,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
     const t = s;
-    return (l, n) => (a(), B(Fe, E({
+    return (l, r) => (a(), L(Fe, z({
       "model-value": e.modelValue,
       "model-modifiers": e.modelModifiers,
       options: e.options,
@@ -1170,10 +1170,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       "dropdown-class": e.dropdownClass,
       "dropdown-option-class": e.dropdownOptionClass,
       "dropdown-selected-class": e.dropdownSelectedClass,
-      "onUpdate:modelValue": n[0] || (n[0] = (u) => t("update:modelValue", u))
+      "onUpdate:modelValue": r[0] || (r[0] = (u) => t("update:modelValue", u))
     }, l.$attrs), null, 16, ["model-value", "model-modifiers", "options", "placeholder", "placeholder-disabled", "disabled", "soft-delete-aware", "label-key", "value-key", "deleted-key", "option-label", "base-class", "normal-text-class", "deleted-selected-class", "option-class", "deleted-option-class", "placeholder-class", "dropdown-class", "dropdown-option-class", "dropdown-selected-class"]));
   }
-}, dl = ["type", "max", "value", "disabled"], Ue = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, cl = ["type", "max", "value", "disabled"], Ke = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "DateInput",
   props: {
     modelValue: {
@@ -1195,41 +1195,41 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, n = t, u = ne(), d = O(null), f = g(() => l.withTimestamp ? "datetime-local" : "date"), v = g(() => l.modelValue ?? ""), b = g(() => {
-      const m = l.withTimestamp ? "9999-12-31T23:59" : "9999-12-31", L = u.max;
-      return typeof L != "string" || L === "" || L > m ? m : L;
-    }), _ = g(() => {
-      const { class: m, type: L, ...D } = u;
-      return D;
-    }), h = g(() => [
+    const l = e, r = t, u = se(), d = j(null), f = g(() => l.withTimestamp ? "datetime-local" : "date"), $ = g(() => l.modelValue ?? ""), b = g(() => {
+      const m = l.withTimestamp ? "9999-12-31T23:59" : "9999-12-31", M = u.max;
+      return typeof M != "string" || M === "" || M > m ? m : M;
+    }), k = g(() => {
+      const { class: m, type: M, ...B } = u;
+      return B;
+    }), v = g(() => [
       "w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
       u.class
-    ]), k = (m) => typeof m != "string" ? "" : m.replace(/^(\d{4})\d+/, "$1"), T = (m) => {
-      const L = m.target;
-      if (!L)
+    ]), w = (m) => typeof m != "string" ? "" : m.replace(/^(\d{4})\d+/, "$1"), V = (m) => {
+      const M = m.target;
+      if (!M)
         return;
-      const D = String(L.value ?? ""), j = k(D);
-      j !== D && (L.value = j), n("update:modelValue", j);
+      const B = String(M.value ?? ""), E = w(B);
+      E !== B && (M.value = E), r("update:modelValue", E);
     };
-    return se(() => {
+    return ae(() => {
       d.value?.hasAttribute("autofocus") && d.value.focus();
-    }), s({ focus: () => d.value?.focus() }), (m, L) => (a(), i("input", E({
+    }), s({ focus: () => d.value?.focus() }), (m, M) => (a(), i("input", z({
       ref_key: "input",
       ref: d
-    }, _.value, {
+    }, k.value, {
       type: f.value,
       max: b.value,
-      class: [h.value, l.disabled ? l.disabledClass : null],
-      value: v.value,
+      class: [v.value, l.disabled ? l.disabledClass : null],
+      value: $.value,
       disabled: l.disabled,
-      onInput: T,
-      onChange: T
-    }), null, 16, dl));
+      onInput: V,
+      onChange: V
+    }), null, 16, cl));
   }
-}), ul = { class: "relative" }, cl = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, fl = ["accept"], gl = {
+}), fl = { class: "relative" }, gl = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, yl = ["accept"], pl = {
   key: 0,
   class: "mt-4 p-4 bg-gray-50 rounded-lg border border-gray-200"
-}, yl = { class: "flex items-center space-x-4" }, pl = ["src"], ml = { class: "text-sm font-medium text-gray-900" }, bl = { class: "text-xs text-gray-500" }, Ke = {
+}, ml = { class: "flex items-center space-x-4" }, bl = ["src"], vl = { class: "text-sm font-medium text-gray-900" }, hl = { class: "text-xs text-gray-500" }, Ue = {
   __name: "ImageInput",
   props: {
     currentImageUrl: {
@@ -1255,38 +1255,38 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = s, l = e, n = (u) => {
+    const t = s, l = e, r = (u) => {
       const d = u.target.files?.[0] ?? null;
       t("update:modelValue", d);
     };
     return (u, d) => (a(), i("div", null, [
-      o("div", ul, [
-        o("div", cl, [
-          F(I(nt), { class: "size-5 text-gray-400" })
+      o("div", fl, [
+        o("div", gl, [
+          N(I(ot), { class: "size-5 text-gray-400" })
         ]),
-        o("input", E(e.attrs, {
+        o("input", z(e.attrs, {
           type: "file",
           accept: e.accept,
           class: "block w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg bg-white text-sm file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 cursor-pointer",
-          onChange: n
-        }), null, 16, fl)
+          onChange: r
+        }), null, 16, yl)
       ]),
-      l.currentImageUrl ? (a(), i("div", gl, [
-        o("div", yl, [
+      l.currentImageUrl ? (a(), i("div", pl, [
+        o("div", ml, [
           o("img", {
             src: l.currentImageUrl,
             alt: "Current logo",
             class: "h-16 w-auto max-w-24 object-contain rounded-lg shadow-sm"
-          }, null, 8, pl),
+          }, null, 8, bl),
           o("div", null, [
-            o("p", ml, V(l.currentLabel), 1),
-            o("p", bl, V(l.currentSubtext), 1)
+            o("p", vl, A(l.currentLabel), 1),
+            o("p", hl, A(l.currentSubtext), 1)
           ])
         ])
-      ])) : M("", !0)
+      ])) : D("", !0)
     ]));
   }
-}, vl = { class: "flex h-12 overflow-hidden rounded-lg border border-gray-300 text-sm" }, hl = ["disabled", "onClick"], Re = {
+}, xl = { class: "flex h-12 overflow-hidden rounded-lg border border-gray-300 text-sm" }, wl = ["disabled", "onClick"], Re = {
   __name: "NotationInput",
   props: {
     modelValue: {
@@ -1304,23 +1304,23 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = s, l = e, n = 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, v) => (a(), i("div", vl, [
-      (a(!0), i(q, null, W(n.value, (b, _) => (a(), i("button", {
-        key: `notation-${_}-${b}`,
+    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", xl, [
+      (a(!0), i(q, null, W(r.value, (b, k) => (a(), i("button", {
+        key: `notation-${k}-${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", [
-          _ === 0 ? "rounded-l-lg" : "",
-          _ === n.value.length - 1 ? "rounded-r-lg" : "",
+          k === 0 ? "rounded-l-lg" : "",
+          k === 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: (h) => d(b)
-      }, V(b), 11, hl))), 128))
+        onClick: (v) => d(b)
+      }, A(b), 11, wl))), 128))
     ]));
   }
-}, xl = ["name", "value", "checked", "disabled"], He = {
+}, kl = ["name", "value", "checked", "disabled"], He = {
   __name: "RadioInput",
   props: {
     modelValue: {
@@ -1346,14 +1346,14 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = s, l = e, n = g(() => String(l.modelValue ?? "") === String(l.value)), u = O(!1), d = () => {
+    const t = s, l = e, r = g(() => String(l.modelValue ?? "") === String(l.value)), u = j(!1), d = () => {
       u.value = !0;
     }, f = () => {
       u.value = !1;
-    }, v = () => t("update:modelValue", l.value);
-    return (b, _) => (a(), i("label", {
+    }, $ = () => 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", [
-        n.value ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
+        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" : ""
       ]])
@@ -1363,16 +1363,16 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         class: "sr-only",
         name: e.name,
         value: e.value,
-        checked: n.value,
+        checked: r.value,
         disabled: e.disabled,
-        onChange: v,
+        onChange: $,
         onFocus: d,
         onBlur: f
-      }, null, 40, xl),
-      o("span", null, V(n.value ? "✓" : "○") + " " + V(e.label), 1)
+      }, null, 40, kl),
+      o("span", null, A(r.value ? "✓" : "○") + " " + A(e.label), 1)
     ], 2));
   }
-}, wl = { class: "flex flex-wrap gap-3" }, qe = {
+}, Sl = { class: "flex flex-wrap gap-3" }, qe = {
   __name: "RadioMultipleInput",
   props: {
     modelValue: {
@@ -1394,24 +1394,24 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = s, l = e, n = g(() => l.options.map((d) => d == null ? "" : String(d).trim()).filter((d) => d !== "")), u = (d) => t("update:modelValue", d);
-    return (d, f) => (a(), i("div", wl, [
-      (a(!0), i(q, null, W(n.value, (v) => (a(), B(pe, {
-        key: `radio-${e.name ?? "group"}-${v}`,
+    const t = s, l = e, r = g(() => l.options.map((d) => d == null ? "" : String(d).trim()).filter((d) => d !== "")), u = (d) => t("update:modelValue", d);
+    return (d, f) => (a(), i("div", Sl, [
+      (a(!0), i(q, null, W(r.value, ($) => (a(), L(pe, {
+        key: `radio-${e.name ?? "group"}-${$}`,
         type: "radio-input",
         "model-value": l.modelValue,
         name: e.name,
-        value: v,
-        label: v,
+        value: $,
+        label: $,
         disabled: e.disabled,
         "onUpdate:modelValue": u
       }, null, 8, ["model-value", "name", "value", "label", "disabled"]))), 128))
     ]));
   }
-}, kl = ["for"], Sl = {
+}, $l = ["for"], Cl = {
   key: 1,
   class: "text-xs text-gray-500 mb-1 block break-all"
-}, $l = {
+}, Vl = {
   key: 14,
   class: "flex items-center mt-2 text-sm text-red-600"
 }, ce = "block w-full px-4 py-3 rounded-lg bg-white text-sm placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200", pe = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -1532,8 +1532,8 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = ne(), u = (U) => l("update:modelValue", U), d = g(() => !!t.errorMessage), f = g(() => T.value || m.value), v = g(() => {
-      const U = n.id;
+    const t = e, l = s, r = se(), u = (U) => l("update:modelValue", U), d = g(() => !!t.errorMessage), f = g(() => V.value || m.value), $ = g(() => {
+      const U = r.id;
       return typeof U == "string" && U !== "" ? U : void 0;
     }), b = [
       "text",
@@ -1547,30 +1547,30 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       "month",
       "week",
       "color"
-    ], _ = [], h = g(() => t.type === "image"), k = g(() => t.type === "notation"), T = g(() => t.type === "checkbox-input"), m = g(() => t.type === "radio-input"), L = g(() => t.type === "checkbox"), D = g(() => t.type === "radio"), j = g(() => t.type === "date" || t.type === "datetime-local"), H = g(() => t.type === "textarea"), Q = g(() => t.type === "select"), G = g(() => b.includes(t.type)), te = g(() => _.includes(t.type)), X = g(() => ({
-      ...n,
-      class: [ce, n.class],
+    ], k = [], v = g(() => t.type === "image"), w = g(() => t.type === "notation"), V = g(() => t.type === "checkbox-input"), m = g(() => t.type === "radio-input"), M = g(() => t.type === "checkbox"), B = g(() => t.type === "radio"), E = g(() => t.type === "date" || t.type === "datetime-local"), F = g(() => t.type === "textarea"), ne = g(() => t.type === "select"), Y = g(() => b.includes(t.type)), P = g(() => k.includes(t.type)), G = g(() => ({
+      ...r,
+      class: [ce, r.class],
       type: t.type,
       modelValue: t.modelValue,
       disabled: t.disabled,
       disabledClass: t.disabledClass
-    })), P = g(() => ({
-      ...n,
-      class: [ce, n.class],
+    })), J = g(() => ({
+      ...r,
+      class: [ce, r.class],
       modelValue: t.modelValue,
       disabled: t.disabled,
       disabledClass: t.disabledClass
-    })), x = g(() => ({
-      ...n,
-      class: [ce, n.class],
+    })), h = g(() => ({
+      ...r,
+      class: [ce, r.class],
       modelValue: t.modelValue,
       withTimestamp: t.type === "datetime-local" || t.withTimestamp,
       disabled: t.disabled,
       disabledClass: t.disabledClass
     })), K = g(() => {
       const U = {
-        ...n,
-        class: [ce, n.class],
+        ...r,
+        class: [ce, r.class],
         modelValue: t.modelValue,
         modelModifiers: t.modelModifiers,
         options: t.options,
@@ -1584,98 +1584,98 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         optionLabel: t.optionLabel
       };
       return t.baseClass !== void 0 && (U.baseClass = t.baseClass), t.normalTextClass !== void 0 && (U.normalTextClass = t.normalTextClass), t.deletedSelectedClass !== void 0 && (U.deletedSelectedClass = t.deletedSelectedClass), t.optionClass !== void 0 && (U.optionClass = t.optionClass), t.deletedOptionClass !== void 0 && (U.deletedOptionClass = t.deletedOptionClass), t.placeholderClass !== void 0 && (U.placeholderClass = t.placeholderClass), U;
-    }), N = g(() => ({
-      ...n,
+    }), R = g(() => ({
+      ...r,
       modelValue: t.modelValue,
       options: t.options,
       disabled: t.disabled
-    })), Y = g(() => ({
-      ...n,
+    })), X = g(() => ({
+      ...r,
       modelValue: t.modelValue,
       options: t.options,
       disabled: t.disabled
-    })), le = g(() => ({
-      ...n,
+    })), ee = g(() => ({
+      ...r,
       modelValue: t.modelValue,
       options: t.options,
-      name: t.name ?? n.name,
+      name: t.name ?? r.name,
       disabled: t.disabled
-    })), Z = g(() => ({
-      ...n,
+    })), te = g(() => ({
+      ...r,
       modelValue: t.modelValue,
-      label: t.label || n.label || "",
+      label: t.label || r.label || "",
       disabled: t.disabled
-    })), ae = g(() => ({
-      ...n,
+    })), re = g(() => ({
+      ...r,
       modelValue: t.modelValue,
-      label: t.label || n.label || "",
-      name: t.name ?? n.name,
+      label: t.label || r.label || "",
+      name: t.name ?? r.name,
       disabled: t.disabled
-    })), ie = g(() => ({
-      ...n,
-      accept: t.accept ?? n.accept ?? "image/*",
+    })), le = g(() => ({
+      ...r,
+      accept: t.accept ?? r.accept ?? "image/*",
       modelValue: t.modelValue,
       currentImageUrl: t.currentImageUrl,
       currentLabel: t.currentLabel,
       currentSubtext: t.currentSubtext
     }));
-    return (U, $) => (a(), i("div", null, [
+    return (U, C) => (a(), i("div", null, [
       e.label && !f.value ? (a(), i("label", {
         key: 0,
-        for: v.value,
+        for: $.value,
         class: "text-base font-semibold text-gray-900 mb-1 block"
-      }, V(e.label), 9, kl)) : M("", !0),
-      e.helperText && !f.value ? (a(), i("span", Sl, V(e.helperText), 1)) : M("", !0),
-      H.value ? (a(), B(Ee, E({ key: 2 }, P.value, {
-        "onUpdate:modelValue": $[0] || ($[0] = (C) => l("update:modelValue", C)),
-        onBlur: $[1] || ($[1] = (C) => l("blur", C))
-      }), null, 16)) : Q.value ? (a(), B(Ne, E({ key: 3 }, K.value, {
-        "onUpdate:modelValue": $[2] || ($[2] = (C) => l("update:modelValue", C)),
-        onBlur: $[3] || ($[3] = (C) => l("blur", C))
-      }), null, 16)) : j.value ? (a(), B(Ue, E({ key: 4 }, x.value, {
-        "onUpdate:modelValue": $[4] || ($[4] = (C) => l("update:modelValue", C)),
-        onBlur: $[5] || ($[5] = (C) => l("blur", C))
-      }), null, 16)) : G.value ? (a(), B(ze, E({ key: 5 }, X.value, {
-        "onUpdate:modelValue": $[6] || ($[6] = (C) => l("update:modelValue", C)),
-        onBlur: $[7] || ($[7] = (C) => l("blur", C))
-      }), null, 16)) : h.value ? (a(), B(Ke, E({ key: 6 }, ie.value, {
-        "onUpdate:modelValue": $[8] || ($[8] = (C) => l("update:modelValue", C)),
-        onBlur: $[9] || ($[9] = (C) => l("blur", C))
-      }), null, 16)) : T.value ? (a(), B(Oe, E({ key: 7 }, Z.value, {
-        "onUpdate:modelValue": $[10] || ($[10] = (C) => l("update:modelValue", C)),
-        onBlur: $[11] || ($[11] = (C) => l("blur", C))
-      }), null, 16)) : m.value ? (a(), B(He, E({ key: 8 }, ae.value, {
-        "onUpdate:modelValue": $[12] || ($[12] = (C) => l("update:modelValue", C)),
-        onBlur: $[13] || ($[13] = (C) => l("blur", C))
-      }), null, 16)) : k.value ? (a(), B(Re, E({ key: 9 }, N.value, {
-        "onUpdate:modelValue": $[14] || ($[14] = (C) => l("update:modelValue", C)),
-        onBlur: $[15] || ($[15] = (C) => l("blur", C))
-      }), null, 16)) : L.value ? (a(), B(Pe, E({ key: 10 }, Y.value, {
-        "onUpdate:modelValue": $[16] || ($[16] = (C) => l("update:modelValue", C)),
-        onBlur: $[17] || ($[17] = (C) => l("blur", C))
-      }), null, 16)) : D.value ? (a(), B(qe, E({ key: 11 }, le.value, {
-        "onUpdate:modelValue": $[18] || ($[18] = (C) => l("update:modelValue", C)),
-        onBlur: $[19] || ($[19] = (C) => l("blur", C))
-      }), null, 16)) : te.value ? w(U.$slots, "unsupported-type", {
+      }, A(e.label), 9, $l)) : D("", !0),
+      e.helperText && !f.value ? (a(), i("span", Cl, A(e.helperText), 1)) : D("", !0),
+      F.value ? (a(), L(Ee, z({ key: 2 }, J.value, {
+        "onUpdate:modelValue": C[0] || (C[0] = (_) => l("update:modelValue", _)),
+        onBlur: C[1] || (C[1] = (_) => l("blur", _))
+      }), null, 16)) : ne.value ? (a(), L(Ne, z({ key: 3 }, K.value, {
+        "onUpdate:modelValue": C[2] || (C[2] = (_) => l("update:modelValue", _)),
+        onBlur: C[3] || (C[3] = (_) => l("blur", _))
+      }), null, 16)) : E.value ? (a(), L(Ke, z({ key: 4 }, h.value, {
+        "onUpdate:modelValue": C[4] || (C[4] = (_) => l("update:modelValue", _)),
+        onBlur: C[5] || (C[5] = (_) => l("blur", _))
+      }), null, 16)) : Y.value ? (a(), L(ze, 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(), L(Ue, z({ key: 6 }, le.value, {
+        "onUpdate:modelValue": C[8] || (C[8] = (_) => l("update:modelValue", _)),
+        onBlur: C[9] || (C[9] = (_) => l("blur", _))
+      }), null, 16)) : V.value ? (a(), L(Oe, z({ key: 7 }, te.value, {
+        "onUpdate:modelValue": C[10] || (C[10] = (_) => l("update:modelValue", _)),
+        onBlur: C[11] || (C[11] = (_) => l("blur", _))
+      }), null, 16)) : m.value ? (a(), L(He, z({ key: 8 }, re.value, {
+        "onUpdate:modelValue": C[12] || (C[12] = (_) => l("update:modelValue", _)),
+        onBlur: C[13] || (C[13] = (_) => l("blur", _))
+      }), null, 16)) : w.value ? (a(), L(Re, z({ key: 9 }, R.value, {
+        "onUpdate:modelValue": C[14] || (C[14] = (_) => l("update:modelValue", _)),
+        onBlur: C[15] || (C[15] = (_) => l("blur", _))
+      }), null, 16)) : M.value ? (a(), L(Pe, z({ key: 10 }, X.value, {
+        "onUpdate:modelValue": C[16] || (C[16] = (_) => l("update:modelValue", _)),
+        onBlur: C[17] || (C[17] = (_) => l("blur", _))
+      }), null, 16)) : B.value ? (a(), L(qe, z({ key: 11 }, ee.value, {
+        "onUpdate:modelValue": C[18] || (C[18] = (_) => l("update:modelValue", _)),
+        onBlur: C[19] || (C[19] = (_) => l("blur", _))
+      }), null, 16)) : P.value ? x(U.$slots, "unsupported-type", {
         key: 12,
         type: e.type,
         modelValue: e.modelValue,
         updateValue: u,
-        attrs: I(n)
-      }) : w(U.$slots, "unsupported-type", {
+        attrs: I(r)
+      }) : x(U.$slots, "unsupported-type", {
         key: 13,
         type: e.type,
         modelValue: e.modelValue,
         updateValue: u,
-        attrs: I(n)
+        attrs: I(r)
       }),
-      d.value ? (a(), i("div", $l, [
-        F(I(rt), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
-        o("span", null, V(e.errorMessage), 1)
-      ])) : M("", !0)
+      d.value ? (a(), i("div", Vl, [
+        N(I(it), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
+        o("span", null, A(e.errorMessage), 1)
+      ])) : D("", !0)
     ]));
   }
-}), Cl = { class: "flex flex-wrap gap-3" }, Pe = {
+}), _l = { class: "flex flex-wrap gap-3" }, Pe = {
   __name: "CheckboxMultipleInput",
   props: {
     modelValue: {
@@ -1693,12 +1693,12 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = s, l = e, n = 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, v) => {
-      const b = Array.isArray(l.modelValue) ? [...l.modelValue] : [], _ = b.indexOf(f);
-      v && _ === -1 ? b.push(f) : !v && _ !== -1 && b.splice(_, 1), t("update:modelValue", b);
+    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);
     };
-    return (f, v) => (a(), i("div", Cl, [
-      (a(!0), i(q, null, W(n.value, (b) => (a(), B(pe, {
+    return (f, $) => (a(), i("div", _l, [
+      (a(!0), i(q, null, W(r.value, (b) => (a(), L(pe, {
         key: `checkbox-${b}`,
         type: "checkbox-input",
         "model-value": u(b),
@@ -1706,7 +1706,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         "unchecked-value": !1,
         label: b,
         disabled: e.disabled,
-        "onUpdate:modelValue": (_) => d(b, _)
+        "onUpdate:modelValue": (k) => d(b, k)
       }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]))), 128))
     ]));
   }
@@ -1733,21 +1733,21 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = e, l = s, n = O(), u = O(t.show);
-    J(() => t.show, () => {
-      t.show ? (document.body.style.overflow = "hidden", u.value = !0, n.value?.showModal()) : (document.body.style.overflow = null, setTimeout(() => {
-        n.value?.close(), u.value = !1;
+    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(() => {
+        r.value?.close(), u.value = !1;
       }, 200));
     });
     const d = () => {
       t.closeable && l("close");
-    }, f = (_) => {
-      _.key === "Escape" && (_.preventDefault(), t.show && d());
+    }, f = (k) => {
+      k.key === "Escape" && (k.preventDefault(), t.show && d());
     };
-    se(() => document.addEventListener("keydown", f)), Ae(() => {
+    ae(() => document.addEventListener("keydown", f)), Ae(() => {
       document.removeEventListener("keydown", f), document.body.style.overflow = null;
     });
-    const v = g(() => ({
+    const $ = g(() => ({
       sm: "sm:max-w-sm",
       md: "sm:max-w-md",
       lg: "sm:max-w-lg",
@@ -1763,15 +1763,15 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
           return "items-center justify-center";
       }
     });
-    return (_, h) => (a(), i("dialog", {
+    return (k, v) => (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: n
+      ref: r
     }, [
       o("div", {
         class: S(["fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50 flex", b.value])
       }, [
-        F(re, {
+        N(oe, {
           "enter-active-class": "ease-out duration-300",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -1779,19 +1779,19 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: z(() => [
-            ee(o("div", {
+          default: O(() => [
+            Z(o("div", {
               class: "fixed inset-0 transform transition-all",
               onClick: d
-            }, [...h[0] || (h[0] = [
+            }, [...v[0] || (v[0] = [
               o("div", { class: "absolute inset-0 bg-gray-500 opacity-75" }, null, -1)
             ])], 512), [
-              [oe, e.show]
+              [ie, e.show]
             ])
           ]),
           _: 1
         }),
-        F(re, {
+        N(oe, {
           "enter-active-class": "ease-out duration-300",
           "enter-from-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
           "enter-to-class": "opacity-100 translate-y-0 sm:scale-100",
@@ -1799,13 +1799,13 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
           "leave-from-class": "opacity-100 translate-y-0 sm:scale-100",
           "leave-to-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         }, {
-          default: z(() => [
-            ee(o("div", {
-              class: S(["mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto", v.value])
+          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])
             }, [
-              u.value ? w(_.$slots, "default", { key: 0 }) : M("", !0)
+              u.value ? x(k.$slots, "default", { key: 0 }) : D("", !0)
             ], 2), [
-              [oe, e.show]
+              [ie, e.show]
             ])
           ]),
           _: 3
@@ -1813,7 +1813,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       ], 2)
     ], 512));
   }
-}, Vl = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, _l = { class: "sm:flex sm:items-start" }, Tl = { class: "mx-auto shrink-0 flex items-center justify-center size-12 rounded-full bg-red-100 sm:mx-0 sm:size-10" }, Al = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" }, Bl = { class: "text-lg font-medium text-gray-900" }, Ll = { class: "mt-4 text-sm text-gray-600" }, Il = { class: "flex flex-col-reverse lg:flex-row lg:justify-end px-6 py-4 bg-gray-100 text-end gap-4 lg:gap-0" }, Dl = {
+}, Tl = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Al = { class: "sm:flex sm:items-start" }, Bl = { class: "mx-auto shrink-0 flex items-center justify-center size-12 rounded-full bg-red-100 sm:mx-0 sm:size-10" }, Ll = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" }, Il = { class: "text-lg font-medium text-gray-900" }, Dl = { class: "mt-4 text-sm text-gray-600" }, Ml = { class: "flex flex-col-reverse lg:flex-row lg:justify-end px-6 py-4 bg-gray-100 text-end gap-4 lg:gap-0" }, jl = {
   __name: "ConfirmationModal",
   props: {
     show: {
@@ -1839,37 +1839,37 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
     const t = s, l = () => {
       t("close");
     };
-    return (n, u) => (a(), B($e, {
+    return (r, u) => (a(), L($e, {
       show: e.show,
       "max-width": e.maxWidth,
       closeable: e.closeable,
       position: e.position,
       onClose: l
     }, {
-      default: z(() => [
-        o("div", Vl, [
-          o("div", _l, [
-            o("div", Tl, [
-              F(I(Le), { class: "size-6 text-red-600" })
+      default: O(() => [
+        o("div", Tl, [
+          o("div", Al, [
+            o("div", Bl, [
+              N(I(Le), { class: "size-6 text-red-600" })
             ]),
-            o("div", Al, [
-              o("h3", Bl, [
-                w(n.$slots, "title")
+            o("div", Ll, [
+              o("h3", Il, [
+                x(r.$slots, "title")
               ]),
-              o("div", Ll, [
-                w(n.$slots, "content")
+              o("div", Dl, [
+                x(r.$slots, "content")
               ])
             ])
           ])
         ]),
-        o("div", Il, [
-          w(n.$slots, "footer")
+        o("div", Ml, [
+          x(r.$slots, "footer")
         ])
       ]),
       _: 3
     }, 8, ["show", "max-width", "closeable", "position"]));
   }
-}, Ml = { class: "px-6 py-4" }, jl = { class: "text-lg font-medium text-gray-900" }, Ol = { class: "mt-4 text-sm text-gray-600" }, zl = { class: "flex flex-row justify-end px-6 py-4 bg-gray-100 text-end" }, El = {
+}, Ol = { class: "px-6 py-4" }, zl = { class: "text-lg font-medium text-gray-900" }, El = { class: "mt-4 text-sm text-gray-600" }, Fl = { class: "flex flex-row justify-end px-6 py-4 bg-gray-100 text-end" }, Nl = {
   __name: "DialogModal",
   props: {
     show: {
@@ -1890,29 +1890,29 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
     const t = s, l = () => {
       t("close");
     };
-    return (n, u) => (a(), B($e, {
+    return (r, u) => (a(), L($e, {
       show: e.show,
       "max-width": e.maxWidth,
       closeable: e.closeable,
       onClose: l
     }, {
-      default: z(() => [
-        o("div", Ml, [
-          o("div", jl, [
-            w(n.$slots, "title")
+      default: O(() => [
+        o("div", Ol, [
+          o("div", zl, [
+            x(r.$slots, "title")
           ]),
-          o("div", Ol, [
-            w(n.$slots, "content")
+          o("div", El, [
+            x(r.$slots, "content")
           ])
         ]),
-        o("div", zl, [
-          w(n.$slots, "footer")
+        o("div", Fl, [
+          x(r.$slots, "footer")
         ])
       ]),
       _: 3
     }, 8, ["show", "max-width", "closeable"]));
   }
-}, Fl = { class: "relative" }, Nl = {
+}, Kl = { class: "relative" }, Ul = {
   __name: "Dropdown",
   props: {
     align: {
@@ -1930,27 +1930,27 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   setup(e) {
     const s = e;
-    let t = O(!1);
+    let t = j(!1);
     const l = (d) => {
       t.value && d.key === "Escape" && (t.value = !1);
     };
-    se(() => document.addEventListener("keydown", l)), Ae(() => document.removeEventListener("keydown", l));
-    const n = g(() => ({
+    ae(() => 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");
-    return (d, f) => (a(), i("div", Fl, [
+    return (d, f) => (a(), i("div", Kl, [
       o("div", {
-        onClick: f[0] || (f[0] = (v) => be(t) ? t.value = !I(t) : t = !I(t))
+        onClick: f[0] || (f[0] = ($) => be(t) ? t.value = !I(t) : t = !I(t))
       }, [
-        w(d.$slots, "trigger", { open: I(t) })
+        x(d.$slots, "trigger", { open: I(t) })
       ]),
-      ee(o("div", {
+      Z(o("div", {
         class: "fixed inset-0 z-40",
-        onClick: f[1] || (f[1] = (v) => be(t) ? t.value = !1 : t = !1)
+        onClick: f[1] || (f[1] = ($) => be(t) ? t.value = !1 : t = !1)
       }, null, 512), [
-        [oe, I(t)]
+        [ie, I(t)]
       ]),
-      F(re, {
+      N(oe, {
         "enter-active-class": "transition-all duration-300 ease-out",
         "enter-from-class": "transform opacity-0 scale-95 translate-y-2",
         "enter-to-class": "transform opacity-100 scale-100 translate-y-0",
@@ -1958,30 +1958,30 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
         "leave-from-class": "transform opacity-100 scale-100 translate-y-0",
         "leave-to-class": "transform opacity-0 scale-95 translate-y-2"
       }, {
-        default: z(() => [
-          ee(o("div", {
-            class: S(["absolute z-50 mt-2 rounded-xl shadow-xl shadow-gray-900/10", [n.value, u.value]]),
+        default: O(() => [
+          Z(o("div", {
+            class: S(["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] = (v) => be(t) ? t.value = !1 : t = !1)
+            onClick: f[2] || (f[2] = ($) => be(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])
             }, [
-              w(d.$slots, "content")
+              x(d.$slots, "content")
             ], 2)
           ], 2), [
-            [oe, I(t)]
+            [ie, I(t)]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}, Ul = {
+}, Rl = {
   key: 0,
   type: "submit",
   class: "block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
-}, Kl = ["href"], Rl = {
+}, Hl = ["href"], ql = {
   __name: "DropdownLink",
   props: {
     href: String,
@@ -1989,87 +1989,87 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   setup(e) {
     return (s, t) => (a(), i("div", null, [
-      e.as == "button" ? (a(), i("button", Ul, [
-        w(s.$slots, "default")
+      e.as == "button" ? (a(), i("button", Rl, [
+        x(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"
       }, [
-        w(s.$slots, "default")
-      ], 8, Kl)) : (a(), B(I(ye), {
+        x(s.$slots, "default")
+      ], 8, Hl)) : (a(), L(I(ye), {
         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: z(() => [
-          w(s.$slots, "default")
+        default: O(() => [
+          x(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["href"]))
     ]));
   }
-}, Hl = { class: "md:grid md:grid-cols-3 md:gap-6" }, ql = { class: "mt-5 md:mt-0 md:col-span-2 shadow sm:rounded-lg" }, Pl = { class: "grid grid-cols-6 gap-6" }, Wl = {
+}, Pl = { class: "md:grid md:grid-cols-3 md:gap-6" }, Wl = { class: "mt-5 md:mt-0 md:col-span-2 shadow sm:rounded-lg" }, Gl = { class: "grid grid-cols-6 gap-6" }, Xl = {
   key: 0,
   class: "flex items-center justify-start px-3 pb-6 bg-white text-end sm:rounded-bl-md sm:rounded-br-md"
-}, Gl = {
+}, Ql = {
   __name: "FormSection",
   emits: ["submitted"],
   setup(e) {
     const s = g(() => !!ge().actions);
-    return (t, l) => (a(), i("div", Hl, [
-      F(Se, null, {
-        title: z(() => [
-          w(t.$slots, "title")
+    return (t, l) => (a(), i("div", Pl, [
+      N(Se, null, {
+        title: O(() => [
+          x(t.$slots, "title")
         ]),
-        description: z(() => [
-          w(t.$slots, "description")
+        description: O(() => [
+          x(t.$slots, "description")
         ]),
         _: 3
       }),
-      o("div", ql, [
+      o("div", Wl, [
         o("form", {
-          onSubmit: l[0] || (l[0] = he((n) => t.$emit("submitted"), ["prevent"]))
+          onSubmit: l[0] || (l[0] = he((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"])
           }, [
-            o("div", Pl, [
-              w(t.$slots, "form")
+            o("div", Gl, [
+              x(t.$slots, "form")
             ])
           ], 2),
-          s.value ? (a(), i("div", Wl, [
-            w(t.$slots, "actions")
-          ])) : M("", !0)
+          s.value ? (a(), i("div", Xl, [
+            x(t.$slots, "actions")
+          ])) : D("", !0)
         ], 32)
       ])
     ]));
   }
-}, Xl = { class: "text-sm text-red-600" }, Ql = {
+}, Yl = { class: "text-sm text-red-600" }, Jl = {
   __name: "InputError",
   props: {
     message: String
   },
   setup(e) {
-    return (s, t) => ee((a(), i("div", null, [
-      o("p", Xl, V(e.message), 1)
+    return (s, t) => Z((a(), i("div", null, [
+      o("p", Yl, A(e.message), 1)
     ], 512)), [
-      [oe, e.message]
+      [ie, e.message]
     ]);
   }
-}, Yl = { class: "block font-medium text-sm text-gray-700" }, Jl = { key: 0 }, Zl = { key: 1 }, ea = {
+}, Zl = { class: "block font-medium text-sm text-gray-700" }, ea = { key: 0 }, ta = { key: 1 }, la = {
   __name: "InputLabel",
   props: {
     value: String
   },
   setup(e) {
-    return (s, t) => (a(), i("label", Yl, [
-      e.value ? (a(), i("span", Jl, V(e.value), 1)) : (a(), i("span", Zl, [
-        w(s.$slots, "default")
+    return (s, t) => (a(), i("label", Zl, [
+      e.value ? (a(), i("span", ea, A(e.value), 1)) : (a(), i("span", ta, [
+        x(s.$slots, "default")
       ]))
     ]));
   }
-}, ta = ["href", "title", "target", "rel"], Ce = /* @__PURE__ */ Object.assign({
+}, aa = ["href", "title", "target", "rel"], Ce = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "LinkButton",
@@ -2100,37 +2100,37 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
     }
   },
   setup(e) {
-    const s = ne(), t = e, l = {
+    const s = se(), t = e, l = {
       primary: "bg-gradient-to-r from-blue-500 to-blue-600 text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:ring-blue-500",
       secondary: "bg-gradient-to-r from-green-500 to-green-600 text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:from-green-600 hover:to-green-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:ring-green-500",
       tertiary: "bg-gradient-to-r from-gray-500 to-gray-600 text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:from-gray-600 hover:to-gray-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:ring-gray-500",
       warning: "border border-yellow-300 bg-yellow-50 text-yellow-700 hover:bg-yellow-100 focus:ring-yellow-500",
       danger: "border border-red-300 bg-red-50 text-red-700 hover:bg-red-100 focus:ring-red-500"
-    }, n = g(() => l[t.variant] ? t.variant : "primary"), u = g(() => [
+    }, r = g(() => l[t.variant] ? t.variant : "primary"), u = g(() => [
       "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg p-3 py-2 text-sm font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",
-      l[n.value],
+      l[r.value],
       s.class
     ]);
-    return (d, f) => e.external ? (a(), i("a", E({ key: 1 }, I(s), {
+    return (d, f) => e.external ? (a(), i("a", z({ key: 1 }, I(s), {
       href: e.href,
       title: e.title,
       target: e.target,
       rel: e.rel,
       class: u.value
     }), [
-      w(d.$slots, "default")
-    ], 16, ta)) : (a(), B(I(ye), E({ key: 0 }, I(s), {
+      x(d.$slots, "default")
+    ], 16, aa)) : (a(), L(I(ye), z({ key: 0 }, I(s), {
       href: e.href,
       title: e.title,
       class: u.value
     }), {
-      default: z(() => [
-        w(d.$slots, "default")
+      default: O(() => [
+        x(d.$slots, "default")
       ]),
       _: 3
     }, 16, ["href", "title", "class"]));
   }
-}), la = {
+}), sa = {
   __name: "NavLink",
   props: {
     href: String,
@@ -2138,17 +2138,17 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   setup(e) {
     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, n) => (a(), B(I(ye), {
+    return (l, r) => (a(), L(I(ye), {
       href: e.href,
       class: S(t.value)
     }, {
-      default: z(() => [
-        w(l.$slots, "default")
+      default: O(() => [
+        x(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["href", "class"]));
   }
-}, aa = ["href"], sa = {
+}, na = ["href"], ra = {
   __name: "ResponsiveNavLink",
   props: {
     active: Boolean,
@@ -2157,40 +2157,40 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   setup(e) {
     const s = e, t = g(() => s.active ? "block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 text-start text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition duration-150 ease-in-out" : "block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out");
-    return (l, n) => (a(), i("div", null, [
+    return (l, r) => (a(), i("div", null, [
       e.as == "button" ? (a(), i("button", {
         key: 0,
         class: S([t.value, "w-full text-start"])
       }, [
-        w(l.$slots, "default")
+        x(l.$slots, "default")
       ], 2)) : e.as == "a" ? (a(), i("a", {
         key: 1,
         class: S([t.value, "w-full text-start"]),
         href: e.href
       }, [
-        w(l.$slots, "default")
-      ], 10, aa)) : (a(), B(I(ye), {
+        x(l.$slots, "default")
+      ], 10, na)) : (a(), L(I(ye), {
         key: 2,
         href: e.href,
         class: S(t.value)
       }, {
-        default: z(() => [
-          w(l.$slots, "default")
+        default: O(() => [
+          x(l.$slots, "default")
         ]),
         _: 3
       }, 8, ["href", "class"]))
     ]));
   }
-}, na = { class: "hidden sm:block" }, ra = { class: "py-8" }, oa = {
+}, oa = { class: "hidden sm:block" }, ia = { class: "py-8" }, da = {
   __name: "SectionBorder",
   setup(e) {
-    return (s, t) => (a(), i("div", na, [
-      o("div", ra, [
-        F(we)
+    return (s, t) => (a(), i("div", oa, [
+      o("div", ia, [
+        N(we)
       ])
     ]));
   }
-}, ia = { class: "bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl px-6 py-4" }, da = { class: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4" }, ua = { class: "flex items-center gap-3" }, ca = { class: "text-sm font-medium text-gray-700" }, fa = { class: "flex flex-wrap items-center gap-2" }, ga = ["onClick"], ya = { class: "text-xs text-gray-500" }, pa = {
+}, ua = { class: "bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl px-6 py-4" }, ca = { class: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4" }, fa = { class: "flex items-center gap-3" }, ga = { class: "text-sm font-medium text-gray-700" }, ya = { class: "flex flex-wrap items-center gap-2" }, pa = ["onClick"], ma = { class: "text-xs text-gray-500" }, ba = {
   __name: "SortControls",
   props: {
     fields: {
@@ -2224,14 +2224,14 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["sort"],
   setup(e, { emit: s }) {
-    const t = s, l = (n) => {
-      t("sort", n);
+    const t = s, l = (r) => {
+      t("sort", r);
     };
-    return (n, u) => (a(), i("div", ia, [
-      o("div", da, [
-        o("div", ua, [
-          o("label", ca, V(e.sortByLabel) + ":", 1),
-          o("div", fa, [
+    return (r, u) => (a(), i("div", ua, [
+      o("div", ca, [
+        o("div", fa, [
+          o("label", ga, A(e.sortByLabel) + ":", 1),
+          o("div", ya, [
             (a(!0), i(q, null, W(e.fields, (d) => (a(), i("button", {
               key: d.key,
               onClick: (f) => l(d.key),
@@ -2240,23 +2240,23 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
                 e.currentSortField === d.key ? "bg-blue-500 text-white shadow-sm" : "bg-gray-100 text-gray-700 hover:bg-gray-200"
               ])
             }, [
-              ue(V(d.label) + " ", 1),
-              e.currentSortField === d.key && e.currentDirection === "asc" ? (a(), B(I(De), {
+              ue(A(d.label) + " ", 1),
+              e.currentSortField === d.key && e.currentDirection === "asc" ? (a(), L(I(De), {
                 key: 0,
                 class: "w-3 h-3 ml-1 inline"
-              })) : M("", !0),
-              e.currentSortField === d.key && e.currentDirection === "desc" ? (a(), B(I(xe), {
+              })) : D("", !0),
+              e.currentSortField === d.key && e.currentDirection === "desc" ? (a(), L(I(xe), {
                 key: 1,
                 class: "w-3 h-3 ml-1 inline"
-              })) : M("", !0)
-            ], 10, ga))), 128))
+              })) : D("", !0)
+            ], 10, pa))), 128))
           ])
         ]),
-        o("div", ya, V(e.count) + " " + V(e.countLabel), 1)
+        o("div", ma, A(e.count) + " " + A(e.countLabel), 1)
       ])
     ]));
   }
-}, ma = { class: "flex items-center space-x-1" }, ba = { class: "flex flex-col" }, Ve = {
+}, va = { class: "flex items-center space-x-1" }, ha = { class: "flex flex-col" }, Ve = {
   __name: "ThSortable",
   props: {
     field: {
@@ -2274,28 +2274,28 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   setup(e) {
     const s = e, t = g(() => s.field === s.currentSortField), l = g(() => t.value ? "text-blue-600" : "text-gray-400");
-    return (n, u) => (a(), i("th", {
+    return (r, u) => (a(), i("th", {
       class: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors duration-150",
-      onClick: u[0] || (u[0] = (d) => n.$emit("sort", e.field))
+      onClick: u[0] || (u[0] = (d) => r.$emit("sort", e.field))
     }, [
-      o("div", ma, [
+      o("div", va, [
         o("span", null, [
-          w(n.$slots, "default")
+          x(r.$slots, "default")
         ]),
-        o("div", ba, [
-          t.value && e.currentDirection === "asc" ? (a(), B(I(De), {
+        o("div", ha, [
+          t.value && e.currentDirection === "asc" ? (a(), L(I(De), {
             key: 0,
             class: S([l.value, "w-3 h-3"])
-          }, null, 8, ["class"])) : M("", !0),
-          t.value && e.currentDirection === "desc" ? (a(), B(I(xe), {
+          }, null, 8, ["class"])) : D("", !0),
+          t.value && e.currentDirection === "desc" ? (a(), L(I(xe), {
             key: 1,
             class: S([l.value, "w-3 h-3"])
-          }, null, 8, ["class"])) : M("", !0)
+          }, null, 8, ["class"])) : D("", !0)
         ])
       ])
     ]));
   }
-}, va = { class: "bg-white border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn mx-4 md:mx-0" }, ha = { class: "overflow-x-auto rounded-xl" }, xa = { class: "min-w-full divide-y divide-gray-200" }, wa = { class: "bg-gray-50" }, ka = {
+}, xa = { class: "min-w-full divide-y divide-gray-200" }, wa = { class: "bg-gray-50" }, ka = {
   key: 0,
   class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
 }, Sa = { class: "bg-white divide-y divide-gray-200" }, $a = {
@@ -2350,6 +2350,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       type: Number,
       default: 40
     },
+    isCard: {
+      type: Boolean,
+      default: !0
+    },
     actionsLabel: {
       type: String,
       default: "Actions"
@@ -2361,111 +2365,115 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
   },
   emits: ["sort"],
   setup(e, { emit: s }) {
-    const t = ge(), l = e, n = s;
+    const t = ge(), l = e, r = s;
     g(() => !!t.actions);
-    const u = g(() => l.data && l.data.length > 0), d = (k) => {
-      n("sort", k);
-    }, f = (k) => {
-      const T = String(k ?? ""), m = Number(l.maxTextLength);
-      return !Number.isFinite(m) || m <= 0 || T.length <= m ? T : `${T.slice(0, m)}...`;
-    }, v = (k, T) => {
-      if (T.slot)
+    const u = g(() => l.data && l.data.length > 0), d = (w) => {
+      r("sort", w);
+    }, f = (w) => {
+      const V = String(w ?? ""), m = Number(l.maxTextLength);
+      return !Number.isFinite(m) || m <= 0 || V.length <= m ? V : `${V.slice(0, m)}...`;
+    }, $ = (w, V) => {
+      if (V.slot)
         return null;
-      if (T.render)
-        return T.render(k);
-      const m = T.key.split(".").reduce((L, D) => L?.[D], k);
+      if (V.render)
+        return V.render(w);
+      const m = V.key.split(".").reduce((M, B) => M?.[B], w);
       return m == null || m === "" ? "-" : f(m);
-    }, b = (k) => k.deleted_at || k.deleted, _ = (k) => {
-      if (k.class)
-        return k.class;
-      let T = "px-6 py-4 text-sm truncate";
-      return k.isSecondary || (T += " font-medium"), k.isSecondary && (T += " text-gray-600"), T;
-    }, h = (k) => k.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider";
-    return (k, T) => (a(), i("div", va, [
-      o("div", ha, [
+    }, 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" : ""])
+    }, [
+      o("div", {
+        class: S(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
+      }, [
         o("table", xa, [
           o("thead", wa, [
             o("tr", null, [
               (a(!0), i(q, null, W(e.columns, (m) => (a(), i(q, {
                 key: m.key
               }, [
-                m.sortable ? (a(), B(Ve, {
+                m.sortable ? (a(), L(Ve, {
                   key: 0,
                   field: m.key,
                   "current-sort-field": e.sortField,
                   "current-direction": e.sortDirection,
                   onSort: d
                 }, {
-                  default: z(() => [
-                    ue(V(m.label), 1)
+                  default: O(() => [
+                    ue(A(m.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["field", "current-sort-field", "current-direction"])) : (a(), i("th", {
                   key: 1,
-                  class: S([h(m), { "text-right": m.align === "right" }])
-                }, V(m.label), 3))
+                  class: S([v(m), { "text-right": m.align === "right" }])
+                }, A(m.label), 3))
               ], 64))), 128)),
-              k.$slots.actions ? (a(), i("th", ka, V(e.actionsLabel), 1)) : M("", !0)
+              w.$slots.actions ? (a(), i("th", ka, A(e.actionsLabel), 1)) : D("", !0)
             ])
           ]),
           o("tbody", Sa, [
-            (a(!0), i(q, null, W(e.data, (m, L) => (a(), i("tr", {
+            (a(!0), i(q, null, W(e.data, (m, M) => (a(), i("tr", {
               key: m.id,
-              class: S(e.rowClasses(m, L))
+              class: S(e.rowClasses(m, M))
             }, [
-              (a(!0), i(q, null, W(e.columns, (D) => (a(), i("td", {
-                key: D.key,
-                class: S(_(D))
+              (a(!0), i(q, null, W(e.columns, (B) => (a(), i("td", {
+                key: B.key,
+                class: S(k(B))
               }, [
-                D.key === "name" && !D.slot ? (a(), i("div", $a, [
+                B.key === "name" && !B.slot ? (a(), i("div", $a, [
                   o("div", {
                     class: "text-sm font-medium truncate",
-                    title: v(m, D)
-                  }, V(v(m, D)), 9, Ca),
-                  b(m) ? (a(), i("span", Va, V(e.deletedLabel), 1)) : M("", !0)
-                ])) : D.slot ? w(k.$slots, D.slot, {
+                    title: $(m, B)
+                  }, A($(m, B)), 9, Ca),
+                  b(m) ? (a(), i("span", Va, A(e.deletedLabel), 1)) : D("", !0)
+                ])) : B.slot ? x(w.$slots, B.slot, {
                   key: 1,
                   item: m,
-                  column: D,
-                  index: L
-                }) : D.render ? (a(), i("div", {
+                  column: B,
+                  index: M
+                }) : B.render ? (a(), i("div", {
                   key: 2,
-                  innerHTML: D.render(m)
-                }, null, 8, _a)) : (a(), i("div", Ta, V(v(m, D)), 1))
+                  innerHTML: B.render(m)
+                }, null, 8, _a)) : (a(), i("div", Ta, A($(m, B)), 1))
               ], 2))), 128)),
-              k.$slots.actions ? (a(), i("td", Aa, [
-                w(k.$slots, "actions", {
+              w.$slots.actions ? (a(), i("td", Aa, [
+                x(w.$slots, "actions", {
                   item: m,
-                  index: L
+                  index: M
                 })
-              ])) : M("", !0)
+              ])) : D("", !0)
             ], 2))), 128))
           ])
         ])
-      ]),
-      u.value ? M("", !0) : (a(), i("div", Ba, [
+      ], 2),
+      u.value ? D("", !0) : (a(), i("div", Ba, [
         o("div", La, [
-          (a(), B(Be(e.emptyState.icon), { class: "w-8 h-8 text-gray-400" }))
+          (a(), L(Be(e.emptyState.icon), { class: "w-8 h-8 text-gray-400" }))
         ]),
-        o("h3", Ia, V(e.emptyState.title), 1),
-        o("p", Da, V(e.emptyState.description), 1),
-        e.emptyState.actionText && e.emptyState.actionUrl ? (a(), B(Ce, {
+        o("h3", Ia, A(e.emptyState.title), 1),
+        o("p", Da, A(e.emptyState.description), 1),
+        e.emptyState.actionText && e.emptyState.actionUrl ? (a(), L(Ce, {
           key: 0,
           href: e.emptyState.actionUrl,
           variant: "primary"
         }, {
-          default: z(() => [
-            ue(V(e.emptyState.actionText), 1)
+          default: O(() => [
+            ue(A(e.emptyState.actionText), 1)
           ]),
           _: 1
-        }, 8, ["href"])) : M("", !0)
+        }, 8, ["href"])) : D("", !0)
       ]))
-    ]));
+    ], 2));
   }
 }, ja = { class: "relative max-w-sm" }, Oa = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, za = ["placeholder"], Ea = { class: "min-w-full divide-y divide-gray-200" }, Fa = { class: "bg-gray-50" }, Na = {
   key: 0,
   class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
-}, Ua = { class: "bg-white divide-y divide-gray-200" }, Ka = {
+}, Ka = { class: "bg-white divide-y divide-gray-200" }, Ua = {
   key: 2,
   class: "flex items-center"
 }, Ra = ["title"], Ha = {
@@ -2555,7 +2563,11 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
     },
     rowEditing: {
       type: Boolean,
-      default: !1
+      default: !0
+    },
+    editingRowKey: {
+      type: [String, Number, null],
+      default: void 0
     },
     canEditRow: {
       type: Function,
@@ -2574,123 +2586,137 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       default: "Cancel editing"
     }
   },
-  emits: ["sort", "update", "edit-start", "edit-cancel", "save"],
+  emits: ["sort", "update", "update:editingRowKey", "edit-start", "edit-cancel", "save"],
   setup(e, { emit: s }) {
-    const t = ge(), l = e, n = s, u = O(l.sortField), d = O(l.sortDirection), f = O(""), v = O(null), b = O({});
-    J(() => l.sortField, (r) => {
-      u.value = r;
-    }), J(() => l.sortDirection, (r) => {
-      d.value = r;
-    }), J(() => l.rowEditing, (r) => {
-      r || K();
-    }), J(
+    const t = ge(), 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);
+    Q(() => l.sortField, (n) => {
+      u.value = n;
+    }), Q(() => l.sortDirection, (n) => {
+      d.value = n;
+    }), Q(() => l.rowEditing, (n) => {
+      n || X();
+    }), Q(k, (n, y) => {
+      if (n === y)
+        return;
+      if (n == null || n === "") {
+        b.value = {};
+        return;
+      }
+      const c = l.data.find((T, p) => P(T, p) === n);
+      b.value = c ? B(c) : {};
+    }), Q(
       () => l.data,
       () => {
-        if (v.value === null)
+        if (k.value === null || k.value === void 0)
           return;
-        l.data.find((y, c) => G(y, c) === v.value) || K();
+        l.data.find((y, c) => P(y, c) === k.value) || X();
       },
       { deep: !0 }
     );
-    const _ = g(() => {
-      let r = l.data;
+    const v = g(() => {
+      let n = l.data;
       if (l.search && f.value.trim()) {
         const y = f.value.toLowerCase().trim();
-        r = l.data.filter((c) => l.columns.some((A) => {
-          if (!A.searchable)
+        n = l.data.filter((c) => l.columns.some((T) => {
+          if (!T.searchable)
             return !1;
-          const p = j(c, A.key);
+          const p = F(c, T.key);
           return p == null || p === "" ? !1 : String(p).toLowerCase().includes(y);
         }));
       }
-      return u.value ? [...r].sort((y, c) => {
-        const A = j(y, u.value), p = j(c, u.value);
-        if (A == null || A === "") return 1;
+      return u.value ? [...n].sort((y, c) => {
+        const T = F(y, u.value), p = F(c, u.value);
+        if (T == null || T === "") return 1;
         if (p == null || p === "") return -1;
-        let R = 0;
-        return A < p && (R = -1), A > p && (R = 1), d.value === "desc" ? -R : R;
-      }) : r;
-    }), h = g(() => !!t.actions), k = g(() => h.value || l.rowEditing), T = g(() => _.value && _.value.length > 0), m = (r) => {
-      u.value === r ? d.value = d.value === "asc" ? "desc" : "asc" : (u.value = r, d.value = "asc"), n("sort", { field: r, direction: d.value });
-    }, L = (r) => Array.isArray(r) ? r.map((y) => L(y)) : r && typeof r == "object" ? Object.fromEntries(
-      Object.entries(r).map(([y, c]) => [y, L(c)])
-    ) : r, D = (r) => {
-      const y = String(r ?? ""), c = Number(l.maxTextLength);
+        let H = 0;
+        return T < p && (H = -1), T > p && (H = 1), d.value === "desc" ? -H : H;
+      }) : n;
+    }), w = g(() => !!t.actions), V = g(() => w.value || l.rowEditing), m = g(() => v.value && v.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 });
+    }, B = (n) => Array.isArray(n) ? n.map((y) => B(y)) : n && typeof n == "object" ? Object.fromEntries(
+      Object.entries(n).map(([y, c]) => [y, B(c)])
+    ) : n, E = (n) => {
+      const y = String(n ?? ""), c = Number(l.maxTextLength);
       return !Number.isFinite(c) || c <= 0 || y.length <= c ? y : `${y.slice(0, c)}...`;
-    }, j = (r, y) => !y || typeof y != "string" ? r : y.split(".").reduce((c, A) => c?.[A], r), H = (r, y, c) => {
-      if (!y || typeof y != "string" || r == null)
+    }, F = (n, y) => !y || typeof y != "string" ? n : y.split(".").reduce((c, T) => c?.[T], n), ne = (n, y, c) => {
+      if (!y || typeof y != "string" || n == null)
         return;
-      const A = y.split("."), p = A.pop();
-      let R = r;
-      for (const de of A)
-        (R[de] === void 0 || R[de] === null || typeof R[de] != "object") && (R[de] = {}), R = R[de];
-      p !== void 0 && (R[p] = c);
-    }, Q = (r) => r?.id ? l.data.findIndex((y) => y?.id === r.id) : l.data.findIndex((y) => y === r), G = (r, y) => typeof l.rowKey == "function" ? l.rowKey(r, y) ?? `row-${y}` : j(r, l.rowKey) ?? `row-${y}`, te = (r) => `${r.slot}-edit`, X = (r) => l.isDeletedFn(r), P = (r, y) => l.rowEditing && v.value !== null && v.value === G(r, y), x = (r, y) => !l.rowEditing || !l.canEditRow(r, y) || X(r) ? !0 : v.value !== null && !P(r, y), K = () => {
-      v.value = null, b.value = {};
-    }, N = (r, y) => {
-      x(r, y) || (v.value = G(r, y), b.value = L(r), n("edit-start", {
-        item: r,
-        index: Q(r),
-        rowKey: v.value
-      }));
-    }, Y = (r, y) => {
-      n("edit-cancel", {
-        item: r,
-        index: Q(r),
-        rowKey: G(r, y)
-      }), K();
-    }, le = (r, y) => {
-      const c = L(b.value), A = G(r, y);
+      const T = y.split("."), p = T.pop();
+      let H = n;
+      for (const de of T)
+        (H[de] === void 0 || H[de] === null || typeof H[de] != "object") && (H[de] = {}), H = H[de];
+      p !== void 0 && (H[p] = c);
+    }, Y = (n) => n?.id ? l.data.findIndex((y) => y?.id === n.id) : l.data.findIndex((y) => y === n), P = (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) => {
+      l.editingRowKey === void 0 && ($.value = n), r("update:editingRowKey", n);
+    }, K = (n, y) => l.rowEditing && k.value !== null && k.value === P(n, y), R = (n, y) => !l.rowEditing || !l.canEditRow(n, y) || J(n) ? !0 : k.value !== null && !K(n, y), X = () => {
+      h(null);
+    }, ee = (n, y) => {
+      if (R(n, y))
+        return;
+      const c = P(n, y);
+      h(c), r("edit-start", {
+        item: n,
+        index: Y(n),
+        rowKey: c
+      });
+    }, te = (n, y) => {
+      r("edit-cancel", {
+        item: n,
+        index: Y(n),
+        rowKey: P(n, y)
+      }), X();
+    }, re = (n, y) => {
+      const c = B(b.value), T = P(n, y);
       if (l.mutateRows)
         for (const p of l.columns)
-          p.key && H(r, p.key, L(j(c, p.key)));
-      n("save", {
-        item: r,
+          p.key && ne(n, p.key, B(F(c, p.key)));
+      r("save", {
+        item: n,
         draft: c,
-        index: Q(r),
-        rowKey: A
-      }), K();
-    }, Z = (r, y, c, A = void 0) => {
-      H(b.value, r, y), n("update", {
+        index: Y(n),
+        rowKey: T
+      }), X();
+    }, le = (n, y, c, T = void 0) => {
+      ne(b.value, n, y), r("update", {
         item: c,
         draft: b.value,
-        field: r,
+        field: n,
         value: y,
-        index: Q(c),
-        rowKey: v.value,
-        event: A
+        index: Y(c),
+        rowKey: k.value,
+        event: T
       });
-    }, ae = (r, y) => {
+    }, U = (n, y) => {
       if (y.slot)
         return null;
       if (y.render)
-        return y.render(r);
-      const c = j(r, y.key);
-      return c == null || c === "" ? "-" : D(c);
-    }, ie = (r, y, c) => {
-      if (r.class)
-        return r.class;
-      let p = P(y, c) && (r.input || t[te(r)]) ? "px-6 py-3 text-sm align-top" : "px-6 py-4 text-sm truncate";
-      return r.isSecondary || (p += " font-medium"), r.isSecondary && (p += " text-gray-600"), p;
-    }, U = (r) => r.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", $ = (r) => r.inputType || "text", C = (r) => {
+        return y.render(n);
+      const c = F(n, y.key);
+      return c == null || c === "" ? "-" : E(c);
+    }, C = (n, y, c) => {
+      if (n.class)
+        return n.class;
+      let p = K(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 || (p += " font-medium"), n.isSecondary && (p += " text-gray-600"), p;
+    }, _ = (n) => n.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", We = (n) => n.inputType || "text", Ge = (n) => {
       let y = "block w-full min-w-0 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 r.inputClass && (y += ` ${r.inputClass}`), r.isSecondary && (y += " text-gray-600"), y;
-    }, We = (r) => r.placeholder || r.label || "", _e = (r, y, c) => P(r, c) ? j(b.value, y.key) ?? "" : j(r, y.key) ?? "", Ge = (r, y) => {
-      const c = Q(r);
+      return n.inputClass && (y += ` ${n.inputClass}`), n.isSecondary && (y += " text-gray-600"), y;
+    }, Xe = (n) => n.placeholder || n.label || "", _e = (n, y, c) => K(n, c) ? F(b.value, y.key) ?? "" : F(n, y.key) ?? "", Qe = (n, y) => {
+      const c = Y(n);
       return c === -1 ? null : l.getErrorMessage(c, y.key);
-    }, me = (r, y, c) => ({
-      item: r,
+    }, me = (n, y, c) => ({
+      item: n,
       column: y,
       index: c,
-      isEditing: P(r, c),
+      isEditing: K(n, c),
       draft: b.value,
-      rowKey: G(r, c),
-      updateDraft: (A, p) => Z(A, p, r),
-      startEdit: () => N(r, c),
-      cancelEdit: () => Y(r, c),
-      saveEdit: () => le(r, c)
-    }), Xe = (r, y, c) => !!((typeof r.disabled == "function" ? r.disabled(y, c) : r.disabled) || X(y));
-    return (r, y) => (a(), i("div", {
+      rowKey: P(n, c),
+      updateDraft: (T, p) => le(T, p, n),
+      startEdit: () => ee(n, c),
+      cancelEdit: () => te(n, c),
+      saveEdit: () => re(n, c)
+    }), Ye = (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" : ""])
     }, [
       e.search ? (a(), i("div", {
@@ -2702,19 +2728,19 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
       }, [
         o("div", ja, [
           o("div", Oa, [
-            F(I(ot), { class: "h-4 w-4 text-gray-400" })
+            N(I(dt), { class: "h-4 w-4 text-gray-400" })
           ]),
-          ee(o("input", {
+          Z(o("input", {
             "onUpdate:modelValue": y[0] || (y[0] = (c) => f.value = c),
             type: "text",
             placeholder: e.searchPlaceholder,
             class: "block w-full rounded-md border border-gray-200 bg-white pl-9 pr-3 py-2 text-sm text-gray-900 placeholder-gray-500 transition-colors duration-200 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
           }, null, 8, za), [
-            [et, f.value]
+            [lt, f.value]
           ])
         ])
-      ], 2)) : M("", !0),
-      T.value ? (a(), i("div", {
+      ], 2)) : D("", !0),
+      m.value ? (a(), i("div", {
         key: 1,
         class: S(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
       }, [
@@ -2724,176 +2750,176 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
               (a(!0), i(q, null, W(e.columns, (c) => (a(), i(q, {
                 key: c.key
               }, [
-                c.sortable ? (a(), B(Ve, {
+                c.sortable ? (a(), L(Ve, {
                   key: 0,
                   field: c.key,
                   "current-sort-field": u.value,
                   "current-direction": d.value,
-                  onSort: m
+                  onSort: M
                 }, {
-                  default: z(() => [
-                    ue(V(c.label), 1)
+                  default: O(() => [
+                    ue(A(c.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["field", "current-sort-field", "current-direction"])) : (a(), i("th", {
                   key: 1,
-                  class: S([U(c), { "text-right": c.align === "right" }])
-                }, V(c.label), 3))
+                  class: S([_(c), { "text-right": c.align === "right" }])
+                }, A(c.label), 3))
               ], 64))), 128)),
-              k.value ? (a(), i("th", Na, V(e.actionsLabel), 1)) : M("", !0)
+              V.value ? (a(), i("th", Na, A(e.actionsLabel), 1)) : D("", !0)
             ])
           ]),
-          o("tbody", Ua, [
-            (a(!0), i(q, null, W(_.value, (c, A) => (a(), i("tr", {
-              key: G(c, A),
-              class: S(e.rowClasses(c, A))
+          o("tbody", Ka, [
+            (a(!0), i(q, null, W(v.value, (c, T) => (a(), i("tr", {
+              key: P(c, T),
+              class: S(e.rowClasses(c, T))
             }, [
               (a(!0), i(q, null, W(e.columns, (p) => (a(), i("td", {
                 key: p.key,
-                class: S([ie(p, c, A), { "text-right": p.align === "right" }])
+                class: S([C(p, c, T), { "text-right": p.align === "right" }])
               }, [
-                P(c, A) && p.slot && I(t)[te(p)] ? w(r.$slots, te(p), E({
+                K(c, T) && p.slot && I(t)[G(p)] ? x(n.$slots, G(p), z({
                   key: 0,
                   ref_for: !0
-                }, me(c, p, A))) : P(c, A) && p.input ? (a(), B(pe, {
+                }, me(c, p, T))) : K(c, T) && p.input ? (a(), L(pe, {
                   key: 1,
-                  type: $(p),
-                  class: S(C(p)),
-                  placeholder: We(p),
-                  "model-value": _e(c, p, A),
-                  disabled: Xe(p, c, A),
+                  type: We(p),
+                  class: S(Ge(p)),
+                  placeholder: Xe(p),
+                  "model-value": _e(c, p, T),
+                  disabled: Ye(p, c, T),
                   maxlength: p.maxlength,
-                  "error-message": Ge(c, p),
+                  "error-message": Qe(c, p),
                   "helper-text": "",
-                  "onUpdate:modelValue": (R) => Z(p.key, R, c),
-                  onBlur: (R) => Z(p.key, R?.target?.value ?? _e(c, p, A), c, "blur")
-                }, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : p.key === "name" && !p.slot ? (a(), i("div", Ka, [
+                  "onUpdate:modelValue": (H) => le(p.key, H, c),
+                  onBlur: (H) => le(p.key, H?.target?.value ?? _e(c, p, T), c, "blur")
+                }, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : p.key === "name" && !p.slot ? (a(), i("div", Ua, [
                   o("div", {
                     class: "text-sm font-medium truncate",
-                    title: ae(c, p)
-                  }, V(ae(c, p)), 9, Ra),
-                  X(c) ? (a(), i("span", Ha, V(e.deletedLabel), 1)) : M("", !0)
-                ])) : p.slot ? w(r.$slots, p.slot, E({
+                    title: U(c, p)
+                  }, A(U(c, p)), 9, Ra),
+                  J(c) ? (a(), i("span", Ha, A(e.deletedLabel), 1)) : D("", !0)
+                ])) : p.slot ? x(n.$slots, p.slot, z({
                   key: 3,
                   ref_for: !0
-                }, me(c, p, A))) : p.render ? (a(), i("div", {
+                }, me(c, p, T))) : p.render ? (a(), i("div", {
                   key: 4,
                   innerHTML: p.render(c)
-                }, null, 8, qa)) : (a(), i("div", Pa, V(ae(c, p)), 1))
+                }, null, 8, qa)) : (a(), i("div", Pa, A(U(c, p)), 1))
               ], 2))), 128)),
-              k.value ? (a(), i("td", Wa, [
+              V.value ? (a(), i("td", Wa, [
                 o("div", Ga, [
-                  h.value ? w(r.$slots, "actions", E({
+                  w.value ? x(n.$slots, "actions", z({
                     key: 0,
                     ref_for: !0
-                  }, me(c, null, A))) : M("", !0),
-                  e.rowEditing && P(c, A) ? (a(), i(q, { key: 1 }, [
-                    F(fe, {
+                  }, me(c, null, T))) : D("", !0),
+                  e.rowEditing && K(c, T) ? (a(), i(q, { key: 1 }, [
+                    N(fe, {
                       type: "button",
                       variant: "secondary",
                       title: e.saveLabel,
                       "aria-label": e.saveLabel,
-                      onClick: (p) => le(c, A)
+                      onClick: (p) => re(c, T)
                     }, {
-                      default: z(() => [
-                        F(I(it), { class: "size-4" })
+                      default: O(() => [
+                        N(I(ut), { class: "size-4" })
                       ]),
                       _: 1
                     }, 8, ["title", "aria-label", "onClick"]),
-                    F(fe, {
+                    N(fe, {
                       type: "button",
                       variant: "tertiary",
                       title: e.cancelLabel,
                       "aria-label": e.cancelLabel,
-                      onClick: (p) => Y(c, A)
+                      onClick: (p) => te(c, T)
                     }, {
-                      default: z(() => [
-                        F(I(Ie), { class: "size-4" })
+                      default: O(() => [
+                        N(I(Ie), { class: "size-4" })
                       ]),
                       _: 1
                     }, 8, ["title", "aria-label", "onClick"])
-                  ], 64)) : e.rowEditing ? (a(), B(fe, {
+                  ], 64)) : e.rowEditing ? (a(), L(fe, {
                     key: 2,
                     type: "button",
                     variant: "warning",
-                    disabled: x(c, A),
+                    disabled: R(c, T),
                     title: e.editLabel,
                     "aria-label": e.editLabel,
-                    onClick: (p) => N(c, A)
+                    onClick: (p) => ee(c, T)
                   }, {
-                    default: z(() => [
-                      F(I(dt), { class: "size-4" })
+                    default: O(() => [
+                      N(I(ct), { class: "size-4" })
                     ]),
                     _: 1
-                  }, 8, ["disabled", "title", "aria-label", "onClick"])) : M("", !0)
+                  }, 8, ["disabled", "title", "aria-label", "onClick"])) : D("", !0)
                 ])
-              ])) : M("", !0)
+              ])) : D("", !0)
             ], 2))), 128))
           ])
         ])
       ], 2)) : (a(), i("div", Xa, [
         o("div", Qa, [
-          (a(), B(Be(e.emptyState.icon), { class: "h-8 w-8 text-gray-400" }))
+          (a(), L(Be(e.emptyState.icon), { class: "h-8 w-8 text-gray-400" }))
         ]),
-        o("h3", Ya, V(e.emptyState.title), 1),
-        o("p", Ja, V(e.emptyState.description), 1),
-        e.emptyState.actionText && e.emptyState.actionUrl ? (a(), B(Ce, {
+        o("h3", Ya, A(e.emptyState.title), 1),
+        o("p", Ja, A(e.emptyState.description), 1),
+        e.emptyState.actionText && e.emptyState.actionUrl ? (a(), L(Ce, {
           key: 0,
           href: e.emptyState.actionUrl,
           variant: "primary"
         }, {
-          default: z(() => [
-            ue(V(e.emptyState.actionText), 1)
+          default: O(() => [
+            ue(A(e.emptyState.actionText), 1)
           ]),
           _: 1
-        }, 8, ["href"])) : M("", !0)
+        }, 8, ["href"])) : D("", !0)
       ]))
     ], 2));
   }
 }, es = {
   install(e) {
-    for (const [s, t] of Object.entries(ut))
+    for (const [s, t] of Object.entries(ft))
       s !== "EnosVue" && e.component(s, t);
   }
 };
 export {
-  mt as ActionCard,
-  vt as ActionMessage,
-  At as ActionSection,
-  Dt as ApplicationLogo,
-  Et as AuthenticationCard,
-  Nt as Badge,
-  Gt as Banner,
+  vt as ActionCard,
+  xt as ActionMessage,
+  Lt as ActionSection,
+  jt as ApplicationLogo,
+  Nt as AuthenticationCard,
+  Ut as Badge,
+  Qt as Banner,
   fe as Button,
   je as Card,
   Me as CardTabs,
-  Yt as Checkbox,
+  Zt as Checkbox,
   Oe as CheckboxInput,
   Pe as CheckboxMultipleInput,
-  Dl as ConfirmationModal,
+  jl as ConfirmationModal,
   Fe as CustomSelect,
-  Ue as DateInput,
-  El as DialogModal,
+  Ke as DateInput,
+  Nl as DialogModal,
   we as Divider,
-  Nl as Dropdown,
-  Rl as DropdownLink,
+  Ul as Dropdown,
+  ql as DropdownLink,
   es as EnosVue,
-  Gl as FormSection,
-  Ke as ImageInput,
-  Ql as InputError,
+  Ql as FormSection,
+  Ue as ImageInput,
+  Jl as InputError,
   pe as InputGroup,
-  ea as InputLabel,
+  la as InputLabel,
   Ce as LinkButton,
   $e as Modal,
-  la as NavLink,
+  sa as NavLink,
   Re as NotationInput,
   He as RadioInput,
   qe as RadioMultipleInput,
-  sa as ResponsiveNavLink,
-  oa as SectionBorder,
+  ra as ResponsiveNavLink,
+  da as SectionBorder,
   Se as SectionTitle,
   Ne as SelectInput,
-  pa as SortControls,
+  ba as SortControls,
   Ma as TableList,
   Za as TableListForm,
   Ee as TextArea,