@enos5/enos-vue 1.0.3 → 1.0.5

package/dist/index.js

@@ -1,11 +1,11 @@
-import { ref as j, computed as g, watch as Q, openBlock as a, createElementBlock as i, createElementVNode as o, Fragment as q, renderList as P, normalizeClass as k, normalizeStyle as Te, toDisplayString as T, createBlock as B, createCommentVNode as D, renderSlot as w, createVNode as R, Transition as oe, withCtx as O, mergeProps as z, useSlots as fe, unref as I, withDirectives as Z, vShow as ie, watchEffect as Qe, onMounted as ee, useAttrs as ne, vModelCheckbox as Ye, nextTick as be, onBeforeUnmount as Je, Teleport as Ze, withModifiers as ve, onUnmounted as Ae, isRef as me, createTextVNode as ue, resolveDynamicComponent as Be, vModelText as et } from "vue";
+import { ref as j, computed as g, watch as Q, openBlock as s, createElementBlock as i, createElementVNode as r, Fragment as q, renderList as P, normalizeClass as k, normalizeStyle as Te, toDisplayString as T, createBlock as B, createCommentVNode as D, renderSlot as w, createVNode as R, Transition as re, withCtx as O, mergeProps as z, useSlots as fe, unref as I, withDirectives as Z, vShow as ie, watchEffect as Qe, onMounted as ee, useAttrs as ne, vModelCheckbox as Ye, nextTick as ye, onBeforeUnmount as Je, Teleport as Ze, withModifiers as ve, onUnmounted as Ae, isRef as be, createTextVNode as ue, resolveDynamicComponent as Be, vModelText as et } from "vue";
 import { usePage as tt, Link as ge } from "@inertiajs/vue3";
 import { useI18n as lt } from "vue-i18n";
