@stachelock/ui 0.2.5 → 0.2.7

package/dist/{DashboardLayout.vue_vue_type_script_setup_true_lang-BVQR4s1E.js → DashboardLayout.vue_vue_type_script_setup_true_lang-Cg83utkU.js}

@@ -1,13 +1,17 @@
-import { defineComponent as w, ref as g, createElementBlock as a, openBlock as i, createVNode as r, createElementVNode as s, unref as n, withCtx as d, renderSlot as o, normalizeClass as p, createCommentVNode as m } from "vue";
+import { defineComponent as w, ref as g, 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 $, a as C } from "./XMarkIcon-C4wILUsz.js";
-import { S, h as f } from "./transition-CuxxW9dY.js";
+import { S, h as p } from "./transition-CuxxW9dY.js";
 import { Y as j, G as N } from "./dialog-U1KNiPzc.js";
-const z = { class: "sl-min-h-screen sl-bg-gray-50" }, 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 = { class: "sl-flex sl-grow sl-flex-col sl-gap-y-5 sl-bg-stachelock-600 sl-px-6 sl-pb-2 sl-ring-1 sl-ring-white/10" }, L = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center" }, M = { class: "sl-flex sl-flex-1 sl-flex-col" }, V = {
+const z = { class: "sl-min-h-screen sl-bg-gray-50" }, 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 = {
+  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 = {
   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 = {
   key: 0,
-  class: "sl-text-stachelock-050 sl-font-semibold sl-text-lg"
+  class: "sl-font-semibold sl-text-lg",
+  style: { color: "var(--sl-color-stachelock-050, #edeff9)" }
 }, P = {
   key: 1,
   class: "sl-flex sl-items-center sl-justify-center sl-w-full"
@@ -43,27 +47,27 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
     }
   },
   emits: ["sidebar-toggle"],
-  setup(h, { emit: x }) {
-    const v = h, b = x, c = g(!1), t = g(!v.isNarrowSidebar), u = () => {
+  setup(v, { emit: h }) {
+    const x = v, y = h, c = g(!1), t = g(!x.isNarrowSidebar), u = () => {
       c.value = !1;
-    }, y = () => {
+    }, b = () => {
       c.value = !0;
     }, _ = () => {
-      t.value = !t.value, b("sidebar-toggle", t.value);
+      t.value = !t.value, y("sidebar-toggle", t.value);
     };
-    return (e, l) => (i(), a("div", z, [
-      r(n(S), {
+    return (e, l) => (r(), a("div", z, [
+      i(n(S), {
         as: "template",
         show: c.value
       }, {
         default: d(() => [
-          r(n(j), {
+          i(n(j), {
             as: "div",
             class: "sl-relative sl-z-50 lg:sl-hidden",
             onClose: u
           }, {
             default: d(() => [
-              r(n(f), {
+              i(n(p), {
                 as: "template",
                 enter: "sl-transition-opacity sl-ease-linear sl-duration-300",
                 "enter-from": "sl-opacity-0",
@@ -79,7 +83,7 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
                 __: [2]
               }),
               s("div", B, [
-                r(n(f), {
+                i(n(p), {
                   as: "template",
                   enter: "sl-transition sl-ease-in-out sl-duration-300 sl-transform",
                   "enter-from": "-sl-translate-x-full",
@@ -89,9 +93,9 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
                   "leave-to": "-sl-translate-x-full"
                 }, {
                   default: d(() => [
-                    r(n(N), { class: "sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1" }, {
+                    i(n(N), { class: "sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1" }, {
                       default: d(() => [
-                        r(n(f), {
+                        i(n(p), {
                           as: "template",
                           enter: "sl-ease-in-out sl-duration-300",
                           "enter-from": "sl-opacity-0",
@@ -108,8 +112,9 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
                                 onClick: l[0] || (l[0] = (k) => u())
                               }, [
                                 l[3] || (l[3] = s("span", { class: "sl-sr-only" }, "Close sidebar", -1)),
-                                r(n($), {
-                                  class: "sl-h-6 sl-w-6 sl-text-stachelock-050",
+                                i(n($), {
+                                  class: "sl-h-6 sl-w-6",
+                                  style: { color: "var(--sl-color-stachelock-050, #edeff9)" },
                                   "aria-hidden": "true"
                                 })
                               ])
@@ -120,7 +125,10 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
                         s("div", E, [
                           s("div", L, [
                             o(e.$slots, "logo", {}, () => [
-                              l[4] || (l[4] = s("div", { class: "sl-text-stachelock-050 sl-font-semibold sl-text-lg" }, "Logo", -1))
+                              l[4] || (l[4] = s("div", {
+                                class: "sl-font-semibold sl-text-lg",
+                                style: { color: "var(--sl-color-stachelock-050, #edeff9)" }
+                              }, "Logo", -1))
                             ])
                           ]),
                           s("nav", M, [
@@ -146,13 +154,17 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
         _: 3
       }, 8, ["show"]),
       s("div", {
-        class: p(["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 lg:sl-bg-stachelock-600", t.value ? "lg:sl-w-64" : "lg:sl-w-16"])
+        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, [
           o(e.$slots, "logo", {}, () => [
-            t.value ? (i(), a("div", D, "Logo")) : (i(), a("div", P, l[5] || (l[5] = [
+            t.value ? (r(), a("div", D, "Logo")) : (r(), a("div", P, 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-text-stachelock-600 sl-font-bold sl-text-sm" }, "P")
+                s("span", {
+                  class: "sl-font-bold sl-text-sm",
+                  style: { color: "var(--sl-color-stachelock-600, #3e4b9a)" }
+                }, "P")
               ], -1)
             ])))
           ])
@@ -160,7 +172,7 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
         s("nav", W, [
           s("ul", {
             role: "list",
-            class: p(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")
+            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")
           }, [
             o(e.$slots, "navigation", {
               iconOnly: !t.value
@@ -174,16 +186,16 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
         ])
       ], 2),
       s("div", {
-        class: p(["lg:sl-pl-16", t.value ? "lg:sl-pl-64" : "lg:sl-pl-16"])
+        class: f(["lg:sl-pl-16", t.value ? "lg:sl-pl-64" : "lg:sl-pl-16"])
       }, [
         s("div", A, [
           s("button", {
             type: "button",
             class: "-sl-m-2.5 sl-p-2.5 sl-text-gray-700 lg:sl-hidden",
-            onClick: l[1] || (l[1] = (k) => y())
+            onClick: l[1] || (l[1] = (k) => b())
           }, [
             l[6] || (l[6] = s("span", { class: "sl-sr-only" }, "Open sidebar", -1)),
-            r(n(C), {
+            i(n(C), {
               class: "sl-h-6 sl-w-6",
               "aria-hidden": "true"
             })
@@ -203,21 +215,21 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
                 onClick: _,
                 title: t.value ? "Collapse sidebar" : "Expand sidebar"
               }, [
-                (i(), a("svg", K, [
-                  t.value ? (i(), a("path", Q)) : (i(), a("path", R))
+                (r(), a("svg", K, [
+                  t.value ? (r(), a("path", Q)) : (r(), a("path", R))
                 ]))
               ], 8, J),
               o(e.$slots, "header-right")
             ])
           ])
         ]),
-        e.$slots["page-header"] ? (i(), a("div", T, [
+        e.$slots["page-header"] ? (r(), a("div", T, [
           o(e.$slots, "page-header")
         ])) : m("", !0),
         s("main", U, [
           o(e.$slots, "main")
         ]),
-        e.$slots.footer ? (i(), a("footer", X, [
+        e.$slots.footer ? (r(), a("footer", X, [
           o(e.$slots, "footer")
         ])) : m("", !0)
       ], 2)
@@ -227,4 +239,4 @@ const z = { class: "sl-min-h-screen sl-bg-gray-50" }, B = { class: "sl-fixed sl-
 export {
   ts as _
 };
-//# sourceMappingURL=DashboardLayout.vue_vue_type_script_setup_true_lang-BVQR4s1E.js.map
+//# sourceMappingURL=DashboardLayout.vue_vue_type_script_setup_true_lang-Cg83utkU.js.map

package/dist/DashboardLayout.vue_vue_type_script_setup_true_lang-Cg83utkU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.vue_vue_type_script_setup_true_lang-Cg83utkU.js","sources":["../src/components/layouts/DashboardLayout.vue"],"sourcesContent":["<template>\n  <div class=\"sl-min-h-screen sl-bg-gray-50\">\n    <!-- Mobile sidebar overlay -->\n    <TransitionRoot as=\"template\" :show=\"sidebarOpen\">\n      <Dialog as=\"div\" class=\"sl-relative sl-z-50 lg:sl-hidden\" @close=\"closeSidebar\">\n        <TransitionChild as=\"template\" enter=\"sl-transition-opacity sl-ease-linear sl-duration-300\" enter-from=\"sl-opacity-0\"\n          enter-to=\"sl-opacity-100\" leave=\"sl-transition-opacity sl-ease-linear sl-duration-300\" leave-from=\"sl-opacity-100\"\n          leave-to=\"sl-opacity-0\">\n          <div class=\"sl-fixed sl-inset-0 sl-bg-gray-900/80\" />\n        </TransitionChild>\n\n        <div class=\"sl-fixed sl-inset-0 sl-flex\">\n          <TransitionChild as=\"template\" enter=\"sl-transition sl-ease-in-out sl-duration-300 sl-transform\"\n            enter-from=\"-sl-translate-x-full\" enter-to=\"sl-translate-x-0\"\n            leave=\"sl-transition sl-ease-in-out sl-duration-300 sl-transform\" leave-from=\"sl-translate-x-0\"\n            leave-to=\"-sl-translate-x-full\">\n            <DialogPanel class=\"sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1\">\n              <TransitionChild as=\"template\" enter=\"sl-ease-in-out sl-duration-300\" enter-from=\"sl-opacity-0\"\n                enter-to=\"sl-opacity-100\" leave=\"sl-ease-in-out sl-duration-300\" leave-from=\"sl-opacity-100\" leave-to=\"sl-opacity-0\">\n                <div class=\"sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5\">\n                  <button type=\"button\" class=\"-sl-m-2.5 sl-p-2.5\" @click=\"closeSidebar()\">\n                    <span class=\"sl-sr-only\">Close sidebar</span>\n                    <XMarkIcon class=\"sl-h-6 sl-w-6\" style=\"color: var(--sl-color-stachelock-050, #edeff9);\" aria-hidden=\"true\" />\n                  </button>\n                </div>\n              </TransitionChild>\n\n              <div 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\"\n                   style=\"background-color: var(--sl-color-stachelock-600, #3e4b9a);\">\n                <div class=\"sl-flex sl-h-16 sl-shrink-0 sl-items-center\">\n                  <slot name=\"logo\">\n                                         <div class=\"sl-font-semibold sl-text-lg\" style=\"color: var(--sl-color-stachelock-050, #edeff9);\">Logo</div>\n                  </slot>\n                </div>\n                <nav class=\"sl-flex sl-flex-1 sl-flex-col\">\n                  <ul role=\"list\" class=\"-sl-mx-2 sl-flex-1 sl-space-y-1\">\n                    <slot name=\"navigation\">\n                      <!-- Default navigation slot -->\n                    </slot>\n                  </ul>\n                </nav>\n                <div class=\"sl-mt-auto\">\n                  <slot name=\"sidebar-footer\">\n                    <!-- Sidebar footer content -->\n                  </slot>\n                </div>\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n\n    <!-- Desktop sidebar -->\n    <div\n      class=\"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\"\n      style=\"background-color: var(--sl-color-stachelock-600, #3e4b9a);\"\n      :class=\"isWide ? 'lg:sl-w-64' : 'lg:sl-w-16'\">\n      <div class=\"sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6\">\n        <slot name=\"logo\">\n          <div v-if=\"isWide\" class=\"sl-font-semibold sl-text-lg\" style=\"color: var(--sl-color-stachelock-050, #edeff9);\">Logo</div>\n          <div v-else class=\"sl-flex sl-items-center sl-justify-center sl-w-full\">\n            <div class=\"sl-w-8 sl-h-8 sl-bg-white sl-rounded-lg sl-flex sl-items-center sl-justify-center\">\n              <span class=\"sl-font-bold sl-text-sm\" style=\"color: var(--sl-color-stachelock-600, #3e4b9a);\">P</span>\n            </div>\n          </div>\n        </slot>\n      </div>\n      <nav class=\"sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full\">\n        <ul role=\"list\"\n          :class=\"isWide ? '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'\">\n          <slot name=\"navigation\" :icon-only=\"!isWide\">\n            <!-- Default navigation slot -->\n          </slot>\n        </ul>\n        <div class=\"sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6\">\n          <slot name=\"sidebar-footer\" :icon-only=\"!isWide\">\n            <!-- Sidebar footer content -->\n          </slot>\n        </div>\n      </nav>\n    </div>\n\n    <!-- Main content area -->\n    <div :class=\"['lg:sl-pl-16', isWide ? 'lg:sl-pl-64' : 'lg:sl-pl-16']\">\n      <!-- Header -->\n      <div\n        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 sl-bg-white sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8\">\n        <button type=\"button\" class=\"-sl-m-2.5 sl-p-2.5 sl-text-gray-700 lg:sl-hidden\" @click=\"openSidebar()\">\n          <span class=\"sl-sr-only\">Open sidebar</span>\n          <Bars3Icon class=\"sl-h-6 sl-w-6\" aria-hidden=\"true\" />\n        </button>\n\n        <!-- Separator -->\n        <div class=\"sl-h-6 sl-w-px sl-bg-gray-900/10 lg:sl-hidden\" aria-hidden=\"true\" />\n\n        <div class=\"sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6\">\n          <div class=\"sl-relative sl-flex sl-flex-1\">\n            <slot name=\"header-content\">\n              <!-- Header content -->\n            </slot>\n          </div>\n          <div class=\"sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6\">\n            <!-- Sidebar toggle button -->\n            <button \n              type=\"button\" \n              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 hover:sl-text-gray-500 hover:sl-bg-gray-100\"\n              @click=\"toggleSidebar\"\n              :title=\"isWide ? 'Collapse sidebar' : 'Expand sidebar'\"\n            >\n              <svg class=\"sl-w-5 sl-h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path v-if=\"isWide\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 19l-7-7 7-7m8 14l-7-7 7-7\" />\n                <path v-else stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 5l7 7-7 7M5 5l7 7-7 7\" />\n              </svg>\n            </button>\n            \n            <slot name=\"header-right\">\n              <!-- Header right content (notifications, profile, etc.) -->\n            </slot>\n          </div>\n        </div>\n      </div>\n\n      <!-- Page header -->\n      <div v-if=\"$slots['page-header']\" class=\"sl-border-b sl-border-gray-200 sl-bg-white sl-px-4 sl-py-6 sm:sl-px-6 lg:sl-px-8\">\n        <slot name=\"page-header\">\n          <!-- Page header content -->\n        </slot>\n      </div>\n\n      <!-- Main content -->\n      <main class=\"sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6\">\n        <slot name=\"main\">\n          <!-- Main content slot -->\n        </slot>\n      </main>\n\n      <!-- Footer -->\n      <footer v-if=\"$slots.footer\" class=\"sl-border-t sl-border-gray-200 sl-bg-white sl-px-4 sl-py-6 sm:sl-px-6 lg:sl-px-8\">\n        <slot name=\"footer\">\n          <!-- Footer content -->\n        </slot>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { Dialog, DialogPanel, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { Bars3Icon, XMarkIcon } from '@heroicons/vue/24/outline';\n\nconst props = defineProps({\n  isNarrowSidebar: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst emit = defineEmits(['sidebar-toggle']);\n\nconst sidebarOpen = ref(false);\nconst isWide = ref(!props.isNarrowSidebar);\n\nconst closeSidebar = () => {\n  sidebarOpen.value = false;\n};\n\nconst openSidebar = () => {\n  sidebarOpen.value = true;\n};\n\nconst toggleSidebar = () => {\n  isWide.value = !isWide.value;\n  emit('sidebar-toggle', isWide.value);\n};\n</script>\n\n<style scoped>\n</style>\n"],"names":["props","__props","emit","__emit","sidebarOpen","ref","isWide","closeSidebar","openSidebar","toggleSidebar","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","TransitionRoot","Dialog","TransitionChild","_cache","_createElementVNode","_hoisted_2","DialogPanel","_hoisted_3","XMarkIcon","_hoisted_4","_hoisted_5","_renderSlot","_ctx","_hoisted_6","_hoisted_7","_hoisted_8","_normalizeClass","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","Bars3Icon","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_19","_hoisted_20","_hoisted_21","$slots","_hoisted_22","_hoisted_23","_hoisted_24"],"mappings":"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"}

package/dist/{NavigationGroup.vue_vue_type_script_setup_true_lang-2WURj34G.js → NavigationGroup.vue_vue_type_script_setup_true_lang-2tAB9Hbx.js}

@@ -1,21 +1,22 @@
-import { defineComponent as l, createElementBlock as t, openBlock as s, createCommentVNode as o, createElementVNode as n, normalizeClass as r, toDisplayString as a, renderSlot as c } from "vue";
+import { defineComponent as l, createElementBlock as s, openBlock as t, createCommentVNode as o, createElementVNode as n, normalizeClass as r, toDisplayString as a, renderSlot as c } from "vue";
 const i = { class: "sl-space-y-1" }, p = {
   role: "list",
   class: "sl-space-y-1"
-}, u = /* @__PURE__ */ l({
+}, _ = /* @__PURE__ */ l({
   __name: "NavigationGroup",
   props: {
     title: {},
     iconOnly: { type: Boolean }
   },
-  setup(m) {
-    return (e, d) => (s(), t("div", i, [
-      e.title ? (s(), t("h3", {
+  setup(d) {
+    return (e, m) => (t(), s("div", i, [
+      e.title ? (t(), s("h3", {
         key: 0,
         class: r([
-          "sl-px-3 sl-py-2 sl-text-xs sl-font-semibold sl-text-stachelock-050 sl-uppercase sl-tracking-wider",
+          "sl-px-3 sl-py-2 sl-text-xs sl-font-semibold sl-uppercase sl-tracking-wider",
           e.iconOnly ? "sl-text-center" : ""
-        ])
+        ]),
+        style: { color: "var(--sl-color-stachelock-050, #edeff9)" }
       }, a(e.title), 3)) : o("", !0),
       n("ul", p, [
         c(e.$slots, "default")
@@ -24,6 +25,6 @@ const i = { class: "sl-space-y-1" }, p = {
   }
 });
 export {
-  u as _
+  _
 };
-//# sourceMappingURL=NavigationGroup.vue_vue_type_script_setup_true_lang-2WURj34G.js.map
+//# sourceMappingURL=NavigationGroup.vue_vue_type_script_setup_true_lang-2tAB9Hbx.js.map

package/dist/NavigationGroup.vue_vue_type_script_setup_true_lang-2tAB9Hbx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationGroup.vue_vue_type_script_setup_true_lang-2tAB9Hbx.js","sources":["../src/components/layouts/NavigationGroup.vue"],"sourcesContent":["<template>\n  <div class=\"sl-space-y-1\">\n    <!-- Group header -->\n    <h3 v-if=\"title\" :class=\"[\n      'sl-px-3 sl-py-2 sl-text-xs sl-font-semibold sl-uppercase sl-tracking-wider',\n      iconOnly ? 'sl-text-center' : ''\n    ]\"\n    style=\"color: var(--sl-color-stachelock-050, #edeff9);\">\n      {{ title }}\n    </h3>\n    \n    <!-- Navigation items -->\n    <ul role=\"list\" class=\"sl-space-y-1\">\n      <slot>\n        <!-- Default navigation items slot -->\n      </slot>\n    </ul>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineProps<{\n  title?: string;\n  iconOnly?: boolean;\n}>();\n</script>\n\n<style scoped>\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","title","_normalizeClass","iconOnly","_createElementVNode","_hoisted_2","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;sBACEA,EAAA,GAAAC,EAgBM,OAhBNC,GAgBM;AAAA,MAdMC,EAAAA,cAAVF,EAMK,MAAA;AAAA;QANa,OAAKG,EAAA;AAAA;UAA8FC,EAAAA,WAAQ,mBAAA;AAAA,QAAA;QAI7H,OAAA,EAAA,OAAA,0CAAA;AAAA,MAAA,KACKF,EAAAA,KAAK,GAAA,CAAA;MAIVG,EAIK,MAJLC,GAIK;AAAA,QAHHC,EAEOC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/NavigationItem.vue_vue_type_script_setup_true_lang-53p-Y_ru.js

@@ -0,0 +1,57 @@
+import { defineComponent as n, createElementBlock as s, openBlock as l, createElementVNode as i, normalizeStyle as a, normalizeClass as o, createBlock as c, createCommentVNode as t, resolveDynamicComponent as d, toDisplayString as r } from "vue";
+const m = ["href"], h = {
+  key: 0,
+  class: "sl-truncate"
+}, y = /* @__PURE__ */ n({
+  __name: "NavigationItem",
+  props: {
+    name: {},
+    href: {},
+    icon: {},
+    isActive: { type: Boolean },
+    iconOnly: { type: Boolean },
+    badge: {},
+    badgeTheme: {}
+  },
+  setup(g) {
+    return (e, p) => (l(), s("li", null, [
+      i("a", {
+        href: e.href,
+        class: o([
+          "sl-group sl-flex sl-gap-x-3 sl-rounded-md sl-p-2 sl-text-sm sl-leading-6 sl-font-semibold",
+          e.isActive ? "sl-bg-stachelock-400" : "hover:sl-bg-white/10"
+        ]),
+        style: a({
+          color: e.isActive ? "var(--sl-color-stachelock-050, #edeff9)" : "var(--sl-color-stachelock-300, #949ed9)",
+          backgroundColor: e.isActive ? "var(--sl-color-stachelock-400, #717ecd)" : "transparent"
+        })
+      }, [
+        (l(), c(d(e.icon), {
+          class: o([
+            "sl-h-6 sl-w-6 sl-shrink-0"
+          ]),
+          style: a({
+            color: e.isActive ? "var(--sl-color-stachelock-050, #edeff9)" : "var(--sl-color-stachelock-300, #949ed9)"
+          }),
+          "aria-hidden": "true"
+        }, null, 8, ["style"])),
+        e.iconOnly ? t("", !0) : (l(), s("span", h, r(e.name), 1)),
+        e.badge ? (l(), s("span", {
+          key: 1,
+          class: o([
+            "sl-ml-auto sl-inline-flex sl-items-center sl-rounded-md sl-px-2 sl-py-1 sl-text-xs sl-font-medium",
+            e.badgeTheme === "primary" ? "sl-bg-stachelock-400 sl-text-white" : "",
+            e.badgeTheme === "secondary" ? "sl-bg-gray-400 sl-text-white" : "",
+            e.badgeTheme === "success" ? "sl-bg-green-400 sl-text-white" : "",
+            e.badgeTheme === "warning" ? "sl-bg-yellow-400 sl-text-white" : "",
+            e.badgeTheme === "danger" ? "sl-bg-red-400 sl-text-white" : ""
+          ])
+        }, r(e.badge), 3)) : t("", !0)
+      ], 14, m)
+    ]));
+  }
+});
+export {
+  y as _
+};
+//# sourceMappingURL=NavigationItem.vue_vue_type_script_setup_true_lang-53p-Y_ru.js.map

package/dist/NavigationItem.vue_vue_type_script_setup_true_lang-53p-Y_ru.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.vue_vue_type_script_setup_true_lang-53p-Y_ru.js","sources":["../src/components/layouts/NavigationItem.vue"],"sourcesContent":["<template>\n  <li>\n    <a :href=\"href\"       :class=\"[\n        'sl-group sl-flex sl-gap-x-3 sl-rounded-md sl-p-2 sl-text-sm sl-leading-6 sl-font-semibold',\n        isActive \n          ? 'sl-bg-stachelock-400'\n          : 'hover:sl-bg-white/10'\n      ]\"\n      :style=\"{\n        color: isActive \n          ? 'var(--sl-color-stachelock-050, #edeff9)' \n          : 'var(--sl-color-stachelock-300, #949ed9)',\n        backgroundColor: isActive \n          ? 'var(--sl-color-stachelock-400, #717ecd)' \n          : 'transparent'\n      }\">\n      <component \n        :is=\"icon\" \n        :class=\"[\n          'sl-h-6 sl-w-6 sl-shrink-0'\n        ]\"\n        :style=\"{\n          color: isActive \n            ? 'var(--sl-color-stachelock-050, #edeff9)' \n            : 'var(--sl-color-stachelock-300, #949ed9)'\n        }\" \n        aria-hidden=\"true\" \n      />\n      <span v-if=\"!iconOnly\" class=\"sl-truncate\">{{ name }}</span>\n      <span v-if=\"badge\" :class=\"[\n        'sl-ml-auto sl-inline-flex sl-items-center sl-rounded-md sl-px-2 sl-py-1 sl-text-xs sl-font-medium',\n        badgeTheme === 'primary' ? 'sl-bg-stachelock-400 sl-text-white' : '',\n        badgeTheme === 'secondary' ? 'sl-bg-gray-400 sl-text-white' : '',\n        badgeTheme === 'success' ? 'sl-bg-green-400 sl-text-white' : '',\n        badgeTheme === 'warning' ? 'sl-bg-yellow-400 sl-text-white' : '',\n        badgeTheme === 'danger' ? 'sl-bg-red-400 sl-text-white' : ''\n      ]\">\n        {{ badge }}\n      </span>\n    </a>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Component } from 'vue';\n\ndefineProps<{\n  name: string;\n  href: string;\n  icon: Component;\n  isActive?: boolean;\n  iconOnly?: boolean;\n  badge?: string;\n  badgeTheme?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';\n}>();\n</script>\n\n<style scoped>\n</style>\n"],"names":["_createElementBlock","_createElementVNode","href","_normalizeClass","isActive","_normalizeStyle","_openBlock","_createBlock","_resolveDynamicComponent","icon","iconOnly","_hoisted_2","_toDisplayString","name","badge","badgeTheme"],"mappings":";;;;;;;;;;;;;;;;2BACEA,EAuCK,MAAA,MAAA;AAAA,MAtCHC,EAqCI,KAAA;AAAA,QArCA,MAAMC,EAAAA;AAAAA,QAAa,OAAKC,EAAA;AAAA;UAAiHC,EAAAA;;QAM1I,OAAKC,EAAA;AAAA,iBAAmBD,EAAAA;2BAAiJA,EAAAA;;;SAQ1KE,KAAAC,EAWEC,EAVKC,EAAAA,IAAI,GAAA;AAAA,UACR,OAAKN,EAAE;AAAA;WAEP;AAAA,UACA,OAAKE,EAAA;AAAA,mBAAqBD,EAAAA;;UAK3B,eAAY;AAAA,QAAA;QAEDM,EAAAA,6BAAbV,EAA4D,QAA5DW,GAA4DC,EAAdC,EAAAA,IAAI,GAAA,CAAA;AAAA,QACtCC,EAAAA,cAAZd,EASO,QAAA;AAAA;UATa,OAAKG,EAAA;AAAA;YAAyHY,EAAAA,eAAU,YAAA,uCAAA;AAAA,YAAoEA,EAAAA,eAAU,cAAA,iCAAA;AAAA,YAAgEA,EAAAA,eAAU,YAAA,kCAAA;AAAA,YAA+DA,EAAAA,eAAU,YAAA,mCAAA;AAAA,YAAgEA,EAAAA,eAAU,WAAA,gCAAA;AAAA,UAAA;aAQlcD,EAAAA,KAAK,GAAA,CAAA;;;;;"}

package/dist/{SidebarLayout.vue_vue_type_script_setup_true_lang-J1nfUTdM.js → SidebarLayout.vue_vue_type_script_setup_true_lang-BngtQexQ.js}

@@ -1,11 +1,14 @@
-import { defineComponent as m, ref as g, createElementBlock as u, openBlock as v, createVNode as a, createElementVNode as s, unref as o, withCtx as i, renderSlot as t, normalizeClass as d } from "vue";
+import { defineComponent as u, ref as x, createElementBlock as g, openBlock as v, createVNode as o, createElementVNode as s, unref as a, withCtx as i, renderSlot as t, normalizeClass as d } from "vue";
 import { r as h, a as b } from "./XMarkIcon-C4wILUsz.js";
 import { S as y, h as f } from "./transition-CuxxW9dY.js";
-import { Y as _, G as w } from "./dialog-U1KNiPzc.js";
-const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }, S = { class: "sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5" }, C = { class: "sl-flex sl-grow sl-flex-col sl-gap-y-5 sl-bg-stachelock-600 sl-px-6 sl-pb-2 sl-ring-1 sl-ring-white/10" }, z = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center" }, W = { class: "sl-flex sl-flex-1 sl-flex-col" }, B = {
+import { Y as _, G as k } from "./dialog-U1KNiPzc.js";
+const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }, S = { class: "sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5" }, C = {
+  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)" }
+}, z = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center" }, W = { class: "sl-flex sl-flex-1 sl-flex-col" }, B = {
   role: "list",
   class: "-sl-mx-2 sl-flex-1 sl-space-y-1"
-}, L = { class: "sl-mt-auto" }, j = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6" }, E = { class: "sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full" }, G = { class: "sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6" }, N = { 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 sl-bg-white sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8" }, O = { class: "sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6" }, V = { class: "sl-relative sl-flex sl-flex-1" }, Y = { class: "sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6" }, q = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6" }, I = /* @__PURE__ */ m({
+}, L = { class: "sl-mt-auto" }, j = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6" }, E = { class: "sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full" }, G = { class: "sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6" }, N = { 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 sl-bg-white sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8" }, O = { class: "sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6" }, V = { class: "sl-relative sl-flex sl-flex-1" }, Y = { class: "sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6" }, q = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6" }, I = /* @__PURE__ */ u({
   __name: "SidebarLayout",
   props: {
     isWideSidebar: {
@@ -13,25 +16,25 @@ const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
       default: !1
     }
   },
-  setup(n) {
-    const r = g(!1), c = () => {
-      r.value = !1;
+  setup(r) {
+    const n = x(!1), c = () => {
+      n.value = !1;
     }, p = () => {
-      r.value = !0;
+      n.value = !0;
     };
-    return (e, l) => (v(), u("div", k, [
-      a(o(y), {
+    return (e, l) => (v(), g("div", w, [
+      o(a(y), {
         as: "template",
-        show: r.value
+        show: n.value
       }, {
         default: i(() => [
-          a(o(_), {
+          o(a(_), {
             as: "div",
             class: "sl-relative sl-z-50 lg:sl-hidden",
             onClose: c
           }, {
             default: i(() => [
-              a(o(f), {
+              o(a(f), {
                 as: "template",
                 enter: "sl-transition-opacity sl-ease-linear sl-duration-300",
                 "enter-from": "sl-opacity-0",
@@ -47,7 +50,7 @@ const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
                 __: [2]
               }),
               s("div", $, [
-                a(o(f), {
+                o(a(f), {
                   as: "template",
                   enter: "sl-transition sl-ease-in-out sl-duration-300 sl-transform",
                   "enter-from": "-sl-translate-x-full",
@@ -57,9 +60,9 @@ const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
                   "leave-to": "-sl-translate-x-full"
                 }, {
                   default: i(() => [
-                    a(o(w), { class: "sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1" }, {
+                    o(a(k), { class: "sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1" }, {
                       default: i(() => [
-                        a(o(f), {
+                        o(a(f), {
                           as: "template",
                           enter: "sl-ease-in-out sl-duration-300",
                           "enter-from": "sl-opacity-0",
@@ -73,10 +76,10 @@ const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
                               s("button", {
                                 type: "button",
                                 class: "-sl-m-2.5 sl-p-2.5",
-                                onClick: l[0] || (l[0] = (x) => c())
+                                onClick: l[0] || (l[0] = (m) => c())
                               }, [
                                 l[3] || (l[3] = s("span", { class: "sl-sr-only" }, "Close sidebar", -1)),
-                                a(o(h), {
+                                o(a(h), {
                                   class: "sl-h-6 sl-w-6 sl-text-stachelock-050",
                                   "aria-hidden": "true"
                                 })
@@ -88,7 +91,10 @@ const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
                         s("div", C, [
                           s("div", z, [
                             t(e.$slots, "logo", {}, () => [
-                              l[4] || (l[4] = s("div", { class: "sl-text-stachelock-050 sl-font-semibold sl-text-lg" }, "Logo", -1))
+                              l[4] || (l[4] = s("div", {
+                                class: "sl-font-semibold sl-text-lg",
+                                style: { color: "var(--sl-color-stachelock-050, #edeff9)" }
+                              }, "Logo", -1))
                             ])
                           ]),
                           s("nav", W, [
@@ -114,17 +120,21 @@ const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
         _: 3
       }, 8, ["show"]),
       s("div", {
-        class: d(["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 lg:sl-bg-stachelock-600", n.isWideSidebar ? "lg:sl-w-72" : "lg:sl-w-20"])
+        class: d(["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", r.isWideSidebar ? "lg:sl-w-72" : "lg:sl-w-20"]),
+        style: { "background-color": "var(--sl-color-stachelock-600, #3e4b9a)" }
       }, [
         s("div", j, [
           t(e.$slots, "logo", {}, () => [
-            l[5] || (l[5] = s("div", { class: "sl-text-stachelock-050 sl-font-semibold sl-text-lg" }, "Logo", -1))
+            l[5] || (l[5] = s("div", {
+              class: "sl-font-semibold sl-text-lg",
+              style: { color: "var(--sl-color-stachelock-050, #edeff9)" }
+            }, "Logo", -1))
           ])
         ]),
         s("nav", E, [
           s("ul", {
             role: "list",
-            class: d(n.isWideSidebar ? "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")
+            class: d(r.isWideSidebar ? "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")
           }, [
             t(e.$slots, "navigation")
           ], 2),
@@ -134,16 +144,16 @@ const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
         ])
       ], 2),
       s("div", {
-        class: d(["lg:sl-pl-20", n.isWideSidebar ? "lg:sl-pl-72" : "lg:sl-pl-20"])
+        class: d(["lg:sl-pl-20", r.isWideSidebar ? "lg:sl-pl-72" : "lg:sl-pl-20"])
       }, [
         s("div", N, [
           s("button", {
             type: "button",
             class: "-sl-m-2.5 sl-p-2.5 sl-text-gray-700 lg:sl-hidden",
-            onClick: l[1] || (l[1] = (x) => p())
+            onClick: l[1] || (l[1] = (m) => p())
           }, [
             l[6] || (l[6] = s("span", { class: "sl-sr-only" }, "Open sidebar", -1)),
-            a(o(b), {
+            o(a(b), {
               class: "sl-h-6 sl-w-6",
               "aria-hidden": "true"
             })
@@ -171,4 +181,4 @@ const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
 export {
   I as _
 };
-//# sourceMappingURL=SidebarLayout.vue_vue_type_script_setup_true_lang-J1nfUTdM.js.map
+//# sourceMappingURL=SidebarLayout.vue_vue_type_script_setup_true_lang-BngtQexQ.js.map

package/dist/SidebarLayout.vue_vue_type_script_setup_true_lang-BngtQexQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.vue_vue_type_script_setup_true_lang-BngtQexQ.js","sources":["../src/components/layouts/SidebarLayout.vue"],"sourcesContent":["<template>\n  <div class=\"sl-relative\">\n    <!-- Mobile sidebar overlay -->\n    <TransitionRoot as=\"template\" :show=\"sidebarOpen\">\n      <Dialog as=\"div\" class=\"sl-relative sl-z-50 lg:sl-hidden\" @close=\"closeSidebar\">\n        <TransitionChild as=\"template\" enter=\"sl-transition-opacity sl-ease-linear sl-duration-300\"\n          enter-from=\"sl-opacity-0\" enter-to=\"sl-opacity-100\"\n          leave=\"sl-transition-opacity sl-ease-linear sl-duration-300\" leave-from=\"sl-opacity-100\"\n          leave-to=\"sl-opacity-0\">\n          <div class=\"sl-fixed sl-inset-0 sl-bg-gray-900/80\" />\n        </TransitionChild>\n\n        <div class=\"sl-fixed sl-inset-0 sl-flex\">\n          <TransitionChild as=\"template\" enter=\"sl-transition sl-ease-in-out sl-duration-300 sl-transform\"\n            enter-from=\"-sl-translate-x-full\" enter-to=\"sl-translate-x-0\"\n            leave=\"sl-transition sl-ease-in-out sl-duration-300 sl-transform\" leave-from=\"sl-translate-x-0\"\n            leave-to=\"-sl-translate-x-full\">\n            <DialogPanel class=\"sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1\">\n              <TransitionChild as=\"template\" enter=\"sl-ease-in-out sl-duration-300\" enter-from=\"sl-opacity-0\"\n                enter-to=\"sl-opacity-100\" leave=\"sl-ease-in-out sl-duration-300\" leave-from=\"sl-opacity-100\"\n                leave-to=\"sl-opacity-0\">\n                <div class=\"sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5\">\n                  <button type=\"button\" class=\"-sl-m-2.5 sl-p-2.5\" @click=\"closeSidebar()\">\n                    <span class=\"sl-sr-only\">Close sidebar</span>\n                    <XMarkIcon class=\"sl-h-6 sl-w-6 sl-text-stachelock-050\" aria-hidden=\"true\" />\n                  </button>\n                </div>\n              </TransitionChild>\n\n              <div\n                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\"\n                style=\"background-color: var(--sl-color-stachelock-600, #3e4b9a);\">\n                <div class=\"sl-flex sl-h-16 sl-shrink-0 sl-items-center\">\n                  <slot name=\"logo\">\n                    <div class=\"sl-font-semibold sl-text-lg\" style=\"color: var(--sl-color-stachelock-050, #edeff9);\">Logo</div>\n                  </slot>\n                </div>\n                <nav class=\"sl-flex sl-flex-1 sl-flex-col\">\n                  <ul role=\"list\" class=\"-sl-mx-2 sl-flex-1 sl-space-y-1\">\n                    <slot name=\"navigation\">\n                      <!-- Default navigation slot -->\n                    </slot>\n                  </ul>\n                </nav>\n                <div class=\"sl-mt-auto\">\n                  <slot name=\"sidebar-footer\">\n                    <!-- Sidebar footer content -->\n                  </slot>\n                </div>\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n\n    <!-- Desktop sidebar -->\n    <div\n      class=\"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\"\n      style=\"background-color: var(--sl-color-stachelock-600, #3e4b9a);\"\n      :class=\"isWideSidebar ? 'lg:sl-w-72' : 'lg:sl-w-20'\">\n      <div class=\"sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6\">\n        <slot name=\"logo\">\n          <div class=\"sl-font-semibold sl-text-lg\" style=\"color: var(--sl-color-stachelock-050, #edeff9);\">Logo</div>\n        </slot>\n      </div>\n      <nav class=\"sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full\">\n        <ul role=\"list\"\n          :class=\"isWideSidebar ? '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'\">\n          <slot name=\"navigation\">\n            <!-- Default navigation slot -->\n          </slot>\n        </ul>\n        <div class=\"sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6\">\n          <slot name=\"sidebar-footer\">\n            <!-- Sidebar footer content -->\n          </slot>\n        </div>\n      </nav>\n    </div>\n\n    <!-- Main content area -->\n    <div :class=\"['lg:sl-pl-20', isWideSidebar ? 'lg:sl-pl-72' : 'lg:sl-pl-20']\">\n      <!-- Header -->\n      <div\n        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 sl-bg-white sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8\">\n        <button type=\"button\" class=\"-sl-m-2.5 sl-p-2.5 sl-text-gray-700 lg:sl-hidden\" @click=\"openSidebar()\">\n          <span class=\"sl-sr-only\">Open sidebar</span>\n          <Bars3Icon class=\"sl-h-6 sl-w-6\" aria-hidden=\"true\" />\n        </button>\n\n        <!-- Separator -->\n        <div class=\"sl-h-6 sl-w-px sl-bg-gray-900/10 lg:sl-hidden\" aria-hidden=\"true\" />\n\n        <div class=\"sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6\">\n          <div class=\"sl-relative sl-flex sl-flex-1\">\n            <slot name=\"header-content\">\n              <!-- Header content -->\n            </slot>\n          </div>\n          <div class=\"sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6\">\n            <slot name=\"header-right\">\n              <!-- Header right content (notifications, profile, etc.) -->\n            </slot>\n          </div>\n        </div>\n      </div>\n\n      <!-- Main content -->\n      <main class=\"sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6\">\n        <slot name=\"main\">\n          <!-- Main content slot -->\n        </slot>\n      </main>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { Dialog, DialogPanel, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { Bars3Icon, XMarkIcon } from '@heroicons/vue/24/outline';\n\ndefineProps({\n  isWideSidebar: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst sidebarOpen = ref(false);\n\nconst closeSidebar = () => {\n  sidebarOpen.value = false;\n};\n\nconst openSidebar = () => {\n  sidebarOpen.value = true;\n};\n</script>\n\n<style scoped></style>\n"],"names":["sidebarOpen","ref","closeSidebar","openSidebar","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","TransitionRoot","Dialog","TransitionChild","_cache","_createElementVNode","_hoisted_2","DialogPanel","_hoisted_3","XMarkIcon","_hoisted_4","_hoisted_5","_renderSlot","_ctx","_hoisted_6","_hoisted_7","_hoisted_8","_normalizeClass","__props","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","Bars3Icon","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16"],"mappings":"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"}

package/dist/index.js

@@ -13,7 +13,7 @@ import { _ as Te } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-Ci
 import { _ as Ie } from "./DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js";
 import { _ as Ee } from "./EventCard.vue_vue_type_script_setup_true_lang-YV1lfgUY.js";
 import { _ as Ae } from "./EventsList.vue_vue_type_script_setup_true_lang-Cn_WOpZi.js";
-import { _ as Le } from "./MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js";
+import { _ as ke } from "./MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js";
 import { _ as De } from "./WeekCalendar.vue_vue_type_script_setup_true_lang-DAFQiRI9.js";
 import { _ as Ue } from "./YearCalendar.vue_vue_type_script_setup_true_lang-BfJkvmpN.js";
 import { _ as Me } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BpfPAZiT.js";
@@ -24,12 +24,12 @@ import { _ as F } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-CbR6
 import { _ as E } from "./SwitchInput.vue_vue_type_script_setup_true_lang-BFr2SByh.js";
 import { _ as x } from "./SelectInput.vue_vue_type_script_setup_true_lang-BPjHLHdM.js";
 import { _ as ze } from "./TagifyInput.vue_vue_type_script_setup_true_lang-DRR6jt_8.js";
-import { _ as Ge } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-BVQR4s1E.js";
+import { _ as Ge } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-Cg83utkU.js";
 import { _ as He } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
 import { _ as qe } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
-import { _ as Ke } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-2WURj34G.js";
-import { _ as Xe } from "./NavigationItem.vue_vue_type_script_setup_true_lang-DiNg3gz2.js";
-import { _ as et } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-J1nfUTdM.js";
+import { _ as Ke } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-2tAB9Hbx.js";
+import { _ as Xe } from "./NavigationItem.vue_vue_type_script_setup_true_lang-53p-Y_ru.js";
+import { _ as et } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-BngtQexQ.js";
 import { default as st } from "./components/Badge.js";
 import { default as rt } from "./components/Button.js";
 import { default as lt } from "./components/LoadingDots.js";
@@ -161,7 +161,9 @@ const h = {
       600: "#3e4b9a",
       700: "#2e3873",
       800: "#1f264d",
-      900: "#0f1326"
+      900: "#0f1326",
+      "050": "#edeff9"
+      // Same as 50 for consistency
     }
   },
   spacing: {
@@ -248,7 +250,7 @@ function _(o, e = h) {
   }
   return r(t, o);
 }
-function L(o) {
+function k(o) {
   let e = `:root {
 `;
   return o.colors && Object.entries(o.colors).forEach(([t, r]) => {
@@ -277,16 +279,16 @@ function L(o) {
   })), o.breakpoints && Object.entries(o.breakpoints).forEach(([t, r]) => {
     e += `  --sl-breakpoint-${t}: ${r};
 `;
-  }), e += `  --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);
+  }), e += `  --sl-ring-color: var(--sl-color-stachelock-600, #3e4b9a);
 `, e += `  --sl-ring-offset-color: #ffffff;
 `, e += `  --sl-ring-width: 2px;
-`, e += `  --sl-outline-color: var(--sl-color-primary-600, #3e4b9a);
+`, e += `  --sl-outline-color: var(--sl-color-stachelock-600, #3e4b9a);
 `, e += `  --sl-outline-width: 2px;
 `, e += `}
 
 `, e += `@media (prefers-color-scheme: dark) {
 `, e += `  :root {
-`, e += `    --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);
+`, e += `    --sl-ring-color: var(--sl-color-stachelock-600, #3e4b9a);
 `, e += `  }
 `, e += `}
 `, e;
@@ -336,7 +338,7 @@ function X(o) {
 `, e += `};
 `, e;
 }
-const k = {
+const L = {
   viewBox: "0 0 36 36",
   class: "sl-transform -sl-rotate-90 sl-w-full sl-h-full"
 }, D = ["stroke-dasharray"], V = {
@@ -385,7 +387,7 @@ const k = {
     }), (a, n) => (c(), p("div", {
       class: w(["sl-relative", t.value])
     }, [
-      (c(), p("svg", k, [
+      (c(), p("svg", L, [
         n[0] || (n[0] = l("path", {
           class: "sl-fill-none sl-stroke-gray-300",
           "stroke-width": "3.8",
@@ -541,7 +543,7 @@ class z {
     return this.designTokens;
   }
   generateCSS() {
-    return L(this.designTokens);
+    return k(this.designTokens);
   }
   injectCSSVariables() {
     const e = document.createElement("style");
@@ -574,7 +576,7 @@ export {
   ce as Loading,
   lt as LoadingDots,
   ue as Modal,
-  Le as MonthCalendar,
+  ke as MonthCalendar,
   ge as NavLink,
   Ke as NavigationGroup,
   Xe as NavigationItem,
@@ -595,7 +597,7 @@ export {
   te as default,
   j as defaultComponentMap,
   h as defaultDesignTokens,
-  L as generateCSSVariables,
+  k as generateCSSVariables,
   re as generateDeterministicId,
   ae as generateId,
   X as generateTailwindConfig,