@enos5/enos-vue 0.1.0

package/dist/index.js

@@ -0,0 +1,2966 @@
+import { ref as z, computed as f, watch as X, openBlock as s, createElementBlock as n, createElementVNode as r, Fragment as P, renderList as W, normalizeClass as _, normalizeStyle as he, toDisplayString as $, createBlock as A, createCommentVNode as O, renderSlot as g, createVNode as E, Transition as Y, withCtx as F, mergeProps as M, useSlots as oe, unref as V, withDirectives as G, vShow as Z, watchEffect as Me, onMounted as J, vModelCheckbox as ze, useAttrs as H, nextTick as de, onBeforeUnmount as Fe, Teleport as Ue, withModifiers as ue, onUnmounted as ve, isRef as ie, createTextVNode as ae, resolveDynamicComponent as xe, vModelText as Ne } from "vue";
+import { usePage as Ee, Link as ee } from "@inertiajs/vue3";
+import { useI18n as Ke } from "vue-i18n";
+import { CheckCircleIcon as Re, ExclamationTriangleIcon as we, XMarkIcon as Pe, LockClosedIcon as He, ChevronDownIcon as ce, PhotoIcon as We, ExclamationCircleIcon as qe, ChevronUpIcon as ke, MagnifyingGlassIcon as Ge } from "@heroicons/vue/24/outline";
+const Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get ActionCard() {
+    return tt;
+  },
+  get ActionMessage() {
+    return st;
+  },
+  get ActionSection() {
+    return pt;
+  },
+  get ApplicationLogo() {
+    return ht;
+  },
+  get AuthenticationCard() {
+    return St;
+  },
+  get Badge() {
+    return Ct;
+  },
+  get Banner() {
+    return Lt;
+  },
+  get Card() {
+    return $e;
+  },
+  get CardTabs() {
+    return Se;
+  },
+  get Checkbox() {
+    return Ot;
+  },
+  get CheckboxInput() {
+    return Ce;
+  },
+  get CheckboxMultipleInput() {
+    return Oe;
+  },
+  get ConfirmationModal() {
+    return hl;
+  },
+  get CustomSelect() {
+    return Be;
+  },
+  get DangerButton() {
+    return xl;
+  },
+  get DateInput() {
+    return Ae;
+  },
+  get DialogModal() {
+    return Cl;
+  },
+  get Divider() {
+    return fe;
+  },
+  get Dropdown() {
+    return Vl;
+  },
+  get DropdownLink() {
+    return Al;
+  },
+  get EnosUiPlugin() {
+    return ea;
+  },
+  get FormSection() {
+    return Ol;
+  },
+  get ImageInput() {
+    return je;
+  },
+  get InputError() {
+    return zl;
+  },
+  get InputGroup() {
+    return re;
+  },
+  get InputLabel() {
+    return El;
+  },
+  get Modal() {
+    return me;
+  },
+  get NavLink() {
+    return Kl;
+  },
+  get NotationInput() {
+    return Ie;
+  },
+  get PrimaryButton() {
+    return Pl;
+  },
+  get PrimaryLinkButton() {
+    return ye;
+  },
+  get RadioInput() {
+    return Le;
+  },
+  get RadioMultipleInput() {
+    return De;
+  },
+  get ResponsiveNavLink() {
+    return ql;
+  },
+  get SecondaryButton() {
+    return Xl;
+  },
+  get SecondaryLinkButton() {
+    return Ql;
+  },
+  get SectionBorder() {
+    return es;
+  },
+  get SectionTitle() {
+    return pe;
+  },
+  get SelectInput() {
+    return Te;
+  },
+  get SortControls() {
+    return is;
+  },
+  get TableList() {
+    return Vs;
+  },
+  get TableListForm() {
+    return qs;
+  },
+  get TertiaryButton() {
+    return Xs;
+  },
+  get TertiaryLinkButton() {
+    return Qs;
+  },
+  get TextArea() {
+    return Ve;
+  },
+  get TextInput() {
+    return _e;
+  },
+  get ThSortable() {
+    return be;
+  },
+  get WarningButton() {
+    return Zs;
+  }
+}, Symbol.toStringTag, { value: "Module" })), Je = { class: "border-b border-gray-200/80 bg-gray-50/80 p-2" }, Qe = {
+  role: "tablist",
+  class: "flex rounded-lg bg-white shadow-sm ring-1 ring-gray-200/80 overflow-hidden"
+}, Ye = ["aria-selected", "tabindex", "onClick", "onKeydown"], Se = {
+  __name: "CardTabs",
+  props: {
+    tabs: {
+      type: Array,
+      default: () => [],
+      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,
+      default: ""
+    }
+  },
+  emits: [
+    "update:activeTab",
+    "tab-click"
+  ],
+  setup(e, { emit: a }) {
+    const t = e, l = a, o = z([]), d = f(() => t.tabs.map((h) => h.value)), i = f(() => d.value.includes(t.activeTab) ? t.activeTab : d.value[0] ?? "");
+    X(i, (h) => {
+      h !== t.activeTab && l("update:activeTab", h);
+    }, { immediate: !0 });
+    const u = (h, b) => {
+      o.value[b] = h;
+    }, k = (h) => {
+      !h || h === t.activeTab || (l("update:activeTab", h), l("tab-click", h));
+    }, x = (h) => {
+      o.value[h]?.focus();
+    }, T = (h, b) => {
+      if (t.tabs.length === 0)
+        return;
+      let C = b;
+      switch (h.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          C = (b + 1) % t.tabs.length;
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          C = (b - 1 + t.tabs.length) % t.tabs.length;
+          break;
+        case "Home":
+          C = 0;
+          break;
+        case "End":
+          C = t.tabs.length - 1;
+          break;
+        default:
+          return;
+      }
+      h.preventDefault(), k(t.tabs[C].value), x(C);
+    };
+    return (h, b) => (s(), n("div", Je, [
+      r("div", Qe, [
+        (s(!0), n(P, null, W(e.tabs, (C, p) => (s(), n("button", {
+          key: C.value,
+          ref_for: !0,
+          ref: (L) => u(L, p),
+          type: "button",
+          style: he({ width: `${100 / e.tabs.length}%` }),
+          role: "tab",
+          "aria-selected": i.value === C.value,
+          tabindex: i.value === C.value ? 0 : -1,
+          class: _([
+            "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",
+            i.value === C.value ? "bg-blue-50 text-blue-700 shadow-[inset_0_-2px_0_0_rgb(37_99_235)]" : "text-gray-700 hover:bg-gray-50",
+            {
+              "border-r border-gray-200/80": p !== e.tabs.length - 1
+            }
+          ]),
+          onClick: (L) => k(C.value),
+          onKeydown: (L) => T(L, p)
+        }, $(C.label), 47, Ye))), 128))
+      ])
+    ]));
+  }
+}, Ze = {
+  key: 0,
+  class: "mb-4"
+}, et = {
+  key: 1,
+  class: "text-lg font-semibold text-gray-900 mb-4"
+}, $e = {
+  __name: "Card",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    sticky: {
+      type: Boolean,
+      default: !1
+    },
+    paddingClass: {
+      type: String,
+      default: "p-6 lg:p-8"
+    },
+    cardClass: {
+      type: String,
+      default: ""
+    },
+    overflowClass: {
+      type: String,
+      default: "overflow-visible"
+    },
+    contentClass: {
+      type: String,
+      default: ""
+    },
+    tabs: {
+      type: Array,
+      default: () => [],
+      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,
+      default: ""
+    }
+  },
+  emits: [
+    "update:activeTab",
+    "tab-click"
+  ],
+  setup(e) {
+    const a = e, t = z(""), l = z("right"), o = f(() => a.tabs.findIndex((d) => d.value === a.activeTab));
+    return f(() => a.tabs.findIndex((d) => d.value === t.value)), X(o, (d, i) => {
+      i !== void 0 && i !== -1 && d !== -1 && d !== i && (l.value = d > i ? "right" : "left", t.value = a.activeTab);
+    }), (d, i) => (s(), n("div", {
+      class: _(["bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)]", e.overflowClass, { "sticky top-6 self-start": e.sticky }, e.cardClass])
+    }, [
+      e.tabs.length > 0 ? (s(), A(Se, {
+        key: 0,
+        tabs: e.tabs,
+        "active-tab": e.activeTab,
+        "onUpdate:activeTab": i[0] || (i[0] = (u) => d.$emit("update:activeTab", u)),
+        onTabClick: i[1] || (i[1] = (u) => d.$emit("tab-click", u))
+      }, null, 8, ["tabs", "active-tab"])) : O("", !0),
+      r("div", {
+        class: _(e.paddingClass)
+      }, [
+        d.$slots.customTitle ? (s(), n("div", Ze, [
+          g(d.$slots, "customTitle")
+        ])) : e.title ? (s(), n("h3", et, $(e.title), 1)) : O("", !0),
+        r("div", {
+          class: _(["relative", e.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
+        }, [
+          E(Y, {
+            "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",
+            "leave-active-class": "transition-all duration-200 ease-in-out",
+            "leave-from-class": "translate-x-0 opacity-100",
+            "leave-to-class": l.value === "right" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
+            mode: "out-in"
+          }, {
+            default: F(() => [
+              (s(), n("div", {
+                key: e.activeTab,
+                class: _([e.tabs.length > 0 ? "p-2" : "", e.contentClass])
+              }, [
+                g(d.$slots, "default")
+              ], 2))
+            ]),
+            _: 3
+          }, 8, ["enter-from-class", "leave-to-class"])
+        ], 2)
+      ], 2)
+    ], 2));
+  }
+}, fe = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "Divider",
+  setup(e) {
+    return (a, t) => (s(), n("div", M({ class: "border-t border-gray-200" }, a.$attrs), [
+      g(a.$slots, "default")
+    ], 16));
+  }
+}), tt = {
+  __name: "ActionCard",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    actionsClass: {
+      type: String,
+      default: "space-y-3"
+    }
+  },
+  setup(e) {
+    const a = oe();
+    return (t, l) => (s(), A($e, {
+      title: e.title,
+      "content-class": e.actionsClass
+    }, {
+      default: F(() => [
+        g(t.$slots, "default"),
+        V(a).danger ? (s(), A(fe, {
+          key: 0,
+          class: "mt-6 pt-4"
+        }, {
+          default: F(() => [
+            g(t.$slots, "danger")
+          ]),
+          _: 3
+        })) : O("", !0)
+      ]),
+      _: 3
+    }, 8, ["title", "content-class"]));
+  }
+}, lt = { class: "text-sm text-gray-600" }, st = {
+  __name: "ActionMessage",
+  props: {
+    on: Boolean
+  },
+  setup(e) {
+    return (a, t) => (s(), n("div", null, [
+      E(Y, {
+        "leave-active-class": "transition ease-in duration-1000",
+        "leave-from-class": "opacity-100",
+        "leave-to-class": "opacity-0"
+      }, {
+        default: F(() => [
+          G(r("div", lt, [
+            g(a.$slots, "default")
+          ], 512), [
+            [Z, e.on]
+          ])
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}, ge = (e, a) => {
+  const t = e.__vccOpts || e;
+  for (const [l, o] of a)
+    t[l] = o;
+  return t;
+}, at = {}, nt = { class: "md:col-span-1 flex justify-between" }, ot = { class: "px-4 sm:px-0" }, rt = { class: "text-lg font-medium text-gray-900" }, it = { class: "mt-1 text-sm text-gray-600" }, dt = { class: "px-4 sm:px-0" };
+function ut(e, a) {
+  return s(), n("div", nt, [
+    r("div", ot, [
+      r("h3", rt, [
+        g(e.$slots, "title")
+      ]),
+      r("p", it, [
+        g(e.$slots, "description")
+      ])
+    ]),
+    r("div", dt, [
+      g(e.$slots, "aside")
+    ])
+  ]);
+}
+const pe = /* @__PURE__ */ ge(at, [["render", ut]]), ct = { class: "md:grid md:grid-cols-3 md:gap-6" }, ft = { class: "mt-5 md:mt-0 md:col-span-2" }, gt = { class: "px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg" }, pt = {
+  __name: "ActionSection",
+  setup(e) {
+    return (a, t) => (s(), n("div", ct, [
+      E(pe, null, {
+        title: F(() => [
+          g(a.$slots, "title")
+        ]),
+        description: F(() => [
+          g(a.$slots, "description")
+        ]),
+        _: 3
+      }),
+      r("div", ft, [
+        r("div", gt, [
+          g(a.$slots, "content")
+        ])
+      ])
+    ]));
+  }
+}, mt = {}, yt = {
+  viewBox: "0 0 317 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function bt(e, a) {
+  return s(), n("svg", yt, [...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),
+    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),
+    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 ht = /* @__PURE__ */ ge(mt, [["render", bt]]), vt = {}, xt = { class: "min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100" }, wt = { class: "w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden rounded-lg" };
+function kt(e, a) {
+  return s(), n("div", xt, [
+    r("div", null, [
+      g(e.$slots, "logo")
+    ]),
+    r("div", wt, [
+      g(e.$slots, "default")
+    ])
+  ]);
+}
+const St = /* @__PURE__ */ ge(vt, [["render", kt]]), $t = { class: "sr-only" }, Ct = {
+  __name: "Badge",
+  props: {
+    type: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "dot"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "default",
+      validator: (e) => [
+        "default",
+        "primary",
+        "secondary",
+        "success",
+        "warning",
+        "danger",
+        "info",
+        "gray"
+      ].includes(e)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["xs", "sm", "md", "lg"].includes(e)
+    },
+    rounded: {
+      type: String,
+      default: "full",
+      validator: (e) => ["none", "sm", "md", "lg", "full"].includes(e)
+    }
+  },
+  setup(e) {
+    const a = {
+      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" }
+    }, t = {
+      xs: "px-1.5 py-0.5 text-xs",
+      sm: "px-2 py-0.5 text-xs",
+      md: "px-2.5 py-0.5 text-xs",
+      lg: "px-3 py-1 text-sm"
+    }, l = {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      full: "rounded-full"
+    };
+    return (o, d) => e.type === "dot" ? (s(), n("span", {
+      key: 0,
+      class: _(["inline-flex items-center justify-center w-6 h-6 rounded-full", a[e.color].bg])
+    }, [
+      r("span", {
+        class: _(["w-2 h-2 rounded-full", a[e.color].dot])
+      }, null, 2),
+      r("span", $t, [
+        g(o.$slots, "default")
+      ])
+    ], 2)) : (s(), n("span", {
+      key: 1,
+      class: _(["inline-flex items-center font-medium", [
+        a[e.color].bg,
+        a[e.color].text,
+        t[e.size],
+        l[e.rounded]
+      ]])
+    }, [
+      g(o.$slots, "default")
+    ], 2));
+  }
+}, _t = {
+  key: 0,
+  class: "fixed bottom-4 right-4 z-50"
+}, Vt = { class: "flex items-center" }, Bt = { class: "flex-shrink-0" }, Tt = { class: "ml-3 w-0 flex-1" }, At = { class: "text-sm font-medium text-white" }, jt = { class: "ml-4 flex-shrink-0 flex" }, It = { class: "sr-only" }, Lt = {
+  __name: "Banner",
+  setup(e) {
+    const a = Ee(), { t } = Ke(), l = z(!1), o = z("success"), d = z(""), i = z(!1);
+    let u = null;
+    const k = () => {
+      i.value = !1, setTimeout(() => {
+        l.value = !1;
+      }, 300);
+    }, x = () => {
+      u && clearTimeout(u), l.value = !0, setTimeout(() => {
+        i.value = !0;
+      }, 50), u = setTimeout(() => {
+        k();
+      }, 5e3);
+    };
+    return Me(async () => {
+      const T = a.props.jetstream.flash?.bannerStyle || "success", h = a.props.jetstream.flash?.banner || "";
+      h && (o.value = T, d.value = h, x());
+    }), J(() => {
+      d.value && x();
+    }), (T, h) => l.value ? (s(), n("div", _t, [
+      r("div", {
+        class: _([
+          "transform transition-all duration-300 ease-out shadow-lg rounded-lg p-4 min-w-[300px] max-w-md",
+          i.value ? "translate-y-0 opacity-100" : "translate-y-full opacity-0",
+          o.value === "success" ? "bg-green-600" : "bg-red-600"
+        ])
+      }, [
+        r("div", Vt, [
+          r("div", Bt, [
+            r("div", {
+              class: _([
+                "flex p-2 rounded-full",
+                o.value === "success" ? "bg-green-700" : "bg-red-700"
+              ])
+            }, [
+              o.value === "success" ? (s(), A(V(Re), {
+                key: 0,
+                class: "w-5 h-5 text-white"
+              })) : O("", !0),
+              o.value === "danger" ? (s(), A(V(we), {
+                key: 1,
+                class: "w-5 h-5 text-white"
+              })) : O("", !0)
+            ], 2)
+          ]),
+          r("div", Tt, [
+            r("p", At, $(d.value), 1)
+          ]),
+          r("div", jt, [
+            r("button", {
+              type: "button",
+              class: _(["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", [
+                o.value === "success" ? "hover:bg-green-700 focus:ring-offset-green-600" : "hover:bg-red-700 focus:ring-offset-red-600"
+              ]]),
+              onClick: k
+            }, [
+              r("span", It, $(V(t)("Dismiss")), 1),
+              E(V(Pe), { class: "w-5 h-5" })
+            ], 2)
+          ])
+        ])
+      ], 2)
+    ])) : O("", !0);
+  }
+}, Dt = ["value"], Ot = {
+  __name: "Checkbox",
+  props: {
+    checked: {
+      type: [Array, Boolean],
+      default: !1
+    },
+    value: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["update:checked"],
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = f({
+      get() {
+        return l.checked;
+      },
+      set(d) {
+        t("update:checked", d);
+      }
+    });
+    return (d, i) => G((s(), n("input", {
+      "onUpdate:modelValue": i[0] || (i[0] = (u) => o.value = u),
+      type: "checkbox",
+      value: e.value,
+      class: "rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
+    }, null, 8, Dt)), [
+      [ze, o.value]
+    ]);
+  }
+}, Mt = ["checked", "disabled"], Ce = {
+  __name: "CheckboxInput",
+  props: {
+    modelValue: {
+      type: [Boolean, String, Number, null],
+      default: !1
+    },
+    value: {
+      type: [Boolean, String, Number],
+      default: !0
+    },
+    uncheckedValue: {
+      type: [Boolean, String, Number, null],
+      default: !1
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = f(() => l.modelValue === l.value), d = z(!1), i = () => {
+      d.value = !0;
+    }, u = () => {
+      d.value = !1;
+    }, k = (x) => {
+      t("update:modelValue", x.target.checked ? l.value : l.uncheckedValue);
+    };
+    return (x, T) => (s(), n("label", {
+      class: _(["inline-flex items-center gap-2 rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
+        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",
+        d.value && !e.disabled ? "ring-2 ring-indigo-500/80 ring-offset-2 ring-offset-white" : ""
+      ]])
+    }, [
+      r("input", {
+        type: "checkbox",
+        class: "sr-only",
+        checked: o.value,
+        disabled: e.disabled,
+        onChange: k,
+        onFocus: i,
+        onBlur: u
+      }, null, 40, Mt),
+      r("span", {
+        class: _(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
+          o.value ? "border-current bg-white/15 text-current" : "border-current/70 text-transparent",
+          "rounded"
+        ]])
+      }, " ✓ ", 2),
+      r("span", null, $(e.label), 1)
+    ], 2));
+  }
+}, zt = { class: "relative flex items-center" }, Ft = {
+  key: 0,
+  class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
+}, Ut = ["type", "value", "disabled"], Nt = ["aria-label"], Et = {
+  key: 0,
+  class: "h-5 w-5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Kt = {
+  key: 1,
+  class: "h-5 w-5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Rt = 254, _e = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "TextInput",
+  props: {
+    modelValue: {
+      type: [String, Number, null],
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    disabledClass: {
+      type: String,
+      default: "!bg-gray-200"
+    }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { expose: a, emit: t }) {
+    const l = e, o = t, d = H(), i = z(null), u = z(!1), k = f(() => String(d.type ?? "text")), x = f(() => k.value === "password"), T = f(() => x.value && u.value ? "text" : k.value), h = f(() => l.modelValue ?? ""), b = f(() => {
+      const { class: j, type: U, ...K } = d;
+      return K.maxlength === void 0 && (K.maxlength = Rt), K;
+    }), C = f(() => [
+      "w-full min-w-0 max-w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
+      d.class,
+      x.value ? "pr-10 pl-10" : ""
+    ]), p = () => {
+      u.value = !u.value;
+    }, L = (j) => {
+      if (T.value !== "number")
+        return;
+      j.preventDefault();
+      const U = document.scrollingElement ?? document.documentElement ?? document.body;
+      U && (U.scrollTop += j.deltaY);
+    };
+    return J(() => {
+      i.value?.hasAttribute("autofocus") && i.value.focus();
+    }), a({ focus: () => i.value?.focus() }), (j, U) => (s(), n("div", zt, [
+      x.value ? (s(), n("div", Ft, [
+        E(V(He), { class: "h-5 w-5 text-gray-400" })
+      ])) : O("", !0),
+      r("input", M({
+        ref_key: "input",
+        ref: i
+      }, b.value, {
+        type: T.value,
+        class: [C.value, l.disabled ? l.disabledClass : null],
+        value: h.value,
+        disabled: l.disabled,
+        onInput: U[0] || (U[0] = (K) => o("update:modelValue", K.target.value)),
+        onBlur: U[1] || (U[1] = (K) => o("blur", K)),
+        onWheel: L
+      }), null, 16, Ut),
+      x.value ? (s(), n("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",
+        "aria-label": u.value ? "Hide password" : "Show password",
+        onClick: p
+      }, [
+        u.value ? (s(), n("svg", Et, [...U[2] || (U[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)
+        ])])) : (s(), n("svg", Kt, [...U[3] || (U[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),
+          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, Nt)) : O("", !0)
+    ]));
+  }
+}), Pt = { class: "p-1" }, Ht = ["value", "disabled"], Wt = 1e3, Ve = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "TextArea",
+  props: {
+    modelValue: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    disabledClass: {
+      type: String,
+      default: "!bg-gray-200"
+    },
+    autoResize: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: a, emit: t }) {
+    const l = e, o = t, d = H(), i = z(null), u = f(() => {
+      const { class: h, ...b } = d;
+      return b.maxlength === void 0 && (b.maxlength = Wt), b;
+    }), k = f(() => [
+      "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",
+      d.class
+    ]), x = () => {
+      !l.autoResize || !i.value || (i.value.style.height = "auto", i.value.style.height = `${i.value.scrollHeight}px`);
+    }, T = (h) => {
+      o("update:modelValue", h.target.value), x();
+    };
+    return J(() => {
+      i.value?.hasAttribute("autofocus") && i.value.focus(), de(() => {
+        x();
+      });
+    }), X(() => l.modelValue, () => {
+      de(() => {
+        x();
+      });
+    }), a({ focus: () => i.value?.focus() }), (h, b) => (s(), n("div", Pt, [
+      r("textarea", M({
+        ref_key: "textarea",
+        ref: i
+      }, u.value, {
+        class: [k.value, l.disabled ? l.disabledClass : ""],
+        value: l.modelValue,
+        disabled: l.disabled,
+        onInput: T
+      }), null, 16, Ht)
+    ]));
+  }
+}), qt = ["onClick"], Be = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "CustomSelect",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, null],
+      default: ""
+    },
+    modelModifiers: {
+      type: Object,
+      default: () => ({})
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    placeholderDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    softDeleteAware: {
+      type: Boolean,
+      default: !1
+    },
+    labelKey: {
+      type: String,
+      default: "name"
+    },
+    valueKey: {
+      type: String,
+      default: "id"
+    },
+    deletedKey: {
+      type: String,
+      default: "deleted_at"
+    },
+    optionLabel: {
+      type: Function,
+      default: null
+    },
+    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:ring-2 focus:ring-indigo-500"
+    },
+    normalTextClass: {
+      type: [String, Array, Object],
+      default: "text-gray-900"
+    },
+    deletedSelectedClass: {
+      type: [String, Array, Object],
+      default: "text-red-600"
+    },
+    optionClass: {
+      type: [String, Array, Object],
+      default: "text-[#111827]"
+    },
+    deletedOptionClass: {
+      type: [String, Array, Object],
+      default: "text-[#dc2626]"
+    },
+    placeholderClass: {
+      type: [String, Array, Object],
+      default: "text-[#111827]"
+    },
+    dropdownClass: {
+      type: [String, Array, Object],
+      default: "bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-auto z-50"
+    },
+    dropdownOptionClass: {
+      type: [String, Array, Object],
+      default: "px-4 py-3 hover:bg-gray-100 cursor-pointer transition-colors"
+    },
+    dropdownSelectedClass: {
+      type: [String, Array, Object],
+      default: "bg-blue-50 text-blue-600 font-medium"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, o = H(), d = z(!1), i = z(null), u = z(null), k = z(null), x = z({}), T = (v) => typeof v == "object" && v !== null, h = (v) => T(v) ? v[t.valueKey] : v, b = (v) => t.optionLabel ? t.optionLabel(v) : T(v) ? v[t.labelKey] ?? v[t.valueKey] ?? "" : v, C = (v) => !t.softDeleteAware || !T(v) ? !1 : !!v[t.deletedKey], p = f(() => String(t.modelValue ?? "")), L = f(() => !t.softDeleteAware || p.value === "" ? null : t.options.find((v) => C(v) && String(h(v) ?? "") === p.value) ?? null), j = f(() => t.softDeleteAware ? t.options.filter((v) => !C(v)) : t.options), U = f(() => {
+      if (t.modelValue === null || t.modelValue === void 0 || t.modelValue === "" && !t.options.some((R) => h(R) === ""))
+        return t.placeholder;
+      const v = t.options.find((R) => {
+        const N = h(R);
+        return N === t.modelValue || String(N) === String(t.modelValue);
+      });
+      return v ? b(v) : t.modelValue;
+    }), K = (v) => t.modelModifiers.number ? v === "" ? "" : Number(v) : v, te = () => {
+      t.disabled || (d.value = !d.value);
+    }, le = (v) => {
+      const R = h(v);
+      l("update:modelValue", K(R)), d.value = !1;
+    }, se = () => {
+      t.placeholderDisabled || (l("update:modelValue", K("")), d.value = !1);
+    }, q = () => {
+      if (!u.value)
+        return;
+      const v = u.value.getBoundingClientRect(), R = window.innerWidth, N = window.innerHeight, c = N - v.bottom - 8, m = v.top - 8, y = c < 240 && m > c, D = Math.min(v.width, Math.max(R - v.left - 16, 160)), S = Math.max(Math.min(240, y ? m : c), 120);
+      x.value = {
+        position: "fixed",
+        left: `${Math.max(v.left, 8)}px`,
+        width: `${D}px`,
+        maxHeight: `${S}px`,
+        zIndex: "9999",
+        ...y ? { bottom: `${N - v.top + 1}px` } : { top: `${v.bottom - 1}px` }
+      };
+    }, Q = (v) => {
+      const R = i.value?.contains(v.target), N = k.value?.contains(v.target);
+      !R && !N && (d.value = !1);
+    };
+    return J(() => {
+      document.addEventListener("click", Q), window.addEventListener("resize", q), window.addEventListener("scroll", q, !0);
+    }), Fe(() => {
+      document.removeEventListener("click", Q), window.removeEventListener("resize", q), window.removeEventListener("scroll", q, !0);
+    }), X(d, async (v) => {
+      v && (await de(), q());
+    }), (v, R) => (s(), n("div", {
+      ref_key: "rootRef",
+      ref: i,
+      class: "relative",
+      onClick: te
+    }, [
+      r("div", M({
+        ref_key: "triggerRef",
+        ref: u,
+        class: [
+          e.baseClass,
+          L.value ? e.deletedSelectedClass : e.normalTextClass,
+          "flex items-center justify-between cursor-pointer",
+          V(o).class
+        ]
+      }, V(o), { tabindex: "0" }), [
+        r("span", {
+          class: _({ "text-gray-400": !e.modelValue && e.placeholder })
+        }, $(U.value), 3),
+        E(V(ce), {
+          class: _(["size-5 text-gray-400 transition-transform", { "rotate-180": d.value }])
+        }, null, 8, ["class"])
+      ], 16),
+      E(Y, {
+        "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",
+        "leave-active-class": "transition-all duration-150 ease-in",
+        "leave-from-class": "opacity-100 transform scale-100 translate-y-0",
+        "leave-to-class": "opacity-0 transform scale-95 -translate-y-2"
+      }, {
+        default: F(() => [
+          (s(), A(Ue, { to: "body" }, [
+            d.value ? (s(), n("div", {
+              key: 0,
+              ref_key: "dropdownMenuRef",
+              ref: k,
+              class: _(e.dropdownClass),
+              style: he(x.value)
+            }, [
+              e.placeholder ? (s(), n("div", {
+                key: 0,
+                class: _([
+                  e.dropdownOptionClass,
+                  e.placeholderClass,
+                  { "text-gray-400": !e.modelValue }
+                ]),
+                onClick: ue(se, ["stop"])
+              }, $(e.placeholder), 3)) : O("", !0),
+              L.value ? (s(), n("div", {
+                key: 1,
+                class: _([
+                  e.dropdownOptionClass,
+                  e.deletedOptionClass,
+                  e.dropdownSelectedClass
+                ])
+              }, $(b(L.value)), 3)) : O("", !0),
+              (s(!0), n(P, null, W(j.value, (N) => (s(), n("div", {
+                key: String(h(N)),
+                class: _([
+                  e.dropdownOptionClass,
+                  e.optionClass,
+                  {
+                    [e.dropdownSelectedClass]: h(N) === e.modelValue || String(h(N)) === String(e.modelValue),
+                    "rounded-b-lg": N === j.value[j.value.length - 1] && !e.placeholder,
+                    "rounded-lg": !e.placeholder && j.value.length === 1
+                  }
+                ]),
+                onClick: ue((c) => le(N), ["stop"])
+              }, $(b(N)), 11, qt))), 128))
+            ], 6)) : O("", !0)
+          ]))
+        ]),
+        _: 1
+      })
+    ], 512));
+  }
+}), Te = {
+  __name: "SelectInput",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, null],
+      default: ""
+    },
+    modelModifiers: {
+      type: Object,
+      default: () => ({})
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    placeholderDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    softDeleteAware: {
+      type: Boolean,
+      default: !1
+    },
+    labelKey: {
+      type: String,
+      default: "name"
+    },
+    valueKey: {
+      type: String,
+      default: "id"
+    },
+    deletedKey: {
+      type: String,
+      default: "deleted_at"
+    },
+    optionLabel: {
+      type: Function,
+      default: null
+    },
+    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"
+    },
+    normalTextClass: {
+      type: [String, Array, Object],
+      default: "text-gray-900"
+    },
+    deletedSelectedClass: {
+      type: [String, Array, Object],
+      default: "text-red-600"
+    },
+    optionClass: {
+      type: [String, Array, Object],
+      default: "text-[#111827]"
+    },
+    deletedOptionClass: {
+      type: [String, Array, Object],
+      default: "text-[#dc2626]"
+    },
+    placeholderClass: {
+      type: [String, Array, Object],
+      default: "text-[#111827]"
+    },
+    dropdownClass: {
+      type: [String, Array, Object],
+      default: "bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-auto z-50"
+    },
+    dropdownOptionClass: {
+      type: [String, Array, Object],
+      default: "px-4 py-3 hover:bg-gray-100 cursor-pointer transition-colors"
+    },
+    dropdownSelectedClass: {
+      type: [String, Array, Object],
+      default: "bg-indigo-50 text-indigo-600 font-medium"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = a;
+    return (l, o) => (s(), A(Be, M({
+      "model-value": e.modelValue,
+      "model-modifiers": e.modelModifiers,
+      options: e.options,
+      placeholder: e.placeholder,
+      "placeholder-disabled": e.placeholderDisabled,
+      disabled: e.disabled,
+      "soft-delete-aware": e.softDeleteAware,
+      "label-key": e.labelKey,
+      "value-key": e.valueKey,
+      "deleted-key": e.deletedKey,
+      "option-label": e.optionLabel,
+      "base-class": e.baseClass,
+      "normal-text-class": e.normalTextClass,
+      "deleted-selected-class": e.deletedSelectedClass,
+      "option-class": e.optionClass,
+      "deleted-option-class": e.deletedOptionClass,
+      "placeholder-class": e.placeholderClass,
+      "dropdown-class": e.dropdownClass,
+      "dropdown-option-class": e.dropdownOptionClass,
+      "dropdown-selected-class": e.dropdownSelectedClass,
+      "onUpdate:modelValue": o[0] || (o[0] = (d) => t("update:modelValue", d))
+    }, 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"]));
+  }
+}, Gt = ["type", "max", "value", "disabled"], Ae = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "DateInput",
+  props: {
+    modelValue: {
+      type: [String, Number, null],
+      default: ""
+    },
+    withTimestamp: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    disabledClass: {
+      type: String,
+      default: "!bg-gray-200"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: a, emit: t }) {
+    const l = e, o = t, d = H(), i = z(null), u = f(() => l.withTimestamp ? "datetime-local" : "date"), k = f(() => l.modelValue ?? ""), x = f(() => {
+      const p = l.withTimestamp ? "9999-12-31T23:59" : "9999-12-31", L = d.max;
+      return typeof L != "string" || L === "" || L > p ? p : L;
+    }), T = f(() => {
+      const { class: p, type: L, ...j } = d;
+      return j;
+    }), h = f(() => [
+      "w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
+      d.class
+    ]), b = (p) => typeof p != "string" ? "" : p.replace(/^(\d{4})\d+/, "$1"), C = (p) => {
+      const L = p.target;
+      if (!L)
+        return;
+      const j = String(L.value ?? ""), U = b(j);
+      U !== j && (L.value = U), o("update:modelValue", U);
+    };
+    return J(() => {
+      i.value?.hasAttribute("autofocus") && i.value.focus();
+    }), a({ focus: () => i.value?.focus() }), (p, L) => (s(), n("input", M({
+      ref_key: "input",
+      ref: i
+    }, T.value, {
+      type: u.value,
+      max: x.value,
+      class: [h.value, l.disabled ? l.disabledClass : null],
+      value: k.value,
+      disabled: l.disabled,
+      onInput: C,
+      onChange: C
+    }), null, 16, Gt));
+  }
+}), Xt = { class: "relative" }, Jt = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, Qt = ["accept"], Yt = {
+  key: 0,
+  class: "mt-4 p-4 bg-gray-50 rounded-lg border border-gray-200"
+}, Zt = { class: "flex items-center space-x-4" }, el = ["src"], tl = { class: "text-sm font-medium text-gray-900" }, ll = { class: "text-xs text-gray-500" }, je = {
+  __name: "ImageInput",
+  props: {
+    currentImageUrl: {
+      type: String,
+      default: ""
+    },
+    accept: {
+      type: String,
+      default: "image/*"
+    },
+    currentLabel: {
+      type: String,
+      default: "Current logo"
+    },
+    currentSubtext: {
+      type: String,
+      default: "Upload a new logo to replace this one"
+    },
+    attrs: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = (d) => {
+      const i = d.target.files?.[0] ?? null;
+      t("update:modelValue", i);
+    };
+    return (d, i) => (s(), n("div", null, [
+      r("div", Xt, [
+        r("div", Jt, [
+          E(V(We), { class: "size-5 text-gray-400" })
+        ]),
+        r("input", M(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: o
+        }), null, 16, Qt)
+      ]),
+      l.currentImageUrl ? (s(), n("div", Yt, [
+        r("div", Zt, [
+          r("img", {
+            src: l.currentImageUrl,
+            alt: "Current logo",
+            class: "h-16 w-auto max-w-24 object-contain rounded-lg shadow-sm"
+          }, null, 8, el),
+          r("div", null, [
+            r("p", tl, $(l.currentLabel), 1),
+            r("p", ll, $(l.currentSubtext), 1)
+          ])
+        ])
+      ])) : O("", !0)
+    ]));
+  }
+}, sl = { class: "flex h-12 overflow-hidden rounded-lg border border-gray-300 text-sm" }, al = ["disabled", "onClick"], Ie = {
+  __name: "NotationInput",
+  props: {
+    modelValue: {
+      type: [String, Number, null],
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = f(() => l.options.map((u) => u == null ? "" : String(u).trim()).filter((u) => u !== "")), d = (u) => String(u) === String(l.modelValue ?? ""), i = (u) => t("update:modelValue", u);
+    return (u, k) => (s(), n("div", sl, [
+      (s(!0), n(P, null, W(o.value, (x, T) => (s(), n("button", {
+        key: `notation-${T}-${x}`,
+        type: "button",
+        class: _(["flex-1 border-l border-gray-300 px-2 text-center font-semibold transition-colors duration-150 first:border-l-0", [
+          T === 0 ? "rounded-l-lg" : "",
+          T === o.value.length - 1 ? "rounded-r-lg" : "",
+          d(x) ? "bg-indigo-600 text-white" : "bg-white text-gray-700 hover:bg-gray-50",
+          "focus-visible:ring-2   "
+        ]]),
+        disabled: e.disabled,
+        onClick: (h) => i(x)
+      }, $(x), 11, al))), 128))
+    ]));
+  }
+}, nl = ["name", "value", "checked", "disabled"], Le = {
+  __name: "RadioInput",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, null],
+      default: null
+    },
+    value: {
+      type: [String, Number, Boolean],
+      default: !0
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = f(() => String(l.modelValue ?? "") === String(l.value)), d = z(!1), i = () => {
+      d.value = !0;
+    }, u = () => {
+      d.value = !1;
+    }, k = () => t("update:modelValue", l.value);
+    return (x, T) => (s(), n("label", {
+      class: _(["inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
+        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",
+        d.value && !e.disabled ? "ring-2 ring-indigo-500/80 ring-offset-2 ring-offset-white" : ""
+      ]])
+    }, [
+      r("input", {
+        type: "radio",
+        class: "sr-only",
+        name: e.name,
+        value: e.value,
+        checked: o.value,
+        disabled: e.disabled,
+        onChange: k,
+        onFocus: i,
+        onBlur: u
+      }, null, 40, nl),
+      r("span", null, $(o.value ? "✓" : "○") + " " + $(e.label), 1)
+    ], 2));
+  }
+}, ol = { class: "flex flex-wrap gap-3" }, De = {
+  __name: "RadioMultipleInput",
+  props: {
+    modelValue: {
+      type: [String, Number, null],
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = f(() => l.options.map((i) => i == null ? "" : String(i).trim()).filter((i) => i !== "")), d = (i) => t("update:modelValue", i);
+    return (i, u) => (s(), n("div", ol, [
+      (s(!0), n(P, null, W(o.value, (k) => (s(), A(re, {
+        key: `radio-${e.name ?? "group"}-${k}`,
+        type: "radio-input",
+        "model-value": l.modelValue,
+        name: e.name,
+        value: k,
+        label: k,
+        disabled: e.disabled,
+        "onUpdate:modelValue": d
+      }, null, 8, ["model-value", "name", "value", "label", "disabled"]))), 128))
+    ]));
+  }
+}, rl = ["for"], il = {
+  key: 1,
+  class: "text-xs text-gray-500 mb-1 block break-all"
+}, dl = {
+  key: 14,
+  class: "flex items-center mt-2 text-sm text-red-600"
+}, ne = "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", re = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "InputGroup",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    helperText: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: [String, Number, Boolean, Array, null],
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    disabledClass: {
+      type: String,
+      default: "!bg-gray-200"
+    },
+    modelModifiers: {
+      type: Object,
+      default: () => ({})
+    },
+    withTimestamp: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    placeholderDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    softDeleteAware: {
+      type: Boolean,
+      default: !1
+    },
+    labelKey: {
+      type: String,
+      default: "name"
+    },
+    valueKey: {
+      type: String,
+      default: "id"
+    },
+    deletedKey: {
+      type: String,
+      default: "deleted_at"
+    },
+    optionLabel: {
+      type: Function,
+      default: null
+    },
+    baseClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    normalTextClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    deletedSelectedClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    optionClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    deletedOptionClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    placeholderClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    accept: {
+      type: String,
+      default: void 0
+    },
+    currentImageUrl: {
+      type: String,
+      default: ""
+    },
+    currentLabel: {
+      type: String,
+      default: "Current logo"
+    },
+    currentSubtext: {
+      type: String,
+      default: "Upload a new logo to replace this one"
+    }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, o = H(), d = (I) => l("update:modelValue", I), i = f(() => !!t.errorMessage), u = f(() => C.value || p.value), k = f(() => {
+      const I = o.id;
+      return typeof I == "string" && I !== "" ? I : void 0;
+    }), x = [
+      "text",
+      "email",
+      "password",
+      "number",
+      "time",
+      "url",
+      "tel",
+      "search",
+      "month",
+      "week",
+      "color"
+    ], T = [], h = f(() => t.type === "image"), b = f(() => t.type === "notation"), C = f(() => t.type === "checkbox-input"), p = f(() => t.type === "radio-input"), L = f(() => t.type === "checkbox"), j = f(() => t.type === "radio"), U = f(() => t.type === "date" || t.type === "datetime-local"), K = f(() => t.type === "textarea"), te = f(() => t.type === "select"), le = f(() => x.includes(t.type)), se = f(() => T.includes(t.type)), q = f(() => ({
+      ...o,
+      class: [ne, o.class],
+      type: t.type,
+      modelValue: t.modelValue,
+      disabled: t.disabled,
+      disabledClass: t.disabledClass
+    })), Q = f(() => ({
+      ...o,
+      class: [ne, o.class],
+      modelValue: t.modelValue,
+      disabled: t.disabled,
+      disabledClass: t.disabledClass
+    })), v = f(() => ({
+      ...o,
+      class: [ne, o.class],
+      modelValue: t.modelValue,
+      withTimestamp: t.type === "datetime-local" || t.withTimestamp,
+      disabled: t.disabled,
+      disabledClass: t.disabledClass
+    })), R = f(() => {
+      const I = {
+        ...o,
+        class: [ne, o.class],
+        modelValue: t.modelValue,
+        modelModifiers: t.modelModifiers,
+        options: t.options,
+        placeholder: t.placeholder,
+        placeholderDisabled: t.placeholderDisabled,
+        disabled: t.disabled,
+        softDeleteAware: t.softDeleteAware,
+        labelKey: t.labelKey,
+        valueKey: t.valueKey,
+        deletedKey: t.deletedKey,
+        optionLabel: t.optionLabel
+      };
+      return t.baseClass !== void 0 && (I.baseClass = t.baseClass), t.normalTextClass !== void 0 && (I.normalTextClass = t.normalTextClass), t.deletedSelectedClass !== void 0 && (I.deletedSelectedClass = t.deletedSelectedClass), t.optionClass !== void 0 && (I.optionClass = t.optionClass), t.deletedOptionClass !== void 0 && (I.deletedOptionClass = t.deletedOptionClass), t.placeholderClass !== void 0 && (I.placeholderClass = t.placeholderClass), I;
+    }), N = f(() => ({
+      ...o,
+      modelValue: t.modelValue,
+      options: t.options,
+      disabled: t.disabled
+    })), c = f(() => ({
+      ...o,
+      modelValue: t.modelValue,
+      options: t.options,
+      disabled: t.disabled
+    })), m = f(() => ({
+      ...o,
+      modelValue: t.modelValue,
+      options: t.options,
+      name: t.name ?? o.name,
+      disabled: t.disabled
+    })), y = f(() => ({
+      ...o,
+      modelValue: t.modelValue,
+      label: t.label || o.label || "",
+      disabled: t.disabled
+    })), D = f(() => ({
+      ...o,
+      modelValue: t.modelValue,
+      label: t.label || o.label || "",
+      name: t.name ?? o.name,
+      disabled: t.disabled
+    })), S = f(() => ({
+      ...o,
+      accept: t.accept ?? o.accept ?? "image/*",
+      modelValue: t.modelValue,
+      currentImageUrl: t.currentImageUrl,
+      currentLabel: t.currentLabel,
+      currentSubtext: t.currentSubtext
+    }));
+    return (I, w) => (s(), n("div", null, [
+      e.label && !u.value ? (s(), n("label", {
+        key: 0,
+        for: k.value,
+        class: "text-base font-semibold text-gray-900 mb-1 block"
+      }, $(e.label), 9, rl)) : O("", !0),
+      e.helperText && !u.value ? (s(), n("span", il, $(e.helperText), 1)) : O("", !0),
+      K.value ? (s(), A(Ve, M({ key: 2 }, Q.value, {
+        "onUpdate:modelValue": w[0] || (w[0] = (B) => l("update:modelValue", B)),
+        onBlur: w[1] || (w[1] = (B) => l("blur", B))
+      }), null, 16)) : te.value ? (s(), A(Te, M({ key: 3 }, R.value, {
+        "onUpdate:modelValue": w[2] || (w[2] = (B) => l("update:modelValue", B)),
+        onBlur: w[3] || (w[3] = (B) => l("blur", B))
+      }), null, 16)) : U.value ? (s(), A(Ae, M({ key: 4 }, v.value, {
+        "onUpdate:modelValue": w[4] || (w[4] = (B) => l("update:modelValue", B)),
+        onBlur: w[5] || (w[5] = (B) => l("blur", B))
+      }), null, 16)) : le.value ? (s(), A(_e, M({ key: 5 }, q.value, {
+        "onUpdate:modelValue": w[6] || (w[6] = (B) => l("update:modelValue", B)),
+        onBlur: w[7] || (w[7] = (B) => l("blur", B))
+      }), null, 16)) : h.value ? (s(), A(je, M({ key: 6 }, S.value, {
+        "onUpdate:modelValue": w[8] || (w[8] = (B) => l("update:modelValue", B)),
+        onBlur: w[9] || (w[9] = (B) => l("blur", B))
+      }), null, 16)) : C.value ? (s(), A(Ce, M({ key: 7 }, y.value, {
+        "onUpdate:modelValue": w[10] || (w[10] = (B) => l("update:modelValue", B)),
+        onBlur: w[11] || (w[11] = (B) => l("blur", B))
+      }), null, 16)) : p.value ? (s(), A(Le, M({ key: 8 }, D.value, {
+        "onUpdate:modelValue": w[12] || (w[12] = (B) => l("update:modelValue", B)),
+        onBlur: w[13] || (w[13] = (B) => l("blur", B))
+      }), null, 16)) : b.value ? (s(), A(Ie, M({ key: 9 }, N.value, {
+        "onUpdate:modelValue": w[14] || (w[14] = (B) => l("update:modelValue", B)),
+        onBlur: w[15] || (w[15] = (B) => l("blur", B))
+      }), null, 16)) : L.value ? (s(), A(Oe, M({ key: 10 }, c.value, {
+        "onUpdate:modelValue": w[16] || (w[16] = (B) => l("update:modelValue", B)),
+        onBlur: w[17] || (w[17] = (B) => l("blur", B))
+      }), null, 16)) : j.value ? (s(), A(De, M({ key: 11 }, m.value, {
+        "onUpdate:modelValue": w[18] || (w[18] = (B) => l("update:modelValue", B)),
+        onBlur: w[19] || (w[19] = (B) => l("blur", B))
+      }), null, 16)) : se.value ? g(I.$slots, "unsupported-type", {
+        key: 12,
+        type: e.type,
+        modelValue: e.modelValue,
+        updateValue: d,
+        attrs: V(o)
+      }) : g(I.$slots, "unsupported-type", {
+        key: 13,
+        type: e.type,
+        modelValue: e.modelValue,
+        updateValue: d,
+        attrs: V(o)
+      }),
+      i.value ? (s(), n("div", dl, [
+        E(V(qe), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
+        r("span", null, $(e.errorMessage), 1)
+      ])) : O("", !0)
+    ]));
+  }
+}), ul = { class: "flex flex-wrap gap-3" }, Oe = {
+  __name: "CheckboxMultipleInput",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = a, l = e, o = f(() => l.options.map((u) => u == null ? "" : String(u).trim()).filter((u) => u !== "")), d = (u) => Array.isArray(l.modelValue) && l.modelValue.includes(u), i = (u, k) => {
+      const x = Array.isArray(l.modelValue) ? [...l.modelValue] : [], T = x.indexOf(u);
+      k && T === -1 ? x.push(u) : !k && T !== -1 && x.splice(T, 1), t("update:modelValue", x);
+    };
+    return (u, k) => (s(), n("div", ul, [
+      (s(!0), n(P, null, W(o.value, (x) => (s(), A(re, {
+        key: `checkbox-${x}`,
+        type: "checkbox-input",
+        "model-value": d(x),
+        value: !0,
+        "unchecked-value": !1,
+        label: x,
+        disabled: e.disabled,
+        "onUpdate:modelValue": (T) => i(x, T)
+      }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]))), 128))
+    ]));
+  }
+}, me = {
+  __name: "Modal",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    maxWidth: {
+      type: String,
+      default: "2xl"
+    },
+    closeable: {
+      type: Boolean,
+      default: !0
+    },
+    position: {
+      type: String,
+      default: "center",
+      validator: (e) => ["top", "center", "bottom"].includes(e)
+    }
+  },
+  emits: ["close"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, o = z(), d = z(t.show);
+    X(() => t.show, () => {
+      t.show ? (document.body.style.overflow = "hidden", d.value = !0, o.value?.showModal()) : (document.body.style.overflow = null, setTimeout(() => {
+        o.value?.close(), d.value = !1;
+      }, 200));
+    });
+    const i = () => {
+      t.closeable && l("close");
+    }, u = (T) => {
+      T.key === "Escape" && (T.preventDefault(), t.show && i());
+    };
+    J(() => document.addEventListener("keydown", u)), ve(() => {
+      document.removeEventListener("keydown", u), document.body.style.overflow = null;
+    });
+    const k = f(() => ({
+      sm: "sm:max-w-sm",
+      md: "sm:max-w-md",
+      lg: "sm:max-w-lg",
+      xl: "sm:max-w-xl",
+      "2xl": "sm:max-w-2xl"
+    })[t.maxWidth]), x = f(() => {
+      switch (t.position) {
+        case "top":
+          return "flex-col items-center pt-16";
+        case "bottom":
+          return "flex-col items-center justify-end pb-16";
+        default:
+          return "items-center justify-center";
+      }
+    });
+    return (T, h) => (s(), n("dialog", {
+      class: "z-50 m-0 min-h-full min-w-full overflow-y-auto bg-transparent backdrop:bg-transparent",
+      ref_key: "dialog",
+      ref: o
+    }, [
+      r("div", {
+        class: _(["fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50 flex", x.value])
+      }, [
+        E(Y, {
+          "enter-active-class": "ease-out duration-300",
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-active-class": "ease-in duration-200",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: F(() => [
+            G(r("div", {
+              class: "fixed inset-0 transform transition-all",
+              onClick: i
+            }, [...h[0] || (h[0] = [
+              r("div", { class: "absolute inset-0 bg-gray-500 opacity-75" }, null, -1)
+            ])], 512), [
+              [Z, e.show]
+            ])
+          ]),
+          _: 1
+        }),
+        E(Y, {
+          "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",
+          "leave-active-class": "ease-in duration-200",
+          "leave-from-class": "opacity-100 translate-y-0 sm:scale-100",
+          "leave-to-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+        }, {
+          default: F(() => [
+            G(r("div", {
+              class: _(["mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto", k.value])
+            }, [
+              d.value ? g(T.$slots, "default", { key: 0 }) : O("", !0)
+            ], 2), [
+              [Z, e.show]
+            ])
+          ]),
+          _: 3
+        })
+      ], 2)
+    ], 512));
+  }
+}, cl = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, fl = { class: "sm:flex sm:items-start" }, gl = { class: "mx-auto shrink-0 flex items-center justify-center size-12 rounded-full bg-red-100 sm:mx-0 sm:size-10" }, pl = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" }, ml = { class: "text-lg font-medium text-gray-900" }, yl = { class: "mt-4 text-sm text-gray-600" }, bl = { class: "flex flex-col-reverse lg:flex-row lg:justify-end px-6 py-4 bg-gray-100 text-end gap-4 lg:gap-0" }, hl = {
+  __name: "ConfirmationModal",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    maxWidth: {
+      type: String,
+      default: "2xl"
+    },
+    closeable: {
+      type: Boolean,
+      default: !0
+    },
+    position: {
+      type: String,
+      default: "center",
+      validator: (e) => ["top", "center", "bottom"].includes(e)
+    }
+  },
+  emits: ["close"],
+  setup(e, { emit: a }) {
+    const t = a, l = () => {
+      t("close");
+    };
+    return (o, d) => (s(), A(me, {
+      show: e.show,
+      "max-width": e.maxWidth,
+      closeable: e.closeable,
+      position: e.position,
+      onClose: l
+    }, {
+      default: F(() => [
+        r("div", cl, [
+          r("div", fl, [
+            r("div", gl, [
+              E(V(we), { class: "size-6 text-red-600" })
+            ]),
+            r("div", pl, [
+              r("h3", ml, [
+                g(o.$slots, "title")
+              ]),
+              r("div", yl, [
+                g(o.$slots, "content")
+              ])
+            ])
+          ])
+        ]),
+        r("div", bl, [
+          g(o.$slots, "footer")
+        ])
+      ]),
+      _: 3
+    }, 8, ["show", "max-width", "closeable", "position"]));
+  }
+}, vl = ["type", "disabled"], xl = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "DangerButton",
+  props: {
+    type: {
+      type: String,
+      default: "button"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const a = H();
+    return (t, l) => (s(), n("button", M(V(a), {
+      type: e.type,
+      disabled: e.disabled,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg border border-red-300 bg-red-50 p-3 py-2 text-sm font-medium text-red-700 transition-all duration-200 hover:bg-red-100 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-red-50"
+    }), [
+      g(t.$slots, "default")
+    ], 16, vl));
+  }
+}), wl = { class: "px-6 py-4" }, kl = { class: "text-lg font-medium text-gray-900" }, Sl = { class: "mt-4 text-sm text-gray-600" }, $l = { class: "flex flex-row justify-end px-6 py-4 bg-gray-100 text-end" }, Cl = {
+  __name: "DialogModal",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    maxWidth: {
+      type: String,
+      default: "2xl"
+    },
+    closeable: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["close"],
+  setup(e, { emit: a }) {
+    const t = a, l = () => {
+      t("close");
+    };
+    return (o, d) => (s(), A(me, {
+      show: e.show,
+      "max-width": e.maxWidth,
+      closeable: e.closeable,
+      onClose: l
+    }, {
+      default: F(() => [
+        r("div", wl, [
+          r("div", kl, [
+            g(o.$slots, "title")
+          ]),
+          r("div", Sl, [
+            g(o.$slots, "content")
+          ])
+        ]),
+        r("div", $l, [
+          g(o.$slots, "footer")
+        ])
+      ]),
+      _: 3
+    }, 8, ["show", "max-width", "closeable"]));
+  }
+}, _l = { class: "relative" }, Vl = {
+  __name: "Dropdown",
+  props: {
+    align: {
+      type: String,
+      default: "right"
+    },
+    width: {
+      type: String,
+      default: "48"
+    },
+    contentClasses: {
+      type: Array,
+      default: () => ["py-1", "bg-white"]
+    }
+  },
+  setup(e) {
+    const a = e;
+    let t = z(!1);
+    const l = (i) => {
+      t.value && i.key === "Escape" && (t.value = !1);
+    };
+    J(() => document.addEventListener("keydown", l)), ve(() => document.removeEventListener("keydown", l));
+    const o = f(() => ({
+      48: "w-48"
+    })[a.width.toString()]), d = f(() => a.align === "left" ? "ltr:origin-top-left rtl:origin-top-right start-0" : a.align === "right" ? "ltr:origin-top-right rtl:origin-top-left end-0" : "origin-top");
+    return (i, u) => (s(), n("div", _l, [
+      r("div", {
+        onClick: u[0] || (u[0] = (k) => ie(t) ? t.value = !V(t) : t = !V(t))
+      }, [
+        g(i.$slots, "trigger", { open: V(t) })
+      ]),
+      G(r("div", {
+        class: "fixed inset-0 z-40",
+        onClick: u[1] || (u[1] = (k) => ie(t) ? t.value = !1 : t = !1)
+      }, null, 512), [
+        [Z, V(t)]
+      ]),
+      E(Y, {
+        "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",
+        "leave-active-class": "transition-all duration-200 ease-in",
+        "leave-from-class": "transform opacity-100 scale-100 translate-y-0",
+        "leave-to-class": "transform opacity-0 scale-95 translate-y-2"
+      }, {
+        default: F(() => [
+          G(r("div", {
+            class: _(["absolute z-50 mt-2 rounded-xl shadow-xl shadow-gray-900/10", [o.value, d.value]]),
+            style: { display: "none" },
+            onClick: u[2] || (u[2] = (k) => ie(t) ? t.value = !1 : t = !1)
+          }, [
+            r("div", {
+              class: _(["rounded-xl ring-1 ring-gray-200/60 backdrop-blur-sm bg-white/95", e.contentClasses])
+            }, [
+              g(i.$slots, "content")
+            ], 2)
+          ], 2), [
+            [Z, V(t)]
+          ])
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}, Bl = {
+  key: 0,
+  type: "submit",
+  class: "block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
+}, Tl = ["href"], Al = {
+  __name: "DropdownLink",
+  props: {
+    href: String,
+    as: String
+  },
+  setup(e) {
+    return (a, t) => (s(), n("div", null, [
+      e.as == "button" ? (s(), n("button", Bl, [
+        g(a.$slots, "default")
+      ])) : e.as == "a" ? (s(), n("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"
+      }, [
+        g(a.$slots, "default")
+      ], 8, Tl)) : (s(), A(V(ee), {
+        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: F(() => [
+          g(a.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["href"]))
+    ]));
+  }
+}, jl = { class: "md:grid md:grid-cols-3 md:gap-6" }, Il = { class: "mt-5 md:mt-0 md:col-span-2 shadow sm:rounded-lg" }, Ll = { class: "grid grid-cols-6 gap-6" }, Dl = {
+  key: 0,
+  class: "flex items-center justify-start px-3 pb-6 bg-white text-end sm:rounded-bl-md sm:rounded-br-md"
+}, Ol = {
+  __name: "FormSection",
+  emits: ["submitted"],
+  setup(e) {
+    const a = f(() => !!oe().actions);
+    return (t, l) => (s(), n("div", jl, [
+      E(pe, null, {
+        title: F(() => [
+          g(t.$slots, "title")
+        ]),
+        description: F(() => [
+          g(t.$slots, "description")
+        ]),
+        _: 3
+      }),
+      r("div", Il, [
+        r("form", {
+          onSubmit: l[0] || (l[0] = ue((o) => t.$emit("submitted"), ["prevent"]))
+        }, [
+          r("div", {
+            class: _(["px-4 py-5 bg-white sm:p-6", a.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
+          }, [
+            r("div", Ll, [
+              g(t.$slots, "form")
+            ])
+          ], 2),
+          a.value ? (s(), n("div", Dl, [
+            g(t.$slots, "actions")
+          ])) : O("", !0)
+        ], 32)
+      ])
+    ]));
+  }
+}, Ml = { class: "text-sm text-red-600" }, zl = {
+  __name: "InputError",
+  props: {
+    message: String
+  },
+  setup(e) {
+    return (a, t) => G((s(), n("div", null, [
+      r("p", Ml, $(e.message), 1)
+    ], 512)), [
+      [Z, e.message]
+    ]);
+  }
+}, Fl = { class: "block font-medium text-sm text-gray-700" }, Ul = { key: 0 }, Nl = { key: 1 }, El = {
+  __name: "InputLabel",
+  props: {
+    value: String
+  },
+  setup(e) {
+    return (a, t) => (s(), n("label", Fl, [
+      e.value ? (s(), n("span", Ul, $(e.value), 1)) : (s(), n("span", Nl, [
+        g(a.$slots, "default")
+      ]))
+    ]));
+  }
+}, Kl = {
+  __name: "NavLink",
+  props: {
+    href: String,
+    active: Boolean
+  },
+  setup(e) {
+    const a = e, t = f(() => 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(), A(V(ee), {
+      href: e.href,
+      class: _(t.value)
+    }, {
+      default: F(() => [
+        g(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["href", "class"]));
+  }
+}, Rl = ["type", "disabled"], Pl = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "PrimaryButton",
+  props: {
+    type: {
+      type: String,
+      default: "submit"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const a = H();
+    return (t, l) => (s(), n("button", M(V(a), {
+      type: e.type,
+      disabled: e.disabled,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:from-blue-500 disabled:hover:to-blue-600"
+    }), [
+      g(t.$slots, "default")
+    ], 16, Rl));
+  }
+}), Hl = ["href", "title", "target", "rel"], ye = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "PrimaryLinkButton",
+  props: {
+    href: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: null
+    },
+    external: {
+      type: Boolean,
+      default: !1
+    },
+    target: {
+      type: String,
+      default: null
+    },
+    rel: {
+      type: String,
+      default: null
+    }
+  },
+  setup(e) {
+    const a = H();
+    return (t, l) => e.external ? (s(), n("a", M({ key: 1 }, V(a), {
+      href: e.href,
+      title: e.title,
+      target: e.target,
+      rel: e.rel,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+    }), [
+      g(t.$slots, "default")
+    ], 16, Hl)) : (s(), A(V(ee), M({ key: 0 }, V(a), {
+      href: e.href,
+      title: e.title,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+    }), {
+      default: F(() => [
+        g(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["href", "title"]));
+  }
+}), Wl = ["href"], ql = {
+  __name: "ResponsiveNavLink",
+  props: {
+    active: Boolean,
+    href: String,
+    as: String
+  },
+  setup(e) {
+    const a = e, t = f(() => 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(), n("div", null, [
+      e.as == "button" ? (s(), n("button", {
+        key: 0,
+        class: _([t.value, "w-full text-start"])
+      }, [
+        g(l.$slots, "default")
+      ], 2)) : e.as == "a" ? (s(), n("a", {
+        key: 1,
+        class: _([t.value, "w-full text-start"]),
+        href: e.href
+      }, [
+        g(l.$slots, "default")
+      ], 10, Wl)) : (s(), A(V(ee), {
+        key: 2,
+        href: e.href,
+        class: _(t.value)
+      }, {
+        default: F(() => [
+          g(l.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["href", "class"]))
+    ]));
+  }
+}, Gl = ["type", "disabled"], Xl = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "SecondaryButton",
+  props: {
+    type: {
+      type: String,
+      default: "button"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const a = H();
+    return (t, l) => (s(), n("button", M(V(a), {
+      type: e.type,
+      disabled: e.disabled,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-green-500 to-green-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-green-600 hover:to-green-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:from-green-500 disabled:hover:to-green-600"
+    }), [
+      g(t.$slots, "default")
+    ], 16, Gl));
+  }
+}), Jl = ["href", "title", "target", "rel"], Ql = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "SecondaryLinkButton",
+  props: {
+    href: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: null
+    },
+    external: {
+      type: Boolean,
+      default: !1
+    },
+    target: {
+      type: String,
+      default: null
+    },
+    rel: {
+      type: String,
+      default: null
+    }
+  },
+  setup(e) {
+    const a = H();
+    return (t, l) => e.external ? (s(), n("a", M({ key: 1 }, V(a), {
+      href: e.href,
+      title: e.title,
+      target: e.target,
+      rel: e.rel,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-green-500 to-green-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-green-600 hover:to-green-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2"
+    }), [
+      g(t.$slots, "default")
+    ], 16, Jl)) : (s(), A(V(ee), M({ key: 0 }, V(a), {
+      href: e.href,
+      title: e.title,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-green-500 to-green-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-green-600 hover:to-green-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2"
+    }), {
+      default: F(() => [
+        g(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["href", "title"]));
+  }
+}), Yl = { class: "hidden sm:block" }, Zl = { class: "py-8" }, es = {
+  __name: "SectionBorder",
+  setup(e) {
+    return (a, t) => (s(), n("div", Yl, [
+      r("div", Zl, [
+        E(fe)
+      ])
+    ]));
+  }
+}, ts = { class: "bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl px-6 py-4" }, ls = { class: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4" }, ss = { class: "flex items-center gap-3" }, as = { class: "text-sm font-medium text-gray-700" }, ns = { class: "flex flex-wrap items-center gap-2" }, os = ["onClick"], rs = { class: "text-xs text-gray-500" }, is = {
+  __name: "SortControls",
+  props: {
+    fields: {
+      type: Array,
+      required: !0,
+      validator: (e) => e.every(
+        (a) => typeof a == "object" && a.key && a.label
+      )
+    },
+    currentSortField: {
+      type: String,
+      default: ""
+    },
+    currentDirection: {
+      type: String,
+      default: "asc",
+      validator: (e) => ["asc", "desc"].includes(e)
+    },
+    count: {
+      type: Number,
+      default: 0
+    },
+    countLabel: {
+      type: String,
+      default: "items"
+    },
+    sortByLabel: {
+      type: String,
+      default: "Sort by"
+    }
+  },
+  emits: ["sort"],
+  setup(e, { emit: a }) {
+    const t = a, l = (o) => {
+      t("sort", o);
+    };
+    return (o, d) => (s(), n("div", ts, [
+      r("div", ls, [
+        r("div", ss, [
+          r("label", as, $(e.sortByLabel) + ":", 1),
+          r("div", ns, [
+            (s(!0), n(P, null, W(e.fields, (i) => (s(), n("button", {
+              key: i.key,
+              onClick: (u) => l(i.key),
+              class: _([
+                "px-3 py-1.5 text-sm font-medium rounded-lg transition-all duration-200",
+                e.currentSortField === i.key ? "bg-blue-500 text-white shadow-sm" : "bg-gray-100 text-gray-700 hover:bg-gray-200"
+              ])
+            }, [
+              ae($(i.label) + " ", 1),
+              e.currentSortField === i.key && e.currentDirection === "asc" ? (s(), A(V(ke), {
+                key: 0,
+                class: "w-3 h-3 ml-1 inline"
+              })) : O("", !0),
+              e.currentSortField === i.key && e.currentDirection === "desc" ? (s(), A(V(ce), {
+                key: 1,
+                class: "w-3 h-3 ml-1 inline"
+              })) : O("", !0)
+            ], 10, os))), 128))
+          ])
+        ]),
+        r("div", rs, $(e.count) + " " + $(e.countLabel), 1)
+      ])
+    ]));
+  }
+}, ds = { class: "flex items-center space-x-1" }, us = { class: "flex flex-col" }, be = {
+  __name: "ThSortable",
+  props: {
+    field: {
+      type: String,
+      required: !0
+    },
+    currentSortField: {
+      type: String,
+      default: ""
+    },
+    currentDirection: {
+      type: String,
+      default: "asc"
+    }
+  },
+  setup(e) {
+    const a = e, t = f(() => a.field === a.currentSortField), l = f(() => t.value ? "text-blue-600" : "text-gray-400");
+    return (o, d) => (s(), n("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: d[0] || (d[0] = (i) => o.$emit("sort", e.field))
+    }, [
+      r("div", ds, [
+        r("span", null, [
+          g(o.$slots, "default")
+        ]),
+        r("div", us, [
+          t.value && e.currentDirection === "asc" ? (s(), A(V(ke), {
+            key: 0,
+            class: _([l.value, "w-3 h-3"])
+          }, null, 8, ["class"])) : O("", !0),
+          t.value && e.currentDirection === "desc" ? (s(), A(V(ce), {
+            key: 1,
+            class: _([l.value, "w-3 h-3"])
+          }, null, 8, ["class"])) : O("", !0)
+        ])
+      ])
+    ]));
+  }
+}, cs = { class: "bg-white border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn mx-4 md:mx-0" }, fs = { class: "overflow-x-auto rounded-xl" }, gs = { class: "min-w-full divide-y divide-gray-200" }, ps = { class: "bg-gray-50" }, ms = {
+  key: 0,
+  class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
+}, ys = { class: "bg-white divide-y divide-gray-200" }, bs = {
+  key: 0,
+  class: "flex items-center"
+}, hs = ["title"], vs = {
+  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"
+}, xs = ["innerHTML"], ws = { key: 3 }, ks = {
+  key: 0,
+  class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
+}, Ss = {
+  key: 0,
+  class: "text-center py-12"
+}, $s = { class: "inline-flex items-center justify-center w-16 h-16 bg-gray-100 rounded-full mb-4" }, Cs = { class: "text-lg font-medium text-gray-900 mb-2" }, _s = { class: "text-gray-500 mb-4" }, Vs = {
+  __name: "TableList",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    columns: {
+      type: Array,
+      required: !0
+    },
+    sortField: {
+      type: String,
+      default: ""
+    },
+    sortDirection: {
+      type: String,
+      default: "asc"
+    },
+    emptyState: {
+      type: Object,
+      default: () => ({
+        icon: "UsersIcon",
+        title: "No data found",
+        description: "No items to display.",
+        actionText: null,
+        actionUrl: null
+      })
+    },
+    rowClasses: {
+      type: Function,
+      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"
+      ]
+    },
+    maxTextLength: {
+      type: Number,
+      default: 40
+    },
+    actionsLabel: {
+      type: String,
+      default: "Actions"
+    },
+    deletedLabel: {
+      type: String,
+      default: "Deleted"
+    }
+  },
+  emits: ["sort"],
+  setup(e, { emit: a }) {
+    const t = oe(), l = e, o = a;
+    f(() => !!t.actions);
+    const d = f(() => l.data && l.data.length > 0), i = (b) => {
+      o("sort", b);
+    }, u = (b) => {
+      const C = String(b ?? ""), p = Number(l.maxTextLength);
+      return !Number.isFinite(p) || p <= 0 || C.length <= p ? C : `${C.slice(0, p)}...`;
+    }, k = (b, C) => {
+      if (C.slot)
+        return null;
+      if (C.render)
+        return C.render(b);
+      const p = C.key.split(".").reduce((L, j) => L?.[j], b);
+      return p == null || p === "" ? "-" : u(p);
+    }, x = (b) => b.deleted_at || b.deleted, T = (b) => {
+      if (b.class)
+        return b.class;
+      let C = "px-6 py-4 text-sm truncate";
+      return b.isSecondary || (C += " font-medium"), b.isSecondary && (C += " text-gray-600"), C;
+    }, h = (b) => b.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider";
+    return (b, C) => (s(), n("div", cs, [
+      r("div", fs, [
+        r("table", gs, [
+          r("thead", ps, [
+            r("tr", null, [
+              (s(!0), n(P, null, W(e.columns, (p) => (s(), n(P, {
+                key: p.key
+              }, [
+                p.sortable ? (s(), A(be, {
+                  key: 0,
+                  field: p.key,
+                  "current-sort-field": e.sortField,
+                  "current-direction": e.sortDirection,
+                  onSort: i
+                }, {
+                  default: F(() => [
+                    ae($(p.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["field", "current-sort-field", "current-direction"])) : (s(), n("th", {
+                  key: 1,
+                  class: _([h(p), { "text-right": p.align === "right" }])
+                }, $(p.label), 3))
+              ], 64))), 128)),
+              b.$slots.actions ? (s(), n("th", ms, $(e.actionsLabel), 1)) : O("", !0)
+            ])
+          ]),
+          r("tbody", ys, [
+            (s(!0), n(P, null, W(e.data, (p, L) => (s(), n("tr", {
+              key: p.id,
+              class: _(e.rowClasses(p, L))
+            }, [
+              (s(!0), n(P, null, W(e.columns, (j) => (s(), n("td", {
+                key: j.key,
+                class: _(T(j))
+              }, [
+                j.key === "name" && !j.slot ? (s(), n("div", bs, [
+                  r("div", {
+                    class: "text-sm font-medium truncate",
+                    title: k(p, j)
+                  }, $(k(p, j)), 9, hs),
+                  x(p) ? (s(), n("span", vs, $(e.deletedLabel), 1)) : O("", !0)
+                ])) : j.slot ? g(b.$slots, j.slot, {
+                  key: 1,
+                  item: p,
+                  column: j,
+                  index: L
+                }) : j.render ? (s(), n("div", {
+                  key: 2,
+                  innerHTML: j.render(p)
+                }, null, 8, xs)) : (s(), n("div", ws, $(k(p, j)), 1))
+              ], 2))), 128)),
+              b.$slots.actions ? (s(), n("td", ks, [
+                g(b.$slots, "actions", {
+                  item: p,
+                  index: L
+                })
+              ])) : O("", !0)
+            ], 2))), 128))
+          ])
+        ])
+      ]),
+      d.value ? O("", !0) : (s(), n("div", Ss, [
+        r("div", $s, [
+          (s(), A(xe(e.emptyState.icon), { class: "w-8 h-8 text-gray-400" }))
+        ]),
+        r("h3", Cs, $(e.emptyState.title), 1),
+        r("p", _s, $(e.emptyState.description), 1),
+        e.emptyState.actionText && e.emptyState.actionUrl ? (s(), A(ye, {
+          key: 0,
+          href: e.emptyState.actionUrl
+        }, {
+          default: F(() => [
+            ae($(e.emptyState.actionText), 1)
+          ]),
+          _: 1
+        }, 8, ["href"])) : O("", !0)
+      ]))
+    ]));
+  }
+}, Bs = {
+  key: 0,
+  class: "bg-white/80 backdrop-blur-sm px-4 py-3 mx-4 md:mx-0 mb-4"
+}, Ts = { class: "relative p-1" }, As = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, js = ["placeholder"], Is = {
+  key: 1,
+  class: "overflow-x-auto rounded-xl"
+}, Ls = { class: "min-w-full divide-y divide-gray-200" }, Ds = { class: "bg-gray-50" }, Os = {
+  key: 0,
+  class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
+}, Ms = { class: "bg-white divide-y divide-gray-200" }, zs = {
+  key: 0,
+  class: "flex items-center"
+}, Fs = ["title"], Us = {
+  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"
+}, Ns = { key: 3 }, Es = { key: 4 }, Ks = {
+  key: 0,
+  class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
+}, Rs = {
+  key: 2,
+  class: "text-center py-12"
+}, Ps = { class: "inline-flex items-center justify-center w-16 h-16 bg-gray-100 rounded-full mb-4" }, Hs = { class: "text-lg font-medium text-gray-900 mb-2" }, Ws = { class: "text-gray-500 mb-4" }, qs = {
+  __name: "TableListForm",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    columns: {
+      type: Array,
+      required: !0
+    },
+    sortField: {
+      type: String,
+      default: ""
+    },
+    sortDirection: {
+      type: String,
+      default: "asc"
+    },
+    emptyState: {
+      type: Object,
+      default: () => ({
+        icon: "UsersIcon",
+        title: "No data found",
+        description: "No items to display.",
+        actionText: null,
+        actionUrl: null
+      })
+    },
+    rowClasses: {
+      type: Function,
+      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"
+      ]
+    },
+    // New prop for error handling function
+    getErrorMessage: {
+      type: Function,
+      default: (e, a, t) => null
+    },
+    // Search functionality
+    search: {
+      type: Boolean,
+      default: !0
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search..."
+    },
+    rowKey: {
+      type: [String, Function],
+      default: "id"
+    },
+    isDeletedFn: {
+      type: Function,
+      default: (e) => !!(e?.deleted_at || e?.deleted)
+    },
+    mutateRows: {
+      type: Boolean,
+      default: !0
+    },
+    isCard: {
+      type: Boolean,
+      default: !0
+    },
+    actionsLabel: {
+      type: String,
+      default: "Actions"
+    },
+    deletedLabel: {
+      type: String,
+      default: "Deleted"
+    }
+  },
+  emits: ["sort", "update"],
+  setup(e, { emit: a }) {
+    const t = oe(), l = e, o = a, d = z(l.sortField), i = z(l.sortDirection), u = z("");
+    X(() => l.sortField, (c) => {
+      d.value = c;
+    }), X(() => l.sortDirection, (c) => {
+      i.value = c;
+    });
+    const k = f(() => {
+      let c = l.data;
+      if (l.search && u.value.trim()) {
+        const m = u.value.toLowerCase().trim();
+        c = l.data.filter((y) => l.columns.some((D) => {
+          if (!D.searchable) return !1;
+          const S = b(y, D.key);
+          return S == null || S === "" ? !1 : S.toString().toLowerCase().includes(m);
+        }));
+      }
+      return d.value ? [...c].sort((m, y) => {
+        const D = b(m, d.value), S = b(y, d.value);
+        if (D == null || D === "") return 1;
+        if (S == null || S === "") return -1;
+        let I = 0;
+        return D < S && (I = -1), D > S && (I = 1), i.value === "desc" ? -I : I;
+      }) : c;
+    }), x = f(() => !!t.actions), T = f(() => k.value && k.value.length > 0), h = (c) => {
+      d.value === c ? i.value = i.value === "asc" ? "desc" : "asc" : (d.value = c, i.value = "asc"), o("sort", { field: c, direction: i.value });
+    }, b = (c, m) => !m || typeof m != "string" ? c : m.split(".").reduce((y, D) => y?.[D], c), C = (c, m, y) => {
+      if (!m || typeof m != "string" || c == null)
+        return;
+      const D = m.split("."), S = D.pop();
+      let I = c;
+      for (const w of D)
+        (I[w] === void 0 || I[w] === null || typeof I[w] != "object") && (I[w] = {}), I = I[w];
+      S !== void 0 && (I[S] = y);
+    }, p = (c) => c?.id ? l.data.findIndex((m) => m?.id === c.id) : l.data.findIndex((m) => m === c), L = (c, m) => typeof l.rowKey == "function" ? l.rowKey(c, m) ?? `row-${m}` : b(c, l.rowKey) ?? `row-${m}`, j = (c, m) => {
+      if (m.slot || m.input)
+        return null;
+      if (m.render)
+        return m.render(c);
+      const y = m.key.split(".").reduce((D, S) => D?.[S], c);
+      return y == null || y === "" ? "-" : y;
+    }, U = (c) => l.isDeletedFn(c), K = (c) => {
+      if (c.class)
+        return c.class;
+      let m = "px-4 py-4 text-sm truncate min-w-[150px]";
+      return c.isSecondary || (m += " font-medium"), c.isSecondary && (m += " text-gray-600"), m;
+    }, te = (c) => c.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", le = (c) => c.inputType ? c.inputType : "text", se = (c) => {
+      let m = "block w-full min-w-[130px] px-2 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200";
+      return c.isSecondary ? m += " text-gray-600" : m += " font-medium text-gray-900", m;
+    }, q = (c) => c.placeholder ? c.placeholder : c.label || "", Q = (c, m, y) => {
+      const D = y.target.value;
+      l.mutateRows && C(c, m.key, D), o("update", { item: c, field: m.key, value: D, index: p(c) });
+    }, v = (c, m, y) => {
+      const D = y.target.value;
+      l.mutateRows && C(c, m.key, D), o("update", {
+        item: c,
+        field: m.key,
+        value: D,
+        index: p(c),
+        event: "blur"
+      });
+    }, R = (c, m) => b(c, m.key) ?? "", N = (c, m) => {
+      const y = p(c);
+      return y === -1 ? null : l.getErrorMessage(y, m.key);
+    };
+    return (c, m) => (s(), n("div", {
+      class: _("bg-white mx-4 md:mx-0 " + (e.isCard ? "border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn" : ""))
+    }, [
+      e.search ? (s(), n("div", Bs, [
+        r("div", Ts, [
+          r("div", As, [
+            E(V(Ge), { class: "h-5 w-5 text-gray-400" })
+          ]),
+          G(r("input", {
+            "onUpdate:modelValue": m[0] || (m[0] = (y) => u.value = y),
+            type: "text",
+            placeholder: e.searchPlaceholder,
+            class: "block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md text-sm placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200"
+          }, null, 8, js), [
+            [Ne, u.value]
+          ])
+        ])
+      ])) : O("", !0),
+      T.value ? (s(), n("div", Is, [
+        r("table", Ls, [
+          r("thead", Ds, [
+            r("tr", null, [
+              (s(!0), n(P, null, W(e.columns, (y) => (s(), n(P, {
+                key: y.key
+              }, [
+                y.sortable ? (s(), A(be, {
+                  key: 0,
+                  field: y.key,
+                  "current-sort-field": d.value,
+                  "current-direction": i.value,
+                  onSort: h
+                }, {
+                  default: F(() => [
+                    ae($(y.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["field", "current-sort-field", "current-direction"])) : (s(), n("th", {
+                  key: 1,
+                  class: _([te(y), { "text-right": y.align === "right" }])
+                }, $(y.label), 3))
+              ], 64))), 128)),
+              x.value ? (s(), n("th", Os, $(e.actionsLabel), 1)) : O("", !0)
+            ])
+          ]),
+          r("tbody", Ms, [
+            (s(!0), n(P, null, W(k.value, (y, D) => (s(), n("tr", {
+              key: L(y, D),
+              class: _(e.rowClasses(y, D))
+            }, [
+              (s(!0), n(P, null, W(e.columns, (S) => (s(), n("td", {
+                key: S.key,
+                class: _(K(S))
+              }, [
+                S.key === "name" && !S.slot && !S.input ? (s(), n("div", zs, [
+                  r("div", {
+                    class: "text-sm font-medium truncate",
+                    title: j(y, S)
+                  }, $(j(y, S)), 9, Fs),
+                  U(y) ? (s(), n("span", Us, $(e.deletedLabel), 1)) : O("", !0)
+                ])) : S.input ? (s(), A(re, {
+                  key: 1,
+                  type: le(S),
+                  class: _(se(S)),
+                  placeholder: q(S),
+                  "model-value": R(y, S),
+                  "onUpdate:modelValue": (I) => Q(y, S, { target: { value: I } }),
+                  onBlur: (I) => v(y, S, I),
+                  disabled: S.disabled || U(y),
+                  maxlength: S.maxlength,
+                  "error-message": N(y, S),
+                  "helper-text": ""
+                }, null, 8, ["type", "class", "placeholder", "model-value", "onUpdate:modelValue", "onBlur", "disabled", "maxlength", "error-message"])) : S.slot ? g(c.$slots, S.slot, {
+                  key: 2,
+                  item: y,
+                  column: S,
+                  index: D
+                }) : S.render ? (s(), n("div", Ns, $(S.render(y)), 1)) : (s(), n("div", Es, $(j(y, S)), 1))
+              ], 2))), 128)),
+              x.value ? (s(), n("td", Ks, [
+                g(c.$slots, "actions", {
+                  item: y,
+                  index: D
+                })
+              ])) : O("", !0)
+            ], 2))), 128))
+          ])
+        ])
+      ])) : (s(), n("div", Rs, [
+        r("div", Ps, [
+          (s(), A(xe(e.emptyState.icon), { class: "w-8 h-8 text-gray-400" }))
+        ]),
+        r("h3", Hs, $(e.emptyState.title), 1),
+        r("p", Ws, $(e.emptyState.description), 1),
+        e.emptyState.actionText && e.emptyState.actionUrl ? (s(), A(ye, {
+          key: 0,
+          href: e.emptyState.actionUrl
+        }, {
+          default: F(() => [
+            ae($(e.emptyState.actionText), 1)
+          ]),
+          _: 1
+        }, 8, ["href"])) : O("", !0)
+      ]))
+    ], 2));
+  }
+}, Gs = ["type", "disabled"], Xs = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "TertiaryButton",
+  props: {
+    type: {
+      type: String,
+      default: "button"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const a = H();
+    return (t, l) => (s(), n("button", M(V(a), {
+      type: e.type,
+      disabled: e.disabled,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-gray-500 to-gray-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-gray-600 hover:to-gray-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:from-gray-500 disabled:hover:to-gray-600"
+    }), [
+      g(t.$slots, "default")
+    ], 16, Gs));
+  }
+}), Js = ["href", "title", "target", "rel"], Qs = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "TertiaryLinkButton",
+  props: {
+    href: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: null
+    },
+    external: {
+      type: Boolean,
+      default: !1
+    },
+    target: {
+      type: String,
+      default: null
+    },
+    rel: {
+      type: String,
+      default: null
+    }
+  },
+  setup(e) {
+    const a = H();
+    return (t, l) => e.external ? (s(), n("a", M({ key: 1 }, V(a), {
+      href: e.href,
+      title: e.title,
+      target: e.target,
+      rel: e.rel,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-gray-500 to-gray-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-gray-600 hover:to-gray-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2"
+    }), [
+      g(t.$slots, "default")
+    ], 16, Js)) : (s(), A(V(ee), M({ key: 0 }, V(a), {
+      href: e.href,
+      title: e.title,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-gray-500 to-gray-600 p-3 py-2 text-sm font-medium text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] transition-all duration-200 hover:from-gray-600 hover:to-gray-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2"
+    }), {
+      default: F(() => [
+        g(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["href", "title"]));
+  }
+}), Ys = ["type", "disabled"], Zs = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "WarningButton",
+  props: {
+    type: {
+      type: String,
+      default: "button"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const a = H();
+    return (t, l) => (s(), n("button", M(V(a), {
+      type: e.type,
+      disabled: e.disabled,
+      class: "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg border border-yellow-300 bg-yellow-50 p-3 py-2 text-sm font-medium text-yellow-700 transition-all duration-200 hover:bg-yellow-100 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-yellow-50"
+    }), [
+      g(t.$slots, "default")
+    ], 16, Ys));
+  }
+}), ea = {
+  install(e) {
+    for (const [a, t] of Object.entries(Xe))
+      a !== "EnosUiPlugin" && e.component(a, t);
+  }
+};
+export {
+  tt as ActionCard,
+  st as ActionMessage,
+  pt as ActionSection,
+  ht as ApplicationLogo,
+  St as AuthenticationCard,
+  Ct as Badge,
+  Lt as Banner,
+  $e as Card,
+  Se as CardTabs,
+  Ot as Checkbox,
+  Ce as CheckboxInput,
+  Oe as CheckboxMultipleInput,
+  hl as ConfirmationModal,
+  Be as CustomSelect,
+  xl as DangerButton,
+  Ae as DateInput,
+  Cl as DialogModal,
+  fe as Divider,
+  Vl as Dropdown,
+  Al as DropdownLink,
+  ea as EnosUiPlugin,
+  Ol as FormSection,
+  je as ImageInput,
+  zl as InputError,
+  re as InputGroup,
+  El as InputLabel,
+  me as Modal,
+  Kl as NavLink,
+  Ie as NotationInput,
+  Pl as PrimaryButton,
+  ye as PrimaryLinkButton,
+  Le as RadioInput,
+  De as RadioMultipleInput,
+  ql as ResponsiveNavLink,
+  Xl as SecondaryButton,
+  Ql as SecondaryLinkButton,
+  es as SectionBorder,
+  pe as SectionTitle,
+  Te as SelectInput,
+  is as SortControls,
+  Vs as TableList,
+  qs as TableListForm,
+  Xs as TertiaryButton,
+  Qs as TertiaryLinkButton,
+  Ve as TextArea,
+  _e as TextInput,
+  be as ThSortable,
+  Zs as WarningButton
+};