-import { CheckCircleIcon as at, ExclamationTriangleIcon as Le, XMarkIcon as st, LockClosedIcon as nt, ChevronDownIcon as xe, PhotoIcon as rt, ExclamationCircleIcon as ot, ChevronUpIcon as Ie, MagnifyingGlassIcon as it, CheckIcon as dt, PencilSquareIcon as ut } from "@heroicons/vue/24/outline";
+import { CheckCircleIcon as st, ExclamationTriangleIcon as Le, XMarkIcon as at, LockClosedIcon as nt, ChevronDownIcon as xe, PhotoIcon as ot, ExclamationCircleIcon as rt, ChevronUpIcon as Ie, MagnifyingGlassIcon as it, CheckIcon as dt, PencilSquareIcon as ut } from "@heroicons/vue/24/outline";
 const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get ActionCard() {
-    return bt;
+    return yt;
   },
   get ActionMessage() {
     return ht;
@@ -65,7 +65,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return Hl;
   },
   get EnosVue() {
-    return Za;
+    return Zs;
   },
   get FormSection() {
     return Xl;
@@ -77,10 +77,10 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return Yl;
   },
   get InputGroup() {
-    return ye;
+    return pe;
   },
   get InputLabel() {
-    return ta;
+    return ts;
   },
   get LinkButton() {
     return Ce;
@@ -89,7 +89,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return $e;
   },
   get NavLink() {
-    return aa;
+    return ss;
   },
   get NotationInput() {
     return Ue;
@@ -101,10 +101,10 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return He;
   },
   get ResponsiveNavLink() {
-    return na;
+    return ns;
   },
   get SectionBorder() {
-    return ia;
+    return is;
   },
   get SectionTitle() {
     return Se;
@@ -113,13 +113,13 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return Fe;
   },
   get SortControls() {
-    return ma;
+    return bs;
   },
   get TableList() {
-    return Da;
+    return Ds;
   },
   get TableListForm() {
-    return Ja;
+    return Js;
   },
   get TextArea() {
     return ze;
@@ -133,13 +133,13 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), ft = { class: "border-b border-gray-200/80 bg-gray-50/80 p-2" }, gt = {
   role: "tablist",
   class: "flex rounded-lg bg-white shadow-sm ring-1 ring-gray-200/80 overflow-hidden"
-}, yt = ["aria-selected", "tabindex", "onClick", "onKeydown"], De = {
+}, pt = ["aria-selected", "tabindex", "onClick", "onKeydown"], De = {
   __name: "CardTabs",
   props: {
     tabs: {
       type: Array,
       default: () => [],
-      validator: (e) => e.every((s) => typeof s == "object" && s !== null && typeof s.value == "string" && s.value.length > 0 && typeof s.label == "string")
+      validator: (e) => e.every((a) => typeof a == "object" && a !== null && typeof a.value == "string" && a.value.length > 0 && typeof a.label == "string")
     },
     activeTab: {
       type: String,
@@ -150,17 +150,17 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "update:activeTab",
     "tab-click"
   ],
-  setup(e, { emit: s }) {
-    const t = e, l = s, r = j([]), u = g(() => t.tabs.map((h) => h.value)), d = g(() => u.value.includes(t.activeTab) ? t.activeTab : u.value[0] ?? "");
+  setup(e, { emit: a }) {
+    const t = e, l = a, o = j([]), u = g(() => t.tabs.map((h) => h.value)), d = g(() => u.value.includes(t.activeTab) ? t.activeTab : u.value[0] ?? "");
     Q(d, (h) => {
       h !== t.activeTab && l("update:activeTab", h);
     }, { immediate: !0 });
     const f = (h, v) => {
-      r.value[v] = h;
+      o.value[v] = h;
     }, $ = (h) => {
       !h || h === t.activeTab || (l("update:activeTab", h), l("tab-click", h));
-    }, b = (h) => {
-      r.value[h]?.focus();
+    }, y = (h) => {
+      o.value[h]?.focus();
     }, C = (h, v) => {
       if (t.tabs.length === 0)
         return;
@@ -183,14 +183,14 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         default:
           return;
       }
-      h.preventDefault(), $(t.tabs[S].value), b(S);
+      h.preventDefault(), $(t.tabs[S].value), y(S);
     };
-    return (h, v) => (a(), i("div", ft, [
-      o("div", gt, [
-        (a(!0), i(q, null, P(e.tabs, (S, p) => (a(), i("button", {
+    return (h, v) => (s(), i("div", ft, [
+      r("div", gt, [
+        (s(!0), i(q, null, P(e.tabs, (S, m) => (s(), i("button", {
           key: S.value,
           ref_for: !0,
-          ref: (M) => f(M, p),
+          ref: (M) => f(M, m),
           type: "button",
           style: Te({ width: `${100 / e.tabs.length}%` }),
           role: "tab",
@@ -200,21 +200,21 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             "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 === S.value ? "bg-blue-50 text-blue-700 shadow-[inset_0_-2px_0_0_rgb(37_99_235)]" : "text-gray-700 hover:bg-gray-50",
             {
-              "border-r border-gray-200/80": p !== e.tabs.length - 1
+              "border-r border-gray-200/80": m !== e.tabs.length - 1
             }
           ]),
           onClick: (M) => $(S.value),
-          onKeydown: (M) => C(M, p)
-        }, T(S.label), 47, yt))), 128))
+          onKeydown: (M) => C(M, m)
+        }, T(S.label), 47, pt))), 128))
       ])
     ]));
   }
-}, pt = {
+}, mt = {
   key: 0,
   class: "mb-4"
-}, mt = {
+}, bt = {
   key: 1,
-  class: "text-lg font-semibold text-gray-900 mb-4"
+  class: "mb-4 text-xl font-semibold tracking-tight text-slate-900"
 }, Me = {
   __name: "Card",
   props: {
@@ -245,7 +245,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     tabs: {
       type: Array,
       default: () => [],
-      validator: (e) => e.every((s) => typeof s == "object" && s !== null && typeof s.value == "string" && s.value.length > 0 && typeof s.label == "string")
+      validator: (e) => e.every((a) => typeof a == "object" && a !== null && typeof a.value == "string" && a.value.length > 0 && typeof a.label == "string")
     },
     activeTab: {
       type: String,
@@ -257,29 +257,29 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "tab-click"
   ],
   setup(e) {
-    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: k(["bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)]", e.overflowClass, { "sticky top-6 self-start": e.sticky }, e.cardClass])
+    const a = e, t = j(""), l = j("right"), o = g(() => a.tabs.findIndex((u) => u.value === a.activeTab));
+    return g(() => a.tabs.findIndex((u) => u.value === t.value)), Q(o, (u, d) => {
+      d !== void 0 && d !== -1 && u !== -1 && u !== d && (l.value = u > d ? "right" : "left", t.value = a.activeTab);
+    }), (u, d) => (s(), i("div", {
+      class: k(["bg-white/90 backdrop-blur-sm border border-slate-200/70 rounded-2xl shadow-[0_12px_30px_rgba(15,23,42,0.06)]", e.overflowClass, { "sticky top-6 self-start": e.sticky }, e.cardClass])
     }, [
-      e.tabs.length > 0 ? (a(), B(De, {
+      e.tabs.length > 0 ? (s(), B(De, {
         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"])) : D("", !0),
-      o("div", {
+      r("div", {
         class: k(e.paddingClass)
       }, [
-        u.$slots.customTitle ? (a(), i("div", pt, [
+        u.$slots.customTitle ? (s(), i("div", mt, [
           w(u.$slots, "customTitle")
-        ])) : e.title ? (a(), i("h3", mt, T(e.title), 1)) : D("", !0),
-        o("div", {
+        ])) : e.title ? (s(), i("h3", bt, T(e.title), 1)) : D("", !0),
+        r("div", {
           class: k(["relative", e.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
         }, [
-          R(oe, {
+          R(re, {
             "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",
@@ -289,7 +289,7 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             mode: "out-in"
           }, {
             default: O(() => [
-              (a(), i("div", {
+              (s(), i("div", {
                 key: e.activeTab,
                 class: k([e.tabs.length > 0 ? "p-2" : "", e.contentClass])
               }, [
@@ -307,11 +307,11 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, {
   __name: "Divider",
   setup(e) {
-    return (s, t) => (a(), i("div", z({ class: "border-t border-gray-200" }, s.$attrs), [
-      w(s.$slots, "default")
+    return (a, t) => (s(), i("div", z({ class: "border-t border-gray-200" }, a.$attrs), [
+      w(a.$slots, "default")
     ], 16));
   }
-}), bt = {
+}), yt = {
   __name: "ActionCard",
   props: {
     title: {
@@ -324,14 +324,14 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e) {
-    const s = fe();
-    return (t, l) => (a(), B(Me, {
+    const a = fe();
+    return (t, l) => (s(), B(Me, {
       title: e.title,
       "content-class": e.actionsClass
     }, {
       default: O(() => [
         w(t.$slots, "default"),
-        I(s).danger ? (a(), B(we, {
+        I(a).danger ? (s(), B(we, {
           key: 0,
           class: "mt-6 pt-4"
         }, {
@@ -350,15 +350,15 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     on: Boolean
   },
   setup(e) {
-    return (s, t) => (a(), i("div", null, [
-      R(oe, {
+    return (a, t) => (s(), i("div", null, [
+      R(re, {
         "leave-active-class": "transition ease-in duration-1000",
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
         default: O(() => [
-          Z(o("div", vt, [
-            w(s.$slots, "default")
+          Z(r("div", vt, [
+            w(a.$slots, "default")
           ], 512), [
             [ie, e.on]
           ])
@@ -367,23 +367,23 @@ const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       })
     ]));
   }
-}, ke = (e, s) => {
+}, ke = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [l, r] of s)
-    t[l] = r;
+  for (const [l, o] of a)
+    t[l] = o;
   return t;
-}, xt = {}, wt = { class: "md:col-span-1 flex justify-between" }, kt = { class: "px-4 sm:px-0" }, St = { class: "text-lg font-medium text-gray-900" }, $t = { class: "mt-1 text-sm text-gray-600" }, Ct = { class: "px-4 sm:px-0" };
-function Vt(e, s) {
-  return a(), i("div", wt, [
-    o("div", kt, [
-      o("h3", St, [
+}, xt = {}, wt = { class: "md:col-span-1 flex justify-between" }, kt = { class: "px-4 sm:px-0" }, St = { class: "text-xl font-semibold tracking-tight text-slate-900" }, $t = { class: "mt-1 max-w-2xl text-sm text-slate-600" }, Ct = { class: "px-4 sm:px-0" };
+function Vt(e, a) {
+  return s(), i("div", wt, [
+    r("div", kt, [
+      r("h3", St, [
         w(e.$slots, "title")
       ]),
-      o("p", $t, [
+      r("p", $t, [
         w(e.$slots, "description")
       ])
     ]),
-    o("div", Ct, [
+    r("div", Ct, [
       w(e.$slots, "aside")
     ])
   ]);
@@ -391,19 +391,19 @@ function Vt(e, s) {
 const Se = /* @__PURE__ */ ke(xt, [["render", Vt]]), _t = { class: "md:grid md:grid-cols-3 md:gap-6" }, Tt = { class: "mt-5 md:mt-0 md:col-span-2" }, At = { class: "px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg" }, Bt = {
   __name: "ActionSection",
   setup(e) {
-    return (s, t) => (a(), i("div", _t, [
+    return (a, t) => (s(), i("div", _t, [
       R(Se, null, {
         title: O(() => [
-          w(s.$slots, "title")
+          w(a.$slots, "title")
         ]),
         description: O(() => [
-          w(s.$slots, "description")
+          w(a.$slots, "description")
         ]),
         _: 3
       }),
-      o("div", Tt, [
-        o("div", At, [
-          w(s.$slots, "content")
+      r("div", Tt, [
+        r("div", At, [
+          w(a.$slots, "content")
         ])
       ])
     ]));
@@ -413,29 +413,29 @@ const Se = /* @__PURE__ */ ke(xt, [["render", Vt]]), _t = { class: "md:grid md:g
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Dt(e, s) {
-  return a(), i("svg", It, [...s[0] || (s[0] = [
-    o("path", {
+function Dt(e, a) {
+  return s(), i("svg", It, [...a[0] || (a[0] = [
+    r("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"
     }, null, -1),
-    o("path", {
+    r("path", {
       d: "M11.395 44.428C4.557 40.198 0 32.632 0 24 0 10.745 10.745 0 24 0a23.891 23.891 0 0113.997 4.502c-.2 17.907-11.097 33.245-26.602 39.926z",
       fill: "#6875F5"
     }, null, -1),
-    o("path", {
+    r("path", {
       d: "M14.134 45.885A23.914 23.914 0 0024 48c13.255 0 24-10.745 24-24 0-3.516-.756-6.856-2.115-9.866-4.659 15.143-16.608 27.092-31.75 31.751z",
       fill: "#6875F5"
     }, null, -1)
   ])]);
 }
 const Mt = /* @__PURE__ */ ke(Lt, [["render", Dt]]), jt = {}, Ot = { class: "min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100" }, zt = { class: "w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden rounded-lg" };
-function Et(e, s) {
-  return a(), i("div", Ot, [
-    o("div", null, [
+function Et(e, a) {
+  return s(), i("div", Ot, [
+    r("div", null, [
       w(e.$slots, "logo")
     ]),
-    o("div", zt, [
+    r("div", zt, [
       w(e.$slots, "default")
     ])
   ]);
@@ -474,15 +474,15 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   setup(e) {
-    const s = {
-      default: { bg: "bg-gray-100", text: "text-gray-800", dot: "bg-gray-600" },
-      primary: { bg: "bg-blue-100", text: "text-blue-800", dot: "bg-blue-600" },
-      secondary: { bg: "bg-purple-100", text: "text-purple-800", dot: "bg-purple-600" },
-      success: { bg: "bg-green-100", text: "text-green-800", dot: "bg-green-600" },
-      warning: { bg: "bg-amber-100", text: "text-amber-800", dot: "bg-amber-600" },
-      danger: { bg: "bg-red-100", text: "text-red-800", dot: "bg-red-600" },
-      info: { bg: "bg-cyan-100", text: "text-cyan-800", dot: "bg-cyan-600" },
-      gray: { bg: "bg-gray-100", text: "text-gray-600", dot: "bg-gray-600" }
+    const a = {
+      default: { bg: "bg-slate-100", text: "text-slate-700", dot: "bg-slate-600" },
+      primary: { bg: "bg-blue-100", text: "text-blue-700", dot: "bg-blue-600" },
+      secondary: { bg: "bg-slate-100", text: "text-slate-700", dot: "bg-slate-600" },
+      success: { bg: "bg-emerald-100", text: "text-emerald-700", dot: "bg-emerald-600" },
+      warning: { bg: "bg-amber-100", text: "text-amber-700", dot: "bg-amber-600" },
+      danger: { bg: "bg-rose-100", text: "text-rose-700", dot: "bg-rose-600" },
+      info: { bg: "bg-cyan-100", text: "text-cyan-700", dot: "bg-cyan-600" },
+      gray: { bg: "bg-slate-100", text: "text-slate-600", dot: "bg-slate-600" }
     }, t = {
       xs: "px-1.5 py-0.5 text-xs",
       sm: "px-2 py-0.5 text-xs",
@@ -495,26 +495,26 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       lg: "rounded-lg",
       full: "rounded-full"
     };
-    return (r, u) => e.type === "dot" ? (a(), i("span", {
+    return (o, u) => e.type === "dot" ? (s(), i("span", {
       key: 0,
-      class: k(["inline-flex items-center justify-center w-6 h-6 rounded-full", s[e.color].bg])
+      class: k(["inline-flex items-center justify-center w-6 h-6 rounded-full", a[e.color].bg])
     }, [
-      o("span", {
-        class: k(["w-2 h-2 rounded-full", s[e.color].dot])
+      r("span", {
+        class: k(["w-2 h-2 rounded-full", a[e.color].dot])
       }, null, 2),
-      o("span", Nt, [
-        w(r.$slots, "default")
+      r("span", Nt, [
+        w(o.$slots, "default")
       ])
-    ], 2)) : (a(), i("span", {
+    ], 2)) : (s(), i("span", {
       key: 1,
       class: k(["inline-flex items-center font-medium", [
-        s[e.color].bg,
-        s[e.color].text,
+        a[e.color].bg,
+        a[e.color].text,
         t[e.size],
         l[e.rounded]
       ]])
     }, [
-      w(r.$slots, "default")
+      w(o.$slots, "default")
     ], 2));
   }
 }, Ut = {
@@ -523,13 +523,13 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
 }, Rt = { class: "flex items-center" }, Ht = { class: "flex-shrink-0" }, qt = { class: "ml-3 w-0 flex-1" }, Pt = { class: "text-sm font-medium text-white" }, Wt = { class: "ml-4 flex-shrink-0 flex" }, Gt = { class: "sr-only" }, Xt = {
   __name: "Banner",
   setup(e) {
-    const s = tt(), { t } = lt(), l = j(!1), r = j("success"), u = j(""), d = j(!1);
+    const a = tt(), { t } = lt(), l = j(!1), o = j("success"), u = j(""), d = j(!1);
     let f = null;
     const $ = () => {
       d.value = !1, setTimeout(() => {
         l.value = !1;
       }, 300);
-    }, b = () => {
+    }, y = () => {
       f && clearTimeout(f), l.value = !0, setTimeout(() => {
         d.value = !0;
       }, 50), f = setTimeout(() => {
@@ -537,49 +537,49 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       }, 5e3);
     };
     return Qe(async () => {
-      const C = s.props.jetstream.flash?.bannerStyle || "success", h = s.props.jetstream.flash?.banner || "";
-      h && (r.value = C, u.value = h, b());
+      const C = a.props.jetstream.flash?.bannerStyle || "success", h = a.props.jetstream.flash?.banner || "";
+      h && (o.value = C, u.value = h, y());
     }), ee(() => {
-      u.value && b();
-    }), (C, h) => l.value ? (a(), i("div", Ut, [
-      o("div", {
+      u.value && y();
+    }), (C, h) => l.value ? (s(), i("div", Ut, [
+      r("div", {
         class: k([
           "transform transition-all duration-300 ease-out shadow-lg rounded-lg p-4 min-w-[300px] max-w-md",
           d.value ? "translate-y-0 opacity-100" : "translate-y-full opacity-0",
-          r.value === "success" ? "bg-green-600" : "bg-red-600"
+          o.value === "success" ? "bg-green-600" : "bg-red-600"
         ])
       }, [
-        o("div", Rt, [
-          o("div", Ht, [
-            o("div", {
+        r("div", Rt, [
+          r("div", Ht, [
+            r("div", {
               class: k([
                 "flex p-2 rounded-full",
-                r.value === "success" ? "bg-green-700" : "bg-red-700"
+                o.value === "success" ? "bg-green-700" : "bg-red-700"
               ])
             }, [
-              r.value === "success" ? (a(), B(I(at), {
+              o.value === "success" ? (s(), B(I(st), {
                 key: 0,
                 class: "w-5 h-5 text-white"
               })) : D("", !0),
-              r.value === "danger" ? (a(), B(I(Le), {
+              o.value === "danger" ? (s(), B(I(Le), {
                 key: 1,
                 class: "w-5 h-5 text-white"
               })) : D("", !0)
             ], 2)
           ]),
-          o("div", qt, [
-            o("p", Pt, T(u.value), 1)
+          r("div", qt, [
+            r("p", Pt, T(u.value), 1)
           ]),
-          o("div", Wt, [
-            o("button", {
+          r("div", Wt, [
+            r("button", {
               type: "button",
               class: k(["inline-flex text-white hover:bg-white/20 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-green-600 focus:ring-white rounded-md p-1.5 transition-colors", [
-                r.value === "success" ? "hover:bg-green-700 focus:ring-offset-green-600" : "hover:bg-red-700 focus:ring-offset-red-600"
+                o.value === "success" ? "hover:bg-green-700 focus:ring-offset-green-600" : "hover:bg-red-700 focus:ring-offset-red-600"
               ]]),
               onClick: $
             }, [
-              o("span", Gt, T(I(t)("Dismiss")), 1),
-              R(I(st), { class: "w-5 h-5" })
+              r("span", Gt, T(I(t)("Dismiss")), 1),
+              R(I(at), { class: "w-5 h-5" })
             ], 2)
           ])
         ])
@@ -605,18 +605,18 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   setup(e) {
-    const s = ne(), 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"
-    }, 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[r.value],
-      s.class
+    const a = ne(), t = e, l = {
+      primary: "bg-gradient-to-r from-blue-500 to-blue-600 text-white shadow-[0_6px_14px_rgba(37,99,235,0.14)] hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_8px_18px_rgba(37,99,235,0.18)] focus:ring-blue-500 disabled:hover:from-blue-500 disabled:hover:to-blue-600",
+      secondary: "bg-gradient-to-r from-slate-700 to-slate-800 text-white shadow-[0_8px_18px_rgba(15,23,42,0.16)] hover:from-slate-800 hover:to-slate-900 hover:shadow-[0_10px_22px_rgba(15,23,42,0.22)] focus:ring-slate-500 disabled:hover:from-slate-700 disabled:hover:to-slate-800",
+      tertiary: "border border-slate-300 bg-white text-slate-700 shadow-sm hover:bg-slate-50 hover:border-slate-400 hover:shadow focus:ring-slate-500 disabled:hover:bg-white",
+      warning: "border border-amber-300 bg-amber-50 text-amber-800 shadow-sm hover:bg-amber-100 focus:ring-amber-500 disabled:hover:bg-amber-50",
+      danger: "border border-rose-300 bg-rose-50 text-rose-700 shadow-sm hover:bg-rose-100 focus:ring-rose-500 disabled:hover:bg-rose-50"
+    }, o = g(() => l[t.variant] ? t.variant : "primary"), u = g(() => [
+      "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-semibold tracking-tight transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-50 disabled:cursor-not-allowed disabled:opacity-50",
+      l[o.value],
+      a.class
     ]);
-    return (d, f) => (a(), i("button", z(I(s), {
+    return (d, f) => (s(), i("button", z(I(a), {
       type: e.type,
       disabled: e.disabled,
       class: u.value
@@ -637,8 +637,8 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:checked"],
-  setup(e, { emit: s }) {
-    const t = s, l = e, r = g({
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = g({
       get() {
         return l.checked;
       },
@@ -646,13 +646,13 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         t("update:checked", u);
       }
     });
-    return (u, d) => Z((a(), i("input", {
-      "onUpdate:modelValue": d[0] || (d[0] = (f) => r.value = f),
+    return (u, d) => Z((s(), i("input", {
+      "onUpdate:modelValue": d[0] || (d[0] = (f) => o.value = f),
       type: "checkbox",
       value: e.value,
       class: "rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
     }, null, 8, Yt)), [
-      [Ye, r.value]
+      [Ye, o.value]
     ]);
   }
 }, Zt = ["checked", "disabled"], je = {
@@ -680,43 +680,43 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    const t = s, l = e, r = g(() => l.modelValue === l.value), u = j(!1), d = () => {
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = g(() => l.modelValue === l.value), u = j(!1), d = () => {
       u.value = !0;
     }, f = () => {
       u.value = !1;
-    }, $ = (b) => {
-      t("update:modelValue", b.target.checked ? l.value : l.uncheckedValue);
+    }, $ = (y) => {
+      t("update:modelValue", y.target.checked ? l.value : l.uncheckedValue);
     };
-    return (b, C) => (a(), i("label", {
+    return (y, C) => (s(), i("label", {
       class: k(["inline-flex items-center gap-2 rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
-        r.value ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
+        o.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" : ""
       ]])
     }, [
-      o("input", {
+      r("input", {
         type: "checkbox",
         class: "sr-only",
-        checked: r.value,
+        checked: o.value,
         disabled: e.disabled,
         onChange: $,
         onFocus: d,
         onBlur: f
       }, null, 40, Zt),
-      o("span", {
+      r("span", {
         class: k(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
-          r.value ? "border-current bg-white/15 text-current" : "border-current/70 text-transparent",
+          o.value ? "border-current bg-white/15 text-current" : "border-current/70 text-transparent",
           "rounded"
         ]])
       }, " ✓ ", 2),
-      o("span", null, T(e.label), 1)
+      r("span", null, T(e.label), 1)
     ], 2));
   }
 }, el = { class: "relative flex items-center" }, tl = {
   key: 0,
-  class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
-}, ll = ["type", "value", "disabled"], al = ["aria-label"], sl = {
+  class: "absolute inset-y-0 left-0 flex items-center pointer-events-none pl-3"
+}, ll = ["type", "value", "disabled"], sl = ["aria-label"], al = {
   key: 0,
   class: "h-5 w-5",
   fill: "none",
@@ -728,7 +728,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, rl = 254, Oe = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ol = 254, Oe = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "TextInput",
   props: {
     modelValue: {
@@ -741,19 +741,19 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     },
     disabledClass: {
       type: String,
-      default: "!bg-gray-200"
+      default: "!bg-slate-100"
     }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { expose: s, emit: t }) {
-    const l = e, r = t, u = ne(), d = j(null), f = j(!1), $ = g(() => String(u.type ?? "text")), b = g(() => $.value === "password"), C = g(() => b.value && f.value ? "text" : $.value), h = g(() => l.modelValue ?? ""), v = g(() => {
+  setup(e, { expose: a, emit: t }) {
+    const l = e, o = t, u = ne(), d = j(null), f = j(!1), $ = g(() => String(u.type ?? "text")), y = g(() => $.value === "password"), C = g(() => y.value && f.value ? "text" : $.value), h = g(() => l.modelValue ?? ""), v = g(() => {
       const { class: L, type: E, ...F } = u;
-      return F.maxlength === void 0 && (F.maxlength = rl), F;
+      return F.maxlength === void 0 && (F.maxlength = ol), F;
     }), S = g(() => [
-      "w-full min-w-0 max-w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
+      "w-full min-w-0 max-w-full rounded-lg border border-slate-300 bg-white text-slate-900 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 placeholder:text-slate-400",
       u.class,
-      b.value ? "pr-10 pl-10" : ""
-    ]), p = () => {
+      y.value ? "pr-10 pl-10" : ""
+    ]), m = () => {
       f.value = !f.value;
     }, M = (L) => {
       if (C.value !== "number")
@@ -764,11 +764,11 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     };
     return ee(() => {
       d.value?.hasAttribute("autofocus") && d.value.focus();
-    }), s({ focus: () => d.value?.focus() }), (L, E) => (a(), i("div", el, [
-      b.value ? (a(), i("div", tl, [
-        R(I(nt), { class: "h-5 w-5 text-gray-400" })
+    }), a({ focus: () => d.value?.focus() }), (L, E) => (s(), i("div", el, [
+      y.value ? (s(), i("div", tl, [
+        R(I(nt), { class: "h-5 w-5 text-slate-400" })
       ])) : D("", !0),
-      o("input", z({
+      r("input", z({
         ref_key: "input",
         ref: d
       }, v.value, {
@@ -776,42 +776,42 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         class: [S.value, l.disabled ? l.disabledClass : null],
         value: h.value,
         disabled: l.disabled,
-        onInput: E[0] || (E[0] = (F) => r("update:modelValue", F.target.value)),
-        onBlur: E[1] || (E[1] = (F) => r("blur", F)),
+        onInput: E[0] || (E[0] = (F) => o("update:modelValue", F.target.value)),
+        onBlur: E[1] || (E[1] = (F) => o("blur", F)),
         onWheel: M
       }), null, 16, ll),
-      b.value ? (a(), i("button", {
+      y.value ? (s(), i("button", {
         key: 1,
         type: "button",
-        class: "absolute inset-y-0 right-0 flex items-center pr-3 text-gray-400 hover:text-gray-600 focus:outline-none",
+        class: "absolute inset-y-0 right-0 flex items-center pr-3 text-slate-400 hover:text-slate-600 focus:outline-none",
         "aria-label": f.value ? "Hide password" : "Show password",
-        onClick: p
+        onClick: m
       }, [
-        f.value ? (a(), i("svg", sl, [...E[2] || (E[2] = [
-          o("path", {
+        f.value ? (s(), i("svg", al, [...E[2] || (E[2] = [
+          r("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", nl, [...E[3] || (E[3] = [
-          o("path", {
+        ])])) : (s(), i("svg", nl, [...E[3] || (E[3] = [
+          r("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
           }, null, -1),
-          o("path", {
+          r("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             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, al)) : D("", !0)
+      ], 8, sl)) : D("", !0)
     ]));
   }
-}), ol = ["value", "disabled"], il = 1e3, ze = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), rl = ["value", "disabled"], il = 1e3, ze = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "TextArea",
   props: {
     modelValue: String,
@@ -829,29 +829,29 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: s, emit: t }) {
-    const l = e, r = t, u = ne(), d = j(null), f = g(() => {
+  setup(e, { expose: a, emit: t }) {
+    const l = e, o = t, u = ne(), d = j(null), f = g(() => {
       const { class: h, ...v } = u;
       return v.maxlength === void 0 && (v.maxlength = il), v;
     }), $ = g(() => [
       "w-full min-w-0 max-w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
       l.autoResize ? "resize-none overflow-y-auto" : "resize-y",
       u.class
-    ]), b = () => {
+    ]), y = () => {
       !l.autoResize || !d.value || (d.value.style.height = "auto", d.value.style.height = `${d.value.scrollHeight}px`);
     }, C = (h) => {
-      r("update:modelValue", h.target.value), b();
+      o("update:modelValue", h.target.value), y();
     };
     return ee(() => {
-      d.value?.hasAttribute("autofocus") && d.value.focus(), be(() => {
-        b();
+      d.value?.hasAttribute("autofocus") && d.value.focus(), ye(() => {
+        y();
       });
     }), Q(() => l.modelValue, () => {
-      be(() => {
-        b();
+      ye(() => {
+        y();
       });
-    }), s({ focus: () => d.value?.focus() }), (h, v) => (a(), i("div", null, [
-      o("textarea", z({
+    }), a({ focus: () => d.value?.focus() }), (h, v) => (s(), i("div", null, [
+      r("textarea", z({
         ref_key: "textarea",
         ref: d
       }, f.value, {
@@ -859,7 +859,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         value: l.modelValue,
         disabled: l.disabled,
         onInput: C
-      }), null, 16, ol)
+      }), null, 16, rl)
     ]));
   }
 }), dl = ["onClick"], Ee = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -947,8 +947,8 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    const t = e, l = s, r = ne(), u = j(!1), d = j(null), f = j(null), $ = j(null), b = j({}), C = (x) => typeof x == "object" && x !== null, h = (x) => C(x) ? x[t.valueKey] : x, v = (x) => t.optionLabel ? t.optionLabel(x) : C(x) ? x[t.labelKey] ?? x[t.valueKey] ?? "" : x, S = (x) => !t.softDeleteAware || !C(x) ? !1 : !!x[t.deletedKey], p = g(() => String(t.modelValue ?? "")), M = g(() => !t.softDeleteAware || p.value === "" ? null : t.options.find((x) => S(x) && String(h(x) ?? "") === p.value) ?? null), L = g(() => t.softDeleteAware ? t.options.filter((x) => !S(x)) : t.options), E = g(() => {
+  setup(e, { emit: a }) {
+    const t = e, l = a, o = ne(), u = j(!1), d = j(null), f = j(null), $ = j(null), y = j({}), C = (x) => typeof x == "object" && x !== null, h = (x) => C(x) ? x[t.valueKey] : x, v = (x) => t.optionLabel ? t.optionLabel(x) : C(x) ? x[t.labelKey] ?? x[t.valueKey] ?? "" : x, S = (x) => !t.softDeleteAware || !C(x) ? !1 : !!x[t.deletedKey], m = g(() => String(t.modelValue ?? "")), M = g(() => !t.softDeleteAware || m.value === "" ? null : t.options.find((x) => S(x) && String(h(x) ?? "") === m.value) ?? null), L = g(() => t.softDeleteAware ? t.options.filter((x) => !S(x)) : t.options), E = g(() => {
       if (t.modelValue === null || t.modelValue === void 0 || t.modelValue === "" && !t.options.some((N) => h(N) === ""))
         return t.placeholder;
       const x = t.options.find((N) => {
@@ -956,7 +956,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         return K === t.modelValue || String(K) === String(t.modelValue);
       });
       return x ? v(x) : t.modelValue;
-    }), F = (x) => t.modelModifiers.number ? x === "" ? "" : Number(x) : x, re = () => {
+    }), F = (x) => t.modelModifiers.number ? x === "" ? "" : Number(x) : x, oe = () => {
       t.disabled || (u.value = !u.value);
     }, Y = (x) => {
       const N = h(x);
@@ -966,12 +966,12 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }, G = () => {
       if (!f.value)
         return;
-      const x = f.value.getBoundingClientRect(), N = window.innerWidth, K = window.innerHeight, X = K - x.bottom - 8, te = x.top - 8, le = X < 240 && te > X, ae = Math.min(x.width, Math.max(N - x.left - 16, 160)), se = Math.max(Math.min(240, le ? te : X), 120);
-      b.value = {
+      const x = f.value.getBoundingClientRect(), N = window.innerWidth, K = window.innerHeight, X = K - x.bottom - 8, te = x.top - 8, le = X < 240 && te > X, se = Math.min(x.width, Math.max(N - x.left - 16, 160)), ae = Math.max(Math.min(240, le ? te : X), 120);
+      y.value = {
         position: "fixed",
         left: `${Math.max(x.left, 8)}px`,
-        width: `${ae}px`,
-        maxHeight: `${se}px`,
+        width: `${se}px`,
+        maxHeight: `${ae}px`,
         zIndex: "9999",
         ...le ? { bottom: `${K - x.top + 1}px` } : { top: `${x.bottom - 1}px` }
       };
@@ -984,31 +984,31 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }), Je(() => {
       document.removeEventListener("click", J), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
     }), Q(u, async (x) => {
-      x && (await be(), G());
-    }), (x, N) => (a(), i("div", {
+      x && (await ye(), G());
+    }), (x, N) => (s(), i("div", {
       ref_key: "rootRef",
       ref: d,
       class: "relative",
-      onClick: re
+      onClick: oe
     }, [
-      o("div", z({
+      r("div", z({
         ref_key: "triggerRef",
         ref: f,
         class: [
           e.baseClass,
           M.value ? e.deletedSelectedClass : e.normalTextClass,
           "flex items-center justify-between cursor-pointer",
-          I(r).class
+          I(o).class
         ]
-      }, I(r), { tabindex: "0" }), [
-        o("span", {
+      }, I(o), { tabindex: "0" }), [
+        r("span", {
           class: k({ "text-gray-400": !e.modelValue && e.placeholder })
         }, T(E.value), 3),
         R(I(xe), {
           class: k(["size-5 text-gray-400 transition-transform", { "rotate-180": u.value }])
         }, null, 8, ["class"])
       ], 16),
-      R(oe, {
+      R(re, {
         "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",
@@ -1017,15 +1017,15 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         "leave-to-class": "opacity-0 transform scale-95 -translate-y-2"
       }, {
         default: O(() => [
-          (a(), B(Ze, { to: "body" }, [
-            u.value ? (a(), i("div", {
+          (s(), B(Ze, { to: "body" }, [
+            u.value ? (s(), i("div", {
               key: 0,
               ref_key: "dropdownMenuRef",
               ref: $,
               class: k(e.dropdownClass),
-              style: Te(b.value)
+              style: Te(y.value)
             }, [
-              e.placeholder ? (a(), i("div", {
+              e.placeholder ? (s(), i("div", {
                 key: 0,
                 class: k([
                   e.dropdownOptionClass,
@@ -1034,7 +1034,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                 ]),
                 onClick: ve(W, ["stop"])
               }, T(e.placeholder), 3)) : D("", !0),
-              M.value ? (a(), i("div", {
+              M.value ? (s(), i("div", {
                 key: 1,
                 class: k([
                   e.dropdownOptionClass,
@@ -1042,7 +1042,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                   e.dropdownSelectedClass
                 ])
               }, T(v(M.value)), 3)) : D("", !0),
-              (a(!0), i(q, null, P(L.value, (K) => (a(), i("div", {
+              (s(!0), i(q, null, P(L.value, (K) => (s(), i("div", {
                 key: String(h(K)),
                 class: k([
                   e.dropdownOptionClass,
@@ -1111,11 +1111,11 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     },
     baseClass: {
       type: [String, Array, Object],
-      default: "block w-full rounded-md border border-gray-300 bg-white px-4 py-3 text-sm focus:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+      default: "block w-full rounded-lg border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
     },
     normalTextClass: {
       type: [String, Array, Object],
-      default: "text-gray-900"
+      default: "text-slate-900"
     },
     deletedSelectedClass: {
       type: [String, Array, Object],
@@ -1123,33 +1123,33 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     },
     optionClass: {
       type: [String, Array, Object],
-      default: "text-[#111827]"
+      default: "text-slate-900"
     },
     deletedOptionClass: {
       type: [String, Array, Object],
-      default: "text-[#dc2626]"
+      default: "text-rose-700"
     },
     placeholderClass: {
       type: [String, Array, Object],
-      default: "text-[#111827]"
+      default: "text-slate-500"
     },
     dropdownClass: {
       type: [String, Array, Object],
-      default: "bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-auto z-50"
+      default: "bg-white/95 border border-slate-200 rounded-xl shadow-xl max-h-60 overflow-auto z-50 backdrop-blur-sm"
     },
     dropdownOptionClass: {
       type: [String, Array, Object],
-      default: "px-4 py-3 hover:bg-gray-100 cursor-pointer transition-colors"
+      default: "px-4 py-3 hover:bg-slate-100 cursor-pointer transition-colors"
     },
     dropdownSelectedClass: {
       type: [String, Array, Object],
-      default: "bg-indigo-50 text-indigo-600 font-medium"
+      default: "bg-blue-50 text-blue-700 font-medium"
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    const t = s;
-    return (l, r) => (a(), B(Ee, z({
+  setup(e, { emit: a }) {
+    const t = a;
+    return (l, o) => (s(), B(Ee, z({
       "model-value": e.modelValue,
       "model-modifiers": e.modelModifiers,
       options: e.options,
@@ -1170,7 +1170,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       "dropdown-class": e.dropdownClass,
       "dropdown-option-class": e.dropdownOptionClass,
       "dropdown-selected-class": e.dropdownSelectedClass,
-      "onUpdate:modelValue": r[0] || (r[0] = (u) => t("update:modelValue", u))
+      "onUpdate:modelValue": o[0] || (o[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"]));
   }
 }, ul = ["type", "max", "value", "disabled"], Ne = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -1194,31 +1194,31 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: s, emit: t }) {
-    const l = e, r = t, u = ne(), d = j(null), f = g(() => l.withTimestamp ? "datetime-local" : "date"), $ = g(() => l.modelValue ?? ""), b = g(() => {
-      const p = l.withTimestamp ? "9999-12-31T23:59" : "9999-12-31", M = u.max;
-      return typeof M != "string" || M === "" || M > p ? p : M;
+  setup(e, { expose: a, emit: t }) {
+    const l = e, o = t, u = ne(), d = j(null), f = g(() => l.withTimestamp ? "datetime-local" : "date"), $ = g(() => l.modelValue ?? ""), y = g(() => {
+      const m = l.withTimestamp ? "9999-12-31T23:59" : "9999-12-31", M = u.max;
+      return typeof M != "string" || M === "" || M > m ? m : M;
     }), C = g(() => {
-      const { class: p, type: M, ...L } = u;
+      const { class: m, type: M, ...L } = u;
       return L;
     }), h = g(() => [
       "w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
       u.class
-    ]), v = (p) => typeof p != "string" ? "" : p.replace(/^(\d{4})\d+/, "$1"), S = (p) => {
-      const M = p.target;
+    ]), v = (m) => typeof m != "string" ? "" : m.replace(/^(\d{4})\d+/, "$1"), S = (m) => {
+      const M = m.target;
       if (!M)
         return;
       const L = String(M.value ?? ""), E = v(L);
-      E !== L && (M.value = E), r("update:modelValue", E);
+      E !== L && (M.value = E), o("update:modelValue", E);
     };
     return ee(() => {
       d.value?.hasAttribute("autofocus") && d.value.focus();
-    }), s({ focus: () => d.value?.focus() }), (p, M) => (a(), i("input", z({
+    }), a({ focus: () => d.value?.focus() }), (m, M) => (s(), i("input", z({
       ref_key: "input",
       ref: d
     }, C.value, {
       type: f.value,
-      max: b.value,
+      max: y.value,
       class: [h.value, l.disabled ? l.disabledClass : null],
       value: $.value,
       disabled: l.disabled,
@@ -1226,10 +1226,10 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       onChange: S
     }), null, 16, ul));
   }
-}), cl = { class: "relative" }, fl = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, gl = ["accept"], yl = {
+}), cl = { class: "relative" }, fl = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, gl = ["accept"], pl = {
   key: 0,
   class: "mt-4 p-4 bg-gray-50 rounded-lg border border-gray-200"
-}, pl = { class: "flex items-center space-x-4" }, ml = ["src"], bl = { class: "text-sm font-medium text-gray-900" }, vl = { class: "text-xs text-gray-500" }, Ke = {
+}, ml = { class: "flex items-center space-x-4" }, bl = ["src"], yl = { class: "text-sm font-medium text-gray-900" }, vl = { class: "text-xs text-gray-500" }, Ke = {
   __name: "ImageInput",
   props: {
     currentImageUrl: {
@@ -1254,33 +1254,33 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    const t = s, l = e, r = (u) => {
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = (u) => {
       const d = u.target.files?.[0] ?? null;
       t("update:modelValue", d);
     };
-    return (u, d) => (a(), i("div", null, [
-      o("div", cl, [
-        o("div", fl, [
-          R(I(rt), { class: "size-5 text-gray-400" })
+    return (u, d) => (s(), i("div", null, [
+      r("div", cl, [
+        r("div", fl, [
+          R(I(ot), { class: "size-5 text-gray-400" })
         ]),
-        o("input", z(e.attrs, {
+        r("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: r
+          onChange: o
         }), null, 16, gl)
       ]),
-      l.currentImageUrl ? (a(), i("div", yl, [
-        o("div", pl, [
-          o("img", {
+      l.currentImageUrl ? (s(), i("div", pl, [
+        r("div", ml, [
+          r("img", {
             src: l.currentImageUrl,
             alt: "Current logo",
             class: "h-16 w-auto max-w-24 object-contain rounded-lg shadow-sm"
-          }, null, 8, ml),
-          o("div", null, [
-            o("p", bl, T(l.currentLabel), 1),
-            o("p", vl, T(l.currentSubtext), 1)
+          }, null, 8, bl),
+          r("div", null, [
+            r("p", yl, T(l.currentLabel), 1),
+            r("p", vl, T(l.currentSubtext), 1)
           ])
         ])
       ])) : D("", !0)
@@ -1303,21 +1303,21 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    const t = s, l = e, r = g(() => l.options.map((f) => f == null ? "" : String(f).trim()).filter((f) => f !== "")), u = (f) => String(f) === String(l.modelValue ?? ""), d = (f) => t("update:modelValue", f);
-    return (f, $) => (a(), i("div", hl, [
-      (a(!0), i(q, null, P(r.value, (b, C) => (a(), i("button", {
-        key: `notation-${C}-${b}`,
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = 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, $) => (s(), i("div", hl, [
+      (s(!0), i(q, null, P(o.value, (y, C) => (s(), i("button", {
+        key: `notation-${C}-${y}`,
         type: "button",
         class: k(["flex-1 border-l border-gray-300 px-2 text-center font-semibold transition-colors duration-150 first:border-l-0", [
           C === 0 ? "rounded-l-lg" : "",
-          C === r.value.length - 1 ? "rounded-r-lg" : "",
-          u(b) ? "bg-indigo-600 text-white" : "bg-white text-gray-700 hover:bg-gray-50",
+          C === o.value.length - 1 ? "rounded-r-lg" : "",
+          u(y) ? "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)
-      }, T(b), 11, xl))), 128))
+        onClick: (h) => d(y)
+      }, T(y), 11, xl))), 128))
     ]));
   }
 }, wl = ["name", "value", "checked", "disabled"], Re = {
@@ -1345,31 +1345,31 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    const t = s, l = e, r = g(() => String(l.modelValue ?? "") === String(l.value)), u = j(!1), d = () => {
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = g(() => String(l.modelValue ?? "") === String(l.value)), u = j(!1), d = () => {
       u.value = !0;
     }, f = () => {
       u.value = !1;
     }, $ = () => t("update:modelValue", l.value);
-    return (b, C) => (a(), i("label", {
+    return (y, C) => (s(), i("label", {
       class: k(["inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
-        r.value ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
+        o.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" : ""
       ]])
     }, [
-      o("input", {
+      r("input", {
         type: "radio",
         class: "sr-only",
         name: e.name,
         value: e.value,
-        checked: r.value,
+        checked: o.value,
         disabled: e.disabled,
         onChange: $,
         onFocus: d,
         onBlur: f
       }, null, 40, wl),
-      o("span", null, T(r.value ? "✓" : "○") + " " + T(e.label), 1)
+      r("span", null, T(o.value ? "✓" : "○") + " " + T(e.label), 1)
     ], 2));
   }
 }, kl = { class: "flex flex-wrap gap-3" }, He = {
@@ -1393,10 +1393,10 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    const t = s, l = e, r = g(() => l.options.map((d) => d == null ? "" : String(d).trim()).filter((d) => d !== "")), u = (d) => t("update:modelValue", d);
-    return (d, f) => (a(), i("div", kl, [
-      (a(!0), i(q, null, P(r.value, ($) => (a(), B(ye, {
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = g(() => l.options.map((d) => d == null ? "" : String(d).trim()).filter((d) => d !== "")), u = (d) => t("update:modelValue", d);
+    return (d, f) => (s(), i("div", kl, [
+      (s(!0), i(q, null, P(o.value, ($) => (s(), B(pe, {
         key: `radio-${e.name ?? "group"}-${$}`,
         type: "radio-input",
         "model-value": l.modelValue,
@@ -1414,7 +1414,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
 }, Cl = {
   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", ye = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ce = "block w-full rounded-lg border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 placeholder:text-slate-400 shadow-sm transition-all duration-200 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20", pe = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "InputGroup",
   props: {
     type: {
@@ -1531,11 +1531,11 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue", "blur"],
-  setup(e, { emit: s }) {
-    const t = e, l = s, r = ne(), u = (U) => l("update:modelValue", U), d = g(() => !!t.errorMessage), f = g(() => S.value || p.value), $ = g(() => {
-      const U = r.id;
+  setup(e, { emit: a }) {
+    const t = e, l = a, o = ne(), u = (U) => l("update:modelValue", U), d = g(() => !!t.errorMessage), f = g(() => S.value || m.value), $ = g(() => {
+      const U = o.id;
       return typeof U == "string" && U !== "" ? U : void 0;
-    }), b = [
+    }), y = [
       "text",
       "email",
       "password",
@@ -1547,30 +1547,30 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       "month",
       "week",
       "color"
-    ], C = [], h = g(() => t.type === "image"), v = g(() => t.type === "notation"), S = g(() => t.type === "checkbox-input"), p = g(() => t.type === "radio-input"), M = g(() => t.type === "checkbox"), L = g(() => t.type === "radio"), E = g(() => t.type === "date" || t.type === "datetime-local"), F = g(() => t.type === "textarea"), re = g(() => t.type === "select"), Y = g(() => b.includes(t.type)), W = g(() => C.includes(t.type)), G = g(() => ({
-      ...r,
-      class: [ce, r.class],
+    ], C = [], h = g(() => t.type === "image"), v = g(() => t.type === "notation"), S = g(() => t.type === "checkbox-input"), m = g(() => t.type === "radio-input"), M = g(() => t.type === "checkbox"), L = g(() => t.type === "radio"), E = g(() => t.type === "date" || t.type === "datetime-local"), F = g(() => t.type === "textarea"), oe = g(() => t.type === "select"), Y = g(() => y.includes(t.type)), W = g(() => C.includes(t.type)), G = g(() => ({
+      ...o,
+      class: [ce, o.class],
       type: t.type,
       modelValue: t.modelValue,
       disabled: t.disabled,
       disabledClass: t.disabledClass
     })), J = g(() => ({
-      ...r,
-      class: [ce, r.class],
+      ...o,
+      class: [ce, o.class],
       modelValue: t.modelValue,
       disabled: t.disabled,
       disabledClass: t.disabledClass
     })), x = g(() => ({
-      ...r,
-      class: [ce, r.class],
+      ...o,
+      class: [ce, o.class],
       modelValue: t.modelValue,
       withTimestamp: t.type === "datetime-local" || t.withTimestamp,
       disabled: t.disabled,
       disabledClass: t.disabledClass
     })), N = g(() => {
       const U = {
-        ...r,
-        class: [ce, r.class],
+        ...o,
+        class: [ce, o.class],
         modelValue: t.modelValue,
         modelModifiers: t.modelModifiers,
         options: t.options,
@@ -1585,75 +1585,75 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       };
       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;
     }), K = g(() => ({
-      ...r,
+      ...o,
       modelValue: t.modelValue,
       options: t.options,
       disabled: t.disabled
     })), X = g(() => ({
-      ...r,
+      ...o,
       modelValue: t.modelValue,
       options: t.options,
       disabled: t.disabled
     })), te = g(() => ({
-      ...r,
+      ...o,
       modelValue: t.modelValue,
       options: t.options,
-      name: t.name ?? r.name,
+      name: t.name ?? o.name,
       disabled: t.disabled
     })), le = g(() => ({
-      ...r,
+      ...o,
       modelValue: t.modelValue,
-      label: t.label || r.label || "",
+      label: t.label || o.label || "",
       disabled: t.disabled
-    })), ae = g(() => ({
-      ...r,
+    })), se = g(() => ({
+      ...o,
       modelValue: t.modelValue,
-      label: t.label || r.label || "",
-      name: t.name ?? r.name,
+      label: t.label || o.label || "",
+      name: t.name ?? o.name,
       disabled: t.disabled
-    })), se = g(() => ({
-      ...r,
-      accept: t.accept ?? r.accept ?? "image/*",
+    })), ae = g(() => ({
+      ...o,
+      accept: t.accept ?? o.accept ?? "image/*",
       modelValue: t.modelValue,
       currentImageUrl: t.currentImageUrl,
       currentLabel: t.currentLabel,
       currentSubtext: t.currentSubtext
     }));
-    return (U, V) => (a(), i("div", null, [
-      e.label && !f.value ? (a(), i("label", {
+    return (U, V) => (s(), i("div", null, [
+      e.label && !f.value ? (s(), i("label", {
         key: 0,
         for: $.value,
         class: "text-base font-semibold text-gray-900 mb-1 block"
       }, T(e.label), 9, Sl)) : D("", !0),
-      e.helperText && !f.value ? (a(), i("span", $l, T(e.helperText), 1)) : D("", !0),
-      F.value ? (a(), B(ze, z({ key: 2 }, J.value, {
+      e.helperText && !f.value ? (s(), i("span", $l, T(e.helperText), 1)) : D("", !0),
+      F.value ? (s(), B(ze, z({ key: 2 }, J.value, {
         "onUpdate:modelValue": V[0] || (V[0] = (_) => l("update:modelValue", _)),
         onBlur: V[1] || (V[1] = (_) => l("blur", _))
-      }), null, 16)) : re.value ? (a(), B(Fe, z({ key: 3 }, N.value, {
+      }), null, 16)) : oe.value ? (s(), B(Fe, z({ key: 3 }, N.value, {
         "onUpdate:modelValue": V[2] || (V[2] = (_) => l("update:modelValue", _)),
         onBlur: V[3] || (V[3] = (_) => l("blur", _))
-      }), null, 16)) : E.value ? (a(), B(Ne, z({ key: 4 }, x.value, {
+      }), null, 16)) : E.value ? (s(), B(Ne, z({ key: 4 }, x.value, {
         "onUpdate:modelValue": V[4] || (V[4] = (_) => l("update:modelValue", _)),
         onBlur: V[5] || (V[5] = (_) => l("blur", _))
-      }), null, 16)) : Y.value ? (a(), B(Oe, z({ key: 5 }, G.value, {
+      }), null, 16)) : Y.value ? (s(), B(Oe, z({ key: 5 }, G.value, {
         "onUpdate:modelValue": V[6] || (V[6] = (_) => l("update:modelValue", _)),
         onBlur: V[7] || (V[7] = (_) => l("blur", _))
-      }), null, 16)) : h.value ? (a(), B(Ke, z({ key: 6 }, se.value, {
+      }), null, 16)) : h.value ? (s(), B(Ke, z({ key: 6 }, ae.value, {
         "onUpdate:modelValue": V[8] || (V[8] = (_) => l("update:modelValue", _)),
         onBlur: V[9] || (V[9] = (_) => l("blur", _))
-      }), null, 16)) : S.value ? (a(), B(je, z({ key: 7 }, le.value, {
+      }), null, 16)) : S.value ? (s(), B(je, z({ key: 7 }, le.value, {
         "onUpdate:modelValue": V[10] || (V[10] = (_) => l("update:modelValue", _)),
         onBlur: V[11] || (V[11] = (_) => l("blur", _))
-      }), null, 16)) : p.value ? (a(), B(Re, z({ key: 8 }, ae.value, {
+      }), null, 16)) : m.value ? (s(), B(Re, z({ key: 8 }, se.value, {
         "onUpdate:modelValue": V[12] || (V[12] = (_) => l("update:modelValue", _)),
         onBlur: V[13] || (V[13] = (_) => l("blur", _))
-      }), null, 16)) : v.value ? (a(), B(Ue, z({ key: 9 }, K.value, {
+      }), null, 16)) : v.value ? (s(), B(Ue, z({ key: 9 }, K.value, {
         "onUpdate:modelValue": V[14] || (V[14] = (_) => l("update:modelValue", _)),
         onBlur: V[15] || (V[15] = (_) => l("blur", _))
-      }), null, 16)) : M.value ? (a(), B(qe, z({ key: 10 }, X.value, {
+      }), null, 16)) : M.value ? (s(), B(qe, z({ key: 10 }, X.value, {
         "onUpdate:modelValue": V[16] || (V[16] = (_) => l("update:modelValue", _)),
         onBlur: V[17] || (V[17] = (_) => l("blur", _))
-      }), null, 16)) : L.value ? (a(), B(He, z({ key: 11 }, te.value, {
+      }), null, 16)) : L.value ? (s(), B(He, z({ key: 11 }, te.value, {
         "onUpdate:modelValue": V[18] || (V[18] = (_) => l("update:modelValue", _)),
         onBlur: V[19] || (V[19] = (_) => l("blur", _))
       }), null, 16)) : W.value ? w(U.$slots, "unsupported-type", {
@@ -1661,17 +1661,17 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         type: e.type,
         modelValue: e.modelValue,
         updateValue: u,
-        attrs: I(r)
+        attrs: I(o)
       }) : w(U.$slots, "unsupported-type", {
         key: 13,
         type: e.type,
         modelValue: e.modelValue,
         updateValue: u,
-        attrs: I(r)
+        attrs: I(o)
       }),
-      d.value ? (a(), i("div", Cl, [
-        R(I(ot), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
-        o("span", null, T(e.errorMessage), 1)
+      d.value ? (s(), i("div", Cl, [
+        R(I(rt), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
+        r("span", null, T(e.errorMessage), 1)
       ])) : D("", !0)
     ]));
   }
@@ -1692,21 +1692,21 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: s }) {
-    const t = s, l = e, r = g(() => l.options.map((f) => f == null ? "" : String(f).trim()).filter((f) => f !== "")), u = (f) => Array.isArray(l.modelValue) && l.modelValue.includes(f), d = (f, $) => {
-      const b = Array.isArray(l.modelValue) ? [...l.modelValue] : [], C = b.indexOf(f);
-      $ && C === -1 ? b.push(f) : !$ && C !== -1 && b.splice(C, 1), t("update:modelValue", b);
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = 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 y = Array.isArray(l.modelValue) ? [...l.modelValue] : [], C = y.indexOf(f);
+      $ && C === -1 ? y.push(f) : !$ && C !== -1 && y.splice(C, 1), t("update:modelValue", y);
     };
-    return (f, $) => (a(), i("div", Vl, [
-      (a(!0), i(q, null, P(r.value, (b) => (a(), B(ye, {
-        key: `checkbox-${b}`,
+    return (f, $) => (s(), i("div", Vl, [
+      (s(!0), i(q, null, P(o.value, (y) => (s(), B(pe, {
+        key: `checkbox-${y}`,
         type: "checkbox-input",
-        "model-value": u(b),
+        "model-value": u(y),
         value: !0,
         "unchecked-value": !1,
-        label: b,
+        label: y,
         disabled: e.disabled,
-        "onUpdate:modelValue": (C) => d(b, C)
+        "onUpdate:modelValue": (C) => d(y, C)
       }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]))), 128))
     ]));
   }
@@ -1732,12 +1732,12 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["close"],
-  setup(e, { emit: s }) {
-    const t = e, l = s, r = j(), u = j(t.show), d = () => {
-      document.body.style.overflow = "hidden", u.value = !0, r.value?.showModal();
+  setup(e, { emit: a }) {
+    const t = e, l = a, o = j(), u = j(t.show), d = () => {
+      document.body.style.overflow = "hidden", u.value = !0, o.value?.showModal();
     }, f = () => {
       document.body.style.overflow = null, setTimeout(() => {
-        r.value?.close(), u.value = !1;
+        o.value?.close(), u.value = !1;
       }, 200);
     };
     Q(() => t.show, () => {
@@ -1747,11 +1747,11 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     });
     const $ = () => {
       t.closeable && l("close");
-    }, b = (v) => {
+    }, y = (v) => {
       v.key === "Escape" && (v.preventDefault(), t.show && $());
     };
-    ee(() => document.addEventListener("keydown", b)), Ae(() => {
-      document.removeEventListener("keydown", b), document.body.style.overflow = null;
+    ee(() => document.addEventListener("keydown", y)), Ae(() => {
+      document.removeEventListener("keydown", y), document.body.style.overflow = null;
     });
     const C = g(() => ({
       sm: "sm:max-w-sm",
@@ -1769,15 +1769,15 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
           return "items-center justify-center";
       }
     });
-    return (v, S) => (a(), i("dialog", {
+    return (v, S) => (s(), i("dialog", {
       class: "z-50 m-0 min-h-full min-w-full overflow-y-auto bg-transparent backdrop:bg-transparent",
       ref_key: "dialog",
-      ref: r
+      ref: o
     }, [
-      o("div", {
+      r("div", {
         class: k(["fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50 flex", h.value])
       }, [
-        R(oe, {
+        R(re, {
           "enter-active-class": "ease-out duration-300",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -1786,18 +1786,18 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
           "leave-to-class": "opacity-0"
         }, {
           default: O(() => [
-            Z(o("div", {
+            Z(r("div", {
               class: "fixed inset-0 z-40 transform transition-all",
               onClick: $
             }, [...S[0] || (S[0] = [
-              o("div", { class: "absolute inset-0 bg-gray-500 opacity-75" }, null, -1)
+              r("div", { class: "absolute inset-0 bg-gray-500 opacity-75" }, null, -1)
             ])], 512), [
               [ie, e.show]
             ])
           ]),
           _: 1
         }),
-        R(oe, {
+        R(re, {
           "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",
@@ -1806,7 +1806,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
           "leave-to-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         }, {
           default: O(() => [
-            Z(o("div", {
+            Z(r("div", {
               class: k(["relative z-50 mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto", C.value])
             }, [
               u.value ? w(v.$slots, "default", { key: 0 }) : D("", !0)
@@ -1841,11 +1841,11 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["close"],
-  setup(e, { emit: s }) {
-    const t = s, l = () => {
+  setup(e, { emit: a }) {
+    const t = a, l = () => {
       t("close");
     };
-    return (r, u) => (a(), B($e, {
+    return (o, u) => (s(), B($e, {
       show: e.show,
       "max-width": e.maxWidth,
       closeable: e.closeable,
@@ -1853,23 +1853,23 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       onClose: l
     }, {
       default: O(() => [
-        o("div", _l, [
-          o("div", Tl, [
-            o("div", Al, [
+        r("div", _l, [
+          r("div", Tl, [
+            r("div", Al, [
               R(I(Le), { class: "size-6 text-red-600" })
             ]),
-            o("div", Bl, [
-              o("h3", Ll, [
-                w(r.$slots, "title")
+            r("div", Bl, [
+              r("h3", Ll, [
+                w(o.$slots, "title")
               ]),
-              o("div", Il, [
-                w(r.$slots, "content")
+              r("div", Il, [
+                w(o.$slots, "content")
               ])
             ])
           ])
         ]),
-        o("div", Dl, [
-          w(r.$slots, "footer")
+        r("div", Dl, [
+          w(o.$slots, "footer")
         ])
       ]),
       _: 3
@@ -1892,27 +1892,27 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["close"],
-  setup(e, { emit: s }) {
-    const t = s, l = () => {
+  setup(e, { emit: a }) {
+    const t = a, l = () => {
       t("close");
     };
-    return (r, u) => (a(), B($e, {
+    return (o, u) => (s(), B($e, {
       show: e.show,
       "max-width": e.maxWidth,
       closeable: e.closeable,
       onClose: l
     }, {
       default: O(() => [
-        o("div", jl, [
-          o("div", Ol, [
-            w(r.$slots, "title")
+        r("div", jl, [
+          r("div", Ol, [
+            w(o.$slots, "title")
           ]),
-          o("div", zl, [
-            w(r.$slots, "content")
+          r("div", zl, [
+            w(o.$slots, "content")
           ])
         ]),
-        o("div", El, [
-          w(r.$slots, "footer")
+        r("div", El, [
+          w(o.$slots, "footer")
         ])
       ]),
       _: 3
@@ -1935,28 +1935,28 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   setup(e) {
-    const s = e;
+    const a = e;
     let t = j(!1);
     const l = (d) => {
       t.value && d.key === "Escape" && (t.value = !1);
     };
     ee(() => document.addEventListener("keydown", l)), Ae(() => document.removeEventListener("keydown", l));
-    const r = g(() => ({
+    const o = 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" : "origin-top");
-    return (d, f) => (a(), i("div", Nl, [
-      o("div", {
-        onClick: f[0] || (f[0] = ($) => me(t) ? t.value = !I(t) : t = !I(t))
+    })[a.width.toString()]), u = g(() => a.align === "left" ? "ltr:origin-top-left rtl:origin-top-right start-0" : a.align === "right" ? "ltr:origin-top-right rtl:origin-top-left" : "origin-top");
+    return (d, f) => (s(), i("div", Nl, [
+      r("div", {
+        onClick: f[0] || (f[0] = ($) => be(t) ? t.value = !I(t) : t = !I(t))
       }, [
         w(d.$slots, "trigger", { open: I(t) })
       ]),
-      Z(o("div", {
+      Z(r("div", {
         class: "fixed inset-0 z-40",
-        onClick: f[1] || (f[1] = ($) => me(t) ? t.value = !1 : t = !1)
+        onClick: f[1] || (f[1] = ($) => be(t) ? t.value = !1 : t = !1)
       }, null, 512), [
         [ie, I(t)]
       ]),
-      R(oe, {
+      R(re, {
         "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",
@@ -1965,12 +1965,12 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         "leave-to-class": "transform opacity-0 scale-95 translate-y-2"
       }, {
         default: O(() => [
-          Z(o("div", {
-            class: k(["absolute z-50 mt-2 rounded-xl shadow-xl shadow-gray-900/10", [r.value, u.value]]),
+          Z(r("div", {
+            class: k(["absolute z-50 mt-2 rounded-xl shadow-xl shadow-gray-900/10", [o.value, u.value]]),
             style: { display: "none" },
-            onClick: f[2] || (f[2] = ($) => me(t) ? t.value = !1 : t = !1)
+            onClick: f[2] || (f[2] = ($) => be(t) ? t.value = !1 : t = !1)
           }, [
-            o("div", {
+            r("div", {
               class: k(["rounded-xl ring-1 ring-gray-200/60 backdrop-blur-sm bg-white/95", e.contentClasses])
             }, [
               w(d.$slots, "content")
@@ -1994,22 +1994,22 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     as: String
   },
   setup(e) {
-    return (s, t) => (a(), i("div", null, [
-      e.as == "button" ? (a(), i("button", Ul, [
-        w(s.$slots, "default")
-      ])) : e.as == "a" ? (a(), i("a", {
+    return (a, t) => (s(), i("div", null, [
+      e.as == "button" ? (s(), i("button", Ul, [
+        w(a.$slots, "default")
+      ])) : e.as == "a" ? (s(), 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, Rl)) : (a(), B(I(ge), {
+        w(a.$slots, "default")
+      ], 8, Rl)) : (s(), B(I(ge), {
         key: 2,
         href: e.href,
         class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
       }, {
         default: O(() => [
-          w(s.$slots, "default")
+          w(a.$slots, "default")
         ]),
         _: 3
       }, 8, ["href"]))
@@ -2022,8 +2022,8 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
   __name: "FormSection",
   emits: ["submitted"],
   setup(e) {
-    const s = g(() => !!fe().actions);
-    return (t, l) => (a(), i("div", ql, [
+    const a = g(() => !!fe().actions);
+    return (t, l) => (s(), i("div", ql, [
       R(Se, null, {
         title: O(() => [
           w(t.$slots, "title")
@@ -2033,18 +2033,18 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
         ]),
         _: 3
       }),
-      o("div", Pl, [
-        o("form", {
-          onSubmit: l[0] || (l[0] = ve((r) => t.$emit("submitted"), ["prevent"]))
+      r("div", Pl, [
+        r("form", {
+          onSubmit: l[0] || (l[0] = ve((o) => t.$emit("submitted"), ["prevent"]))
         }, [
-          o("div", {
-            class: k(["px-4 py-5 bg-white sm:p-6", s.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
+          r("div", {
+            class: k(["px-4 py-5 bg-white sm:p-6", a.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
           }, [
-            o("div", Wl, [
+            r("div", Wl, [
               w(t.$slots, "form")
             ])
           ], 2),
-          s.value ? (a(), i("div", Gl, [
+          a.value ? (s(), i("div", Gl, [
             w(t.$slots, "actions")
           ])) : D("", !0)
         ], 32)
@@ -2057,25 +2057,25 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     message: String
   },
   setup(e) {
-    return (s, t) => Z((a(), i("div", null, [
-      o("p", Ql, T(e.message), 1)
+    return (a, t) => Z((s(), i("div", null, [
+      r("p", Ql, T(e.message), 1)
     ], 512)), [
       [ie, e.message]
     ]);
   }
-}, Jl = { class: "block font-medium text-sm text-gray-700" }, Zl = { key: 0 }, ea = { key: 1 }, ta = {
+}, Jl = { class: "block font-medium text-sm text-gray-700" }, Zl = { key: 0 }, es = { key: 1 }, ts = {
   __name: "InputLabel",
   props: {
     value: String
   },
   setup(e) {
-    return (s, t) => (a(), i("label", Jl, [
-      e.value ? (a(), i("span", Zl, T(e.value), 1)) : (a(), i("span", ea, [
-        w(s.$slots, "default")
+    return (a, t) => (s(), i("label", Jl, [
+      e.value ? (s(), i("span", Zl, T(e.value), 1)) : (s(), i("span", es, [
+        w(a.$slots, "default")
       ]))
     ]));
   }
-}, la = ["href", "title", "target", "rel"], Ce = /* @__PURE__ */ Object.assign({
+}, ls = ["href", "title", "target", "rel"], Ce = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "LinkButton",
@@ -2106,18 +2106,18 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   setup(e) {
-    const s = ne(), 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"
-    }, 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[r.value],
-      s.class
+    const a = ne(), t = e, l = {
+      primary: "bg-gradient-to-r from-blue-500 to-blue-600 text-white shadow-[0_6px_14px_rgba(37,99,235,0.14)] hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_8px_18px_rgba(37,99,235,0.18)] focus:ring-blue-500",
+      secondary: "bg-gradient-to-r from-slate-700 to-slate-800 text-white shadow-[0_8px_18px_rgba(15,23,42,0.16)] hover:from-slate-800 hover:to-slate-900 hover:shadow-[0_10px_22px_rgba(15,23,42,0.22)] focus:ring-slate-500",
+      tertiary: "border border-slate-300 bg-white text-slate-700 shadow-sm hover:bg-slate-50 hover:border-slate-400 hover:shadow focus:ring-slate-500",
+      warning: "border border-amber-300 bg-amber-50 text-amber-800 shadow-sm hover:bg-amber-100 focus:ring-amber-500",
+      danger: "border border-rose-300 bg-rose-50 text-rose-700 shadow-sm hover:bg-rose-100 focus:ring-rose-500"
+    }, o = g(() => l[t.variant] ? t.variant : "primary"), u = g(() => [
+      "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-semibold tracking-tight transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-50",
+      l[o.value],
+      a.class
     ]);
-    return (d, f) => e.external ? (a(), i("a", z({ key: 1 }, I(s), {
+    return (d, f) => e.external ? (s(), i("a", z({ key: 1 }, I(a), {
       href: e.href,
       title: e.title,
       target: e.target,
@@ -2125,7 +2125,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       class: u.value
     }), [
       w(d.$slots, "default")
-    ], 16, la)) : (a(), B(I(ge), z({ key: 0 }, I(s), {
+    ], 16, ls)) : (s(), B(I(ge), z({ key: 0 }, I(a), {
       href: e.href,
       title: e.title,
       class: u.value
@@ -2136,15 +2136,15 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       _: 3
     }, 16, ["href", "title", "class"]));
   }
-}), aa = {
+}), ss = {
   __name: "NavLink",
   props: {
     href: String,
     active: Boolean
   },
   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, r) => (a(), B(I(ge), {
+    const a = e, t = g(() => a.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, o) => (s(), B(I(ge), {
       href: e.href,
       class: k(t.value)
     }, {
@@ -2154,7 +2154,7 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       _: 3
     }, 8, ["href", "class"]));
   }
-}, sa = ["href"], na = {
+}, as = ["href"], ns = {
   __name: "ResponsiveNavLink",
   props: {
     active: Boolean,
@@ -2162,20 +2162,20 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     as: String
   },
   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, r) => (a(), i("div", null, [
-      e.as == "button" ? (a(), i("button", {
+    const a = e, t = g(() => a.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, o) => (s(), i("div", null, [
+      e.as == "button" ? (s(), i("button", {
         key: 0,
         class: k([t.value, "w-full text-start"])
       }, [
         w(l.$slots, "default")
-      ], 2)) : e.as == "a" ? (a(), i("a", {
+      ], 2)) : e.as == "a" ? (s(), i("a", {
         key: 1,
         class: k([t.value, "w-full text-start"]),
         href: e.href
       }, [
         w(l.$slots, "default")
-      ], 10, sa)) : (a(), B(I(ge), {
+      ], 10, as)) : (s(), B(I(ge), {
         key: 2,
         href: e.href,
         class: k(t.value)
@@ -2187,23 +2187,23 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       }, 8, ["href", "class"]))
     ]));
   }
-}, ra = { class: "hidden sm:block" }, oa = { class: "py-8" }, ia = {
+}, os = { class: "hidden sm:block" }, rs = { class: "py-8" }, is = {
   __name: "SectionBorder",
   setup(e) {
-    return (s, t) => (a(), i("div", ra, [
-      o("div", oa, [
+    return (a, t) => (s(), i("div", os, [
+      r("div", rs, [
         R(we)
       ])
     ]));
   }
-}, da = { class: "bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl px-6 py-4" }, ua = { class: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4" }, ca = { class: "flex items-center gap-3" }, fa = { class: "text-sm font-medium text-gray-700" }, ga = { class: "flex flex-wrap items-center gap-2" }, ya = ["onClick"], pa = { class: "text-xs text-gray-500" }, ma = {
+}, ds = { class: "bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl px-6 py-4" }, us = { class: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4" }, cs = { class: "flex items-center gap-3" }, fs = { class: "text-sm font-medium text-gray-700" }, gs = { class: "flex flex-wrap items-center gap-2" }, ps = ["onClick"], ms = { class: "text-xs text-gray-500" }, bs = {
   __name: "SortControls",
   props: {
     fields: {
       type: Array,
       required: !0,
       validator: (e) => e.every(
-        (s) => typeof s == "object" && s.key && s.label
+        (a) => typeof a == "object" && a.key && a.label
       )
     },
     currentSortField: {
@@ -2229,16 +2229,16 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["sort"],
-  setup(e, { emit: s }) {
-    const t = s, l = (r) => {
-      t("sort", r);
+  setup(e, { emit: a }) {
+    const t = a, l = (o) => {
+      t("sort", o);
     };
-    return (r, u) => (a(), i("div", da, [
-      o("div", ua, [
-        o("div", ca, [
-          o("label", fa, T(e.sortByLabel) + ":", 1),
-          o("div", ga, [
-            (a(!0), i(q, null, P(e.fields, (d) => (a(), i("button", {
+    return (o, u) => (s(), i("div", ds, [
+      r("div", us, [
+        r("div", cs, [
+          r("label", fs, T(e.sortByLabel) + ":", 1),
+          r("div", gs, [
+            (s(!0), i(q, null, P(e.fields, (d) => (s(), i("button", {
               key: d.key,
               onClick: (f) => l(d.key),
               class: k([
@@ -2247,22 +2247,22 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
               ])
             }, [
               ue(T(d.label) + " ", 1),
-              e.currentSortField === d.key && e.currentDirection === "asc" ? (a(), B(I(Ie), {
+              e.currentSortField === d.key && e.currentDirection === "asc" ? (s(), B(I(Ie), {
                 key: 0,
                 class: "w-3 h-3 ml-1 inline"
               })) : D("", !0),
-              e.currentSortField === d.key && e.currentDirection === "desc" ? (a(), B(I(xe), {
+              e.currentSortField === d.key && e.currentDirection === "desc" ? (s(), B(I(xe), {
                 key: 1,
                 class: "w-3 h-3 ml-1 inline"
               })) : D("", !0)
-            ], 10, ya))), 128))
+            ], 10, ps))), 128))
           ])
         ]),
-        o("div", pa, T(e.count) + " " + T(e.countLabel), 1)
+        r("div", ms, T(e.count) + " " + T(e.countLabel), 1)
       ])
     ]));
   }
-}, ba = { class: "flex items-center space-x-1" }, va = { class: "flex flex-col" }, Ve = {
+}, ys = { class: "flex items-center space-x-1" }, vs = { class: "flex flex-col" }, Ve = {
   __name: "ThSortable",
   props: {
     field: {
@@ -2279,21 +2279,21 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { 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 (r, u) => (a(), i("th", {
+    const a = e, t = g(() => a.field === a.currentSortField), l = g(() => t.value ? "text-blue-600" : "text-gray-400");
+    return (o, u) => (s(), 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) => r.$emit("sort", e.field))
+      onClick: u[0] || (u[0] = (d) => o.$emit("sort", e.field))
     }, [
-      o("div", ba, [
-        o("span", null, [
-          w(r.$slots, "default")
+      r("div", ys, [
+        r("span", null, [
+          w(o.$slots, "default")
         ]),
-        o("div", va, [
-          t.value && e.currentDirection === "asc" ? (a(), B(I(Ie), {
+        r("div", vs, [
+          t.value && e.currentDirection === "asc" ? (s(), B(I(Ie), {
             key: 0,
             class: k([l.value, "w-3 h-3"])
           }, null, 8, ["class"])) : D("", !0),
-          t.value && e.currentDirection === "desc" ? (a(), B(I(xe), {
+          t.value && e.currentDirection === "desc" ? (s(), B(I(xe), {
             key: 1,
             class: k([l.value, "w-3 h-3"])
           }, null, 8, ["class"])) : D("", !0)
@@ -2301,22 +2301,22 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       ])
     ]));
   }
-}, ha = { class: "min-w-full divide-y divide-gray-200" }, xa = { class: "bg-gray-50" }, wa = {
+}, hs = { class: "min-w-full divide-y divide-slate-200/80" }, xs = { class: "bg-slate-50/80" }, ws = {
   key: 0,
-  class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
-}, ka = { class: "bg-white divide-y divide-gray-200" }, Sa = {
+  class: "px-6 py-3 text-right text-[11px] font-semibold tracking-[0.12em] text-slate-600 uppercase"
+}, ks = { class: "bg-white divide-y divide-slate-200/80" }, Ss = {
   key: 0,
   class: "flex items-center"
-}, $a = ["title"], Ca = {
+}, $s = ["title"], Cs = {
   key: 0,
-  class: "ml-2 inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800"
-}, Va = ["innerHTML"], _a = { key: 3 }, Ta = {
+  class: "ml-2 inline-flex items-center rounded-full bg-rose-100 px-2 py-1 text-xs font-medium text-rose-700"
+}, Vs = ["innerHTML"], _s = { key: 3 }, Ts = {
   key: 0,
   class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-}, Aa = {
+}, As = {
   key: 0,
   class: "text-center py-12"
-}, Ba = { class: "inline-flex items-center justify-center w-16 h-16 bg-gray-100 rounded-full mb-4" }, La = { class: "text-lg font-medium text-gray-900 mb-2" }, Ia = { class: "text-gray-500 mb-4" }, Da = {
+}, Bs = { class: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-slate-100 mb-4" }, Ls = { class: "mb-2 text-lg font-semibold text-slate-900" }, Is = { class: "mb-4 text-slate-600" }, Ds = {
   __name: "TableList",
   props: {
     data: {
@@ -2347,9 +2347,9 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     },
     rowClasses: {
       type: Function,
-      default: (e, s) => [
+      default: (e, a) => [
         "transition-colors duration-150",
-        e.deleted_at ? "bg-red-50 hover:bg-red-100" : "odd:bg-white even:bg-gray-50 hover:bg-gray-100"
+        e.deleted_at ? "bg-rose-50 hover:bg-rose-100" : "odd:bg-white even:bg-slate-50 hover:bg-slate-100"
       ]
     },
     maxTextLength: {
@@ -2370,86 +2370,86 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["sort"],
-  setup(e, { emit: s }) {
-    const t = fe(), l = e, r = s;
+  setup(e, { emit: a }) {
+    const t = fe(), l = e, o = a;
     g(() => !!t.actions);
     const u = g(() => l.data && l.data.length > 0), d = (v) => {
-      r("sort", v);
+      o("sort", v);
     }, f = (v) => {
-      const S = String(v ?? ""), p = Number(l.maxTextLength);
-      return !Number.isFinite(p) || p <= 0 || S.length <= p ? S : `${S.slice(0, p)}...`;
+      const S = String(v ?? ""), m = Number(l.maxTextLength);
+      return !Number.isFinite(m) || m <= 0 || S.length <= m ? S : `${S.slice(0, m)}...`;
     }, $ = (v, S) => {
       if (S.slot)
         return null;
       if (S.render)
         return S.render(v);
-      const p = S.key.split(".").reduce((M, L) => M?.[L], v);
-      return p == null || p === "" ? "-" : f(p);
-    }, b = (v) => v.deleted_at || v.deleted, C = (v) => {
+      const m = S.key.split(".").reduce((M, L) => M?.[L], v);
+      return m == null || m === "" ? "-" : f(m);
+    }, y = (v) => v.deleted_at || v.deleted, C = (v) => {
       if (v.class)
         return v.class;
       let S = "px-6 py-4 text-sm truncate";
-      return v.isSecondary || (S += " font-medium"), v.isSecondary && (S += " text-gray-600"), S;
-    }, h = (v) => v.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider";
-    return (v, S) => (a(), i("div", {
-      class: k(["bg-white", e.isCard ? "border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn mx-4 md:mx-0" : ""])
+      return v.isSecondary || (S += " font-medium"), v.isSecondary && (S += " text-slate-600"), S;
+    }, h = (v) => v.sortable ? "" : "px-6 py-3 text-left text-[11px] font-semibold tracking-[0.12em] text-slate-600 uppercase";
+    return (v, S) => (s(), i("div", {
+      class: k(["bg-white/90 backdrop-blur-sm", e.isCard ? "border border-slate-200/70 rounded-2xl shadow-[0_12px_30px_rgba(15,23,42,0.06)] animate-fadeIn mx-4 md:mx-0" : ""])
     }, [
-      o("div", {
+      r("div", {
         class: k(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
       }, [
-        o("table", ha, [
-          o("thead", xa, [
-            o("tr", null, [
-              (a(!0), i(q, null, P(e.columns, (p) => (a(), i(q, {
-                key: p.key
+        r("table", hs, [
+          r("thead", xs, [
+            r("tr", null, [
+              (s(!0), i(q, null, P(e.columns, (m) => (s(), i(q, {
+                key: m.key
               }, [
-                p.sortable ? (a(), B(Ve, {
+                m.sortable ? (s(), B(Ve, {
                   key: 0,
-                  field: p.key,
+                  field: m.key,
                   "current-sort-field": e.sortField,
                   "current-direction": e.sortDirection,
                   onSort: d
                 }, {
                   default: O(() => [
-                    ue(T(p.label), 1)
+                    ue(T(m.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["field", "current-sort-field", "current-direction"])) : (a(), i("th", {
+                }, 1032, ["field", "current-sort-field", "current-direction"])) : (s(), i("th", {
                   key: 1,
-                  class: k([h(p), { "text-right": p.align === "right" }])
-                }, T(p.label), 3))
+                  class: k([h(m), { "text-right": m.align === "right" }])
+                }, T(m.label), 3))
               ], 64))), 128)),
-              v.$slots.actions ? (a(), i("th", wa, T(e.actionsLabel), 1)) : D("", !0)
+              v.$slots.actions ? (s(), i("th", ws, T(e.actionsLabel), 1)) : D("", !0)
             ])
           ]),
-          o("tbody", ka, [
-            (a(!0), i(q, null, P(e.data, (p, M) => (a(), i("tr", {
-              key: p.id,
-              class: k(e.rowClasses(p, M))
+          r("tbody", ks, [
+            (s(!0), i(q, null, P(e.data, (m, M) => (s(), i("tr", {
+              key: m.id,
+              class: k(e.rowClasses(m, M))
             }, [
-              (a(!0), i(q, null, P(e.columns, (L) => (a(), i("td", {
+              (s(!0), i(q, null, P(e.columns, (L) => (s(), i("td", {
                 key: L.key,
                 class: k(C(L))
               }, [
-                L.key === "name" && !L.slot ? (a(), i("div", Sa, [
-                  o("div", {
-                    class: "text-sm font-medium truncate",
-                    title: $(p, L)
-                  }, T($(p, L)), 9, $a),
-                  b(p) ? (a(), i("span", Ca, T(e.deletedLabel), 1)) : D("", !0)
+                L.key === "name" && !L.slot ? (s(), i("div", Ss, [
+                  r("div", {
+                    class: "text-sm font-medium text-slate-900 truncate",
+                    title: $(m, L)
+                  }, T($(m, L)), 9, $s),
+                  y(m) ? (s(), i("span", Cs, T(e.deletedLabel), 1)) : D("", !0)
                 ])) : L.slot ? w(v.$slots, L.slot, {
                   key: 1,
-                  item: p,
+                  item: m,
                   column: L,
                   index: M
-                }) : L.render ? (a(), i("div", {
+                }) : L.render ? (s(), i("div", {
                   key: 2,
-                  innerHTML: L.render(p)
-                }, null, 8, Va)) : (a(), i("div", _a, T($(p, L)), 1))
+                  innerHTML: L.render(m)
+                }, null, 8, Vs)) : (s(), i("div", _s, T($(m, L)), 1))
               ], 2))), 128)),
-              v.$slots.actions ? (a(), i("td", Ta, [
+              v.$slots.actions ? (s(), i("td", Ts, [
                 w(v.$slots, "actions", {
-                  item: p,
+                  item: m,
                   index: M
                 })
               ])) : D("", !0)
@@ -2457,13 +2457,13 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
           ])
         ])
       ], 2),
-      u.value ? D("", !0) : (a(), i("div", Aa, [
-        o("div", Ba, [
-          (a(), B(Be(e.emptyState.icon), { class: "w-8 h-8 text-gray-400" }))
+      u.value ? D("", !0) : (s(), i("div", As, [
+        r("div", Bs, [
+          (s(), B(Be(e.emptyState.icon), { class: "w-8 h-8 text-slate-400" }))
         ]),
-        o("h3", La, T(e.emptyState.title), 1),
-        o("p", Ia, T(e.emptyState.description), 1),
-        e.emptyState.actionText && e.emptyState.actionUrl ? (a(), B(Ce, {
+        r("h3", Ls, T(e.emptyState.title), 1),
+        r("p", Is, T(e.emptyState.description), 1),
+        e.emptyState.actionText && e.emptyState.actionUrl ? (s(), B(Ce, {
           key: 0,
           href: e.emptyState.actionUrl,
           variant: "primary"
@@ -2476,22 +2476,22 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       ]))
     ], 2));
   }
-}, Ma = { class: "relative max-w-sm" }, ja = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, Oa = ["placeholder"], za = { class: "min-w-full divide-y divide-gray-200" }, Ea = { class: "bg-gray-50" }, Fa = {
+}, Ms = { class: "relative max-w-sm" }, js = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, Os = ["placeholder"], zs = { class: "min-w-full divide-y divide-gray-200" }, Es = { class: "bg-gray-50" }, Fs = {
   key: 0,
   class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
-}, Na = { class: "bg-white divide-y divide-gray-200" }, Ka = {
+}, Ns = { class: "bg-white divide-y divide-gray-200" }, Ks = {
   key: 2,
   class: "flex items-center"
-}, Ua = ["title"], Ra = {
+}, Us = ["title"], Rs = {
   key: 0,
   class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-800"
-}, Ha = ["innerHTML"], qa = { key: 5 }, Pa = {
+}, Hs = ["innerHTML"], qs = { key: 5 }, Ps = {
   key: 0,
   class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-}, Wa = { class: "flex items-center justify-end gap-2" }, Ga = {
+}, Ws = { class: "flex items-center justify-end gap-2" }, Gs = {
   key: 2,
   class: "py-12 text-center"
-}, Xa = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-gray-100" }, Qa = { class: "mb-2 text-lg font-medium text-gray-900" }, Ya = { class: "mb-4 text-gray-500" }, Ja = {
+}, Xs = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-gray-100" }, Qs = { class: "mb-2 text-lg font-medium text-gray-900" }, Ys = { class: "mb-4 text-gray-500" }, Js = {
   __name: "TableListForm",
   props: {
     data: {
@@ -2589,158 +2589,158 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
     }
   },
   emits: ["sort", "update", "update:editingRowKey", "edit-start", "edit-cancel"],
-  setup(e, { emit: s }) {
-    const t = fe(), l = e, r = s, u = j(l.sortField), d = j(l.sortDirection), f = j(""), $ = j(null), b = j({}), C = g(() => l.editingRowKey !== void 0 ? l.editingRowKey : $.value);
+  setup(e, { emit: a }) {
+    const t = fe(), l = e, o = a, u = j(l.sortField), d = j(l.sortDirection), f = j(""), $ = j(null), y = j({}), C = g(() => l.editingRowKey !== void 0 ? l.editingRowKey : $.value);
     Q(() => l.sortField, (n) => {
       u.value = n;
     }), Q(() => l.sortDirection, (n) => {
       d.value = n;
     }), Q(() => l.rowEditing, (n) => {
       n || X();
-    }), Q(C, (n, y) => {
-      if (n === y)
+    }), Q(C, (n, p) => {
+      if (n === p)
         return;
       if (n == null || n === "") {
-        b.value = {};
+        y.value = {};
         return;
       }
-      const c = l.data.find((A, m) => W(A, m) === n);
-      b.value = c ? L(c) : {};
+      const c = l.data.find((A, b) => W(A, b) === n);
+      y.value = c ? L(c) : {};
     }), Q(
       () => l.data,
       () => {
         if (C.value === null || C.value === void 0)
           return;
-        l.data.find((y, c) => W(y, c) === C.value) || X();
+        l.data.find((p, c) => W(p, c) === C.value) || X();
       },
       { deep: !0 }
     );
     const h = g(() => {
       let n = l.data;
       if (l.search && f.value.trim()) {
-        const y = f.value.toLowerCase().trim();
+        const p = f.value.toLowerCase().trim();
         n = l.data.filter((c) => l.columns.some((A) => {
           if (!A.searchable)
             return !1;
-          const m = F(c, A.key);
-          return m == null || m === "" ? !1 : String(m).toLowerCase().includes(y);
+          const b = F(c, A.key);
+          return b == null || b === "" ? !1 : String(b).toLowerCase().includes(p);
         }));
       }
-      return u.value ? [...n].sort((y, c) => {
-        const A = F(y, u.value), m = F(c, u.value);
+      return u.value ? [...n].sort((p, c) => {
+        const A = F(p, u.value), b = F(c, u.value);
         if (A == null || A === "") return 1;
-        if (m == null || m === "") return -1;
+        if (b == null || b === "") return -1;
         let H = 0;
-        return A < m && (H = -1), A > m && (H = 1), d.value === "desc" ? -H : H;
+        return A < b && (H = -1), A > b && (H = 1), d.value === "desc" ? -H : H;
       }) : n;
-    }), v = g(() => !!t.actions), S = g(() => v.value || l.rowEditing), p = g(() => h.value && h.value.length > 0), M = (n) => {
-      u.value === n ? d.value = d.value === "asc" ? "desc" : "asc" : (u.value = n, d.value = "asc"), r("sort", { field: n, direction: d.value });
-    }, L = (n) => Array.isArray(n) ? n.map((y) => L(y)) : n && typeof n == "object" ? Object.fromEntries(
-      Object.entries(n).map(([y, c]) => [y, L(c)])
+    }), v = g(() => !!t.actions), S = g(() => v.value || l.rowEditing), m = g(() => h.value && h.value.length > 0), M = (n) => {
+      u.value === n ? d.value = d.value === "asc" ? "desc" : "asc" : (u.value = n, d.value = "asc"), o("sort", { field: n, direction: d.value });
+    }, L = (n) => Array.isArray(n) ? n.map((p) => L(p)) : n && typeof n == "object" ? Object.fromEntries(
+      Object.entries(n).map(([p, c]) => [p, L(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)}...`;
-    }, F = (n, y) => !y || typeof y != "string" ? n : y.split(".").reduce((c, A) => c?.[A], n), re = (n, y, c) => {
-      if (!y || typeof y != "string" || n == null)
+      const p = String(n ?? ""), c = Number(l.maxTextLength);
+      return !Number.isFinite(c) || c <= 0 || p.length <= c ? p : `${p.slice(0, c)}...`;
+    }, F = (n, p) => !p || typeof p != "string" ? n : p.split(".").reduce((c, A) => c?.[A], n), oe = (n, p, c) => {
+      if (!p || typeof p != "string" || n == null)
         return;
-      const A = y.split("."), m = A.pop();
+      const A = p.split("."), b = A.pop();
       let H = n;
       for (const de of A)
         (H[de] === void 0 || H[de] === null || typeof H[de] != "object") && (H[de] = {}), H = H[de];
-      m !== void 0 && (H[m] = c);
-    }, Y = (n) => n?.id ? l.data.findIndex((y) => y?.id === n.id) : l.data.findIndex((y) => y === n), W = (n, y) => typeof l.rowKey == "function" ? l.rowKey(n, y) ?? `row-${y}` : F(n, l.rowKey) ?? `row-${y}`, G = (n) => `${n.slot}-edit`, J = (n) => l.isDeletedFn(n), x = (n) => {
-      l.editingRowKey === void 0 && ($.value = n), r("update:editingRowKey", n);
-    }, N = (n, y) => l.rowEditing && C.value !== null && C.value === W(n, y), K = (n, y) => !l.rowEditing || !l.canEditRow(n, y) || J(n) ? !0 : C.value !== null && !N(n, y), X = () => {
+      b !== void 0 && (H[b] = c);
+    }, Y = (n) => n?.id ? l.data.findIndex((p) => p?.id === n.id) : l.data.findIndex((p) => p === n), W = (n, p) => typeof l.rowKey == "function" ? l.rowKey(n, p) ?? `row-${p}` : F(n, l.rowKey) ?? `row-${p}`, G = (n) => `${n.slot}-edit`, J = (n) => l.isDeletedFn(n), x = (n) => {
+      l.editingRowKey === void 0 && ($.value = n), o("update:editingRowKey", n);
+    }, N = (n, p) => l.rowEditing && C.value !== null && C.value === W(n, p), K = (n, p) => !l.rowEditing || !l.canEditRow(n, p) || J(n) ? !0 : C.value !== null && !N(n, p), X = () => {
       x(null);
-    }, te = (n, y) => {
-      if (K(n, y))
+    }, te = (n, p) => {
+      if (K(n, p))
         return;
-      const c = W(n, y);
-      x(c), r("edit-start", {
+      const c = W(n, p);
+      x(c), o("edit-start", {
         item: n,
         index: Y(n),
         rowKey: c
       });
-    }, le = (n, y) => {
-      r("edit-cancel", {
+    }, le = (n, p) => {
+      o("edit-cancel", {
         item: n,
         index: Y(n),
-        rowKey: W(n, y)
+        rowKey: W(n, p)
       }), X();
-    }, ae = (n, y, c, A = void 0) => {
-      re(b.value, n, y), l.mutateRows && re(c, n, L(y)), r("update", {
+    }, se = (n, p, c, A = void 0) => {
+      oe(y.value, n, p), l.mutateRows && oe(c, n, L(p)), o("update", {
         item: c,
-        draft: b.value,
+        draft: y.value,
         field: n,
-        value: y,
+        value: p,
         index: Y(c),
         rowKey: C.value,
         event: A
       });
-    }, se = (n, y) => {
-      if (y.slot)
+    }, ae = (n, p) => {
+      if (p.slot)
         return null;
-      if (y.render)
-        return y.render(n);
-      const c = F(n, y.key);
+      if (p.render)
+        return p.render(n);
+      const c = F(n, p.key);
       return c == null || c === "" ? "-" : E(c);
-    }, U = (n, y, c) => {
+    }, U = (n, p, c) => {
       if (n.class)
         return n.class;
-      let m = N(y, c) && (n.input || t[G(n)]) ? "px-6 py-3 text-sm align-top" : "px-6 py-4 text-sm truncate";
-      return n.isSecondary || (m += " font-medium"), n.isSecondary && (m += " text-gray-600"), m;
+      let b = N(p, c) && (n.input || t[G(n)]) ? "px-6 py-3 text-sm align-top" : "px-6 py-4 text-sm truncate";
+      return n.isSecondary || (b += " font-medium"), n.isSecondary && (b += " text-gray-600"), b;
     }, V = (n) => n.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", _ = (n) => n.inputType || "text", Pe = (n) => {
-      let y = "block w-full min-w-[12rem] sm:min-w-[10rem] max-w-xs rounded-md border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 shadow-none placeholder-gray-400 transition-colors duration-200 focus:border-blue-500 focus:bg-white focus:outline-none focus:ring-2 focus:ring-blue-500/20";
-      return n.inputClass && (y += ` ${n.inputClass}`), n.isSecondary && (y += " text-gray-600"), y;
-    }, We = (n) => n.placeholder || n.label || "", _e = (n, y, c) => N(n, c) ? F(b.value, y.key) ?? "" : F(n, y.key) ?? "", Ge = (n, y) => {
+      let p = "block w-full min-w-[12rem] sm:min-w-[10rem] max-w-xs rounded-md border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 shadow-none placeholder-gray-400 transition-colors duration-200 focus:border-blue-500 focus:bg-white focus:outline-none focus:ring-2 focus:ring-blue-500/20";
+      return n.inputClass && (p += ` ${n.inputClass}`), n.isSecondary && (p += " text-gray-600"), p;
+    }, We = (n) => n.placeholder || n.label || "", _e = (n, p, c) => N(n, c) ? F(y.value, p.key) ?? "" : F(n, p.key) ?? "", Ge = (n, p) => {
       const c = Y(n);
-      return c === -1 ? null : l.getErrorMessage(c, y.key);
-    }, pe = (n, y, c) => ({
+      return c === -1 ? null : l.getErrorMessage(c, p.key);
+    }, me = (n, p, c) => ({
       item: n,
-      column: y,
+      column: p,
       index: c,
       isEditing: N(n, c),
-      draft: b.value,
+      draft: y.value,
       rowKey: W(n, c),
-      updateDraft: (A, m) => ae(A, m, n),
+      updateDraft: (A, b) => se(A, b, n),
       startEdit: () => te(n, c),
       cancelEdit: () => le(n, c)
-    }), Xe = (n, y, c) => !!((typeof n.disabled == "function" ? n.disabled(y, c) : n.disabled) || J(y));
-    return (n, y) => (a(), i("div", {
+    }), Xe = (n, p, c) => !!((typeof n.disabled == "function" ? n.disabled(p, c) : n.disabled) || J(p));
+    return (n, p) => (s(), i("div", {
       class: k(["bg-white", e.isCard ? "mx-4 md:mx-0 border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn" : ""])
     }, [
-      e.search ? (a(), i("div", {
+      e.search ? (s(), i("div", {
         key: 0,
         class: k([
           "px-6 py-4",
           e.isCard ? "border-b border-gray-200 bg-gray-50/80 rounded-t-xl" : "mb-4 bg-white/80 backdrop-blur-sm"
         ])
       }, [
-        o("div", Ma, [
-          o("div", ja, [
+        r("div", Ms, [
+          r("div", js, [
             R(I(it), { class: "h-4 w-4 text-gray-400" })
           ]),
-          Z(o("input", {
-            "onUpdate:modelValue": y[0] || (y[0] = (c) => f.value = c),
+          Z(r("input", {
+            "onUpdate:modelValue": p[0] || (p[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, Oa), [
+          }, null, 8, Os), [
             [et, f.value]
           ])
         ])
       ], 2)) : D("", !0),
-      p.value ? (a(), i("div", {
+      m.value ? (s(), i("div", {
         key: 1,
         class: k(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
       }, [
-        o("table", za, [
-          o("thead", Ea, [
-            o("tr", null, [
-              (a(!0), i(q, null, P(e.columns, (c) => (a(), i(q, {
+        r("table", zs, [
+          r("thead", Es, [
+            r("tr", null, [
+              (s(!0), i(q, null, P(e.columns, (c) => (s(), i(q, {
                 key: c.key
               }, [
-                c.sortable ? (a(), B(Ve, {
+                c.sortable ? (s(), B(Ve, {
                   key: 0,
                   field: c.key,
                   "current-sort-field": u.value,
@@ -2751,78 +2751,78 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
                     ue(T(c.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["field", "current-sort-field", "current-direction"])) : (a(), i("th", {
+                }, 1032, ["field", "current-sort-field", "current-direction"])) : (s(), i("th", {
                   key: 1,
                   class: k([V(c), { "text-right": c.align === "right" }])
                 }, T(c.label), 3))
               ], 64))), 128)),
-              S.value ? (a(), i("th", Fa, T(e.actionsLabel), 1)) : D("", !0)
+              S.value ? (s(), i("th", Fs, T(e.actionsLabel), 1)) : D("", !0)
             ])
           ]),
-          o("tbody", Na, [
-            (a(!0), i(q, null, P(h.value, (c, A) => (a(), i("tr", {
+          r("tbody", Ns, [
+            (s(!0), i(q, null, P(h.value, (c, A) => (s(), i("tr", {
               key: W(c, A),
               class: k(e.rowClasses(c, A))
             }, [
-              (a(!0), i(q, null, P(e.columns, (m) => (a(), i("td", {
-                key: m.key,
-                class: k([U(m, c, A), { "text-right": m.align === "right" }])
+              (s(!0), i(q, null, P(e.columns, (b) => (s(), i("td", {
+                key: b.key,
+                class: k([U(b, c, A), { "text-right": b.align === "right" }])
               }, [
-                N(c, A) && m.slot && I(t)[G(m)] ? w(n.$slots, G(m), z({
+                N(c, A) && b.slot && I(t)[G(b)] ? w(n.$slots, G(b), z({
                   key: 0,
                   ref_for: !0
-                }, pe(c, m, A))) : N(c, A) && m.input ? (a(), B(ye, {
+                }, me(c, b, A))) : N(c, A) && b.input ? (s(), B(pe, {
                   key: 1,
-                  type: _(m),
-                  class: k(Pe(m)),
-                  placeholder: We(m),
-                  "model-value": _e(c, m, A),
-                  disabled: Xe(m, c, A),
-                  maxlength: m.maxlength,
-                  "error-message": Ge(c, m),
+                  type: _(b),
+                  class: k(Pe(b)),
+                  placeholder: We(b),
+                  "model-value": _e(c, b, A),
+                  disabled: Xe(b, c, A),
+                  maxlength: b.maxlength,
+                  "error-message": Ge(c, b),
                   "helper-text": "",
-                  "onUpdate:modelValue": (H) => ae(m.key, H, c),
-                  onBlur: (H) => ae(m.key, H?.target?.value ?? _e(c, m, A), c, "blur")
-                }, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : m.key === "name" && !m.slot ? (a(), i("div", Ka, [
-                  o("div", {
+                  "onUpdate:modelValue": (H) => se(b.key, H, c),
+                  onBlur: (H) => se(b.key, H?.target?.value ?? _e(c, b, A), c, "blur")
+                }, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : b.key === "name" && !b.slot ? (s(), i("div", Ks, [
+                  r("div", {
                     class: "text-sm font-medium truncate",
-                    title: se(c, m)
-                  }, T(se(c, m)), 9, Ua),
-                  J(c) ? (a(), i("span", Ra, T(e.deletedLabel), 1)) : D("", !0)
-                ])) : m.slot ? w(n.$slots, m.slot, z({
+                    title: ae(c, b)
+                  }, T(ae(c, b)), 9, Us),
+                  J(c) ? (s(), i("span", Rs, T(e.deletedLabel), 1)) : D("", !0)
+                ])) : b.slot ? w(n.$slots, b.slot, z({
                   key: 3,
                   ref_for: !0
-                }, pe(c, m, A))) : m.render ? (a(), i("div", {
+                }, me(c, b, A))) : b.render ? (s(), i("div", {
                   key: 4,
-                  innerHTML: m.render(c)
-                }, null, 8, Ha)) : (a(), i("div", qa, T(se(c, m)), 1))
+                  innerHTML: b.render(c)
+                }, null, 8, Hs)) : (s(), i("div", qs, T(ae(c, b)), 1))
               ], 2))), 128)),
-              S.value ? (a(), i("td", Pa, [
-                o("div", Wa, [
+              S.value ? (s(), i("td", Ps, [
+                r("div", Ws, [
                   v.value ? w(n.$slots, "actions", z({
                     key: 0,
                     ref_for: !0
-                  }, pe(c, null, A))) : D("", !0),
-                  e.rowEditing && N(c, A) ? (a(), B(he, {
+                  }, me(c, null, A))) : D("", !0),
+                  e.rowEditing && N(c, A) ? (s(), B(he, {
                     key: 1,
                     type: "button",
                     variant: "tertiary",
                     title: e.cancelLabel,
                     "aria-label": e.cancelLabel,
-                    onClick: (m) => le(c, A)
+                    onClick: (b) => le(c, A)
                   }, {
                     default: O(() => [
                       R(I(dt), { class: "size-4" })
                     ]),
                     _: 1
-                  }, 8, ["title", "aria-label", "onClick"])) : e.rowEditing ? (a(), B(he, {
+                  }, 8, ["title", "aria-label", "onClick"])) : e.rowEditing ? (s(), B(he, {
                     key: 2,
                     type: "button",
                     variant: "warning",
                     disabled: K(c, A),
                     title: e.editLabel,
                     "aria-label": e.editLabel,
-                    onClick: (m) => te(c, A)
+                    onClick: (b) => te(c, A)
                   }, {
                     default: O(() => [
                       R(I(ut), { class: "size-4" })
@@ -2834,13 +2834,13 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
             ], 2))), 128))
           ])
         ])
-      ], 2)) : (a(), i("div", Ga, [
-        o("div", Xa, [
-          (a(), B(Be(e.emptyState.icon), { class: "h-8 w-8 text-gray-400" }))
+      ], 2)) : (s(), i("div", Gs, [
+        r("div", Xs, [
+          (s(), B(Be(e.emptyState.icon), { class: "h-8 w-8 text-gray-400" }))
         ]),
-        o("h3", Qa, T(e.emptyState.title), 1),
-        o("p", Ya, T(e.emptyState.description), 1),
-        e.emptyState.actionText && e.emptyState.actionUrl ? (a(), B(Ce, {
+        r("h3", Qs, T(e.emptyState.title), 1),
+        r("p", Ys, T(e.emptyState.description), 1),
+        e.emptyState.actionText && e.emptyState.actionUrl ? (s(), B(Ce, {
           key: 0,
           href: e.emptyState.actionUrl,
           variant: "primary"
@@ -2853,14 +2853,14 @@ const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" },
       ]))
     ], 2));
   }
-}, Za = {
+}, Zs = {
   install(e) {
-    for (const [s, t] of Object.entries(ct))
-      s !== "EnosVue" && e.component(s, t);
+    for (const [a, t] of Object.entries(ct))
+      a !== "EnosVue" && e.component(a, t);
   }
 };
 export {
-  bt as ActionCard,
+  yt as ActionCard,
   ht as ActionMessage,
   Bt as ActionSection,
   Mt as ApplicationLogo,
@@ -2880,25 +2880,25 @@ export {
   we as Divider,
   Kl as Dropdown,
   Hl as DropdownLink,
-  Za as EnosVue,
+  Zs as EnosVue,
   Xl as FormSection,
   Ke as ImageInput,
   Yl as InputError,
-  ye as InputGroup,
-  ta as InputLabel,
+  pe as InputGroup,
+  ts as InputLabel,
   Ce as LinkButton,
   $e as Modal,
-  aa as NavLink,
+  ss as NavLink,
   Ue as NotationInput,
   Re as RadioInput,
   He as RadioMultipleInput,
-  na as ResponsiveNavLink,
-  ia as SectionBorder,
+  ns as ResponsiveNavLink,
+  is as SectionBorder,
   Se as SectionTitle,
   Fe as SelectInput,
-  ma as SortControls,
-  Da as TableList,
-  Ja as TableListForm,
+  bs as SortControls,
+  Ds as TableList,
+  Js as TableListForm,
   ze as TextArea,
   Oe as TextInput,
   Ve as ThSortable