@stachelock/ui 0.5.5 → 0.6.2

package/dist/ComboboxInput.vue_vue_type_script_setup_true_lang-BigvbBAU.js

@@ -0,0 +1,331 @@
+import { defineComponent as ee, ref as x, watch as L, computed as k, createElementBlock as d, openBlock as n, createVNode as i, unref as u, withCtx as c, createElementVNode as m, normalizeClass as f, createBlock as F, createCommentVNode as p, withModifiers as O, toDisplayString as V, Fragment as le, renderList as se } from "vue";
+import { Combobox as te, ComboboxInput as ae, ComboboxButton as re, TransitionRoot as oe, ComboboxOptions as ue, ComboboxOption as U } from "@headlessui/vue";
+import { ChevronUpDownIcon as ne, CheckIcon as j } from "@heroicons/vue/20/solid";
+import { useField as ie } from "vee-validate";
+import de from "./forms/FormFieldWrapper.js";
+import { _ as ce } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
+import { g as me } from "./id-DafBB_QF.js";
+const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-medium" }, pe = {
+  key: 0,
+  class: "sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3 sl-text-stachelock-600 dark:sl-text-stachelock-400"
+}, be = {
+  key: 1,
+  class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
+}, ye = { class: "sl-flex sl-items-center sl-gap-2" }, ge = {
+  key: 2,
+  class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
+}, he = { class: "sl-block sl-truncate" }, xe = { key: 0 }, ke = 50, Se = /* @__PURE__ */ ee({
+  __name: "ComboboxInput",
+  props: {
+    name: {},
+    items: {},
+    label: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    rules: {},
+    validateOnMount: { type: Boolean },
+    successMessage: {},
+    tertiaryLabel: {},
+    itemKey: { default: "id" },
+    itemText: { default: "name" },
+    customQuery: {},
+    loading: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    showAll: { type: Boolean, default: !1 },
+    modelValue: { type: [String, Number, Boolean, null, Object, Array] },
+    boxShadow: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "update:query", "blur", "focus"],
+  setup(a, { emit: z }) {
+    const s = a, v = z, K = me(s.name), r = x(""), { value: w, errorMessage: N, handleChange: b, meta: C, setTouched: I } = ie(
+      () => s.name,
+      s.rules,
+      {
+        validateOnMount: s.validateOnMount,
+        initialValue: s.modelValue
+      }
+    ), t = x(
+      s.multiple ? Array.isArray(s.modelValue) ? s.modelValue : [] : s.modelValue ?? null
+    );
+    L(
+      () => s.modelValue,
+      (e) => {
+        if (s.multiple) {
+          const l = Array.isArray(e) ? e : [];
+          l !== t.value && (t.value = l, w.value = l);
+        } else
+          e !== t.value && (t.value = e, w.value = e);
+      },
+      { immediate: !0 }
+    ), L(
+      t,
+      (e) => {
+        v("update:modelValue", e);
+      }
+    );
+    const $ = k(() => [
+      "sl-w-full",
+      "sl-border-none",
+      "sl-py-2",
+      "sl-pl-3",
+      "sl-pr-10",
+      "sl-text-sm",
+      "sl-leading-5",
+      "sl-text-gray-900",
+      "dark:sl-text-slate-100",
+      "placeholder:sl-text-gray-400",
+      "dark:placeholder:sl-text-slate-500",
+      "focus:sl-outline-none",
+      "focus:sl-ring-0",
+      "sl-bg-transparent"
+    ].join(" ")), D = k(() => {
+      const e = [
+        "sl-relative",
+        "sl-w-full",
+        "sl-cursor-default",
+        "sl-rounded-lg",
+        "sl-bg-white",
+        "dark:sl-bg-slate-900",
+        "sl-text-left",
+        "sl-border",
+        "focus-within:sl-ring-2",
+        "focus-within:sl-ring-stachelock-500",
+        "focus-within:sl-border-stachelock-500",
+        "sl-transition-all",
+        "sl-duration-200"
+      ];
+      return s.disabled ? e.push(
+        "sl-bg-gray-50",
+        "dark:sl-bg-slate-800",
+        "sl-cursor-not-allowed",
+        "sl-border-gray-200",
+        "dark:sl-border-slate-700"
+      ) : N.value ? e.push(
+        "sl-border-red-300",
+        "dark:sl-border-red-500",
+        "focus-within:sl-ring-red-500",
+        "focus-within:sl-border-red-500"
+      ) : C.valid && C.touched ? e.push(
+        "sl-border-green-300",
+        "dark:sl-border-green-500",
+        "focus-within:sl-ring-green-500",
+        "focus-within:sl-border-green-500"
+      ) : e.push(
+        "sl-border-gray-300",
+        "dark:sl-border-slate-600",
+        "hover:sl-border-gray-400",
+        "dark:hover:sl-border-slate-500"
+      ), e.join(" ");
+    }), B = (e) => {
+      const l = e[s.itemKey];
+      return l == null ? "" : typeof l == "string" || typeof l == "number" ? l : String(l);
+    }, A = (e) => {
+      if (!e) return "";
+      const l = e[s.itemText];
+      return l != null ? String(l) : String(e);
+    }, y = x([]), M = x([]), S = x(1), Q = () => {
+      const e = S.value * ke;
+      M.value = y.value.slice(0, e), S.value += 1;
+    }, H = () => {
+      S.value = 1, M.value = [], Q();
+    }, q = () => {
+      if (r.value && r.value !== "")
+        if (s.customQuery)
+          y.value = s.customQuery(r.value, s.items);
+        else {
+          const e = r.value.toLowerCase();
+          y.value = s.items.filter((l) => A(l).toLowerCase().includes(e));
+        }
+      else
+        y.value = s.items;
+      H();
+    }, E = k(() => s.items.filter((e) => !e.disabled)), R = (e) => {
+      const l = e.target;
+      r.value = l.value, v("update:query", r.value), q();
+    }, W = (e) => {
+      if (s.multiple) {
+        const l = Array.isArray(e) ? e : [];
+        t.value = l, w.value = l, I(!0), b(l);
+      } else
+        t.value = e, w.value = e, I(!0), b(e);
+    }, T = k(() => {
+      if (!s.multiple || !Array.isArray(t.value)) return !1;
+      const e = E.value;
+      if (e.length === 0) return !1;
+      const l = Array.isArray(t.value) ? t.value : [], o = new Set(l.map((h) => B(h)));
+      return e.every((h) => o.has(B(h)));
+    }), G = () => {
+      s.multiple && (T.value ? t.value = [] : t.value = [...E.value], I(!0), b(t.value), v("update:modelValue", t.value));
+    }, J = (e) => s.multiple ? !Array.isArray(e) || e.length === 0 ? "" : e.length === 1 ? A(e[0]) : `${e.length} selected` : A(e), g = k(() => s.multiple || r.value === "" ? null : { [s.itemKey]: null, [s.itemText]: r.value }), X = () => {
+      s.multiple || g.value && (s.customQuery ? (v("update:modelValue", r.value), b(r.value)) : (t.value = g.value, b(t.value)));
+    }, Y = (e) => {
+      const l = e.target;
+      l.scrollTop + l.clientHeight >= l.scrollHeight && Q();
+    }, Z = (e) => {
+      v("focus", e);
+    }, _ = (e) => {
+      !s.multiple && g.value && (t.value = g.value, b(t.value), v("update:modelValue", t.value)), v("blur", e);
+    };
+    return L(() => s.items, () => {
+      q();
+    }, { immediate: !0, deep: !0 }), (e, l) => (n(), d("div", ve, [
+      i(de, {
+        id: u(K),
+        name: a.name,
+        label: a.label,
+        disabled: a.disabled,
+        optional: !a.rules,
+        "tertiary-label": a.tertiaryLabel,
+        "box-shadow": a.boxShadow,
+        "error-message": u(N),
+        "success-message": a.successMessage,
+        "is-valid": u(C).valid,
+        "is-touched": u(C).touched
+      }, {
+        "success-message": c(() => [
+          a.successMessage ? (n(), d("span", xe, V(a.successMessage), 1)) : p("", !0)
+        ]),
+        default: c(() => [
+          i(u(te), {
+            modelValue: t.value,
+            "onUpdate:modelValue": [
+              l[3] || (l[3] = (o) => t.value = o),
+              W
+            ],
+            disabled: a.disabled,
+            multiple: a.multiple
+          }, {
+            default: c(() => [
+              m("div", {
+                class: f(D.value)
+              }, [
+                i(u(ae), {
+                  id: u(K),
+                  class: f($.value),
+                  "display-value": J,
+                  placeholder: a.placeholder || "Type to search...",
+                  modelValue: r.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (o) => r.value = o),
+                  onInput: R,
+                  onBlur: _,
+                  onFocus: Z
+                }, null, 8, ["id", "class", "placeholder", "modelValue"]),
+                i(u(re), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
+                  default: c(() => [
+                    i(u(ne), {
+                      class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
+                      "aria-hidden": "true"
+                    })
+                  ]),
+                  _: 1
+                }),
+                i(u(oe), {
+                  leave: "sl-transition sl-ease-in sl-duration-100",
+                  "leave-from": "sl-opacity-100",
+                  "leave-to": "sl-opacity-0",
+                  onAfterLeave: l[2] || (l[2] = (o) => r.value = "")
+                }, {
+                  default: c(() => [
+                    y.value.length > 0 || r.value !== "" || a.multiple && a.showAll ? (n(), F(u(ue), {
+                      key: 0,
+                      class: "sl-absolute sl-z-[9999] sl-mt-1 sl-max-h-60 sl-w-full sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm",
+                      onScroll: Y
+                    }, {
+                      default: c(() => [
+                        a.multiple && a.showAll ? (n(), d("li", {
+                          key: 0,
+                          role: "button",
+                          tabindex: "0",
+                          onMousedown: l[1] || (l[1] = O(() => {
+                          }, ["prevent"])),
+                          onClick: O(G, ["prevent", "stop"]),
+                          class: f([
+                            "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4 sl-text-gray-900 dark:sl-text-slate-200",
+                            "hover:sl-bg-stachelock-600 hover:sl-text-white"
+                          ]),
+                          "data-testid": "select-all-option"
+                        }, [
+                          m("span", fe, V(T.value ? "Unselect All" : "Select All"), 1),
+                          T.value ? (n(), d("span", pe, [
+                            i(u(j), {
+                              class: "sl-h-5 sl-w-5",
+                              "aria-hidden": "true"
+                            })
+                          ])) : p("", !0)
+                        ], 32)) : p("", !0),
+                        a.loading ? (n(), d("div", be, [
+                          m("div", ye, [
+                            i(ce, { size: "sm" }),
+                            l[4] || (l[4] = m("span", null, "Loading...", -1))
+                          ])
+                        ])) : r.value !== "" && y.value.length === 0 ? (n(), d("div", ge, " Nothing found. ")) : p("", !0),
+                        (n(!0), d(le, null, se(M.value, (o) => (n(), F(u(U), {
+                          key: B(o),
+                          value: o,
+                          as: "template",
+                          disabled: o.disabled
+                        }, {
+                          default: c(({ active: h, selected: P }) => [
+                            m("li", {
+                              class: f([
+                                "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
+                                h ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
+                                o.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
+                              ])
+                            }, [
+                              m("span", {
+                                class: f([
+                                  "sl-block sl-truncate",
+                                  P ? "sl-font-medium" : "sl-font-normal"
+                                ])
+                              }, V(A(o)), 3),
+                              P ? (n(), d("span", {
+                                key: 0,
+                                class: f(["sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3", h ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
+                              }, [
+                                i(u(j), {
+                                  class: "sl-h-5 sl-w-5",
+                                  "aria-hidden": "true"
+                                })
+                              ], 2)) : p("", !0)
+                            ], 2)
+                          ]),
+                          _: 2
+                        }, 1032, ["value", "disabled"]))), 128)),
+                        !a.multiple && g.value ? (n(), F(u(U), {
+                          key: 3,
+                          value: g.value,
+                          as: "template"
+                        }, {
+                          default: c(({ active: o }) => [
+                            m("li", {
+                              onClick: O(X, ["prevent", "stop"]),
+                              class: f([
+                                "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
+                                o ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
+                              ])
+                            }, [
+                              m("span", he, ' Enter "' + V(r.value) + '" manually ', 1)
+                            ], 2)
+                          ]),
+                          _: 1
+                        }, 8, ["value"])) : p("", !0)
+                      ]),
+                      _: 1
+                    })) : p("", !0)
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "disabled", "multiple"])
+        ]),
+        _: 1
+      }, 8, ["id", "name", "label", "disabled", "optional", "tertiary-label", "box-shadow", "error-message", "success-message", "is-valid", "is-touched"])
+    ]));
+  }
+});
+export {
+  Se as _
+};

package/dist/ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js

@@ -57,4 +57,3 @@ const g = { class: "xl:sl-h-screen sl-w-full sl-flex sl-relative" }, m = { class
 export {
   k as _
 };
-//# sourceMappingURL=ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js.map

package/dist/{DashboardLayout.vue_vue_type_script_setup_true_lang-B0M6-9os.js → DashboardLayout.vue_vue_type_script_setup_true_lang-BAx4gKqh.js}

@@ -1,45 +1,43 @@
-import { defineComponent as w, ref as u, createElementBlock as a, openBlock as r, createVNode as i, createElementVNode as s, unref as n, withCtx as d, renderSlot as o, normalizeClass as f, createCommentVNode as m } from "vue";
-import { r as $ } from "./XMarkIcon-Cwy3T6p8.js";
-import { r as C } from "./Bars3Icon-BdOqcGcY.js";
-import { S, h as p } from "./transition-_rPfnoET.js";
-import { Y as j, G as N } from "./dialog-BJ2Ld8l3.js";
-const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = { class: "sl-fixed sl-inset-0 sl-flex" }, O = { class: "sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5" }, E = {
+import { defineComponent as w, ref as u, createElementBlock as a, openBlock as r, createVNode as i, createElementVNode as s, unref as n, withCtx as d, renderSlot as o, normalizeClass as f, createCommentVNode as v } from "vue";
+import { TransitionRoot as $, Dialog as C, TransitionChild as p, DialogPanel as j } from "@headlessui/vue";
+import { XMarkIcon as S, Bars3Icon as B } from "@heroicons/vue/24/outline";
+const N = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, z = { class: "sl-fixed sl-inset-0 sl-flex" }, M = { class: "sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5" }, O = {
   class: "sl-flex sl-grow sl-flex-col sl-gap-y-5 sl-px-6 sl-pb-2 sl-ring-1 sl-ring-white/10",
   style: { "background-color": "var(--sl-color-stachelock-600, #3e4b9a)" }
-}, L = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center" }, M = { class: "sl-flex sl-flex-1 sl-flex-col" }, V = {
+}, D = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center" }, E = { class: "sl-flex sl-flex-1 sl-flex-col" }, L = {
   role: "list",
   class: "-sl-mx-2 sl-flex-1 sl-space-y-1"
-}, G = { class: "sl-mt-auto" }, Y = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6" }, D = {
+}, V = { class: "sl-mt-auto" }, I = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6" }, P = {
   key: 0,
   class: "sl-font-semibold sl-text-lg",
   style: { color: "var(--sl-color-stachelock-050, #edeff9)" }
-}, P = {
+}, T = {
   key: 1,
   class: "sl-flex sl-items-center sl-justify-center sl-w-full"
-}, W = { class: "sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full" }, q = { class: "sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6" }, A = { class: "sl-sticky sl-top-0 sl-z-40 sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-gap-x-4 sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-bg-white dark:sl-bg-slate-800 sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8" }, F = { class: "sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6" }, H = { class: "sl-relative sl-flex sl-flex-1" }, I = { class: "sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6" }, J = ["title"], K = {
+}, R = { class: "sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full" }, W = { class: "sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6" }, X = { class: "sl-sticky sl-top-0 sl-z-40 sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-gap-x-4 sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-bg-white dark:sl-bg-slate-800 sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6" }, A = { class: "sl-relative sl-flex sl-flex-1" }, F = { class: "sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6" }, G = ["title"], H = {
   class: "sl-w-5 sl-h-5",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Q = {
+}, J = {
   key: 0,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
-}, R = {
+}, K = {
   key: 1,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M13 5l7 7-7 7M5 5l7 7-7 7"
-}, T = {
+}, Q = {
   key: 0,
   class: "sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-bg-white dark:sl-bg-slate-800 sl-px-4 sl-py-6 sm:sl-px-6 lg:sl-px-8"
-}, U = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6" }, X = {
+}, U = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6" }, Y = {
   key: 1,
   class: "sl-border-t sl-border-gray-200 dark:sl-border-slate-700 sl-bg-white dark:sl-bg-slate-800 sl-px-4 sl-py-6 sm:sl-px-6 lg:sl-px-8"
-}, os = /* @__PURE__ */ w({
+}, es = /* @__PURE__ */ w({
   __name: "DashboardLayout",
   props: {
     isNarrowSidebar: {
@@ -48,21 +46,21 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
     }
   },
   emits: ["sidebar-toggle"],
-  setup(v, { emit: h }) {
-    const b = v, x = h, c = u(!1), t = u(!b.isNarrowSidebar), g = () => {
+  setup(h, { emit: m }) {
+    const b = h, x = m, c = u(!1), t = u(!b.isNarrowSidebar), g = () => {
       c.value = !1;
     }, y = () => {
       c.value = !0;
     }, k = () => {
       t.value = !t.value, x("sidebar-toggle", t.value);
     };
-    return (e, l) => (r(), a("div", z, [
-      i(n(S), {
+    return (e, l) => (r(), a("div", N, [
+      i(n($), {
         as: "template",
         show: c.value
       }, {
         default: d(() => [
-          i(n(j), {
+          i(n(C), {
             as: "div",
             class: "sl-relative sl-z-50 lg:sl-hidden",
             onClose: g
@@ -82,7 +80,7 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
                 ])]),
                 _: 1
               }),
-              s("div", B, [
+              s("div", z, [
                 i(n(p), {
                   as: "template",
                   enter: "sl-transition sl-ease-in-out sl-duration-300 sl-transform",
@@ -93,7 +91,7 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
                   "leave-to": "-sl-translate-x-full"
                 }, {
                   default: d(() => [
-                    i(n(N), { class: "sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1" }, {
+                    i(n(j), { class: "sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1" }, {
                       default: d(() => [
                         i(n(p), {
                           as: "template",
@@ -105,14 +103,14 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
                           "leave-to": "sl-opacity-0"
                         }, {
                           default: d(() => [
-                            s("div", O, [
+                            s("div", M, [
                               s("button", {
                                 type: "button",
                                 class: "-sl-m-2.5 sl-p-2.5",
                                 onClick: l[0] || (l[0] = (_) => g())
                               }, [
                                 l[3] || (l[3] = s("span", { class: "sl-sr-only" }, "Close sidebar", -1)),
-                                i(n($), {
+                                i(n(S), {
                                   class: "sl-h-6 sl-w-6",
                                   style: { color: "var(--sl-color-stachelock-050, #edeff9)" },
                                   "aria-hidden": "true"
@@ -122,8 +120,8 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
                           ]),
                           _: 1
                         }),
-                        s("div", E, [
-                          s("div", L, [
+                        s("div", O, [
+                          s("div", D, [
                             o(e.$slots, "logo", {}, () => [
                               l[4] || (l[4] = s("div", {
                                 class: "sl-font-semibold sl-text-lg",
@@ -131,12 +129,12 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
                               }, "Logo", -1))
                             ])
                           ]),
-                          s("nav", M, [
-                            s("ul", V, [
+                          s("nav", E, [
+                            s("ul", L, [
                               o(e.$slots, "navigation")
                             ])
                           ]),
-                          s("div", G, [
+                          s("div", V, [
                             o(e.$slots, "sidebar-footer")
                           ])
                         ])
@@ -157,9 +155,9 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
         class: f(["sl-hidden lg:sl-fixed lg:sl-inset-y-0 lg:sl-left-0 lg:sl-z-50 lg:sl-block lg:sl-pb-4 sl-pt-4", t.value ? "lg:sl-w-64" : "lg:sl-w-16"]),
         style: { "background-color": "var(--sl-color-stachelock-600, #3e4b9a)" }
       }, [
-        s("div", Y, [
+        s("div", I, [
           o(e.$slots, "logo", {}, () => [
-            t.value ? (r(), a("div", D, "Logo")) : (r(), a("div", P, [...l[5] || (l[5] = [
+            t.value ? (r(), a("div", P, "Logo")) : (r(), a("div", T, [...l[5] || (l[5] = [
               s("div", { class: "sl-w-8 sl-h-8 sl-bg-white sl-rounded-lg sl-flex sl-items-center sl-justify-center" }, [
                 s("span", {
                   class: "sl-font-bold sl-text-sm",
@@ -169,7 +167,7 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
             ])]))
           ])
         ]),
-        s("nav", W, [
+        s("nav", R, [
           s("ul", {
             role: "list",
             class: f(t.value ? "sl-flex sl-flex-col sl-items-start sl-mx-4 sl-space-y-1" : "sl-flex sl-flex-col sl-items-center sl-space-y-1")
@@ -178,7 +176,7 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
               iconOnly: !t.value
             })
           ], 2),
-          s("div", q, [
+          s("div", W, [
             o(e.$slots, "sidebar-footer", {
               iconOnly: !t.value
             })
@@ -188,14 +186,14 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
       s("div", {
         class: f(["lg:sl-pl-16", t.value ? "lg:sl-pl-64" : "lg:sl-pl-16"])
       }, [
-        s("div", A, [
+        s("div", X, [
           s("button", {
             type: "button",
             class: "-sl-m-2.5 sl-p-2.5 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-hidden",
             onClick: l[1] || (l[1] = (_) => y())
           }, [
             l[6] || (l[6] = s("span", { class: "sl-sr-only" }, "Open sidebar", -1)),
-            i(n(C), {
+            i(n(B), {
               class: "sl-h-6 sl-w-6",
               "aria-hidden": "true"
             })
@@ -204,39 +202,38 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50 dark:sl-bg-slate-900" }, B = {
             class: "sl-h-6 sl-w-px sl-bg-gray-900/10 dark:sl-bg-slate-700 lg:sl-hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          s("div", F, [
-            s("div", H, [
+          s("div", q, [
+            s("div", A, [
               o(e.$slots, "header-content")
             ]),
-            s("div", I, [
+            s("div", F, [
               s("button", {
                 type: "button",
                 class: "sl-hidden lg:sl-flex sl-items-center sl-justify-center sl-w-8 sl-h-8 sl-rounded-md sl-text-gray-400 dark:sl-text-slate-500 hover:sl-text-gray-500 dark:hover:sl-text-slate-400 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700",
                 onClick: k,
                 title: t.value ? "Collapse sidebar" : "Expand sidebar"
               }, [
-                (r(), a("svg", K, [
-                  t.value ? (r(), a("path", Q)) : (r(), a("path", R))
+                (r(), a("svg", H, [
+                  t.value ? (r(), a("path", J)) : (r(), a("path", K))
                 ]))
-              ], 8, J),
+              ], 8, G),
               o(e.$slots, "header-right")
             ])
           ])
         ]),
-        e.$slots["page-header"] ? (r(), a("div", T, [
+        e.$slots["page-header"] ? (r(), a("div", Q, [
           o(e.$slots, "page-header")
-        ])) : m("", !0),
+        ])) : v("", !0),
         s("main", U, [
           o(e.$slots, "main")
         ]),
-        e.$slots.footer ? (r(), a("footer", X, [
+        e.$slots.footer ? (r(), a("footer", Y, [
           o(e.$slots, "footer")
-        ])) : m("", !0)
+        ])) : v("", !0)
       ], 2)
     ]));
   }
 });
 export {
-  os as _
+  es as _
 };
-//# sourceMappingURL=DashboardLayout.vue_vue_type_script_setup_true_lang-B0M6-9os.js.map