@stlhorizon/vue-ui 3.25.10 → 3.25.12

package/dist/index.esm.js

@@ -13669,31 +13669,31 @@ const dc = {
       ]))
     ]));
   }
-}, gh = { class: "mb-6" }, vh = { class: "text-xl font-semibold text-gray-900" }, hh = { class: "text-sm text-gray-600 mt-1" }, bh = ["value"], ph = {
+}, gh = { class: "mb-6" }, vh = { class: "text-xl font-semibold text-gray-900" }, hh = { class: "text-sm text-gray-600 mt-1" }, bh = { class: "grid grid-cols-12 gap-6" }, ph = ["value"], yh = {
   key: 5,
   class: "flex items-center"
-}, yh = {
+}, xh = {
   key: 6,
   class: "flex items-center"
-}, xh = ["id", "aria-checked", "disabled", "onClick"], wh = {
+}, wh = ["id", "aria-checked", "disabled", "onClick"], kh = {
   key: 7,
   class: "space-y-2"
-}, kh = {
+}, $h = {
   key: 8,
   class: "w-full"
-}, $h = {
+}, Ch = {
   key: 0,
   class: "mt-2 text-xs text-gray-500"
-}, Ch = {
+}, Sh = {
   key: 9,
   class: "w-full"
-}, Sh = {
+}, zh = {
   key: 0,
   class: "mt-2 text-xs text-gray-500"
-}, zh = {
+}, Ah = {
   key: 11,
   class: "space-y-2"
-}, Ah = { class: "flex items-center gap-4" }, Dh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Mh = { class: "flex justify-end gap-3 pt-6" }, Vh = {
+}, Dh = { class: "flex items-center gap-4" }, Mh = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Vh = { class: "flex justify-end gap-3 pt-6" }, Fh = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -13943,256 +13943,259 @@ const dc = {
           l("p", hh, w(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
         ]),
         l("form", {
-          class: "space-y-6 overflow-y-auto",
+          class: "overflow-y-auto",
           onSubmit: $e(D, ["prevent"])
         }, [
-          (s(!0), i(H, null, X(e.fields, (h) => (s(), i("div", {
-            key: h.name
-          }, [
-            h.type === "hidden" ? (s(), i("input", {
-              key: 0,
-              value: F(h.name),
-              type: "hidden"
-            }, null, 8, bh)) : (s(), W(qa, {
-              key: 1,
-              id: `form-${e.entityName}-${h.name}-${Math.random().toString(36).slice(2, 5)}`,
-              label: h.label,
-              required: h.required && !h.disabled,
-              error: d.value[h.name],
-              "error-message": d.value[h.name]
-            }, {
-              default: J(({ fieldId: B, hasError: g, ariaDescribedBy: p }) => [
-                ["text", "number", "password", "color", "email", "tel", "url", "search"].includes(h.type) ? (s(), W(Ae, {
-                  key: 0,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: h.type,
-                  placeholder: h.placeholder,
-                  disabled: o.value || h.disabled,
-                  readonly: h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "textarea" ? (s(), W(Ua, {
-                  key: 1,
-                  id: B,
-                  "model-value": F(h.name),
-                  placeholder: h.placeholder,
-                  disabled: o.value || h.disabled,
-                  rows: h.rows || 3,
-                  class: m([
-                    "w-full px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
-                    g ? "border-red-500" : "border-slate-300"
-                  ]),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "placeholder", "disabled", "rows", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "select" ? (s(), W(Ye, {
-                  key: 2,
-                  id: B,
-                  "model-value": F(h.name),
-                  options: h.options,
-                  placeholder: h.placeholder || "Select an option",
-                  disabled: o.value || h.disabled,
-                  "has-error": g,
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => k(h, f)
-                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : h.type === "multiselect" ? (s(), W(Ws, {
-                  key: 3,
-                  id: B,
-                  "model-value": F(h.name),
-                  options: h.options,
-                  disabled: o.value || h.disabled,
-                  placeholder: h.placeholder || "Select options",
-                  "has-error": g,
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : h.type === "combobox" ? (s(), W(Ye, {
-                  key: 4,
-                  id: B,
-                  "model-value": F(h.name),
-                  options: h.options,
-                  placeholder: h.placeholder || "Select or type to add new",
-                  disabled: o.value || h.disabled,
-                  "has-error": g,
-                  "aria-describedby": p,
-                  "allow-create": h.allowCreate,
-                  "onUpdate:modelValue": (f) => k(h, f)
-                }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : h.type === "checkbox" ? (s(), i("div", ph, [
-                  P(Ae, {
+          l("div", bh, [
+            (s(!0), i(H, null, X(e.fields, (h) => (s(), i("div", {
+              key: h.name,
+              class: m(h.wrapperClass || "col-span-12")
+            }, [
+              h.type === "hidden" ? (s(), i("input", {
+                key: 0,
+                value: F(h.name),
+                type: "hidden"
+              }, null, 8, ph)) : (s(), W(qa, {
+                key: 1,
+                id: `form-${e.entityName}-${h.name}-${Math.random().toString(36).slice(2, 5)}`,
+                label: h.label,
+                required: h.required && !h.disabled,
+                error: d.value[h.name],
+                "error-message": d.value[h.name]
+              }, {
+                default: J(({ fieldId: B, hasError: g, ariaDescribedBy: p }) => [
+                  ["text", "number", "password", "color", "email", "tel", "url", "search"].includes(h.type) ? (s(), W(Ae, {
+                    key: 0,
                     id: B,
                     "model-value": F(h.name),
-                    type: "checkbox",
+                    type: h.type,
+                    placeholder: h.placeholder,
                     disabled: o.value || h.disabled,
-                    class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
+                    readonly: h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
                     "aria-describedby": p,
                     "onUpdate:modelValue": (f) => R(h.name, f)
-                  }, null, 8, ["id", "model-value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
-                  P(Qe, {
-                    for: B,
-                    class: "ml-2 text-sm text-gray-700"
-                  }, {
-                    default: J(() => [
-                      oe(w(h.checkboxLabel || h.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["for"])
-                ])) : h.type === "switch" ? (s(), i("div", yh, [
-                  l("button", {
+                  }, null, 8, ["id", "model-value", "type", "placeholder", "disabled", "readonly", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "textarea" ? (s(), W(Ua, {
+                    key: 1,
                     id: B,
-                    type: "button",
-                    role: "switch",
-                    "aria-checked": F(h.name),
+                    "model-value": F(h.name),
+                    placeholder: h.placeholder,
                     disabled: o.value || h.disabled,
+                    rows: h.rows || 3,
                     class: m([
-                      "relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
-                      F(h.name) ? "bg-blue-600" : "bg-gray-200",
-                      o.value || h.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
-                    ]),
-                    onClick: (f) => R(h.name, !F(h.name))
-                  }, [
-                    l("span", {
-                      class: m([
-                        "inline-block h-4 w-4 transform rounded-full bg-white transition-transform",
-                        F(h.name) ? "translate-x-6" : "translate-x-1"
-                      ])
-                    }, null, 2)
-                  ], 10, xh),
-                  P(Qe, {
-                    for: B,
-                    class: "ml-3 text-sm text-gray-700"
-                  }, {
-                    default: J(() => [
-                      oe(w(h.checkboxLabel || h.label), 1)
+                      "w-full px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500",
+                      g ? "border-red-500" : "border-slate-300"
                     ]),
-                    _: 2
-                  }, 1032, ["for"])
-                ])) : h.type === "radio" ? (s(), i("div", wh, [
-                  (s(!0), i(H, null, X(h.options, (f) => (s(), i("div", {
-                    key: f.value,
-                    class: "flex items-center"
-                  }, [
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "placeholder", "disabled", "rows", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "select" ? (s(), W(Ye, {
+                    key: 2,
+                    id: B,
+                    "model-value": F(h.name),
+                    options: h.options,
+                    placeholder: h.placeholder || "Select an option",
+                    disabled: o.value || h.disabled,
+                    "has-error": g,
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => k(h, f)
+                  }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : h.type === "multiselect" ? (s(), W(Ws, {
+                    key: 3,
+                    id: B,
+                    "model-value": F(h.name),
+                    options: h.options,
+                    disabled: o.value || h.disabled,
+                    placeholder: h.placeholder || "Select options",
+                    "has-error": g,
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : h.type === "combobox" ? (s(), W(Ye, {
+                    key: 4,
+                    id: B,
+                    "model-value": F(h.name),
+                    options: h.options,
+                    placeholder: h.placeholder || "Select or type to add new",
+                    disabled: o.value || h.disabled,
+                    "has-error": g,
+                    "aria-describedby": p,
+                    "allow-create": h.allowCreate,
+                    "onUpdate:modelValue": (f) => k(h, f)
+                  }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "allow-create", "onUpdate:modelValue"])) : h.type === "checkbox" ? (s(), i("div", yh, [
                     P(Ae, {
-                      id: `${B}-${f.value}`,
+                      id: B,
                       "model-value": F(h.name),
-                      type: "radio",
-                      value: f.value,
+                      type: "checkbox",
                       disabled: o.value || h.disabled,
-                      class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",
+                      class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
                       "aria-describedby": p,
-                      "onUpdate:modelValue": (K) => R(h.name, K)
-                    }, null, 8, ["id", "model-value", "value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
+                      "onUpdate:modelValue": (f) => R(h.name, f)
+                    }, null, 8, ["id", "model-value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
                     P(Qe, {
-                      for: `${B}-${f.value}`,
+                      for: B,
                       class: "ml-2 text-sm text-gray-700"
                     }, {
                       default: J(() => [
-                        oe(w(f.label), 1)
+                        oe(w(h.checkboxLabel || h.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["for"])
-                  ]))), 128))
-                ])) : h.type === "file" ? (s(), i("div", kh, [
-                  P(qt, {
-                    multiple: !1,
-                    accept: h.accept,
-                    "max-size": h.maxSize,
-                    variant: h.variant || "default",
-                    onFilesSelected: (f) => re(h, f),
-                    onFileRemoved: (f) => ne(h, f)
-                  }, null, 8, ["accept", "max-size", "variant", "onFilesSelected", "onFileRemoved"]),
-                  h.helpText ? (s(), i("p", $h, w(h.helpText), 1)) : v("", !0)
-                ])) : h.type === "multifile" ? (s(), i("div", Ch, [
-                  P(qt, {
-                    multiple: h.multiple !== !1,
-                    accept: h.accept,
-                    "max-size": h.maxSize,
-                    "max-files": h.maxFiles,
-                    variant: h.variant || "default",
-                    onFilesSelected: (f) => E(h, f),
-                    onFileRemoved: (f) => Y(h, f)
-                  }, null, 8, ["multiple", "accept", "max-size", "max-files", "variant", "onFilesSelected", "onFileRemoved"]),
-                  h.helpText ? (s(), i("p", Sh, w(h.helpText), 1)) : v("", !0)
-                ])) : h.type === "slider" ? (s(), W(Ha, {
-                  key: 10,
-                  "model-value": F(h.name),
-                  min: h.min,
-                  max: h.max,
-                  step: h.step,
-                  disabled: o.value || h.disabled,
-                  "onUpdate:modelValue": (f) => z(h, f)
-                }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : h.type === "range" ? (s(), i("div", zh, [
-                  l("div", Ah, [
-                    P(Ae, {
+                  ])) : h.type === "switch" ? (s(), i("div", xh, [
+                    l("button", {
                       id: B,
-                      "model-value": F(h.name),
-                      type: "range",
-                      min: h.min,
-                      max: h.max,
-                      step: h.step || 1,
+                      type: "button",
+                      role: "switch",
+                      "aria-checked": F(h.name),
                       disabled: o.value || h.disabled,
-                      class: "flex-1",
-                      "aria-describedby": p,
-                      "onUpdate:modelValue": (f) => R(h.name, f)
-                    }, null, 8, ["id", "model-value", "min", "max", "step", "disabled", "aria-describedby", "onUpdate:modelValue"]),
-                    l("span", Dh, w(F(h.name)), 1)
-                  ])
-                ])) : h.type === "date" ? (s(), W(Xt, {
-                  key: 12,
-                  id: B,
-                  "model-value": F(h.name),
-                  disabled: o.value || h.disabled,
-                  required: h.required,
-                  min: h.min,
-                  max: h.max,
-                  placeholder: h.placeholder || "Select date",
-                  format: h.format || "MM/DD/YYYY",
-                  clearable: h.clearable !== !1,
-                  "show-today": h.showToday !== !1,
-                  "calendar-position": h.calendarPosition || "left-0 bottom-full",
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "required", "min", "max", "placeholder", "format", "clearable", "show-today", "calendar-position", "aria-describedby", "onUpdate:modelValue"])) : h.type === "time" ? (s(), W(Ae, {
-                  key: 13,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: "time",
-                  disabled: o.value || h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "datetime-local" ? (s(), W(Ae, {
-                  key: 14,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: "datetime-local",
-                  disabled: o.value || h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "month" ? (s(), W(Ae, {
-                  key: 15,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: "month",
-                  disabled: o.value || h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "week" ? (s(), W(Ae, {
-                  key: 16,
-                  id: B,
-                  "model-value": F(h.name),
-                  type: "week",
-                  disabled: o.value || h.disabled,
-                  class: m(g ? "border-red-500" : "border-slate-300"),
-                  "aria-describedby": p,
-                  "onUpdate:modelValue": (f) => R(h.name, f)
-                }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : v("", !0)
-              ]),
-              _: 2
-            }, 1032, ["id", "label", "required", "error", "error-message"]))
-          ]))), 128)),
-          l("div", Mh, [
+                      class: m([
+                        "relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
+                        F(h.name) ? "bg-blue-600" : "bg-gray-200",
+                        o.value || h.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+                      ]),
+                      onClick: (f) => R(h.name, !F(h.name))
+                    }, [
+                      l("span", {
+                        class: m([
+                          "inline-block h-4 w-4 transform rounded-full bg-white transition-transform",
+                          F(h.name) ? "translate-x-6" : "translate-x-1"
+                        ])
+                      }, null, 2)
+                    ], 10, wh),
+                    P(Qe, {
+                      for: B,
+                      class: "ml-3 text-sm text-gray-700"
+                    }, {
+                      default: J(() => [
+                        oe(w(h.checkboxLabel || h.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["for"])
+                  ])) : h.type === "radio" ? (s(), i("div", kh, [
+                    (s(!0), i(H, null, X(h.options, (f) => (s(), i("div", {
+                      key: f.value,
+                      class: "flex items-center"
+                    }, [
+                      P(Ae, {
+                        id: `${B}-${f.value}`,
+                        "model-value": F(h.name),
+                        type: "radio",
+                        value: f.value,
+                        disabled: o.value || h.disabled,
+                        class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",
+                        "aria-describedby": p,
+                        "onUpdate:modelValue": (K) => R(h.name, K)
+                      }, null, 8, ["id", "model-value", "value", "disabled", "aria-describedby", "onUpdate:modelValue"]),
+                      P(Qe, {
+                        for: `${B}-${f.value}`,
+                        class: "ml-2 text-sm text-gray-700"
+                      }, {
+                        default: J(() => [
+                          oe(w(f.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["for"])
+                    ]))), 128))
+                  ])) : h.type === "file" ? (s(), i("div", $h, [
+                    P(qt, {
+                      multiple: !1,
+                      accept: h.accept,
+                      "max-size": h.maxSize,
+                      variant: h.variant || "default",
+                      onFilesSelected: (f) => re(h, f),
+                      onFileRemoved: (f) => ne(h, f)
+                    }, null, 8, ["accept", "max-size", "variant", "onFilesSelected", "onFileRemoved"]),
+                    h.helpText ? (s(), i("p", Ch, w(h.helpText), 1)) : v("", !0)
+                  ])) : h.type === "multifile" ? (s(), i("div", Sh, [
+                    P(qt, {
+                      multiple: h.multiple !== !1,
+                      accept: h.accept,
+                      "max-size": h.maxSize,
+                      "max-files": h.maxFiles,
+                      variant: h.variant || "default",
+                      onFilesSelected: (f) => E(h, f),
+                      onFileRemoved: (f) => Y(h, f)
+                    }, null, 8, ["multiple", "accept", "max-size", "max-files", "variant", "onFilesSelected", "onFileRemoved"]),
+                    h.helpText ? (s(), i("p", zh, w(h.helpText), 1)) : v("", !0)
+                  ])) : h.type === "slider" ? (s(), W(Ha, {
+                    key: 10,
+                    "model-value": F(h.name),
+                    min: h.min,
+                    max: h.max,
+                    step: h.step,
+                    disabled: o.value || h.disabled,
+                    "onUpdate:modelValue": (f) => z(h, f)
+                  }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : h.type === "range" ? (s(), i("div", Ah, [
+                    l("div", Dh, [
+                      P(Ae, {
+                        id: B,
+                        "model-value": F(h.name),
+                        type: "range",
+                        min: h.min,
+                        max: h.max,
+                        step: h.step || 1,
+                        disabled: o.value || h.disabled,
+                        class: "flex-1",
+                        "aria-describedby": p,
+                        "onUpdate:modelValue": (f) => R(h.name, f)
+                      }, null, 8, ["id", "model-value", "min", "max", "step", "disabled", "aria-describedby", "onUpdate:modelValue"]),
+                      l("span", Mh, w(F(h.name)), 1)
+                    ])
+                  ])) : h.type === "date" ? (s(), W(Xt, {
+                    key: 12,
+                    id: B,
+                    "model-value": F(h.name),
+                    disabled: o.value || h.disabled,
+                    required: h.required,
+                    min: h.min,
+                    max: h.max,
+                    placeholder: h.placeholder || "Select date",
+                    format: h.format || "MM/DD/YYYY",
+                    clearable: h.clearable !== !1,
+                    "show-today": h.showToday !== !1,
+                    "calendar-position": h.calendarPosition || "left-0 bottom-full",
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "required", "min", "max", "placeholder", "format", "clearable", "show-today", "calendar-position", "aria-describedby", "onUpdate:modelValue"])) : h.type === "time" ? (s(), W(Ae, {
+                    key: 13,
+                    id: B,
+                    "model-value": F(h.name),
+                    type: "time",
+                    disabled: o.value || h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "datetime-local" ? (s(), W(Ae, {
+                    key: 14,
+                    id: B,
+                    "model-value": F(h.name),
+                    type: "datetime-local",
+                    disabled: o.value || h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "month" ? (s(), W(Ae, {
+                    key: 15,
+                    id: B,
+                    "model-value": F(h.name),
+                    type: "month",
+                    disabled: o.value || h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : h.type === "week" ? (s(), W(Ae, {
+                    key: 16,
+                    id: B,
+                    "model-value": F(h.name),
+                    type: "week",
+                    disabled: o.value || h.disabled,
+                    class: m(g ? "border-red-500" : "border-slate-300"),
+                    "aria-describedby": p,
+                    "onUpdate:modelValue": (f) => R(h.name, f)
+                  }, null, 8, ["id", "model-value", "disabled", "class", "aria-describedby", "onUpdate:modelValue"])) : v("", !0)
+                ]),
+                _: 2
+              }, 1032, ["id", "label", "required", "error", "error-message"]))
+            ], 2))), 128))
+          ]),
+          l("div", Vh, [
             P(Se, {
               type: "button",
               variant: "outline",
@@ -14221,72 +14224,72 @@ const dc = {
       _: 1
     }, 8, ["modelValue", "size", "class", "resizable"]));
   }
-}, Fh = { class: "w-full p-2" }, Th = {
+}, Th = { class: "w-full p-2" }, Bh = {
   key: 0,
   class: "mb-6"
-}, Bh = { class: "text-xl font-semibold text-gray-900" }, jh = {
+}, jh = { class: "text-xl font-semibold text-gray-900" }, Ph = {
   key: 0,
   class: "text-sm text-gray-600 mt-1"
-}, Ph = ["onUpdate:modelValue"], Oh = {
+}, Oh = ["onUpdate:modelValue"], _h = {
   key: 4,
   class: "flex items-center"
-}, _h = {
+}, Lh = {
   key: 5,
   class: "flex items-center"
-}, Lh = ["id", "aria-checked", "disabled", "onClick"], Eh = {
+}, Eh = ["id", "aria-checked", "disabled", "onClick"], Ih = {
   key: 6,
   class: "space-y-2"
-}, Ih = {
+}, Nh = {
   key: 7,
   class: "space-y-2"
-}, Nh = {
+}, Rh = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Rh = {
+}, Uh = {
   key: 8,
   class: "space-y-3"
-}, Uh = ["onDrop", "onDragenter", "onDragleave", "onClick"], qh = ["multiple", "accept", "disabled", "onChange"], Yh = { class: "flex items-center justify-center px-4 py-4" }, Hh = { class: "flex flex-col" }, Wh = { class: "text-xs text-gray-500" }, Gh = {
+}, qh = ["onDrop", "onDragenter", "onDragleave", "onClick"], Yh = ["multiple", "accept", "disabled", "onChange"], Hh = { class: "flex items-center justify-center px-4 py-4" }, Wh = { class: "flex flex-col" }, Gh = { class: "text-xs text-gray-500" }, Kh = {
   key: 0,
   class: "ml-1"
-}, Kh = {
+}, Xh = {
   key: 1,
   class: "ml-1"
-}, Xh = {
+}, Jh = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Jh = {
+}, Qh = {
   key: 1,
   class: "space-y-2"
-}, Qh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, Zh = { class: "relative h-10 w-10 shrink-0" }, eb = {
+}, Zh = { class: "flex items-center space-x-3 flex-1 min-w-0" }, eb = { class: "relative h-10 w-10 shrink-0" }, tb = {
   class: "h-10 w-10 text-gray-300",
   viewBox: "0 0 36 36"
-}, tb = ["stroke-dasharray"], ab = { class: "absolute inset-0 flex items-center justify-center text-xs font-medium text-gray-700" }, nb = { class: "flex flex-col min-w-0" }, sb = { class: "text-sm font-medium text-gray-900 truncate" }, rb = ["onClick"], lb = {
+}, ab = ["stroke-dasharray"], nb = { class: "absolute inset-0 flex items-center justify-center text-xs font-medium text-gray-700" }, sb = { class: "flex flex-col min-w-0" }, rb = { class: "text-sm font-medium text-gray-900 truncate" }, lb = ["onClick"], ob = {
   key: 2,
   class: "space-y-2"
-}, ob = { class: "flex items-center space-x-3 flex-1 min-w-0" }, ib = {
+}, ib = { class: "flex items-center space-x-3 flex-1 min-w-0" }, ub = {
   class: "h-5 w-5",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   "stroke-width": "1.5",
   stroke: "currentColor"
-}, ub = {
+}, db = {
   key: 0,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"
-}, db = {
+}, cb = {
   key: 1,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
-}, cb = { class: "flex flex-col min-w-0" }, fb = { class: "text-sm font-medium text-gray-900 truncate" }, mb = { class: "text-xs text-gray-500" }, gb = ["disabled", "onClick"], vb = {
+}, fb = { class: "flex flex-col min-w-0" }, mb = { class: "text-sm font-medium text-gray-900 truncate" }, gb = { class: "text-xs text-gray-500" }, vb = ["disabled", "onClick"], hb = {
   key: 3,
   class: "text-xs text-blue-600 font-medium"
-}, hb = { key: 0 }, bb = {
+}, bb = { key: 0 }, pb = {
   key: 10,
   class: "space-y-2"
-}, pb = { class: "flex items-center gap-4" }, yb = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, xb = { class: "flex justify-end gap-3 pt-6" }, wb = {
+}, yb = { class: "flex items-center gap-4" }, xb = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, wb = { class: "flex justify-end gap-3 pt-6" }, kb = {
   __name: "ReusableForm",
   props: {
     title: {
@@ -14525,10 +14528,10 @@ const dc = {
     }, B = () => {
       n("cancel");
     };
-    return (g, p) => (s(), i("div", Fh, [
-      e.title ? (s(), i("div", Th, [
-        l("h2", Bh, w(e.title), 1),
-        e.description ? (s(), i("p", jh, w(e.description), 1)) : v("", !0)
+    return (g, p) => (s(), i("div", Th, [
+      e.title ? (s(), i("div", Bh, [
+        l("h2", jh, w(e.title), 1),
+        e.description ? (s(), i("p", Ph, w(e.description), 1)) : v("", !0)
       ])) : v("", !0),
       l("form", {
         class: "space-y-6",
@@ -14541,7 +14544,7 @@ const dc = {
             key: 0,
             "onUpdate:modelValue": (K) => o.value[f.name] = K,
             type: "hidden"
-          }, null, 8, Ph)), [
+          }, null, 8, Oh)), [
             [rt, o.value[f.name]]
           ]) : (s(), W(qa, {
             key: 1,
@@ -14596,7 +14599,7 @@ const dc = {
                 "has-error": ie,
                 "aria-describedby": ce,
                 "onUpdate:modelValue": (ae) => o.value[f.name] = ae
-              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), i("div", Oh, [
+              }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : f.type === "checkbox" ? (s(), i("div", _h, [
                 P(Ae, {
                   id: K,
                   modelValue: o.value[f.name],
@@ -14615,7 +14618,7 @@ const dc = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : f.type === "switch" ? (s(), i("div", _h, [
+              ])) : f.type === "switch" ? (s(), i("div", Lh, [
                 l("button", {
                   id: K,
                   type: "button",
@@ -14635,7 +14638,7 @@ const dc = {
                       o.value[f.name] ? "translate-x-6" : "translate-x-1"
                     ])
                   }, null, 2)
-                ], 10, Lh),
+                ], 10, Eh),
                 P(Qe, {
                   for: K,
                   class: "ml-3 text-sm text-gray-700"
@@ -14645,7 +14648,7 @@ const dc = {
                   ]),
                   _: 2
                 }, 1032, ["for"])
-              ])) : f.type === "radio" ? (s(), i("div", Eh, [
+              ])) : f.type === "radio" ? (s(), i("div", Ih, [
                 (s(!0), i(H, null, X(f.options, (ae) => (s(), i("div", {
                   key: ae.value,
                   class: "flex items-center"
@@ -14670,7 +14673,7 @@ const dc = {
                     _: 2
                   }, 1032, ["for"])
                 ]))), 128))
-              ])) : f.type === "file" ? (s(), i("div", Ih, [
+              ])) : f.type === "file" ? (s(), i("div", Nh, [
                 P(Ae, {
                   id: K,
                   type: "file",
@@ -14683,8 +14686,8 @@ const dc = {
                   "aria-describedby": ce,
                   onChange: (ae) => k(f, ae)
                 }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
-                f.helpText ? (s(), i("p", Nh, w(f.helpText), 1)) : v("", !0)
-              ])) : f.type === "multifile" ? (s(), i("div", Rh, [
+                f.helpText ? (s(), i("p", Rh, w(f.helpText), 1)) : v("", !0)
+              ])) : f.type === "multifile" ? (s(), i("div", Uh, [
                 l("div", {
                   class: m([
                     "border-2 border-dashed rounded-xl cursor-pointer transition-all duration-200",
@@ -14706,8 +14709,8 @@ const dc = {
                     class: "hidden",
                     disabled: r.value || f.disabled,
                     onChange: (ae) => F(f, ae)
-                  }, null, 40, qh),
-                  l("div", Yh, [
+                  }, null, 40, Yh),
+                  l("div", Hh, [
                     p[1] || (p[1] = l("div", { class: "bg-gray-100 rounded-full p-2.5 mr-3" }, [
                       l("svg", {
                         class: "h-6 w-6 text-gray-600",
@@ -14724,28 +14727,28 @@ const dc = {
                         })
                       ])
                     ], -1)),
-                    l("div", Hh, [
+                    l("div", Wh, [
                       p[0] || (p[0] = l("p", { class: "text-sm font-medium text-gray-700" }, [
                         l("span", { class: "text-blue-600 font-semibold" }, "Click to upload"),
                         oe(" or drag and drop ")
                       ], -1)),
-                      l("p", Wh, [
+                      l("p", Gh, [
                         oe(w(f.maxSize ? `Up to ${E(f.maxSize)}` : "No size limit") + " ", 1),
-                        f.accept ? (s(), i("span", Gh, "• " + w(f.accept), 1)) : v("", !0),
-                        f.maxFiles ? (s(), i("span", Kh, "• Max " + w(f.maxFiles) + " files", 1)) : v("", !0)
+                        f.accept ? (s(), i("span", Kh, "• " + w(f.accept), 1)) : v("", !0),
+                        f.maxFiles ? (s(), i("span", Xh, "• Max " + w(f.maxFiles) + " files", 1)) : v("", !0)
                       ])
                     ])
                   ])
-                ], 42, Uh),
-                f.helpText ? (s(), i("p", Xh, w(f.helpText), 1)) : v("", !0),
-                c.value[f.name]?.length > 0 ? (s(), i("div", Jh, [
+                ], 42, qh),
+                f.helpText ? (s(), i("p", Jh, w(f.helpText), 1)) : v("", !0),
+                c.value[f.name]?.length > 0 ? (s(), i("div", Qh, [
                   (s(!0), i(H, null, X(c.value[f.name], (ae) => (s(), i("div", {
                     key: ae.id,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg"
                   }, [
-                    l("div", Qh, [
-                      l("div", Zh, [
-                        (s(), i("svg", eb, [
+                    l("div", Zh, [
+                      l("div", eb, [
+                        (s(), i("svg", tb, [
                           p[2] || (p[2] = l("circle", {
                             cx: "18",
                             cy: "18",
@@ -14764,12 +14767,12 @@ const dc = {
                             "stroke-linecap": "round",
                             "stroke-dasharray": `${ae.progress} 100`,
                             transform: "rotate(-90 18 18)"
-                          }, null, 8, tb)
+                          }, null, 8, ab)
                         ])),
-                        l("span", ab, w(Math.round(ae.progress)) + "% ", 1)
+                        l("span", nb, w(Math.round(ae.progress)) + "% ", 1)
                       ]),
-                      l("div", nb, [
-                        l("span", sb, w(ae.file.name), 1),
+                      l("div", sb, [
+                        l("span", rb, w(ae.file.name), 1),
                         p[3] || (p[3] = l("span", { class: "text-xs text-gray-500" }, "Uploading...", -1))
                       ])
                     ]),
@@ -14792,28 +14795,28 @@ const dc = {
                           d: "M6 18L18 6M6 6l12 12"
                         })
                       ], -1)
-                    ])], 8, rb)
+                    ])], 8, lb)
                   ]))), 128))
                 ])) : v("", !0),
-                o.value[f.name]?.length > 0 ? (s(), i("div", lb, [
+                o.value[f.name]?.length > 0 ? (s(), i("div", ob, [
                   (s(!0), i(H, null, X(o.value[f.name], (ae, xe) => (s(), i("div", {
                     key: `uploaded-${xe}`,
                     class: "flex items-center justify-between p-3 bg-white border border-gray-200 rounded-lg hover:shadow-sm transition-shadow"
                   }, [
-                    l("div", ob, [
+                    l("div", ib, [
                       l("div", {
                         class: m([
                           "rounded-lg p-2 shrink-0",
                           b(ae)
                         ])
                       }, [
-                        (s(), i("svg", ib, [
-                          Y(ae) === "image" ? (s(), i("path", ub)) : (s(), i("path", db))
+                        (s(), i("svg", ub, [
+                          Y(ae) === "image" ? (s(), i("path", db)) : (s(), i("path", cb))
                         ]))
                       ], 2),
-                      l("div", cb, [
-                        l("span", fb, w(ae.name), 1),
-                        l("span", mb, w(E(ae.size)), 1)
+                      l("div", fb, [
+                        l("span", mb, w(ae.name), 1),
+                        l("span", gb, w(E(ae.size)), 1)
                       ])
                     ]),
                     l("button", {
@@ -14836,12 +14839,12 @@ const dc = {
                           d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
                         })
                       ], -1)
-                    ])], 8, gb)
+                    ])], 8, vb)
                   ]))), 128))
                 ])) : v("", !0),
-                o.value[f.name]?.length > 0 ? (s(), i("p", vb, [
+                o.value[f.name]?.length > 0 ? (s(), i("p", hb, [
                   oe(w(o.value[f.name].length) + " file(s) uploaded ", 1),
-                  f.maxFiles ? (s(), i("span", hb, " of " + w(f.maxFiles) + " max", 1)) : v("", !0)
+                  f.maxFiles ? (s(), i("span", bb, " of " + w(f.maxFiles) + " max", 1)) : v("", !0)
                 ])) : v("", !0)
               ])) : f.type === "slider" ? (s(), W(Ha, {
                 key: 9,
@@ -14851,8 +14854,8 @@ const dc = {
                 step: f.step,
                 disabled: r.value || f.disabled,
                 "onUpdate:modelValue": (ae) => S(f, ae)
-              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : f.type === "range" ? (s(), i("div", bb, [
-                l("div", pb, [
+              }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : f.type === "range" ? (s(), i("div", pb, [
+                l("div", yb, [
                   P(Ae, {
                     id: K,
                     modelValue: o.value[f.name],
@@ -14865,7 +14868,7 @@ const dc = {
                     class: "flex-1",
                     "aria-describedby": ce
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                  l("span", yb, w(o.value[f.name]), 1)
+                  l("span", xb, w(o.value[f.name]), 1)
                 ])
               ])) : f.type === "date" ? (s(), W(Xt, {
                 key: 11,
@@ -14923,7 +14926,7 @@ const dc = {
             _: 2
           }, 1032, ["id", "label", "required", "error", "error-message"]))
         ]))), 128)),
-        l("div", xb, [
+        l("div", wb, [
           e.showReset ? (s(), W(Se, {
             key: 0,
             type: "button",
@@ -14963,49 +14966,49 @@ const dc = {
       ], 32)
     ]));
   }
-}, kb = {
+}, $b = {
   key: 0,
   class: "flex items-center justify-between p-4 border-b border-gray-200 shrink-0 lg:hidden"
-}, $b = { class: "text-lg font-bold text-gray-900" }, Cb = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, Sb = { class: "space-y-2" }, zb = { key: 0 }, Ab = {
+}, Cb = { class: "text-lg font-bold text-gray-900" }, Sb = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, zb = { class: "space-y-2" }, Ab = { key: 0 }, Db = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Db = ["onClick"], Mb = {
+}, Mb = ["onClick"], Vb = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Vb = {
+}, Fb = {
   key: 1,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Fb = {
+}, Tb = {
   key: 1,
   class: "border-t border-gray-200 p-4 shrink-0"
-}, Tb = {
+}, Bb = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 bg-blue-500 rounded-full"
-}, Bb = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, jb = { class: "flex items-center justify-between p-4" }, Pb = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, Ob = {
+}, jb = { class: "sticky top-0 bg-white border-b border-gray-200 z-10" }, Pb = { class: "flex items-center justify-between p-4" }, Ob = { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, _b = {
   key: 0,
   class: "px-4 pb-3"
-}, _b = { class: "relative" }, Lb = ["placeholder"], Eb = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }, Ib = {
+}, Lb = { class: "relative" }, Eb = ["placeholder"], Ib = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }, Nb = {
   key: 0,
   class: "mt-2 text-xs text-gray-500 px-1"
-}, Nb = { class: "p-3" }, Rb = {
+}, Rb = { class: "p-3" }, Ub = {
   key: 0,
   class: "px-3 py-8 text-center"
-}, Ub = {
+}, qb = {
   key: 1,
   class: "space-y-1"
-}, qb = {
+}, Yb = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-linear-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Yb = {
+}, Hb = {
   key: 1,
   class: "ml-2 inline-flex items-center justify-center px-2 py-0.5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Hb = { class: "p-3" }, Wb = { class: "space-y-1" }, Gb = {
+}, Wb = { class: "p-3" }, Gb = { class: "space-y-1" }, Kb = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
-}, Kb = {
+}, Xb = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-8 bg-linear-to-b from-blue-500 to-blue-600 rounded-r-full"
-}, Xb = {
+}, Jb = {
   __name: "Sidebar",
   props: {
     sidebarWidth: {
@@ -15162,8 +15165,8 @@ const dc = {
           )),
           style: be({ width: e.sidebarWidth + "px", top: o.value ? "0px" : "4rem" })
         }, [
-          o.value ? (s(), i("div", kb, [
-            l("h2", $b, w(e.header?.title), 1),
+          o.value ? (s(), i("div", $b, [
+            l("h2", Cb, w(e.header?.title), 1),
             l("button", {
               class: "p-2 rounded-lg text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors",
               "aria-label": "Close sidebar",
@@ -15184,12 +15187,12 @@ const dc = {
               ], -1)
             ])])
           ])) : v("", !0),
-          l("nav", Cb, [
-            l("div", Sb, [
+          l("nav", Sb, [
+            l("div", zb, [
               (s(!0), i(H, null, X(e.navigationItems, (f) => (s(), i(H, {
                 key: f.name || f.label
               }, [
-                f.type === "link" ? (s(), i("div", zb, [
+                f.type === "link" ? (s(), i("div", Ab, [
                   z(f) ? (s(), i("div", {
                     key: 1,
                     class: m(Z(O)(
@@ -15216,9 +15219,9 @@ const dc = {
                         b(f) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
                     }, w(f.label), 3),
-                    f.badge ? (s(), i("span", Mb, w(f.badge), 1)) : v("", !0),
-                    b(f) && z(f) ? (s(), i("div", Vb)) : v("", !0)
-                  ], 10, Db)) : (s(), W(p, {
+                    f.badge ? (s(), i("span", Vb, w(f.badge), 1)) : v("", !0),
+                    b(f) && z(f) ? (s(), i("div", Fb)) : v("", !0)
+                  ], 10, Mb)) : (s(), W(p, {
                     key: 0,
                     to: f.route,
                     class: m(Z(O)(
@@ -15246,7 +15249,7 @@ const dc = {
                           b(f) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
                       }, w(f.label), 3),
-                      f.badge ? (s(), i("span", Ab, w(f.badge), 1)) : v("", !0)
+                      f.badge ? (s(), i("span", Db, w(f.badge), 1)) : v("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))
@@ -15254,7 +15257,7 @@ const dc = {
               ], 64))), 128))
             ])
           ]),
-          e.showManagementSettings ? (s(), i("div", Fb, [
+          e.showManagementSettings ? (s(), i("div", Tb, [
             l("div", {
               class: m(Z(O)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
@@ -15280,7 +15283,7 @@ const dc = {
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
               }, " Settings ", 2),
-              e.isManagementSettingsActive ? (s(), i("div", Tb)) : v("", !0)
+              e.isManagementSettingsActive ? (s(), i("div", Bb)) : v("", !0)
             ], 2)
           ])) : v("", !0)
         ], 6),
@@ -15303,8 +15306,8 @@ const dc = {
               ),
               style: be(A.value)
             }, [
-              l("div", Bb, [
-                l("div", jb, [
+              l("div", jb, [
+                l("div", Pb, [
                   l("button", {
                     class: "p-2 -ml-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors",
                     "aria-label": "Close submenu",
@@ -15324,20 +15327,20 @@ const dc = {
                       })
                     ], -1)
                   ])]),
-                  l("h3", Pb, w(d.value?.label), 1)
+                  l("h3", Ob, w(d.value?.label), 1)
                 ]),
-                T.value ? (s(), i("div", Ob, [
-                  l("div", _b, [
+                T.value ? (s(), i("div", _b, [
+                  l("div", Lb, [
                     Ge(l("input", {
                       "onUpdate:modelValue": g[0] || (g[0] = (f) => x.value = f),
                       type: "text",
                       placeholder: e.searchPlaceholder,
                       class: "w-full px-3 py-2 pl-9 pr-9 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all",
                       onInput: g[1] || (g[1] = (f) => E(x.value))
-                    }, null, 40, Lb), [
+                    }, null, 40, Eb), [
                       [rt, x.value]
                     ]),
-                    l("div", Eb, [
+                    l("div", Ib, [
                       P(Q, {
                         icon: "search",
                         class: "w-4 h-4"
@@ -15354,18 +15357,18 @@ const dc = {
                       })
                     ])) : v("", !0)
                   ]),
-                  x.value ? (s(), i("div", Ib, w(j.value.length) + " result" + w(j.value.length !== 1 ? "s" : "") + " found ", 1)) : v("", !0)
+                  x.value ? (s(), i("div", Nb, w(j.value.length) + " result" + w(j.value.length !== 1 ? "s" : "") + " found ", 1)) : v("", !0)
                 ])) : v("", !0)
               ]),
-              l("nav", Nb, [
-                T.value && x.value && j.value.length === 0 ? (s(), i("div", Rb, [
+              l("nav", Rb, [
+                T.value && x.value && j.value.length === 0 ? (s(), i("div", Ub, [
                   P(Q, {
                     icon: "search",
                     class: "w-12 h-12 mx-auto text-gray-300 mb-3"
                   }),
                   g[4] || (g[4] = l("p", { class: "text-sm text-gray-500 mb-1" }, " No results found ", -1)),
                   g[5] || (g[5] = l("p", { class: "text-xs text-gray-400" }, " Try a different search term ", -1))
-                ])) : (s(), i("div", Ub, [
+                ])) : (s(), i("div", qb, [
                   (s(!0), i(H, null, X(j.value, (f) => (s(), W(p, {
                     key: f.name,
                     to: f.route,
@@ -15378,7 +15381,7 @@ const dc = {
                     onClick: (K) => re(f)
                   }, {
                     default: J(() => [
-                      b(f) ? (s(), i("div", qb)) : v("", !0),
+                      b(f) ? (s(), i("div", Yb)) : v("", !0),
                       l("div", {
                         class: m(
                           Z(O)(
@@ -15399,7 +15402,7 @@ const dc = {
                           b(f) ? "text-blue-700" : "text-gray-700"
                         ))
                       }, w(f.label), 3),
-                      f.badge ? (s(), i("span", Yb, w(f.badge), 1)) : v("", !0)
+                      f.badge ? (s(), i("span", Hb, w(f.badge), 1)) : v("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "class", "onClick"]))), 128))
@@ -15452,12 +15455,12 @@ const dc = {
                   g[7] || (g[7] = l("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              l("nav", Hb, [
-                l("div", Wb, [
+              l("nav", Wb, [
+                l("div", Gb, [
                   (s(!0), i(H, null, X(e.managementSettings, (f) => (s(), i(H, {
                     key: f.name
                   }, [
-                    f.type === "section" ? (s(), i("div", Gb, w(f.label), 1)) : f.route ? (s(), W(p, {
+                    f.type === "section" ? (s(), i("div", Kb, w(f.label), 1)) : f.route ? (s(), W(p, {
                       key: 1,
                       to: f.route,
                       class: m(
@@ -15469,7 +15472,7 @@ const dc = {
                       onClick: (K) => ne(f)
                     }, {
                       default: J(() => [
-                        b(f) ? (s(), i("div", Kb)) : v("", !0),
+                        b(f) ? (s(), i("div", Xb)) : v("", !0),
                         l("div", {
                           class: m(
                             Z(O)(
@@ -15520,7 +15523,7 @@ const dc = {
       ]);
     };
   }
-}, Jb = {
+}, Qb = {
   __name: "Timeline",
   props: {
     orientation: {
@@ -15539,13 +15542,13 @@ const dc = {
       q(a.$slots, "default")
     ], 2));
   }
-}, Qb = {
+}, Zb = {
   key: 0,
   class: "absolute left-3 top-0 w-0.5 h-full bg-slate-200"
-}, Zb = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, ep = { class: "text-slate-900 font-medium" }, tp = {
+}, ep = { class: "z-10 flex items-center justify-center w-6 h-6 rounded-full border-2 border-blue-500 bg-white text-blue-500" }, tp = { class: "text-slate-900 font-medium" }, ap = {
   key: 0,
   class: "text-slate-500 text-sm"
-}, ap = { class: "mt-2 text-slate-600 text-sm" }, np = {
+}, np = { class: "mt-2 text-slate-600 text-sm" }, sp = {
   __name: "TimelineItem",
   props: {
     title: {
@@ -15569,8 +15572,8 @@ const dc = {
         e.orientation === "vertical" ? "items-start mb-8 last:mb-0" : "flex-col items-center mx-8 last:mx-0"
       ])
     }, [
-      e.orientation === "vertical" ? (s(), i("div", Qb)) : v("", !0),
-      l("div", Zb, [
+      e.orientation === "vertical" ? (s(), i("div", Zb)) : v("", !0),
+      l("div", ep, [
         q(a.$slots, "icon", {}, () => [
           t[0] || (t[0] = l("div", { class: "w-2 h-2 rounded-full bg-blue-500" }, null, -1))
         ])
@@ -15581,23 +15584,23 @@ const dc = {
           e.orientation === "horizontal" ? "mt-2 text-center" : ""
         ])
       }, [
-        l("h3", ep, [
+        l("h3", tp, [
           q(a.$slots, "title", {}, () => [
             oe(w(e.title), 1)
           ])
         ]),
-        e.subtitle ? (s(), i("p", tp, [
+        e.subtitle ? (s(), i("p", ap, [
           q(a.$slots, "subtitle", {}, () => [
             oe(w(e.subtitle), 1)
           ])
         ])) : v("", !0),
-        l("div", ap, [
+        l("div", np, [
           q(a.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}, sp = {
+}, rp = {
   name: "AuthLayout",
   props: {
     title: {
@@ -15663,26 +15666,26 @@ const dc = {
       currentYear: y(() => (/* @__PURE__ */ new Date()).getFullYear())
     };
   }
-}, rp = { class: "container mx-auto px-4 py-10 lg:py-0 relative z-10 w-full" }, lp = { class: "grid lg:grid-cols-10 gap-6 lg:gap-8 items-center min-h-screen" }, op = { class: "hidden lg:block lg:col-span-6 text-white text-center lg:text-left space-y-6" }, ip = { class: "mb-6 flex justify-center lg:justify-start" }, up = ["src"], dp = {
+}, lp = { class: "container mx-auto px-4 py-10 lg:py-0 relative z-10 w-full" }, op = { class: "grid lg:grid-cols-10 gap-6 lg:gap-8 items-center min-h-screen" }, ip = { class: "hidden lg:block lg:col-span-6 text-white text-center lg:text-left space-y-6" }, up = { class: "mb-6 flex justify-center lg:justify-start" }, dp = ["src"], cp = {
   key: 0,
   class: "max-w-md mx-auto lg:mx-0"
-}, cp = { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" }, fp = { class: "lg:col-span-4 w-full" }, mp = { class: "lg:hidden mb-6 flex justify-center" }, gp = ["src"], vp = { class: "bg-white rounded-lg shadow-xl p-4 sm:p-6 lg:p-8 max-w-md mx-auto w-full" }, hp = {
+}, fp = { class: "text-sm lg:text-base font-light text-white/70 italic leading-relaxed" }, mp = { class: "lg:col-span-4 w-full" }, gp = { class: "lg:hidden mb-6 flex justify-center" }, vp = ["src"], hp = { class: "bg-white rounded-lg shadow-xl p-4 sm:p-6 lg:p-8 max-w-md mx-auto w-full" }, bp = {
   key: 0,
   class: "mb-4 sm:mb-6"
-}, bp = { class: "text-center" }, pp = { class: "text-xl sm:text-2xl font-bold text-gray-900" }, yp = {
+}, pp = { class: "text-center" }, yp = { class: "text-xl sm:text-2xl font-bold text-gray-900" }, xp = {
   key: 0,
   class: "text-sm sm:text-base text-gray-600 mt-2"
-}, xp = { class: "space-y-4 sm:space-y-6" }, wp = {
+}, wp = { class: "space-y-4 sm:space-y-6" }, kp = {
   key: 1,
   class: "mt-4 sm:mt-6"
-}, kp = {
+}, $p = {
   key: 0,
   class: "mt-4 sm:mt-6 text-center"
-}, $p = {
+}, Cp = {
   key: 0,
   class: "absolute bottom-2 right-2 sm:bottom-4 sm:right-4 text-right"
-}, Cp = ["src"], Sp = { class: "text-white/90 text-[10px] sm:text-xs bg-black/30 sm:bg-transparent px-2 py-1 sm:p-0 rounded" }, zp = { class: "font-medium" }, Ap = { class: "hidden sm:block" }, Dp = { class: "hidden sm:block" }, Mp = { class: "absolute bottom-2 left-2 sm:bottom-4 sm:left-4 flex gap-1.5 sm:gap-2" }, Vp = ["href"];
-function Fp(e, a, t, n, r, o) {
+}, Sp = ["src"], zp = { class: "text-white/90 text-[10px] sm:text-xs bg-black/30 sm:bg-transparent px-2 py-1 sm:p-0 rounded" }, Ap = { class: "font-medium" }, Dp = { class: "hidden sm:block" }, Mp = { class: "hidden sm:block" }, Vp = { class: "absolute bottom-2 left-2 sm:bottom-4 sm:left-4 flex gap-1.5 sm:gap-2" }, Fp = ["href"];
+function Tp(e, a, t, n, r, o) {
   const u = Ce("router-view"), d = Ce("font-awesome-icon");
   return s(), i("div", {
     class: "min-h-screen relative flex items-center justify-center overflow-x-hidden",
@@ -15695,63 +15698,63 @@ function Fp(e, a, t, n, r, o) {
         opacity: t.backgroundOpacity
       })
     }, null, 4),
-    l("div", rp, [
-      l("div", lp, [
-        l("div", op, [
-          l("div", ip, [
+    l("div", lp, [
+      l("div", op, [
+        l("div", ip, [
+          l("div", up, [
             l("img", {
               src: t.logoUrl,
               alt: "Company Logo",
               class: "h-52 lg:h-72 w-auto object-contain"
-            }, null, 8, up)
+            }, null, 8, dp)
           ]),
-          t.quote ? (s(), i("div", dp, [
-            l("p", cp, ' "' + w(t.quote) + '" ', 1)
+          t.quote ? (s(), i("div", cp, [
+            l("p", fp, ' "' + w(t.quote) + '" ', 1)
           ])) : v("", !0)
         ]),
-        l("div", fp, [
-          l("div", mp, [
+        l("div", mp, [
+          l("div", gp, [
             l("img", {
               src: t.logoUrl,
               alt: "Company Logo",
               class: "h-24 w-auto object-contain"
-            }, null, 8, gp)
+            }, null, 8, vp)
           ]),
-          l("div", vp, [
-            e.$slots["card-header"] || t.title ? (s(), i("div", hp, [
+          l("div", hp, [
+            e.$slots["card-header"] || t.title ? (s(), i("div", bp, [
               q(e.$slots, "card-header", {}, () => [
-                l("div", bp, [
-                  l("h1", pp, w(t.title), 1),
-                  t.subtitle ? (s(), i("p", yp, w(t.subtitle), 1)) : v("", !0)
+                l("div", pp, [
+                  l("h1", yp, w(t.title), 1),
+                  t.subtitle ? (s(), i("p", xp, w(t.subtitle), 1)) : v("", !0)
                 ])
               ])
             ])) : v("", !0),
-            l("div", xp, [
+            l("div", wp, [
               P(u)
             ]),
-            e.$slots["card-footer"] ? (s(), i("div", wp, [
+            e.$slots["card-footer"] ? (s(), i("div", kp, [
               q(e.$slots, "card-footer")
             ])) : v("", !0)
           ]),
-          e.$slots.links ? (s(), i("div", kp, [
+          e.$slots.links ? (s(), i("div", $p, [
             q(e.$slots, "links")
           ])) : v("", !0)
         ])
       ])
     ]),
-    t.showFooter ? (s(), i("div", $p, [
+    t.showFooter ? (s(), i("div", Cp, [
       l("img", {
         src: t.logoUrl,
         alt: "Company Logo",
         class: "hidden sm:block h-20 sm:h-32 lg:h-40 w-auto object-contain ml-auto mb-2"
-      }, null, 8, Cp),
-      l("div", Sp, [
-        l("div", zp, w(t.appName), 1),
-        l("div", Ap, "(" + w(t.appVersion) + ")", 1),
-        l("div", Dp, w(t.copyright), 1)
+      }, null, 8, Sp),
+      l("div", zp, [
+        l("div", Ap, w(t.appName), 1),
+        l("div", Dp, "(" + w(t.appVersion) + ")", 1),
+        l("div", Mp, w(t.copyright), 1)
       ])
     ])) : v("", !0),
-    l("div", Mp, [
+    l("div", Vp, [
       (s(!0), i(H, null, X(t.socialLinks, (c) => (s(), i("a", {
         key: c.name,
         href: c.url,
@@ -15763,14 +15766,14 @@ function Fp(e, a, t, n, r, o) {
         P(d, {
           icon: ["fab", c.icon]
         }, null, 8, ["icon"])
-      ], 10, Vp))), 128))
+      ], 10, Fp))), 128))
     ])
   ], 4);
 }
-const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen bg-gray-50" }, jp = { class: "flex-1" }, Pp = {
+const Bp = /* @__PURE__ */ Vt(rp, [["render", Tp]]), jp = { class: "min-h-screen bg-gray-50" }, Pp = { class: "flex-1" }, Op = {
   key: 0,
   class: "bg-white border-b border-gray-200"
-}, Op = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, _p = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Lp = {
+}, _p = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4" }, Lp = { class: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" }, Ep = {
   __name: "DefaultLayout",
   props: {
     navigationItems: {
@@ -15794,7 +15797,7 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
   setup(e) {
     return (a, t) => {
       const n = Ce("Logo"), r = Ce("MainNavigation"), o = Ce("Button"), u = Ce("Header"), d = Ce("Breadcrumb"), c = Ce("Text"), x = Ce("Footer");
-      return s(), i("div", Bp, [
+      return s(), i("div", jp, [
         P(u, null, {
           logo: J(() => [
             q(a.$slots, "logo", {}, () => [
@@ -15827,15 +15830,15 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
           ]),
           _: 3
         }),
-        l("main", jp, [
-          e.showBreadcrumb ? (s(), i("div", Pp, [
-            l("div", Op, [
+        l("main", Pp, [
+          e.showBreadcrumb ? (s(), i("div", Op, [
+            l("div", _p, [
               q(a.$slots, "breadcrumb", {}, () => [
                 P(d, { items: e.breadcrumbItems }, null, 8, ["items"])
               ])
             ])
           ])) : v("", !0),
-          l("div", _p, [
+          l("div", Lp, [
             q(a.$slots, "default")
           ])
         ]),
@@ -15856,7 +15859,7 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
       ]);
     };
   }
-}, Ep = {
+}, Ip = {
   name: "ErrorLayout",
   props: {
     errorType: {
@@ -16122,20 +16125,20 @@ const Tp = /* @__PURE__ */ Vt(sp, [["render", Fp]]), Bp = { class: "min-h-screen
       helpClasses: g
     };
   }
-}, Ip = { class: "flex justify-center" }, Np = { class: "flex items-center gap-3" }, Rp = { class: "text-2xl font-bold text-slate-900" }, Up = {
+}, Np = { class: "flex justify-center" }, Rp = { class: "flex items-center gap-3" }, Up = { class: "text-2xl font-bold text-slate-900" }, qp = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, qp = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Yp = ["disabled"], Hp = {
+}, Yp = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Hp = ["disabled"], Wp = {
   key: 0,
   class: "animate-spin"
-}, Wp = { key: 1 }, Gp = ["disabled"], Kp = { key: 0 }, Xp = { key: 1 }, Jp = {
+}, Gp = { key: 1 }, Kp = ["disabled"], Xp = { key: 0 }, Jp = { key: 1 }, Qp = {
   key: 0,
   class: "mt-8 max-w-md mx-auto"
-}, Qp = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, Zp = { class: "text-lg font-semibold text-slate-900 mb-4" }, ey = { class: "space-y-3" }, ty = { class: "text-sm text-slate-600" }, ay = ["href"], ny = {
+}, Zp = { class: "bg-white rounded-lg border border-slate-200 shadow-sm p-6" }, ey = { class: "text-lg font-semibold text-slate-900 mb-4" }, ty = { class: "space-y-3" }, ay = { class: "text-sm text-slate-600" }, ny = ["href"], sy = {
   key: 5,
   class: "text-xs text-slate-400 font-mono mt-4"
 };
-function sy(e, a, t, n, r, o) {
+function ry(e, a, t, n, r, o) {
   return s(), i("div", {
     class: m(n.layoutClasses)
   }, [
@@ -16155,13 +16158,13 @@ function sy(e, a, t, n, r, o) {
         class: m(n.headerClasses)
       }, [
         q(e.$slots, "header", {}, () => [
-          l("div", Ip, [
+          l("div", Np, [
             q(e.$slots, "logo", {}, () => [
-              l("div", Np, [
+              l("div", Rp, [
                 a[5] || (a[5] = l("div", { class: "w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center" }, [
                   l("span", { class: "text-white font-bold text-lg" }, "STL")
                 ], -1)),
-                l("span", Rp, w(t.brandName), 1)
+                l("span", Up, w(t.brandName), 1)
               ])
             ])
           ])
@@ -16207,7 +16210,7 @@ function sy(e, a, t, n, r, o) {
             ])
           ], 2)
         ], 2),
-        n.isOnline ? v("", !0) : (s(), i("div", Up, [...a[6] || (a[6] = [
+        n.isOnline ? v("", !0) : (s(), i("div", qp, [...a[6] || (a[6] = [
           l("div", { class: "flex items-center justify-center gap-2 text-red-700" }, [
             l("span", { class: "w-3 h-3 bg-red-500 rounded-full animate-pulse" }),
             l("span", { class: "font-medium" }, "No Internet Connection")
@@ -16218,7 +16221,7 @@ function sy(e, a, t, n, r, o) {
           class: m(n.actionsClasses)
         }, [
           q(e.$slots, "actions", {}, () => [
-            l("div", qp, [
+            l("div", Yp, [
               t.showHomeButton ? (s(), i("button", {
                 key: 0,
                 class: "bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2",
@@ -16241,18 +16244,18 @@ function sy(e, a, t, n, r, o) {
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[2] || (a[2] = (...u) => n.retry && n.retry(...u))
               }, [
-                n.isRetrying ? (s(), i("span", Hp, "↻")) : (s(), i("span", Wp, "🔄")),
+                n.isRetrying ? (s(), i("span", Wp, "↻")) : (s(), i("span", Gp, "🔄")),
                 oe(" " + w(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, Yp)) : v("", !0),
+              ], 8, Hp)) : v("", !0),
               t.showSupportButton ? (s(), i("button", {
                 key: 3,
                 disabled: n.reportSent,
                 class: "bg-slate-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-700 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[3] || (a[3] = (u) => e.$emit("contact-support"))
               }, [
-                n.reportSent ? (s(), i("span", Kp, "✓")) : (s(), i("span", Xp, "📝")),
+                n.reportSent ? (s(), i("span", Xp, "✓")) : (s(), i("span", Jp, "📝")),
                 oe(" " + w(n.reportSent ? "Report Sent" : "Contact Support"), 1)
-              ], 8, Gp)) : v("", !0)
+              ], 8, Kp)) : v("", !0)
             ])
           ])
         ], 2)) : v("", !0),
@@ -16261,10 +16264,10 @@ function sy(e, a, t, n, r, o) {
           class: m(n.additionalInfoClasses)
         }, [
           q(e.$slots, "additional-info", {}, () => [
-            n.additionalInfoConfig ? (s(), i("div", Jp, [
-              l("div", Qp, [
-                l("h3", Zp, w(n.additionalInfoConfig.title), 1),
-                l("ul", ey, [
+            n.additionalInfoConfig ? (s(), i("div", Qp, [
+              l("div", Zp, [
+                l("h3", ey, w(n.additionalInfoConfig.title), 1),
+                l("ul", ty, [
                   (s(!0), i(H, null, X(n.additionalInfoConfig.items, (u, d) => (s(), i("li", {
                     key: d,
                     class: "flex items-start gap-3 text-sm text-slate-600"
@@ -16284,7 +16287,7 @@ function sy(e, a, t, n, r, o) {
           class: m(n.helpClasses)
         }, [
           q(e.$slots, "help", {}, () => [
-            l("p", ty, [
+            l("p", ay, [
               oe(w(t.helpText) + " ", 1),
               t.supportUrl ? (s(), i("a", {
                 key: 0,
@@ -16293,19 +16296,19 @@ function sy(e, a, t, n, r, o) {
               }, [...a[8] || (a[8] = [
                 l("span", { class: "inline-block w-4 h-4 mr-1" }, "❓", -1),
                 oe(" Get Help ", -1)
-              ])], 8, ay)) : v("", !0)
+              ])], 8, ny)) : v("", !0)
             ])
           ])
         ], 2)) : v("", !0),
-        n.isDev ? (s(), i("div", ny, " Error ID: " + w(n.errorId), 1)) : v("", !0)
+        n.isDev ? (s(), i("div", sy, " Error ID: " + w(n.errorId), 1)) : v("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-full relative" }, oy = {
+const ly = /* @__PURE__ */ Vt(Ip, [["render", ry]]), oy = { class: "w-full h-full relative" }, iy = {
   key: 0,
   class: "w-full h-full flex items-center justify-center"
-}, iy = ["width", "height", "viewBox"], uy = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], dy = ["cx", "cy", "r", "fill"], cy = { key: 1 }, fy = ["x", "y"], my = ["x", "y"], gy = { key: 2 }, vy = ["x", "y"], hy = { key: 3 }, by = ["transform"], py = ["fill"], yy = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, xy = { class: "flex items-center gap-2 mb-1.5" }, wy = { class: "font-semibold text-sm" }, ky = { class: "flex items-baseline gap-2 ml-5" }, $y = { class: "text-2xl font-bold" }, Cy = { class: "mt-1 ml-5" }, Sy = { class: "text-xs text-slate-300" }, zn = {
+}, uy = ["width", "height", "viewBox"], dy = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], cy = ["cx", "cy", "r", "fill"], fy = { key: 1 }, my = ["x", "y"], gy = ["x", "y"], vy = { key: 2 }, hy = ["x", "y"], by = { key: 3 }, py = ["transform"], yy = ["fill"], xy = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, wy = { class: "flex items-center gap-2 mb-1.5" }, ky = { class: "font-semibold text-sm" }, $y = { class: "flex items-baseline gap-2 ml-5" }, Cy = { class: "text-2xl font-bold" }, Sy = { class: "mt-1 ml-5" }, zy = { class: "text-xs text-slate-300" }, zn = {
   __name: "PieChart",
   props: {
     data: {
@@ -16473,7 +16476,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
         percentage: D.percentage
       });
     };
-    return (D, L) => (s(), i("div", ly, [
+    return (D, L) => (s(), i("div", oy, [
       u.value ? (s(), i("svg", {
         key: 1,
         width: e.width,
@@ -16492,7 +16495,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
             onMouseenter: (R) => S(R, V, F),
             onMouseleave: k,
             onClick: (R) => z(V, F)
-          }, null, 42, uy))), 128))
+          }, null, 42, dy))), 128))
         ]),
         e.doughnut ? (s(), i("circle", {
           key: 0,
@@ -16500,24 +16503,24 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
           cy: c.value,
           r: C.value,
           fill: e.centerFill
-        }, null, 8, dy)) : v("", !0),
-        e.doughnut && e.showCenterText ? (s(), i("g", cy, [
+        }, null, 8, cy)) : v("", !0),
+        e.doughnut && e.showCenterText ? (s(), i("g", fy, [
           l("text", {
             x: d.value,
             y: c.value - 5,
             class: m(e.centerTextClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(o.value), 11, fy),
+          }, w(o.value), 11, my),
           l("text", {
             x: d.value,
             y: c.value + 15,
             class: m(e.centerLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, " Total ", 10, my)
+          }, " Total ", 10, gy)
         ])) : v("", !0),
-        e.showValues ? (s(), i("g", gy, [
+        e.showValues ? (s(), i("g", vy, [
           (s(!0), i(H, null, X(A.value, (V, F) => (s(), i("text", {
             key: `value-${F}`,
             x: V.labelX,
@@ -16525,9 +16528,9 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
             class: m(e.valueLabelClasses),
             "text-anchor": "middle",
             "dominant-baseline": "middle"
-          }, w(e.showPercentages ? `${V.percentage}%` : V.value), 11, vy))), 128))
+          }, w(e.showPercentages ? `${V.percentage}%` : V.value), 11, hy))), 128))
         ])) : v("", !0),
-        e.showLegend ? (s(), i("g", hy, [
+        e.showLegend ? (s(), i("g", by, [
           (s(!0), i(H, null, X(A.value, (V, F) => (s(), i("g", {
             key: `legend-${F}`,
             transform: `translate(${j(F)}, ${M(F)})`
@@ -16537,15 +16540,15 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
               height: 12,
               fill: T(F),
               rx: "2"
-            }, null, 8, py),
+            }, null, 8, yy),
             l("text", {
               x: 18,
               y: 10,
               class: m(e.legendTextClasses)
             }, w(V.label), 3)
-          ], 8, by))), 128))
+          ], 8, py))), 128))
         ])) : v("", !0)
-      ], 8, iy)) : (s(), i("div", oy, [...L[0] || (L[0] = [
+      ], 8, uy)) : (s(), i("div", iy, [...L[0] || (L[0] = [
         Qs('<div class="text-center"><div class="text-slate-300 mb-2"><svg class="w-16 h-16 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path></svg></div><p class="text-sm text-slate-500"> No data available </p></div>', 1)
       ])])),
       r.value.visible ? (s(), i("div", {
@@ -16560,42 +16563,42 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
         }),
         class: "animate-in fade-in duration-200"
       }, [
-        l("div", yy, [
-          l("div", xy, [
+        l("div", xy, [
+          l("div", wy, [
             l("div", {
               style: be({ backgroundColor: r.value.color }),
               class: "w-3 h-3 rounded-full shadow-sm"
             }, null, 4),
-            l("p", wy, w(r.value.label), 1)
+            l("p", ky, w(r.value.label), 1)
           ]),
-          l("div", ky, [
-            l("span", $y, w(r.value.value), 1),
+          l("div", $y, [
+            l("span", Cy, w(r.value.value), 1),
             L[1] || (L[1] = l("span", { class: "text-xs text-slate-400" }, "tasks", -1))
           ]),
-          l("div", Cy, [
-            l("span", Sy, w(r.value.percentage) + "% of total", 1)
+          l("div", Sy, [
+            l("span", zy, w(r.value.percentage) + "% of total", 1)
           ]),
           L[2] || (L[2] = l("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-slate-900 border-r border-b border-slate-700" }, null, -1))
         ])
       ], 4)) : v("", !0)
     ]));
   }
-}, zy = {
+}, Ay = {
   key: 0,
   class: "flex items-center justify-between px-6 py-4 border-b border-slate-200 bg-linear-to-r from-slate-50 to-slate-100 shrink-0"
-}, Ay = { class: "flex items-center gap-3" }, Dy = { class: "font-semibold text-lg text-slate-900" }, My = { class: "flex items-center gap-2" }, Vy = ["disabled"], Fy = {
+}, Dy = { class: "flex items-center gap-3" }, My = { class: "font-semibold text-lg text-slate-900" }, Vy = { class: "flex items-center gap-2" }, Fy = ["disabled"], Ty = {
   key: 1,
   class: "absolute top-16 right-4 z-20 bg-white rounded-lg shadow-xl border border-slate-200 p-4 min-w-[250px]"
-}, Ty = { class: "flex items-center justify-between mb-3" }, By = { class: "space-y-3" }, jy = ["for"], Py = ["id", "onClick"], Oy = {
+}, By = { class: "flex items-center justify-between mb-3" }, jy = { class: "space-y-3" }, Py = ["for"], Oy = ["id", "onClick"], _y = {
   key: 2,
   class: "absolute top-16 right-4 z-20 bg-white rounded-lg shadow-xl border border-slate-200 p-4 min-w-[280px]"
-}, _y = { class: "flex items-center justify-between mb-3" }, Ly = { class: "space-y-2" }, Ey = { class: "text-slate-700" }, Iy = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, Ny = { class: "relative flex-1 overflow-hidden" }, Ry = {
+}, Ly = { class: "flex items-center justify-between mb-3" }, Ey = { class: "space-y-2" }, Iy = { class: "text-slate-700" }, Ny = { class: "px-2 py-1 bg-slate-100 border border-slate-300 rounded text-xs font-mono" }, Ry = { class: "relative flex-1 overflow-hidden" }, Uy = {
   key: 0,
   class: "absolute inset-0 bg-white/90 backdrop-blur-sm z-10 flex items-center justify-center"
-}, Uy = { class: "w-full h-full flex items-center justify-center" }, qy = {
+}, qy = { class: "w-full h-full flex items-center justify-center" }, Yy = {
   key: 3,
   class: "border-t border-slate-200 px-6 py-3 bg-slate-50 shrink-0"
-}, Yy = {
+}, Hy = {
   __name: "DashboardWidget",
   props: {
     id: { type: String, required: !0 },
@@ -16737,16 +16740,16 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
       onFocus: j,
       onBlur: M
     }, [
-      e.showHeader ? (s(), i("div", zy, [
-        l("div", Ay, [
+      e.showHeader ? (s(), i("div", Ay, [
+        l("div", Dy, [
           e.icon ? (s(), W(Q, {
             key: 0,
             icon: e.icon,
             class: "w-5 h-5 text-slate-700"
           }, null, 8, ["icon"])) : v("", !0),
-          l("h3", Dy, w(e.title), 1)
+          l("h3", My, w(e.title), 1)
         ]),
-        l("div", My, [
+        l("div", Vy, [
           q(E.$slots, "header-actions"),
           l("button", {
             class: "p-2 rounded-lg hover:bg-white/80 transition-all duration-200 hover:scale-105 active:scale-95",
@@ -16783,11 +16786,11 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
                 { "animate-spin": e.loading }
               ])
             }, null, 8, ["class"])
-          ], 8, Vy)) : v("", !0)
+          ], 8, Fy)) : v("", !0)
         ])
       ])) : v("", !0),
-      d.value ? (s(), i("div", Fy, [
-        l("div", Ty, [
+      d.value ? (s(), i("div", Ty, [
+        l("div", By, [
           Y[4] || (Y[4] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Customize Widget ", -1)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
@@ -16799,7 +16802,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
             })
           ])
         ]),
-        l("div", By, [
+        l("div", jy, [
           (s(!0), i(H, null, X(e.customizationOptions, (b) => (s(), i("div", {
             key: b.id,
             class: "flex items-center justify-between"
@@ -16807,7 +16810,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
             l("label", {
               for: `setting-${b.id}`,
               class: "text-sm text-slate-700 cursor-pointer"
-            }, w(b.label), 9, jy),
+            }, w(b.label), 9, Py),
             l("button", {
               id: `setting-${b.id}`,
               class: m([
@@ -16822,12 +16825,12 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
                   c.value[b.id] ? "translate-x-6" : "translate-x-1"
                 ])
               }, null, 2)
-            ], 10, Py)
+            ], 10, Oy)
           ]))), 128))
         ])
       ])) : v("", !0),
-      S.value ? (s(), i("div", Oy, [
-        l("div", _y, [
+      S.value ? (s(), i("div", _y, [
+        l("div", Ly, [
           Y[5] || (Y[5] = l("h4", { class: "font-semibold text-sm text-slate-900" }, " Keyboard Shortcuts ", -1)),
           l("button", {
             class: "p-1 rounded hover:bg-slate-100",
@@ -16839,18 +16842,18 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
             })
           ])
         ]),
-        l("div", Ly, [
+        l("div", Ey, [
           (s(), i(H, null, X(k, (b) => l("div", {
             key: b.key,
             class: "flex items-center justify-between text-sm"
           }, [
-            l("span", Ey, w(b.description), 1),
-            l("kbd", Iy, w(b.key), 1)
+            l("span", Iy, w(b.description), 1),
+            l("kbd", Ny, w(b.key), 1)
           ])), 64))
         ])
       ])) : v("", !0),
-      l("div", Ny, [
-        e.loading ? (s(), i("div", Ry, [
+      l("div", Ry, [
+        e.loading ? (s(), i("div", Uy, [
           P($t, {
             type: "spin",
             size: "medium",
@@ -16861,7 +16864,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
           key: 1,
           class: m(["w-full h-full flex items-center justify-center p-4", u[e.padding]])
         }, [
-          l("div", Uy, [
+          l("div", qy, [
             (s(), W(Be(re.value), zt(R.value, { doughnut: ne.value }), null, 16, ["doughnut"]))
           ])
         ], 2)) : (s(), i("div", {
@@ -16871,7 +16874,7 @@ const ry = /* @__PURE__ */ Vt(Ep, [["render", sy]]), ly = { class: "w-full h-ful
           q(E.$slots, "default")
         ], 2))
       ]),
-      E.$slots.footer ? (s(), i("div", qy, [
+      E.$slots.footer ? (s(), i("div", Yy, [
         q(E.$slots, "footer")
       ])) : v("", !0)
     ], 38)) : v("", !0);
@@ -16997,7 +17000,7 @@ function Ze(e) {
   }
   return null;
 }
-function Hy(e) {
+function Wy(e) {
   if (!e) return null;
   if (/^\d{4}-\d{2}-\d{2}$/.test(e)) {
     const [a, t, n] = e.split("-").map(Number);
@@ -17014,7 +17017,7 @@ function Gs(e) {
   const n = new Date(t);
   return n.setDate(t.getDate() + 6), { startDate: t, endDate: n };
 }
-function Wy(e) {
+function Gy(e) {
   const { startDate: a } = Gs(e), t = [];
   for (let n = 0; n < 7; n++) {
     const r = new Date(a);
@@ -17059,7 +17062,7 @@ function Dn(e) {
 }
 function Mn(e, a = "full") {
   if (!e) return "";
-  const t = Hy(e);
+  const t = Wy(e);
   if (!t) return String(e);
   const n = {
     full: {
@@ -17080,7 +17083,7 @@ function Mn(e, a = "full") {
   };
   return t.toLocaleDateString("en-US", n[a] || n.full);
 }
-function Gy(e = 0, a = 23, t = 60) {
+function Ky(e = 0, a = 23, t = 60) {
   const n = [];
   for (let r = e; r <= a; r++)
     for (let o = 0; o < 60; o += t) {
@@ -17099,7 +17102,7 @@ function la(e, a = "long") {
 function oa(e) {
   return e.getFullYear();
 }
-const Ky = {
+const Xy = {
   name: "EventsCalendar",
   props: {
     events: {
@@ -17120,7 +17123,7 @@ const Ky = {
       selectedEvent: null,
       weekDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
       weekDaysShort: ["S", "M", "T", "W", "T", "F", "S"],
-      timeSlots: Gy(0, 23, 60),
+      timeSlots: Ky(0, 23, 60),
       monthNames: [
         "January",
         "February",
@@ -17156,7 +17159,7 @@ const Ky = {
       }));
     },
     weekViewDays() {
-      return Wy(this.currentDate).map((a) => {
+      return Gy(this.currentDate).map((a) => {
         const t = Ze(a);
         return {
           dateObj: a,
@@ -17273,66 +17276,66 @@ const Ky = {
       this.currentDate = new Date(this.currentDate.getFullYear(), e, 1), this.viewMode = "month";
     }
   }
-}, Xy = { class: "flex gap-0 h-full bg-white rounded-lg shadow-sm border border-gray-200" }, Jy = { class: "flex-1 flex flex-col" }, Qy = { class: "flex items-center justify-between px-6 py-4 border-b border-gray-200" }, Zy = { class: "flex items-center gap-3" }, e1 = { class: "flex items-center gap-1" }, t1 = { class: "text-xl font-semibold text-gray-900 ml-2" }, a1 = { class: "flex items-center gap-2" }, n1 = { class: "flex-1 flex flex-col p-4" }, s1 = {
+}, Jy = { class: "flex gap-0 h-full bg-white rounded-lg shadow-sm border border-gray-200" }, Qy = { class: "flex-1 flex flex-col" }, Zy = { class: "flex items-center justify-between px-6 py-4 border-b border-gray-200" }, e1 = { class: "flex items-center gap-3" }, t1 = { class: "flex items-center gap-1" }, a1 = { class: "text-xl font-semibold text-gray-900 ml-2" }, n1 = { class: "flex items-center gap-2" }, s1 = { class: "flex-1 flex flex-col p-4" }, r1 = {
   key: 0,
   class: "flex-1 overflow-y-auto"
-}, r1 = { class: "grid grid-cols-3 gap-6 pb-6" }, l1 = ["onClick"], o1 = { class: "bg-linear-to-r from-blue-500 to-blue-600 px-3 py-3" }, i1 = { class: "text-sm font-bold text-white text-center" }, u1 = { class: "p-3" }, d1 = { class: "grid grid-cols-7 mb-2" }, c1 = { class: "grid grid-cols-7 gap-1" }, f1 = {
+}, l1 = { class: "grid grid-cols-3 gap-6 pb-6" }, o1 = ["onClick"], i1 = { class: "bg-linear-to-r from-blue-500 to-blue-600 px-3 py-3" }, u1 = { class: "text-sm font-bold text-white text-center" }, d1 = { class: "p-3" }, c1 = { class: "grid grid-cols-7 mb-2" }, f1 = { class: "grid grid-cols-7 gap-1" }, m1 = {
   key: 1,
   class: "flex-1 flex flex-col"
-}, m1 = { class: "grid grid-cols-7 border-b border-gray-200" }, g1 = { class: "grid grid-cols-7 flex-1 border-l border-t border-gray-200" }, v1 = ["onClick"], h1 = { class: "flex items-center justify-between mb-1 px-1" }, b1 = { class: "space-y-1" }, p1 = ["onClick"], y1 = {
+}, g1 = { class: "grid grid-cols-7 border-b border-gray-200" }, v1 = { class: "grid grid-cols-7 flex-1 border-l border-t border-gray-200" }, h1 = ["onClick"], b1 = { class: "flex items-center justify-between mb-1 px-1" }, p1 = { class: "space-y-1" }, y1 = ["onClick"], x1 = {
   key: 0,
   class: "text-xs px-2 py-1 text-gray-600 font-medium cursor-pointer hover:text-gray-900"
-}, x1 = {
+}, w1 = {
   key: 2,
   class: "flex-1 flex flex-col overflow-hidden"
-}, w1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50" }, k1 = { class: "text-xs font-semibold text-gray-600 uppercase" }, $1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50 min-h-[60px]" }, C1 = ["onClick"], S1 = { class: "font-semibold truncate" }, z1 = { class: "flex-1 overflow-y-auto" }, A1 = { class: "grid grid-cols-8" }, D1 = { class: "border-r border-gray-200 bg-gray-50" }, M1 = ["onClick"], V1 = { class: "font-semibold truncate" }, F1 = { class: "text-xs opacity-90 truncate" }, T1 = {
+}, k1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50" }, $1 = { class: "text-xs font-semibold text-gray-600 uppercase" }, C1 = { class: "grid grid-cols-8 border-b border-gray-200 bg-gray-50 min-h-[60px]" }, S1 = ["onClick"], z1 = { class: "font-semibold truncate" }, A1 = { class: "flex-1 overflow-y-auto" }, D1 = { class: "grid grid-cols-8" }, M1 = { class: "border-r border-gray-200 bg-gray-50" }, V1 = ["onClick"], F1 = { class: "font-semibold truncate" }, T1 = { class: "text-xs opacity-90 truncate" }, B1 = {
   key: 3,
   class: "flex-1 flex flex-col overflow-hidden"
-}, B1 = { class: "border-b border-gray-200 bg-gray-50 p-4" }, j1 = { class: "text-center" }, P1 = { class: "text-sm font-semibold text-gray-600 uppercase" }, O1 = {
+}, j1 = { class: "border-b border-gray-200 bg-gray-50 p-4" }, P1 = { class: "text-center" }, O1 = { class: "text-sm font-semibold text-gray-600 uppercase" }, _1 = {
   key: 0,
   class: "border-b border-gray-200 bg-gray-50 p-4"
-}, _1 = { class: "space-y-2" }, L1 = ["onClick"], E1 = { class: "font-semibold" }, I1 = {
+}, L1 = { class: "space-y-2" }, E1 = ["onClick"], I1 = { class: "font-semibold" }, N1 = {
   key: 0,
   class: "text-xs opacity-80 mt-1"
-}, N1 = { class: "flex-1 overflow-y-auto" }, R1 = { class: "flex" }, U1 = { class: "w-24 border-r border-gray-200 bg-gray-50 shrink-0" }, q1 = { class: "flex-1 relative" }, Y1 = ["onClick"], H1 = { class: "font-semibold" }, W1 = { class: "text-xs opacity-90 mt-1" }, G1 = {
+}, R1 = { class: "flex-1 overflow-y-auto" }, U1 = { class: "flex" }, q1 = { class: "w-24 border-r border-gray-200 bg-gray-50 shrink-0" }, Y1 = { class: "flex-1 relative" }, H1 = ["onClick"], W1 = { class: "font-semibold" }, G1 = { class: "text-xs opacity-90 mt-1" }, K1 = {
   key: 0,
   class: "text-xs opacity-80 mt-1 line-clamp-2"
-}, K1 = {
+}, X1 = {
   key: 0,
   class: "w-80 border-l border-gray-200 bg-white flex flex-col"
-}, X1 = { class: "px-6 py-4 border-b border-gray-200 flex items-start justify-between" }, J1 = { class: "flex-1 overflow-y-auto px-6 py-4 space-y-4" }, Q1 = { class: "text-xl font-bold text-gray-900" }, Z1 = { key: 0 }, ex = {
+}, J1 = { class: "px-6 py-4 border-b border-gray-200 flex items-start justify-between" }, Q1 = { class: "flex-1 overflow-y-auto px-6 py-4 space-y-4" }, Z1 = { class: "text-xl font-bold text-gray-900" }, ex = { key: 0 }, tx = {
   key: 0,
   class: "w-4 h-4 mr-1.5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, tx = {
+}, ax = {
   key: 1,
   class: "w-4 h-4 mr-1.5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, ax = { class: "space-y-3 pt-2" }, nx = { class: "flex items-start gap-3" }, sx = { class: "text-sm font-medium text-gray-900" }, rx = { class: "flex items-start gap-3" }, lx = { class: "text-sm text-gray-600" }, ox = {
+}, nx = { class: "space-y-3 pt-2" }, sx = { class: "flex items-start gap-3" }, rx = { class: "text-sm font-medium text-gray-900" }, lx = { class: "flex items-start gap-3" }, ox = { class: "text-sm text-gray-600" }, ix = {
   key: 1,
   class: "pt-4 border-t border-gray-200"
-}, ix = { class: "text-sm text-gray-600 leading-relaxed" }, ux = {
+}, ux = { class: "text-sm text-gray-600 leading-relaxed" }, dx = {
   key: 2,
   class: "pt-4 border-t border-gray-200 space-y-3"
-}, dx = {
+}, cx = {
   key: 0,
   class: "text-sm"
-}, cx = { class: "text-gray-600 mt-1" }, fx = {
+}, fx = { class: "text-gray-600 mt-1" }, mx = {
   key: 1,
   class: "text-sm"
-}, mx = { class: "text-gray-600 mt-1" };
-function gx(e, a, t, n, r, o) {
-  return s(), i("div", Xy, [
-    l("div", Jy, [
-      l("div", Qy, [
-        l("div", Zy, [
+}, gx = { class: "text-gray-600 mt-1" };
+function vx(e, a, t, n, r, o) {
+  return s(), i("div", Jy, [
+    l("div", Qy, [
+      l("div", Zy, [
+        l("div", e1, [
           l("button", {
             class: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded hover:bg-gray-50 transition-colors",
             onClick: a[0] || (a[0] = (...u) => o.goToToday && o.goToToday(...u))
           }, " Today "),
-          l("div", e1, [
+          l("div", t1, [
             l("button", {
               class: "p-2 text-gray-600 hover:bg-gray-100 rounded transition-colors",
               onClick: a[1] || (a[1] = (...u) => o.previousPeriod && o.previousPeriod(...u))
@@ -17370,9 +17373,9 @@ function gx(e, a, t, n, r, o) {
               ], -1)
             ])])
           ]),
-          l("h2", t1, w(o.displayTitle), 1)
+          l("h2", a1, w(o.displayTitle), 1)
         ]),
-        l("div", a1, [
+        l("div", n1, [
           l("button", {
             class: m(["px-3 py-2 text-sm font-medium rounded transition-colors", r.viewMode === "year" ? "bg-blue-100 text-blue-700" : "text-gray-700 hover:bg-gray-100"]),
             onClick: a[3] || (a[3] = (u) => r.viewMode = "year")
@@ -17391,25 +17394,25 @@ function gx(e, a, t, n, r, o) {
           }, " Day ", 2)
         ])
       ]),
-      l("div", n1, [
-        r.viewMode === "year" ? (s(), i("div", s1, [
-          l("div", r1, [
+      l("div", s1, [
+        r.viewMode === "year" ? (s(), i("div", r1, [
+          l("div", l1, [
             (s(!0), i(H, null, X(o.yearViewMonths, (u) => (s(), i("div", {
               key: u.index,
               class: "bg-white rounded-lg border border-gray-200 overflow-hidden hover:shadow-lg transition-shadow cursor-pointer",
               onClick: (d) => o.selectMonthFromYear(u.index)
             }, [
-              l("div", o1, [
-                l("h3", i1, w(u.name), 1)
+              l("div", i1, [
+                l("h3", u1, w(u.name), 1)
               ]),
-              l("div", u1, [
-                l("div", d1, [
+              l("div", d1, [
+                l("div", c1, [
                   (s(!0), i(H, null, X(r.weekDaysShort, (d) => (s(), i("div", {
                     key: d,
                     class: "text-center text-[10px] font-bold text-gray-600"
                   }, w(d), 1))), 128))
                 ]),
-                l("div", c1, [
+                l("div", f1, [
                   (s(!0), i(H, null, X(u.days, (d, c) => (s(), i("div", {
                     key: c,
                     class: m(["aspect-square flex items-center justify-center text-xs rounded-md relative transition-all hover:scale-110", [
@@ -17431,17 +17434,17 @@ function gx(e, a, t, n, r, o) {
                   ], 2))), 128))
                 ])
               ])
-            ], 8, l1))), 128))
+            ], 8, o1))), 128))
           ])
         ])) : v("", !0),
-        r.viewMode === "month" ? (s(), i("div", f1, [
-          l("div", m1, [
+        r.viewMode === "month" ? (s(), i("div", m1, [
+          l("div", g1, [
             (s(!0), i(H, null, X(r.weekDays, (u) => (s(), i("div", {
               key: u,
               class: "text-center text-xs font-semibold text-gray-600 py-3 uppercase tracking-wider"
             }, w(u), 1))), 128))
           ]),
-          l("div", g1, [
+          l("div", v1, [
             (s(!0), i(H, null, X(o.calendarDays, (u, d) => (s(), i("div", {
               key: d,
               class: m(["border-r border-b border-gray-200 p-1 min-h-[120px] relative cursor-pointer hover:bg-gray-50 transition-colors", [
@@ -17451,7 +17454,7 @@ function gx(e, a, t, n, r, o) {
               ]]),
               onClick: (c) => o.selectDay(u)
             }, [
-              l("div", h1, [
+              l("div", b1, [
                 l("span", {
                   class: m(["text-sm font-medium", [
                     u.isCurrentMonth ? "text-gray-900" : "text-gray-400",
@@ -17459,24 +17462,24 @@ function gx(e, a, t, n, r, o) {
                   ]])
                 }, w(u.dayNumber), 3)
               ]),
-              l("div", b1, [
+              l("div", p1, [
                 (s(!0), i(H, null, X(u.events.slice(0, 3), (c, x) => (s(), i("div", {
                   key: x,
                   class: m(["text-xs px-2 py-1 rounded cursor-pointer truncate border-l-2 text-white font-medium hover:opacity-90 transition-opacity", o.getEventColorClass(c.color)]),
                   onClick: $e((C) => o.selectEvent(c, u), ["stop"])
-                }, w(c.title), 11, p1))), 128)),
-                u.events.length > 3 ? (s(), i("div", y1, " +" + w(u.events.length - 3) + " more ", 1)) : v("", !0)
+                }, w(c.title), 11, y1))), 128)),
+                u.events.length > 3 ? (s(), i("div", x1, " +" + w(u.events.length - 3) + " more ", 1)) : v("", !0)
               ])
-            ], 10, v1))), 128))
+            ], 10, h1))), 128))
           ])
-        ])) : r.viewMode === "week" ? (s(), i("div", x1, [
-          l("div", w1, [
+        ])) : r.viewMode === "week" ? (s(), i("div", w1, [
+          l("div", k1, [
             a[10] || (a[10] = l("div", { class: "border-r border-gray-200 p-2" }, null, -1)),
             (s(!0), i(H, null, X(o.weekViewDays, (u) => (s(), i("div", {
               key: u.date,
               class: m(["text-center p-2 border-r border-gray-200", u.isToday ? "bg-blue-50" : ""])
             }, [
-              l("div", k1, w(u.dayName), 1),
+              l("div", $1, w(u.dayName), 1),
               l("div", {
                 class: m(["text-lg font-bold mt-1", [
                   u.isToday ? "bg-blue-600 text-white w-8 h-8 flex items-center justify-center rounded-full mx-auto" : "text-gray-900"
@@ -17484,7 +17487,7 @@ function gx(e, a, t, n, r, o) {
               }, w(u.dayNumber), 3)
             ], 2))), 128))
           ]),
-          l("div", $1, [
+          l("div", C1, [
             a[11] || (a[11] = l("div", { class: "border-r border-gray-200 px-2 py-1 text-xs text-gray-600 text-right flex items-center justify-end" }, " All Day ", -1)),
             (s(!0), i(H, null, X(o.weekViewDays, (u) => (s(), i("div", {
               key: "allday-" + u.date,
@@ -17495,13 +17498,13 @@ function gx(e, a, t, n, r, o) {
                 class: m(["rounded border-l-2 p-1 text-xs font-medium text-white cursor-pointer hover:opacity-90 transition-opacity", o.getEventColorClass(d.color)]),
                 onClick: (c) => o.selectEvent(d, u)
               }, [
-                l("div", S1, w(d.title), 1)
-              ], 10, C1))), 128))
+                l("div", z1, w(d.title), 1)
+              ], 10, S1))), 128))
             ], 2))), 128))
           ]),
-          l("div", z1, [
-            l("div", A1, [
-              l("div", D1, [
+          l("div", A1, [
+            l("div", D1, [
+              l("div", M1, [
                 (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
                   key: u.time,
                   class: "h-16 border-b border-gray-200 px-2 py-1 text-xs text-gray-600 text-right"
@@ -17520,17 +17523,17 @@ function gx(e, a, t, n, r, o) {
                     class: m(["absolute inset-x-1 top-1 bottom-1 rounded border-l-2 p-1 text-xs font-medium text-white cursor-pointer hover:opacity-90 transition-opacity overflow-hidden", o.getEventColorClass(c.color)]),
                     onClick: (x) => o.selectEvent(c, u)
                   }, [
-                    l("div", V1, w(c.title), 1),
-                    l("div", F1, w(c.time), 1)
-                  ], 10, M1))), 128))
+                    l("div", F1, w(c.title), 1),
+                    l("div", T1, w(c.time), 1)
+                  ], 10, V1))), 128))
                 ], 2))), 128))
               ]))), 128))
             ])
           ])
-        ])) : r.viewMode === "day" ? (s(), i("div", T1, [
-          l("div", B1, [
-            l("div", j1, [
-              l("div", P1, w(o.dayViewDate.dayName), 1),
+        ])) : r.viewMode === "day" ? (s(), i("div", B1, [
+          l("div", j1, [
+            l("div", P1, [
+              l("div", O1, w(o.dayViewDate.dayName), 1),
               l("div", {
                 class: m(["text-3xl font-bold mt-2", [
                   o.dayViewDate.isToday ? "text-blue-600" : "text-gray-900"
@@ -17538,28 +17541,28 @@ function gx(e, a, t, n, r, o) {
               }, w(o.dayViewDate.dayNumber), 3)
             ])
           ]),
-          o.getAllDayEvents(o.dayViewDate.events).length > 0 ? (s(), i("div", O1, [
+          o.getAllDayEvents(o.dayViewDate.events).length > 0 ? (s(), i("div", _1, [
             a[12] || (a[12] = l("h4", { class: "text-xs font-semibold text-gray-600 uppercase tracking-wide mb-2" }, " All Day Events ", -1)),
-            l("div", _1, [
+            l("div", L1, [
               (s(!0), i(H, null, X(o.getAllDayEvents(o.dayViewDate.events), (u) => (s(), i("div", {
                 key: u.id,
                 class: m(["rounded border-l-4 p-3 text-sm font-medium text-white cursor-pointer hover:opacity-90 transition-opacity shadow-sm", o.getEventColorClass(u.color)]),
                 onClick: (d) => o.selectEvent(u, o.dayViewDate)
               }, [
-                l("div", E1, w(u.title), 1),
-                u.description ? (s(), i("div", I1, w(u.description), 1)) : v("", !0)
-              ], 10, L1))), 128))
+                l("div", I1, w(u.title), 1),
+                u.description ? (s(), i("div", N1, w(u.description), 1)) : v("", !0)
+              ], 10, E1))), 128))
             ])
           ])) : v("", !0),
-          l("div", N1, [
-            l("div", R1, [
-              l("div", U1, [
+          l("div", R1, [
+            l("div", U1, [
+              l("div", q1, [
                 (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
                   key: u.time,
                   class: "h-16 border-b border-gray-200 px-2 py-1 text-xs text-gray-600 text-right"
                 }, w(u.display), 1))), 128))
               ]),
-              l("div", q1, [
+              l("div", Y1, [
                 (s(!0), i(H, null, X(r.timeSlots, (u) => (s(), i("div", {
                   key: u.time,
                   class: m(["h-16 border-b border-gray-200 hover:bg-gray-50 transition-colors cursor-pointer relative", o.dayViewDate.isToday ? "bg-blue-50 bg-opacity-30" : ""])
@@ -17569,10 +17572,10 @@ function gx(e, a, t, n, r, o) {
                     class: m(["absolute inset-x-2 top-1 bottom-1 rounded border-l-4 p-2 text-sm font-medium text-white cursor-pointer hover:opacity-90 transition-opacity shadow-sm", o.getEventColorClass(d.color)]),
                     onClick: (c) => o.selectEvent(d, o.dayViewDate)
                   }, [
-                    l("div", H1, w(d.title), 1),
-                    l("div", W1, w(d.time), 1),
-                    d.description ? (s(), i("div", G1, w(d.description), 1)) : v("", !0)
-                  ], 10, Y1))), 128))
+                    l("div", W1, w(d.title), 1),
+                    l("div", G1, w(d.time), 1),
+                    d.description ? (s(), i("div", K1, w(d.description), 1)) : v("", !0)
+                  ], 10, H1))), 128))
                 ], 2))), 128))
               ])
             ])
@@ -17591,8 +17594,8 @@ function gx(e, a, t, n, r, o) {
         "leave-to-class": "opacity-0 translate-x-4"
       }, {
         default: J(() => [
-          r.selectedEvent ? (s(), i("div", K1, [
-            l("div", X1, [
+          r.selectedEvent ? (s(), i("div", X1, [
+            l("div", J1, [
               a[14] || (a[14] = l("h3", { class: "text-lg font-semibold text-gray-900" }, " Event Details ", -1)),
               l("button", {
                 class: "text-gray-400 hover:text-gray-600 transition-colors",
@@ -17613,24 +17616,24 @@ function gx(e, a, t, n, r, o) {
                 ], -1)
               ])])
             ]),
-            l("div", J1, [
+            l("div", Q1, [
               l("div", {
                 class: m(["h-1 w-full rounded-full", o.getEventColorClass(r.selectedEvent.color)])
               }, null, 2),
               l("div", null, [
-                l("h4", Q1, w(r.selectedEvent.title), 1)
+                l("h4", Z1, w(r.selectedEvent.title), 1)
               ]),
-              r.selectedEvent.status ? (s(), i("div", Z1, [
+              r.selectedEvent.status ? (s(), i("div", ex, [
                 l("span", {
                   class: m(["inline-flex items-center px-3 py-1.5 rounded-full text-sm font-medium", r.selectedEvent.status === "complied" ? "bg-green-100 text-green-800 border border-green-200" : "bg-orange-100 text-orange-800 border border-orange-200"])
                 }, [
-                  r.selectedEvent.status === "complied" ? (s(), i("svg", ex, [...a[15] || (a[15] = [
+                  r.selectedEvent.status === "complied" ? (s(), i("svg", tx, [...a[15] || (a[15] = [
                     l("path", {
                       "fill-rule": "evenodd",
                       d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
                       "clip-rule": "evenodd"
                     }, null, -1)
-                  ])])) : (s(), i("svg", tx, [...a[16] || (a[16] = [
+                  ])])) : (s(), i("svg", ax, [...a[16] || (a[16] = [
                     l("path", {
                       "fill-rule": "evenodd",
                       d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z",
@@ -17640,8 +17643,8 @@ function gx(e, a, t, n, r, o) {
                   oe(" " + w(r.selectedEvent.status === "complied" ? "Complied" : "Pending"), 1)
                 ], 2)
               ])) : v("", !0),
-              l("div", ax, [
-                l("div", nx, [
+              l("div", nx, [
+                l("div", sx, [
                   a[17] || (a[17] = l("svg", {
                     class: "w-5 h-5 text-gray-400 mt-0.5",
                     fill: "none",
@@ -17656,10 +17659,10 @@ function gx(e, a, t, n, r, o) {
                     })
                   ], -1)),
                   l("div", null, [
-                    l("p", sx, w(o.formatEventDate(r.selectedEvent.date, "full")), 1)
+                    l("p", rx, w(o.formatEventDate(r.selectedEvent.date, "full")), 1)
                   ])
                 ]),
-                l("div", rx, [
+                l("div", lx, [
                   a[18] || (a[18] = l("svg", {
                     class: "w-5 h-5 text-gray-400 mt-0.5",
                     fill: "none",
@@ -17673,22 +17676,22 @@ function gx(e, a, t, n, r, o) {
                       d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
                     })
                   ], -1)),
-                  l("p", lx, w(r.selectedEvent.time), 1)
+                  l("p", ox, w(r.selectedEvent.time), 1)
                 ])
               ]),
-              r.selectedEvent.description ? (s(), i("div", ox, [
+              r.selectedEvent.description ? (s(), i("div", ix, [
                 a[19] || (a[19] = l("h5", { class: "text-sm font-semibold text-gray-900 mb-2" }, " Description ", -1)),
-                l("p", ix, w(r.selectedEvent.description), 1)
+                l("p", ux, w(r.selectedEvent.description), 1)
               ])) : v("", !0),
-              r.selectedEvent.compliance ? (s(), i("div", ux, [
+              r.selectedEvent.compliance ? (s(), i("div", dx, [
                 a[22] || (a[22] = l("h5", { class: "text-sm font-semibold text-gray-900 mb-2" }, " Compliance Details ", -1)),
-                r.selectedEvent.compliance.remarks ? (s(), i("div", dx, [
+                r.selectedEvent.compliance.remarks ? (s(), i("div", cx, [
                   a[20] || (a[20] = l("span", { class: "font-medium text-gray-700" }, "Remarks:", -1)),
-                  l("p", cx, w(r.selectedEvent.compliance.remarks), 1)
+                  l("p", fx, w(r.selectedEvent.compliance.remarks), 1)
                 ])) : v("", !0),
-                r.selectedEvent.compliance.compliance_documents?.length ? (s(), i("div", fx, [
+                r.selectedEvent.compliance.compliance_documents?.length ? (s(), i("div", mx, [
                   a[21] || (a[21] = l("span", { class: "font-medium text-gray-700" }, "Documents:", -1)),
-                  l("p", mx, w(r.selectedEvent.compliance.compliance_documents.length) + " document(s) attached ", 1)
+                  l("p", gx, w(r.selectedEvent.compliance.compliance_documents.length) + " document(s) attached ", 1)
                 ])) : v("", !0)
               ])) : v("", !0)
             ])
@@ -17699,7 +17702,7 @@ function gx(e, a, t, n, r, o) {
     ], !0)
   ]);
 }
-const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab614"]]), hx = { class: "w-full h-full relative" }, bx = ["width", "height", "viewBox"], px = { key: 0 }, yx = ["x1", "y1", "x2", "y2", "stroke"], xx = ["id"], wx = ["stop-color"], kx = ["stop-color"], $x = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], Cx = ["to", "begin"], Sx = ["from", "to", "begin"], zx = { key: 1 }, Ax = ["x", "y"], Dx = { key: 2 }, Mx = ["x", "y"], Vx = { key: 3 }, Fx = ["x", "y"], Tx = { key: 4 }, Bx = ["x", "y"], jx = ["x1", "y1", "x2", "y2"], Px = ["x1", "y1", "x2", "y2"], Ox = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, _x = { class: "flex items-center gap-2 mb-2" }, Lx = { class: "font-semibold text-sm" }, Ex = { class: "ml-5" }, Ix = { class: "text-xs text-slate-300 mb-1" }, Nx = { class: "text-2xl font-bold" }, Rx = {
+const hx = /* @__PURE__ */ Vt(Xy, [["render", vx], ["__scopeId", "data-v-6e1ab614"]]), bx = { class: "w-full h-full relative" }, px = ["width", "height", "viewBox"], yx = { key: 0 }, xx = ["x1", "y1", "x2", "y2", "stroke"], wx = ["id"], kx = ["stop-color"], $x = ["stop-color"], Cx = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], Sx = ["to", "begin"], zx = ["from", "to", "begin"], Ax = { key: 1 }, Dx = ["x", "y"], Mx = { key: 2 }, Vx = ["x", "y"], Fx = { key: 3 }, Tx = ["x", "y"], Bx = { key: 4 }, jx = ["x", "y"], Px = ["x1", "y1", "x2", "y2"], Ox = ["x1", "y1", "x2", "y2"], _x = { class: "bg-slate-900 text-white px-4 py-3 rounded-lg shadow-2xl border border-slate-700 min-w-[180px]" }, Lx = { class: "flex items-center gap-2 mb-2" }, Ex = { class: "font-semibold text-sm" }, Ix = { class: "ml-5" }, Nx = { class: "text-xs text-slate-300 mb-1" }, Rx = { class: "text-2xl font-bold" }, Ux = {
   __name: "StackedBarChart",
   props: {
     data: {
@@ -17814,14 +17817,14 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
       const re = t.data[F], ne = t.groupKeys[R], E = re[ne] || 0, Y = t.labels[F] || `Item ${F + 1}`;
       n("bar-click", { dataIndex: F, barIndex: R, key: ne, value: E, label: Y });
     };
-    return (F, R) => (s(), i("div", hx, [
+    return (F, R) => (s(), i("div", bx, [
       (s(), i("svg", {
         width: e.width,
         height: e.height,
         viewBox: `0 0 ${e.width} ${e.height}`,
         class: "overflow-visible"
       }, [
-        e.showGrid ? (s(), i("g", px, [
+        e.showGrid ? (s(), i("g", yx, [
           (s(!0), i(H, null, X(A.value, (re) => (s(), i("line", {
             key: `grid-${re}`,
             x1: e.padding.left,
@@ -17832,7 +17835,7 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
             "stroke-width": "1",
             "stroke-dasharray": "4,4",
             opacity: "0.3"
-          }, null, 8, yx))), 128))
+          }, null, 8, xx))), 128))
         ])) : v("", !0),
         l("defs", null, [
           (s(!0), i(H, null, X(e.groupKeys, (re, ne) => (s(), i("linearGradient", {
@@ -17847,13 +17850,13 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
               offset: "0%",
               "stop-color": S(ne),
               "stop-opacity": "0.95"
-            }, null, 8, wx),
+            }, null, 8, kx),
             l("stop", {
               offset: "100%",
               "stop-color": S(ne),
               "stop-opacity": "0.85"
-            }, null, 8, kx)
-          ], 8, xx))), 128))
+            }, null, 8, $x)
+          ], 8, wx))), 128))
         ]),
         l("g", null, [
           (s(!0), i(H, null, X(e.data, (re, ne) => (s(), i("g", {
@@ -17879,7 +17882,7 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
                 dur: "0.6s",
                 begin: `${Y * 0.1}s`,
                 fill: "freeze"
-              }, null, 8, Cx),
+              }, null, 8, Sx),
               l("animate", {
                 attributeName: "y",
                 from: e.padding.top + o.value,
@@ -17887,44 +17890,44 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
                 dur: "0.6s",
                 begin: `${Y * 0.1}s`,
                 fill: "freeze"
-              }, null, 8, Sx)
-            ], 42, $x))), 128))
+              }, null, 8, zx)
+            ], 42, Cx))), 128))
           ]))), 128))
         ]),
-        e.showXAxis ? (s(), i("g", zx, [
+        e.showXAxis ? (s(), i("g", Ax, [
           (s(!0), i(H, null, X(e.labels, (re, ne) => (s(), i("text", {
             key: `xlabel-${ne}`,
             x: _(ne) + d.value / 2,
             y: e.height - e.padding.bottom + 20,
             class: m(e.axisLabelClasses),
             "text-anchor": "middle"
-          }, w(re), 11, Ax))), 128))
+          }, w(re), 11, Dx))), 128))
         ])) : v("", !0),
-        e.xAxisLabel ? (s(), i("g", Dx, [
+        e.xAxisLabel ? (s(), i("g", Mx, [
           l("text", {
             x: e.padding.left + u.value / 2,
             y: e.height - 10,
             class: "fill-slate-700 text-sm font-semibold",
             "text-anchor": "middle"
-          }, w(e.xAxisLabel), 9, Mx)
+          }, w(e.xAxisLabel), 9, Vx)
         ])) : v("", !0),
-        e.showYAxis ? (s(), i("g", Vx, [
+        e.showYAxis ? (s(), i("g", Fx, [
           (s(!0), i(H, null, X(A.value, (re) => (s(), i("text", {
             key: `ylabel-${re}`,
             x: e.padding.left - 10,
             y: re + 4,
             class: m(e.axisLabelClasses),
             "text-anchor": "end"
-          }, w(k(re)), 11, Fx))), 128))
+          }, w(k(re)), 11, Tx))), 128))
         ])) : v("", !0),
-        e.yAxisLabel ? (s(), i("g", Tx, [
+        e.yAxisLabel ? (s(), i("g", Bx, [
           l("text", {
             x: -(e.padding.top + o.value / 2),
             y: e.padding.left - 40,
             class: "fill-slate-700 text-sm font-semibold",
             "text-anchor": "middle",
             transform: "rotate(-90)"
-          }, w(e.yAxisLabel), 9, Bx)
+          }, w(e.yAxisLabel), 9, jx)
         ])) : v("", !0),
         l("line", {
           x1: e.padding.left,
@@ -17933,7 +17936,7 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
           y2: e.height - e.padding.bottom,
           stroke: "#cbd5e1",
           "stroke-width": "2"
-        }, null, 8, jx),
+        }, null, 8, Px),
         l("line", {
           x1: e.padding.left,
           y1: e.height - e.padding.bottom,
@@ -17941,8 +17944,8 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
           y2: e.height - e.padding.bottom,
           stroke: "#cbd5e1",
           "stroke-width": "2"
-        }, null, 8, Px)
-      ], 8, bx)),
+        }, null, 8, Ox)
+      ], 8, px)),
       r.value.visible ? (s(), i("div", {
         key: 0,
         style: be({
@@ -17955,17 +17958,17 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
         }),
         class: "animate-in fade-in duration-200"
       }, [
-        l("div", Ox, [
-          l("div", _x, [
+        l("div", _x, [
+          l("div", Lx, [
             l("div", {
               style: be({ backgroundColor: r.value.color }),
               class: "w-3 h-3 rounded shadow-sm"
             }, null, 4),
-            l("p", Lx, w(r.value.label), 1)
+            l("p", Ex, w(r.value.label), 1)
           ]),
-          l("div", Ex, [
-            l("p", Ix, w(r.value.barLabel), 1),
-            l("span", Nx, w(r.value.value) + "%", 1)
+          l("div", Ix, [
+            l("p", Nx, w(r.value.barLabel), 1),
+            l("span", Rx, w(r.value.value) + "%", 1)
           ]),
           R[0] || (R[0] = l("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-slate-900 border-r border-b border-slate-700" }, null, -1))
         ])
@@ -18028,13 +18031,13 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
   TabPanel: Zc,
   BarChart: Us,
   LineChart: qs,
-  StackedBarChart: Rx,
+  StackedBarChart: Ux,
   GraphFilters: $m,
   Accordion: rf,
   AccordionItem: lf,
   Graph: $f,
   Calendar: bf,
-  EventsCalendar: vx,
+  EventsCalendar: hx,
   DataTable: p0,
   DataTableHeader: Ys,
   DataTableRow: y0,
@@ -18044,16 +18047,16 @@ const vx = /* @__PURE__ */ Vt(Ky, [["render", gx], ["__scopeId", "data-v-6e1ab61
   DataTableToolBar: Dg,
   Footer: Og,
   Header: nh,
-  ReusableFormModal: Vh,
-  ReusableForm: wb,
-  Sidebar: Xb,
-  Timeline: Jb,
-  TimelineItem: np,
-  AuthLayout: Tp,
-  DefaultLayout: Lp,
-  ErrorLayout: ry,
-  DashboardWidget: Yy
-}, Hx = {
+  ReusableFormModal: Fh,
+  ReusableForm: kb,
+  Sidebar: Jb,
+  Timeline: Qb,
+  TimelineItem: sp,
+  AuthLayout: Bp,
+  DefaultLayout: Ep,
+  ErrorLayout: ly,
+  DashboardWidget: Hy
+}, Wx = {
   install(e, a = {}) {
     const { prefix: t = "" } = a;
     Object.keys(Fn).forEach((n) => {
@@ -18066,7 +18069,7 @@ export {
   rf as Accordion,
   lf as AccordionItem,
   Fu as Alert,
-  Tp as AuthLayout,
+  Bp as AuthLayout,
   Si as Avatar,
   Ls as Badge,
   Us as BarChart,
@@ -18082,7 +18085,7 @@ export {
   td as CardTitle,
   Ut as Checkbox,
   Is as CircularProgress,
-  Yy as DashboardWidget,
+  Hy as DashboardWidget,
   p0 as DataTable,
   x0 as DataTableCell,
   fg as DataTableFilters,
@@ -18091,12 +18094,12 @@ export {
   y0 as DataTableRow,
   Dg as DataTableToolBar,
   Xt as DatePicker,
-  Lp as DefaultLayout,
+  Ep as DefaultLayout,
   Pi as Divider,
   fd as Dropdown,
   gd as DropdownItem,
-  ry as ErrorLayout,
-  vx as EventsCalendar,
+  ly as ErrorLayout,
+  hx as EventsCalendar,
   qt as FileUpload,
   Og as Footer,
   qa as FormField,
@@ -18123,14 +18126,14 @@ export {
   Ji as Progress,
   Zi as ProgressBar,
   lu as Radio,
-  wb as ReusableForm,
-  Vh as ReusableFormModal,
+  kb as ReusableForm,
+  Fh as ReusableFormModal,
   Pc as Search,
   Ye as Select,
-  Xb as Sidebar,
+  Jb as Sidebar,
   Ha as Slider,
   Ra as Spinner,
-  Rx as StackedBarChart,
+  Ux as StackedBarChart,
   Ic as Stepper,
   Yc as StepperItem,
   wu as Switch,
@@ -18138,13 +18141,13 @@ export {
   Zc as TabPanel,
   ku as Text,
   Ua as Textarea,
-  Jb as Timeline,
-  np as TimelineItem,
+  Qb as Timeline,
+  sp as TimelineItem,
   xc as Toast,
   Ns as Tooltip,
   za as Typography,
   O as cn,
-  Hx as default,
+  Wx as default,
   De as toast,
   An as tooltip,
   fc as useToaster