@stachelock/ui 0.3.0 → 0.4.0

package/dist/{HiddenInput.vue_vue_type_script_setup_true_lang-DYdvWmVE.js → HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js}

@@ -1,22 +1,22 @@
-import { defineComponent as t, createElementBlock as a, openBlock as p, unref as r } from "vue";
-import { g as m } from "./id-DafBB_QF.js";
-const s = ["name", "id", "value"], c = /* @__PURE__ */ t({
+import { defineComponent as t, createElementBlock as a, openBlock as o, unref as m } from "vue";
+import { g as r } from "./id-DafBB_QF.js";
+const u = ["name", "id", "value"], s = /* @__PURE__ */ t({
   __name: "HiddenInput",
   props: {
     name: {},
     value: { default: "" }
   },
-  setup(n) {
-    const o = m(`sl-${n.name}`);
-    return (e, d) => (p(), a("input", {
+  setup(e) {
+    const n = r(`sl-${e.name}`);
+    return (d, i) => (o(), a("input", {
       name: e.name,
-      id: r(o),
+      id: m(n),
       type: "hidden",
       value: e.value
-    }, null, 8, s));
+    }, null, 8, u));
   }
 });
 export {
-  c as _
+  s as _
 };
-//# sourceMappingURL=HiddenInput.vue_vue_type_script_setup_true_lang-DYdvWmVE.js.map
+//# sourceMappingURL=HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js.map

package/dist/{HiddenInput.vue_vue_type_script_setup_true_lang-DYdvWmVE.js.map → HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"HiddenInput.vue_vue_type_script_setup_true_lang-DYdvWmVE.js","sources":["../src/components/inputs/HiddenInput.vue"],"sourcesContent":["<!--\n  @component HiddenInput\n  @description Hidden input for storing form data without display.\n  \n  A simple hidden input element for storing values in forms that don't\n  need to be visible to the user. Useful for tracking IDs, tokens, or\n  other metadata within form submissions.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - value (string, optional): The hidden value\n  \n  @example\n  <HiddenInput name=\"userId\" :value=\"user.id\" />\n-->\n<template>\n  <input \n    :name=\"name\" \n    :id=\"id\" \n    type=\"hidden\" \n    :value=\"value\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { generateId } from '../../utils/id'\n\ninterface Props {\n  name: string\n  value?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  value: ''\n})\n\nconst id = generateId(`sl-${props.name}`)\n</script>\n\n"],"names":["id","generateId","__props","_createElementBlock","name","_unref","value"],"mappings":";;;;;;;;;AAoCA,UAAMA,IAAKC,EAAW,MAJRC,EAIoB,IAAI,EAAE;2BApBtCC,EAKE,SAAA;AAAA,MAJC,MAAMC,EAAAA;AAAAA,MACN,IAAIC,EAAAL,CAAA;AAAA,MACL,MAAK;AAAA,MACJ,OAAOM,EAAAA;AAAAA,IAAAA;;;"}
+{"version":3,"file":"HiddenInput.vue_vue_type_script_setup_true_lang-PtGZ4eLW.js","sources":["../src/components/inputs/HiddenInput.vue"],"sourcesContent":["<!--\n  @component HiddenInput\n  @description Hidden input for storing form data without display.\n  \n  A simple hidden input element for storing values in forms that don't\n  need to be visible to the user. Useful for tracking IDs, tokens, or\n  other metadata within form submissions.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - value (string, optional): The hidden value\n  \n  @example\n  <HiddenInput name=\"userId\" :value=\"user.id\" />\n-->\n<template>\n  <input \n    :name=\"name\" \n    :id=\"id\" \n    type=\"hidden\" \n    :value=\"value\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { generateId } from '../../utils/id'\n\ninterface Props {\n  name: string\n  value?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  value: ''\n})\n\nconst id = generateId(`sl-${props.name}`)\n</script>\n\n"],"names":["id","generateId","__props","_createElementBlock","_unref"],"mappings":";;;;;;;;;AAoCA,UAAMA,IAAKC,EAAW,MAJRC,EAIoB,IAAI,EAAE;2BApBtCC,EAKE,SAAA;AAAA,MAJC,MAAMD,EAAA;AAAA,MACN,IAAIE,EAAAJ,CAAA;AAAA,MACL,MAAK;AAAA,MACJ,OAAOE,EAAA;AAAA,IAAA;;;"}

package/dist/{InlineTabs.vue_vue_type_script_setup_true_lang-DhkX5sWS.js → InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js}

@@ -1,5 +1,5 @@
-import { defineComponent as w, createElementBlock as s, openBlock as t, createCommentVNode as o, createElementVNode as r, createVNode as I, unref as l, toDisplayString as n, Fragment as d, renderList as m, normalizeClass as u, withModifiers as V, createTextVNode as N, renderSlot as h } from "vue";
-import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang--yUL7bcx.js";
+import { defineComponent as w, createElementBlock as s, openBlock as t, createCommentVNode as n, createElementVNode as r, createVNode as I, unref as l, toDisplayString as d, Fragment as c, renderList as u, normalizeClass as h, withModifiers as V, createTextVNode as N, renderSlot as b } from "vue";
+import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js";
 import { u as $ } from "./useSimpleTabs-CSgkChEU.js";
 const B = { class: "sl-w-full" }, M = {
   key: 0,
@@ -16,72 +16,72 @@ const B = { class: "sl-w-full" }, M = {
     badgeTheme: { default: "primary" }
   },
   emits: ["tab-changed"],
-  setup(p, { emit: b }) {
-    const c = p, k = b, {
-      localTabs: i,
-      selectInputItems: g,
-      selectedTabItem: _,
-      setActiveTab: x,
-      handleSelectInputChange: f,
+  setup(a, { emit: k }) {
+    const i = a, p = k, {
+      localTabs: m,
+      selectInputItems: x,
+      selectedTabItem: g,
+      setActiveTab: f,
+      handleSelectInputChange: _,
       hasCount: y,
       slots: v,
       selectId: T
     } = $({
-      getTabs: () => c.tabs,
-      onTabChange: (a) => k("tab-changed", a),
+      getTabs: () => i.tabs,
+      onTabChange: (o) => p("tab-changed", o),
       includeCountInName: !0,
-      badgeTheme: c.badgeTheme
+      badgeTheme: i.badgeTheme
     });
-    return (a, j) => (t(), s("div", B, [
+    return (o, j) => (t(), s("div", B, [
       a.dropdownOnMobile ? (t(), s("div", M, [
         I(S, {
           name: l(T),
           label: a.title,
-          items: l(g),
-          "model-value": l(_),
+          items: l(x),
+          "model-value": l(g),
           "item-key": "index",
           "item-text": "name",
           placeholder: "Select tab",
-          "onUpdate:modelValue": l(f)
+          "onUpdate:modelValue": l(_)
         }, null, 8, ["name", "label", "items", "model-value", "onUpdate:modelValue"])
-      ])) : o("", !0),
+      ])) : n("", !0),
       r("div", E, [
         r("div", O, [
-          a.title ? (t(), s("h3", U, n(a.title), 1)) : o("", !0),
+          a.title ? (t(), s("h3", U, d(a.title), 1)) : n("", !0),
           r("div", z, [
             r("nav", A, [
-              (t(!0), s(d, null, m(l(i), (e, C) => (t(), s("a", {
+              (t(!0), s(c, null, u(l(m), (e, C) => (t(), s("a", {
                 key: e.name,
                 href: "#",
-                onClick: V((q) => l(x)(C), ["prevent"]),
-                class: u([
+                onClick: V((q) => l(f)(C), ["prevent"]),
+                class: h([
                   e.current ? "sl-border-stachelock-600 sl-text-stachelock-600 dark:sl-text-stachelock-400" : "sl-border-transparent sl-text-gray-500 dark:sl-text-slate-400 hover:sl-border-gray-300 dark:hover:sl-border-slate-600 hover:sl-text-gray-700 dark:hover:sl-text-slate-300",
                   "sl-whitespace-nowrap sl-border-b-2 sl-px-1 sl-pb-4 sl-text-sm sl-font-medium sl-transition-colors sl-duration-200 sl-flex sl-items-center sl-gap-2",
                   e.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : "sl-cursor-pointer"
                 ]),
                 "aria-current": e.current ? "page" : void 0
               }, [
-                N(n(e.name) + " ", 1),
+                N(d(e.name) + " ", 1),
                 l(y)(e) ? (t(), s("span", {
                   key: 0,
-                  class: u([
+                  class: h([
                     "sl-rounded-full sl-py-0.5 sl-px-2.5 sl-text-xs sl-font-medium sl-tabular-nums",
                     e.current ? "sl-bg-stachelock-100 dark:sl-bg-stachelock-900/30 sl-text-stachelock-600 dark:sl-text-stachelock-400" : "sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-200"
                   ])
-                }, n(e.count), 3)) : o("", !0)
+                }, d(e.count), 3)) : n("", !0)
               ], 10, D))), 128))
             ])
           ])
         ])
       ]),
       r("div", F, [
-        h(a.$slots, "default"),
-        (t(!0), s(d, null, m(l(i), (e) => (t(), s(d, {
+        b(o.$slots, "default"),
+        (t(!0), s(c, null, u(l(m), (e) => (t(), s(c, {
           key: e.name
         }, [
           e.current && l(v)[e.name] ? (t(), s("div", L, [
-            h(a.$slots, e.name)
-          ])) : o("", !0)
+            b(o.$slots, e.name)
+          ])) : n("", !0)
         ], 64))), 128))
       ])
     ]));
@@ -90,4 +90,4 @@ const B = { class: "sl-w-full" }, M = {
 export {
   K as _
 };
-//# sourceMappingURL=InlineTabs.vue_vue_type_script_setup_true_lang-DhkX5sWS.js.map
+//# sourceMappingURL=InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js.map

package/dist/{InlineTabs.vue_vue_type_script_setup_true_lang-DhkX5sWS.js.map → InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InlineTabs.vue_vue_type_script_setup_true_lang-DhkX5sWS.js","sources":["../src/components/tabs/InlineTabs.vue"],"sourcesContent":["<!--\n  @component InlineTabs\n  @description Simple inline tab navigation with underline indicator.\n  \n  A lightweight tab component for simple tab navigation scenarios.\n  Uses named slots for tab content. Shows SelectInput dropdown on mobile.\n  \n  @props\n  - tabs (SimpleTabItem[], required): Array of tab configurations\n  - title (string, optional): Optional heading title\n  - dropdownOnMobile (boolean, optional): Show dropdown on mobile (default: true)\n  - badgeTheme (TabBadgeTheme, optional): Theme for count badges (default: 'primary')\n  \n  @emits\n  - tab-changed: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <InlineTabs\n    title=\"Settings\"\n    :tabs=\"[\n      { name: 'General', current: true },\n      { name: 'Security', current: false, count: 2 },\n      { name: 'Notifications', current: false, count: 5 }\n    ]\"\n    @tab-changed=\"handleTabChange\"\n  >\n    <template #General>General content</template>\n    <template #Security>Security content</template>\n    <template #Notifications>Notifications content</template>\n  </InlineTabs>\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Mobile dropdown using SelectInput -->\n    <div v-if=\"dropdownOnMobile\" class=\"sl-block sm:sl-hidden sl-mb-4\">\n      <SelectInput\n        :name=\"selectId\"\n        :label=\"title\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"index\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop tabs -->\n    <div class=\"sl-hidden sm:sl-block\">\n      <div class=\"sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sm:sl-flex sm:sl-items-baseline\">\n        <h3\n          v-if=\"title\"\n          class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-white\"\n        >\n          {{ title }}\n        </h3>\n        <div class=\"sl-mt-4 sm:sl-ml-10 sm:sl-mt-0\">\n          <nav class=\"sl--mb-px sl-flex sl-space-x-8\">\n            <a\n              v-for=\"(tab, index) in localTabs\"\n              :key=\"tab.name\"\n              href=\"#\"\n              @click.prevent=\"setActiveTab(index)\"\n              :class=\"[\n                tab.current \n                  ? 'sl-border-stachelock-600 sl-text-stachelock-600 dark:sl-text-stachelock-400' \n                  : 'sl-border-transparent sl-text-gray-500 dark:sl-text-slate-400 hover:sl-border-gray-300 dark:hover:sl-border-slate-600 hover:sl-text-gray-700 dark:hover:sl-text-slate-300',\n                'sl-whitespace-nowrap sl-border-b-2 sl-px-1 sl-pb-4 sl-text-sm sl-font-medium sl-transition-colors sl-duration-200 sl-flex sl-items-center sl-gap-2',\n                tab.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer'\n              ]\"\n              :aria-current=\"tab.current ? 'page' : undefined\"\n            >\n              {{ tab.name }}\n              <span\n                v-if=\"hasCount(tab)\"\n                :class=\"[\n                  'sl-rounded-full sl-py-0.5 sl-px-2.5 sl-text-xs sl-font-medium sl-tabular-nums',\n                  tab.current\n                    ? 'sl-bg-stachelock-100 dark:sl-bg-stachelock-900/30 sl-text-stachelock-600 dark:sl-text-stachelock-400'\n                    : 'sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-200'\n                ]\"\n              >\n                {{ tab.count }}\n              </span>\n            </a>\n          </nav>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Default slot for general content -->\n    <div class=\"sl-mt-4\">\n      <slot name=\"default\" />\n      \n      <!-- Named slots for each tab -->\n      <template v-for=\"tab in localTabs\" :key=\"tab.name\">\n        <div v-if=\"tab.current && slots[tab.name]\">\n          <slot :name=\"tab.name\" />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SelectInput from '../inputs/SelectInput.vue';\nimport { useSimpleTabs } from '../../composables/useSimpleTabs';\nimport type { SimpleTabItem, TabBadgeTheme } from '../../types/tabs';\n\ninterface Props {\n  tabs: SimpleTabItem[];\n  title?: string;\n  dropdownOnMobile?: boolean;\n  badgeTheme?: TabBadgeTheme;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  dropdownOnMobile: true,\n  badgeTheme: 'primary'\n});\n\nconst emit = defineEmits<{\n  'tab-changed': [tabIndex: number];\n}>();\n\n// Use the shared composable for all tab logic\nconst {\n  localTabs,\n  selectInputItems,\n  selectedTabItem,\n  setActiveTab,\n  handleSelectInputChange,\n  hasCount,\n  slots,\n  selectId\n} = useSimpleTabs({\n  getTabs: () => props.tabs,\n  onTabChange: (index) => emit('tab-changed', index),\n  includeCountInName: true,\n  badgeTheme: props.badgeTheme\n});\n</script>\n"],"names":["props","__props","emit","__emit","localTabs","selectInputItems","selectedTabItem","setActiveTab","handleSelectInputChange","hasCount","slots","selectId","useSimpleTabs","index","_openBlock","_createElementBlock","_hoisted_1","dropdownOnMobile","_hoisted_2","_createVNode","SelectInput","_unref","title","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_Fragment","_renderList","tab","_withModifiers","$event","_normalizeClass","_hoisted_9","_renderSlot","_ctx","_hoisted_10"],"mappings":";;;;;;;;;;;;;;;;;;;AAoHA,UAAMA,IAAQC,GAKRC,IAAOC,GAKP;AAAA,MACJ,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,IAAA,IACEC,EAAc;AAAA,MAChB,SAAS,MAAMZ,EAAM;AAAA,MACrB,aAAa,CAACa,MAAUX,EAAK,eAAeW,CAAK;AAAA,MACjD,oBAAoB;AAAA,MACpB,YAAYb,EAAM;AAAA,IAAA,CACnB;sBA5GCc,EAAA,GAAAC,EAqEM,OArENC,GAqEM;AAAA,MAnEOC,EAAAA,oBAAXH,EAAA,GAAAC,EAWM,OAXNG,GAWM;AAAA,QAVJC,EASEC,GAAA;AAAA,UARC,MAAMC,EAAAV,CAAA;AAAA,UACN,OAAOW,EAAAA;AAAAA,UACP,OAAOD,EAAAhB,CAAA;AAAA,UACP,eAAagB,EAAAf,CAAA;AAAA,UACd,YAAS;AAAA,UACT,aAAU;AAAA,UACV,aAAY;AAAA,UACX,uBAAoBe,EAAAb,CAAA;AAAA,QAAA;;MAKzBe,EAwCM,OAxCNC,GAwCM;AAAA,QAvCJD,EAsCM,OAtCNE,GAsCM;AAAA,UApCIH,EAAAA,cADRP,EAKK,MALLW,GAKKC,EADAL,EAAAA,KAAK,GAAA,CAAA;UAEVC,EA8BM,OA9BNK,GA8BM;AAAA,YA7BJL,EA4BM,OA5BNM,GA4BM;AAAA,eA3BJf,EAAA,EAAA,GAAAC,EA0BIe,GAAA,MAAAC,EAzBqBV,EAAAjB,CAAA,GAAS,CAAxB4B,GAAKnB,YADfE,EA0BI,KAAA;AAAA,gBAxBD,KAAKiB,EAAI;AAAA,gBACV,MAAK;AAAA,gBACJ,SAAKC,EAAA,CAAAC,MAAUb,EAAAd,CAAA,EAAaM,CAAK,GAAA,CAAA,SAAA,CAAA;AAAA,gBACjC,OAAKsB,EAAA;AAAA,kBAAoBH,EAAI;;kBAAmeA,EAAI,WAAQ,wCAAA;AAAA,gBAAA;gBAO5gB,gBAAcA,EAAI,mBAAmB;AAAA,cAAA;oBAEnCA,EAAI,IAAI,IAAG,KACd,CAAA;AAAA,gBACQX,EAAAZ,CAAA,EAASuB,CAAG,UADpBjB,EAUO,QAAA;AAAA;kBARJ,OAAKoB,EAAA;AAAA;oBAAyHH,EAAI;;mBAOhIL,EAAAK,EAAI,KAAK,GAAA,CAAA;;;;;;MASxBT,EASM,OATNa,GASM;AAAA,QARJC,EAAuBC,EAAA,QAAA,SAAA;AAAA,gBAGvBvB,EAIWe,GAAA,MAAAC,EAJaV,EAAAjB,CAAA,GAAS,CAAhB4B;UAAwB,KAAAA,EAAI;AAAA,QAAA;UAChCA,EAAI,WAAWX,KAAMW,EAAI,IAAI,UAAxCjB,EAEM,OAAAwB,GAAA;AAAA,YADJF,EAAyBC,EAAA,QAAZN,EAAI,IAAI;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js","sources":["../src/components/tabs/InlineTabs.vue"],"sourcesContent":["<!--\n  @component InlineTabs\n  @description Simple inline tab navigation with underline indicator.\n  \n  A lightweight tab component for simple tab navigation scenarios.\n  Uses named slots for tab content. Shows SelectInput dropdown on mobile.\n  \n  @props\n  - tabs (SimpleTabItem[], required): Array of tab configurations\n  - title (string, optional): Optional heading title\n  - dropdownOnMobile (boolean, optional): Show dropdown on mobile (default: true)\n  - badgeTheme (TabBadgeTheme, optional): Theme for count badges (default: 'primary')\n  \n  @emits\n  - tab-changed: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <InlineTabs\n    title=\"Settings\"\n    :tabs=\"[\n      { name: 'General', current: true },\n      { name: 'Security', current: false, count: 2 },\n      { name: 'Notifications', current: false, count: 5 }\n    ]\"\n    @tab-changed=\"handleTabChange\"\n  >\n    <template #General>General content</template>\n    <template #Security>Security content</template>\n    <template #Notifications>Notifications content</template>\n  </InlineTabs>\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Mobile dropdown using SelectInput -->\n    <div v-if=\"dropdownOnMobile\" class=\"sl-block sm:sl-hidden sl-mb-4\">\n      <SelectInput\n        :name=\"selectId\"\n        :label=\"title\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"index\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop tabs -->\n    <div class=\"sl-hidden sm:sl-block\">\n      <div class=\"sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sm:sl-flex sm:sl-items-baseline\">\n        <h3\n          v-if=\"title\"\n          class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-white\"\n        >\n          {{ title }}\n        </h3>\n        <div class=\"sl-mt-4 sm:sl-ml-10 sm:sl-mt-0\">\n          <nav class=\"sl--mb-px sl-flex sl-space-x-8\">\n            <a\n              v-for=\"(tab, index) in localTabs\"\n              :key=\"tab.name\"\n              href=\"#\"\n              @click.prevent=\"setActiveTab(index)\"\n              :class=\"[\n                tab.current \n                  ? 'sl-border-stachelock-600 sl-text-stachelock-600 dark:sl-text-stachelock-400' \n                  : 'sl-border-transparent sl-text-gray-500 dark:sl-text-slate-400 hover:sl-border-gray-300 dark:hover:sl-border-slate-600 hover:sl-text-gray-700 dark:hover:sl-text-slate-300',\n                'sl-whitespace-nowrap sl-border-b-2 sl-px-1 sl-pb-4 sl-text-sm sl-font-medium sl-transition-colors sl-duration-200 sl-flex sl-items-center sl-gap-2',\n                tab.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer'\n              ]\"\n              :aria-current=\"tab.current ? 'page' : undefined\"\n            >\n              {{ tab.name }}\n              <span\n                v-if=\"hasCount(tab)\"\n                :class=\"[\n                  'sl-rounded-full sl-py-0.5 sl-px-2.5 sl-text-xs sl-font-medium sl-tabular-nums',\n                  tab.current\n                    ? 'sl-bg-stachelock-100 dark:sl-bg-stachelock-900/30 sl-text-stachelock-600 dark:sl-text-stachelock-400'\n                    : 'sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-200'\n                ]\"\n              >\n                {{ tab.count }}\n              </span>\n            </a>\n          </nav>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Default slot for general content -->\n    <div class=\"sl-mt-4\">\n      <slot name=\"default\" />\n      \n      <!-- Named slots for each tab -->\n      <template v-for=\"tab in localTabs\" :key=\"tab.name\">\n        <div v-if=\"tab.current && slots[tab.name]\">\n          <slot :name=\"tab.name\" />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SelectInput from '../inputs/SelectInput.vue';\nimport { useSimpleTabs } from '../../composables/useSimpleTabs';\nimport type { SimpleTabItem, TabBadgeTheme } from '../../types/tabs';\n\ninterface Props {\n  tabs: SimpleTabItem[];\n  title?: string;\n  dropdownOnMobile?: boolean;\n  badgeTheme?: TabBadgeTheme;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  dropdownOnMobile: true,\n  badgeTheme: 'primary'\n});\n\nconst emit = defineEmits<{\n  'tab-changed': [tabIndex: number];\n}>();\n\n// Use the shared composable for all tab logic\nconst {\n  localTabs,\n  selectInputItems,\n  selectedTabItem,\n  setActiveTab,\n  handleSelectInputChange,\n  hasCount,\n  slots,\n  selectId\n} = useSimpleTabs({\n  getTabs: () => props.tabs,\n  onTabChange: (index) => emit('tab-changed', index),\n  includeCountInName: true,\n  badgeTheme: props.badgeTheme\n});\n</script>\n"],"names":["props","__props","emit","__emit","localTabs","selectInputItems","selectedTabItem","setActiveTab","handleSelectInputChange","hasCount","slots","selectId","useSimpleTabs","index","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createVNode","SelectInput","_unref","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_Fragment","_renderList","tab","_withModifiers","$event","_normalizeClass","_hoisted_9","_renderSlot","_ctx","_hoisted_10"],"mappings":";;;;;;;;;;;;;;;;;;;AAoHA,UAAMA,IAAQC,GAKRC,IAAOC,GAKP;AAAA,MACJ,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,IAAA,IACEC,EAAc;AAAA,MAChB,SAAS,MAAMZ,EAAM;AAAA,MACrB,aAAa,CAACa,MAAUX,EAAK,eAAeW,CAAK;AAAA,MACjD,oBAAoB;AAAA,MACpB,YAAYb,EAAM;AAAA,IAAA,CACnB;sBA5GCc,EAAA,GAAAC,EAqEM,OArENC,GAqEM;AAAA,MAnEOf,EAAA,oBAAXa,EAAA,GAAAC,EAWM,OAXNE,GAWM;AAAA,QAVJC,EASEC,GAAA;AAAA,UARC,MAAMC,EAAAT,CAAA;AAAA,UACN,OAAOV,EAAA;AAAA,UACP,OAAOmB,EAAAf,CAAA;AAAA,UACP,eAAae,EAAAd,CAAA;AAAA,UACd,YAAS;AAAA,UACT,aAAU;AAAA,UACV,aAAY;AAAA,UACX,uBAAoBc,EAAAZ,CAAA;AAAA,QAAA;;MAKzBa,EAwCM,OAxCNC,GAwCM;AAAA,QAvCJD,EAsCM,OAtCNE,GAsCM;AAAA,UApCItB,EAAA,cADRc,EAKK,MALLS,GAKKC,EADAxB,EAAA,KAAK,GAAA,CAAA;UAEVoB,EA8BM,OA9BNK,GA8BM;AAAA,YA7BJL,EA4BM,OA5BNM,GA4BM;AAAA,eA3BJb,EAAA,EAAA,GAAAC,EA0BIa,GAAA,MAAAC,EAzBqBT,EAAAhB,CAAA,GAAS,CAAxB0B,GAAKjB,YADfE,EA0BI,KAAA;AAAA,gBAxBD,KAAKe,EAAI;AAAA,gBACV,MAAK;AAAA,gBACJ,SAAKC,EAAA,CAAAC,MAAUZ,EAAAb,CAAA,EAAaM,CAAK,GAAA,CAAA,SAAA,CAAA;AAAA,gBACjC,OAAKoB,EAAA;AAAA,kBAAoBH,EAAI;;kBAAmeA,EAAI,WAAQ,wCAAA;AAAA,gBAAA;gBAO5gB,gBAAcA,EAAI,mBAAmB;AAAA,cAAA;oBAEnCA,EAAI,IAAI,IAAG,KACd,CAAA;AAAA,gBACQV,EAAAX,CAAA,EAASqB,CAAG,UADpBf,EAUO,QAAA;AAAA;kBARJ,OAAKkB,EAAA;AAAA;oBAAyHH,EAAI;;mBAOhIL,EAAAK,EAAI,KAAK,GAAA,CAAA;;;;;;MASxBT,EASM,OATNa,GASM;AAAA,QARJC,EAAuBC,EAAA,QAAA,SAAA;AAAA,gBAGvBrB,EAIWa,GAAA,MAAAC,EAJaT,EAAAhB,CAAA,GAAS,CAAhB0B;UAAwB,KAAAA,EAAI;AAAA,QAAA;UAChCA,EAAI,WAAWV,KAAMU,EAAI,IAAI,UAAxCf,EAEM,OAAAsB,GAAA;AAAA,YADJF,EAAyBC,EAAA,QAAZN,EAAI,IAAI;AAAA,UAAA;;;;;;"}

package/dist/{LineChart.vue_vue_type_script_setup_true_lang-DszQ-a5L.js → LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js}

@@ -1,7 +1,7 @@
-import { defineComponent as m, computed as r, createBlock as p, openBlock as y, mergeProps as u } from "vue";
+import { defineComponent as m, computed as i, createBlock as y, openBlock as p, mergeProps as u } from "vue";
 import g from "./charts/BaseChart.js";
-import { chartColors as f, getAreaGradient as i } from "./charts/chartTheme.js";
-const v = /* @__PURE__ */ m({
+import { chartColors as f, getAreaGradient as s } from "./charts/chartTheme.js";
+const x = /* @__PURE__ */ m({
   __name: "LineChart",
   props: {
     data: {},
@@ -15,18 +15,18 @@ const v = /* @__PURE__ */ m({
     showLegend: { type: Boolean, default: !0 }
   },
   emits: ["click"],
-  setup(s, { emit: n }) {
-    const e = s, c = n, a = r(() => Array.isArray(e.data) && e.data.length > 0 && typeof e.data[0] == "object"), d = r(() => {
-      const t = a.value ? e.data.map((o, l) => ({
-        name: o.name,
+  setup(o, { emit: n }) {
+    const e = o, c = n, l = i(() => Array.isArray(e.data) && e.data.length > 0 && typeof e.data[0] == "object"), d = i(() => {
+      const t = l.value ? e.data.map((a, r) => ({
+        name: a.name,
         type: "line",
-        data: o.data,
+        data: a.data,
         smooth: e.smooth,
         symbol: "circle",
         symbolSize: 6,
         lineStyle: { width: 2 },
-        areaStyle: e.showArea ? { color: i(e.colors[l % e.colors.length]) } : void 0,
-        itemStyle: { color: e.colors[l % e.colors.length] }
+        areaStyle: e.showArea ? { color: s(e.colors[r % e.colors.length]) } : void 0,
+        itemStyle: { color: e.colors[r % e.colors.length] }
       })) : [{
         type: "line",
         data: e.data,
@@ -34,12 +34,12 @@ const v = /* @__PURE__ */ m({
         symbol: "circle",
         symbolSize: 6,
         lineStyle: { width: 2 },
-        areaStyle: e.showArea ? { color: i(e.colors[0]) } : void 0,
+        areaStyle: e.showArea ? { color: s(e.colors[0]) } : void 0,
         itemStyle: { color: e.colors[0] }
       }];
       return {
         title: e.title ? { text: e.title } : void 0,
-        legend: e.showLegend && a.value ? { show: !0 } : { show: !1 },
+        legend: e.showLegend && l.value ? { show: !0 } : { show: !1 },
         xAxis: {
           type: "category",
           data: e.xAxisData,
@@ -53,14 +53,14 @@ const v = /* @__PURE__ */ m({
     }), h = (t) => {
       c("click", t);
     };
-    return (t, o) => (y(), p(g, u({
+    return (t, a) => (p(), y(g, u({
       option: d.value,
-      height: t.height,
-      loading: t.loading
+      height: o.height,
+      loading: o.loading
     }, t.$attrs, { onClick: h }), null, 16, ["option", "height", "loading"]));
   }
 });
 export {
-  v as _
+  x as _
 };
-//# sourceMappingURL=LineChart.vue_vue_type_script_setup_true_lang-DszQ-a5L.js.map
+//# sourceMappingURL=LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js.map

package/dist/{LineChart.vue_vue_type_script_setup_true_lang-DszQ-a5L.js.map → LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LineChart.vue_vue_type_script_setup_true_lang-DszQ-a5L.js","sources":["../src/components/charts/LineChart.vue"],"sourcesContent":["<!--\n  @component LineChart\n  @description Line chart component with optional area fill.\n  \n  @props\n  - data (array, required): Array of data points\n  - xAxisData (array, required): X-axis labels\n  - title (string, optional): Chart title\n  - smooth (boolean, optional): Smooth line curve\n  - showArea (boolean, optional): Fill area under line\n  - height (number|string, optional): Chart height\n  - colors (array, optional): Custom color palette\n  \n  @example\n  <LineChart\n    :data=\"salesData\"\n    :x-axis-data=\"months\"\n    title=\"Monthly Sales\"\n    smooth\n    show-area\n  />\n-->\n<template>\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"height\"\n    :loading=\"loading\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseChart from './BaseChart.vue';\nimport { chartColors, getAreaGradient } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\ninterface SeriesData {\n  name: string;\n  data: number[];\n}\n\ninterface Props {\n  data: number[] | SeriesData[];\n  xAxisData: string[];\n  title?: string;\n  smooth?: boolean;\n  showArea?: boolean;\n  height?: number | string;\n  colors?: string[];\n  loading?: boolean;\n  showLegend?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  smooth: true,\n  showArea: false,\n  height: 300,\n  colors: () => chartColors.primary,\n  loading: false,\n  showLegend: true,\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n}>();\n\nconst isMultiSeries = computed(() => {\n  return Array.isArray(props.data) && props.data.length > 0 && typeof props.data[0] === 'object';\n});\n\nconst chartOption = computed<EChartsOption>(() => {\n  const series = isMultiSeries.value\n    ? (props.data as SeriesData[]).map((s, idx) => ({\n        name: s.name,\n        type: 'line' as const,\n        data: s.data,\n        smooth: props.smooth,\n        symbol: 'circle',\n        symbolSize: 6,\n        lineStyle: { width: 2 },\n        areaStyle: props.showArea ? { color: getAreaGradient(props.colors[idx % props.colors.length]) } : undefined,\n        itemStyle: { color: props.colors[idx % props.colors.length] },\n      }))\n    : [{\n        type: 'line' as const,\n        data: props.data as number[],\n        smooth: props.smooth,\n        symbol: 'circle',\n        symbolSize: 6,\n        lineStyle: { width: 2 },\n        areaStyle: props.showArea ? { color: getAreaGradient(props.colors[0]) } : undefined,\n        itemStyle: { color: props.colors[0] },\n      }];\n\n  return {\n    title: props.title ? { text: props.title } : undefined,\n    legend: props.showLegend && isMultiSeries.value ? { show: true } : { show: false },\n    xAxis: {\n      type: 'category',\n      data: props.xAxisData,\n      boundaryGap: false,\n    },\n    yAxis: {\n      type: 'value',\n    },\n    series,\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","isMultiSeries","computed","chartOption","series","s","idx","getAreaGradient","handleClick","params","_openBlock","_createBlock","BaseChart","_mergeProps","height","loading","$attrs"],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,UAAMA,IAAQC,GASRC,IAAOC,GAIPC,IAAgBC,EAAS,MACtB,MAAM,QAAQL,EAAM,IAAI,KAAKA,EAAM,KAAK,SAAS,KAAK,OAAOA,EAAM,KAAK,CAAC,KAAM,QACvF,GAEKM,IAAcD,EAAwB,MAAM;AAChD,YAAME,IAASH,EAAc,QACxBJ,EAAM,KAAsB,IAAI,CAACQ,GAAGC,OAAS;AAAA,QAC5C,MAAMD,EAAE;AAAA,QACR,MAAM;AAAA,QACN,MAAMA,EAAE;AAAA,QACR,QAAQR,EAAM;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,WAAW,EAAE,OAAO,EAAA;AAAA,QACpB,WAAWA,EAAM,WAAW,EAAE,OAAOU,EAAgBV,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM,CAAC,MAAM;AAAA,QAClG,WAAW,EAAE,OAAOA,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM,EAAA;AAAA,MAAE,EAC5D,IACF,CAAC;AAAA,QACC,MAAM;AAAA,QACN,MAAMA,EAAM;AAAA,QACZ,QAAQA,EAAM;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,WAAW,EAAE,OAAO,EAAA;AAAA,QACpB,WAAWA,EAAM,WAAW,EAAE,OAAOU,EAAgBV,EAAM,OAAO,CAAC,CAAC,EAAA,IAAM;AAAA,QAC1E,WAAW,EAAE,OAAOA,EAAM,OAAO,CAAC,EAAA;AAAA,MAAE,CACrC;AAEL,aAAO;AAAA,QACL,OAAOA,EAAM,QAAQ,EAAE,MAAMA,EAAM,UAAU;AAAA,QAC7C,QAAQA,EAAM,cAAcI,EAAc,QAAQ,EAAE,MAAM,GAAA,IAAS,EAAE,MAAM,GAAA;AAAA,QAC3E,OAAO;AAAA,UACL,MAAM;AAAA,UACN,MAAMJ,EAAM;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,QAEf,OAAO;AAAA,UACL,MAAM;AAAA,QAAA;AAAA,QAER,QAAAO;AAAA,MAAA;AAAA,IAEJ,CAAC,GAEKI,IAAc,CAACC,MAA0B;AAC7C,MAAAV,EAAK,SAASU,CAAM;AAAA,IACtB;sBA1FEC,EAAA,GAAAC,EAMEC,GANFC,EAME;AAAA,MALC,QAAQV,EAAA;AAAA,MACR,QAAQW,EAAAA;AAAAA,MACR,SAASC,EAAAA;AAAAA,IAAAA,GACFC,EAAAA,QAAM,EACb,SAAOR,EAAA,CAAW,GAAA,MAAA,IAAA,CAAA,UAAA,UAAA,SAAA,CAAA;AAAA;;"}
+{"version":3,"file":"LineChart.vue_vue_type_script_setup_true_lang-DJo0edLJ.js","sources":["../src/components/charts/LineChart.vue"],"sourcesContent":["<!--\n  @component LineChart\n  @description Line chart component with optional area fill.\n  \n  @props\n  - data (array, required): Array of data points\n  - xAxisData (array, required): X-axis labels\n  - title (string, optional): Chart title\n  - smooth (boolean, optional): Smooth line curve\n  - showArea (boolean, optional): Fill area under line\n  - height (number|string, optional): Chart height\n  - colors (array, optional): Custom color palette\n  \n  @example\n  <LineChart\n    :data=\"salesData\"\n    :x-axis-data=\"months\"\n    title=\"Monthly Sales\"\n    smooth\n    show-area\n  />\n-->\n<template>\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"height\"\n    :loading=\"loading\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseChart from './BaseChart.vue';\nimport { chartColors, getAreaGradient } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\ninterface SeriesData {\n  name: string;\n  data: number[];\n}\n\ninterface Props {\n  data: number[] | SeriesData[];\n  xAxisData: string[];\n  title?: string;\n  smooth?: boolean;\n  showArea?: boolean;\n  height?: number | string;\n  colors?: string[];\n  loading?: boolean;\n  showLegend?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  smooth: true,\n  showArea: false,\n  height: 300,\n  colors: () => chartColors.primary,\n  loading: false,\n  showLegend: true,\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n}>();\n\nconst isMultiSeries = computed(() => {\n  return Array.isArray(props.data) && props.data.length > 0 && typeof props.data[0] === 'object';\n});\n\nconst chartOption = computed<EChartsOption>(() => {\n  const series = isMultiSeries.value\n    ? (props.data as SeriesData[]).map((s, idx) => ({\n        name: s.name,\n        type: 'line' as const,\n        data: s.data,\n        smooth: props.smooth,\n        symbol: 'circle',\n        symbolSize: 6,\n        lineStyle: { width: 2 },\n        areaStyle: props.showArea ? { color: getAreaGradient(props.colors[idx % props.colors.length]) } : undefined,\n        itemStyle: { color: props.colors[idx % props.colors.length] },\n      }))\n    : [{\n        type: 'line' as const,\n        data: props.data as number[],\n        smooth: props.smooth,\n        symbol: 'circle',\n        symbolSize: 6,\n        lineStyle: { width: 2 },\n        areaStyle: props.showArea ? { color: getAreaGradient(props.colors[0]) } : undefined,\n        itemStyle: { color: props.colors[0] },\n      }];\n\n  return {\n    title: props.title ? { text: props.title } : undefined,\n    legend: props.showLegend && isMultiSeries.value ? { show: true } : { show: false },\n    xAxis: {\n      type: 'category',\n      data: props.xAxisData,\n      boundaryGap: false,\n    },\n    yAxis: {\n      type: 'value',\n    },\n    series,\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","isMultiSeries","computed","chartOption","series","s","idx","getAreaGradient","handleClick","params","_openBlock","_createBlock","BaseChart","_mergeProps","$attrs"],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,UAAMA,IAAQC,GASRC,IAAOC,GAIPC,IAAgBC,EAAS,MACtB,MAAM,QAAQL,EAAM,IAAI,KAAKA,EAAM,KAAK,SAAS,KAAK,OAAOA,EAAM,KAAK,CAAC,KAAM,QACvF,GAEKM,IAAcD,EAAwB,MAAM;AAChD,YAAME,IAASH,EAAc,QACxBJ,EAAM,KAAsB,IAAI,CAACQ,GAAGC,OAAS;AAAA,QAC5C,MAAMD,EAAE;AAAA,QACR,MAAM;AAAA,QACN,MAAMA,EAAE;AAAA,QACR,QAAQR,EAAM;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,WAAW,EAAE,OAAO,EAAA;AAAA,QACpB,WAAWA,EAAM,WAAW,EAAE,OAAOU,EAAgBV,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM,CAAC,MAAM;AAAA,QAClG,WAAW,EAAE,OAAOA,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM,EAAA;AAAA,MAAE,EAC5D,IACF,CAAC;AAAA,QACC,MAAM;AAAA,QACN,MAAMA,EAAM;AAAA,QACZ,QAAQA,EAAM;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,WAAW,EAAE,OAAO,EAAA;AAAA,QACpB,WAAWA,EAAM,WAAW,EAAE,OAAOU,EAAgBV,EAAM,OAAO,CAAC,CAAC,EAAA,IAAM;AAAA,QAC1E,WAAW,EAAE,OAAOA,EAAM,OAAO,CAAC,EAAA;AAAA,MAAE,CACrC;AAEL,aAAO;AAAA,QACL,OAAOA,EAAM,QAAQ,EAAE,MAAMA,EAAM,UAAU;AAAA,QAC7C,QAAQA,EAAM,cAAcI,EAAc,QAAQ,EAAE,MAAM,GAAA,IAAS,EAAE,MAAM,GAAA;AAAA,QAC3E,OAAO;AAAA,UACL,MAAM;AAAA,UACN,MAAMJ,EAAM;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,QAEf,OAAO;AAAA,UACL,MAAM;AAAA,QAAA;AAAA,QAER,QAAAO;AAAA,MAAA;AAAA,IAEJ,CAAC,GAEKI,IAAc,CAACC,MAA0B;AAC7C,MAAAV,EAAK,SAASU,CAAM;AAAA,IACtB;sBA1FEC,EAAA,GAAAC,EAMEC,GANFC,EAME;AAAA,MALC,QAAQV,EAAA;AAAA,MACR,QAAQL,EAAA;AAAA,MACR,SAASA,EAAA;AAAA,IAAA,GACFgB,EAAAA,QAAM,EACb,SAAON,EAAA,CAAW,GAAA,MAAA,IAAA,CAAA,UAAA,UAAA,SAAA,CAAA;AAAA;;"}

package/dist/LottieAnimation.vue_vue_type_script_setup_true_lang-swmHdR0_.js

@@ -0,0 +1,36 @@
+import { defineComponent as r, defineAsyncComponent as d, inject as f, computed as l, createBlock as s, createCommentVNode as v, openBlock as y, unref as c } from "vue";
+const C = /* @__PURE__ */ r({
+  __name: "LottieAnimation",
+  props: {
+    animationData: {},
+    height: { default: 200 },
+    width: { default: 200 },
+    loop: { type: [Boolean, Number], default: void 0 },
+    autoplay: { type: Boolean, default: void 0 },
+    speed: { default: 1 },
+    pauseOnHover: { type: Boolean, default: !1 }
+  },
+  emits: ["complete", "loop-complete", "enter-frame"],
+  setup(e) {
+    const u = d(
+      () => import("./vue3-lottie.es-DT4qZE-F.js").then((o) => o.Vue3Lottie)
+    ), n = e, i = f("lottie", {}), p = l(() => n.loop !== void 0 ? n.loop : i.loop ?? !0), m = l(() => n.autoplay !== void 0 ? n.autoplay : i.autoplay ?? !0);
+    return (o, t) => e.animationData ? (y(), s(c(u), {
+      key: 0,
+      animationData: e.animationData,
+      height: e.height,
+      width: e.width,
+      loop: p.value,
+      autoplay: m.value,
+      speed: e.speed,
+      pauseOnHover: e.pauseOnHover,
+      onComplete: t[0] || (t[0] = (a) => o.$emit("complete")),
+      onLoopComplete: t[1] || (t[1] = (a) => o.$emit("loop-complete")),
+      onEnterFrame: t[2] || (t[2] = (a) => o.$emit("enter-frame", a))
+    }, null, 8, ["animationData", "height", "width", "loop", "autoplay", "speed", "pauseOnHover"])) : v("", !0);
+  }
+});
+export {
+  C as _
+};
+//# sourceMappingURL=LottieAnimation.vue_vue_type_script_setup_true_lang-swmHdR0_.js.map

package/dist/{LottieAnimation.vue_vue_type_script_setup_true_lang-CwOOShcM.js.map → LottieAnimation.vue_vue_type_script_setup_true_lang-swmHdR0_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LottieAnimation.vue_vue_type_script_setup_true_lang-CwOOShcM.js","sources":["../src/components/LottieAnimation.vue"],"sourcesContent":["<template>\n  <Vue3Lottie\n    v-if=\"animationData\"\n    :animationData=\"animationData\"\n    :height=\"height\"\n    :width=\"width\"\n    :loop=\"effectiveLoop\"\n    :autoplay=\"effectiveAutoplay\"\n    :speed=\"speed\"\n    :pauseOnHover=\"pauseOnHover\"\n    @complete=\"$emit('complete')\"\n    @loopComplete=\"$emit('loop-complete')\"\n    @enterFrame=\"$emit('enter-frame', $event)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, defineAsyncComponent } from 'vue';\nimport type { LottieOptions } from '@/plugin/configure';\n\n// Dynamic import for Vue3Lottie\nconst Vue3Lottie = defineAsyncComponent(() => \n  import('vue3-lottie').then(m => m.Vue3Lottie)\n);\n\ninterface Props {\n  /** Lottie animation JSON data */\n  animationData: unknown;\n  /** Animation height */\n  height?: number | string;\n  /** Animation width */\n  width?: number | string;\n  /** Loop the animation */\n  loop?: boolean | number;\n  /** Auto-play the animation */\n  autoplay?: boolean;\n  /** Animation speed (1 = normal) */\n  speed?: number;\n  /** Pause on hover */\n  pauseOnHover?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  height: 200,\n  width: 200,\n  loop: undefined,\n  autoplay: undefined,\n  speed: 1,\n  pauseOnHover: false,\n});\n\ndefineEmits<{\n  (e: 'complete'): void;\n  (e: 'loop-complete'): void;\n  (e: 'enter-frame', frame: number): void;\n}>();\n\n// Get plugin configuration\nconst lottieConfig = inject<LottieOptions>('lottie', {});\n\n// Apply defaults from config if not explicitly set\nconst effectiveLoop = computed(() => {\n  if (props.loop !== undefined) return props.loop;\n  return lottieConfig.loop ?? true;\n});\n\nconst effectiveAutoplay = computed(() => {\n  if (props.autoplay !== undefined) return props.autoplay;\n  return lottieConfig.autoplay ?? true;\n});\n</script>\n\n"],"names":["Vue3Lottie","defineAsyncComponent","m","props","__props","lottieConfig","inject","effectiveLoop","computed","effectiveAutoplay","animationData","_createBlock","_unref","height","width","speed","pauseOnHover","$emit","_cache","$event"],"mappings":";;;;;;;;;;;;;;AAqBA,UAAMA,IAAaC;AAAA,MAAqB,MACtC,OAAO,8BAAa,EAAE,KAAK,CAAAC,MAAKA,EAAE,UAAU;AAAA,IAAA,GAoBxCC,IAAQC,GAgBRC,IAAeC,EAAsB,UAAU,EAAE,GAGjDC,IAAgBC,EAAS,MACzBL,EAAM,SAAS,SAAkBA,EAAM,OACpCE,EAAa,QAAQ,EAC7B,GAEKI,IAAoBD,EAAS,MAC7BL,EAAM,aAAa,SAAkBA,EAAM,WACxCE,EAAa,YAAY,EACjC;qBAnESK,EAAAA,sBADRC,EAYEC,EAAAZ,CAAA,GAAA;AAAA;MAVC,eAAeU,EAAAA;AAAAA,MACf,QAAQG,EAAAA;AAAAA,MACR,OAAOC,EAAAA;AAAAA,MACP,MAAMP,EAAA;AAAA,MACN,UAAUE,EAAA;AAAA,MACV,OAAOM,EAAAA;AAAAA,MACP,cAAcC,EAAAA;AAAAA,MACd,mCAAUC,EAAAA,MAAK,UAAA;AAAA,MACf,uCAAcA,EAAAA,MAAK,eAAA;AAAA,MACnB,cAAUC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEF,EAAAA,MAAK,eAAgBE,CAAM;AAAA,IAAA;;;"}
+{"version":3,"file":"LottieAnimation.vue_vue_type_script_setup_true_lang-swmHdR0_.js","sources":["../src/components/LottieAnimation.vue"],"sourcesContent":["<template>\n  <Vue3Lottie\n    v-if=\"animationData\"\n    :animationData=\"animationData\"\n    :height=\"height\"\n    :width=\"width\"\n    :loop=\"effectiveLoop\"\n    :autoplay=\"effectiveAutoplay\"\n    :speed=\"speed\"\n    :pauseOnHover=\"pauseOnHover\"\n    @complete=\"$emit('complete')\"\n    @loopComplete=\"$emit('loop-complete')\"\n    @enterFrame=\"$emit('enter-frame', $event)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, defineAsyncComponent } from 'vue';\nimport type { LottieOptions } from '@/plugin/configure';\n\n// Dynamic import for Vue3Lottie\nconst Vue3Lottie = defineAsyncComponent(() => \n  import('vue3-lottie').then(m => m.Vue3Lottie)\n);\n\ninterface Props {\n  /** Lottie animation JSON data */\n  animationData: unknown;\n  /** Animation height */\n  height?: number | string;\n  /** Animation width */\n  width?: number | string;\n  /** Loop the animation */\n  loop?: boolean | number;\n  /** Auto-play the animation */\n  autoplay?: boolean;\n  /** Animation speed (1 = normal) */\n  speed?: number;\n  /** Pause on hover */\n  pauseOnHover?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  height: 200,\n  width: 200,\n  loop: undefined,\n  autoplay: undefined,\n  speed: 1,\n  pauseOnHover: false,\n});\n\ndefineEmits<{\n  (e: 'complete'): void;\n  (e: 'loop-complete'): void;\n  (e: 'enter-frame', frame: number): void;\n}>();\n\n// Get plugin configuration\nconst lottieConfig = inject<LottieOptions>('lottie', {});\n\n// Apply defaults from config if not explicitly set\nconst effectiveLoop = computed(() => {\n  if (props.loop !== undefined) return props.loop;\n  return lottieConfig.loop ?? true;\n});\n\nconst effectiveAutoplay = computed(() => {\n  if (props.autoplay !== undefined) return props.autoplay;\n  return lottieConfig.autoplay ?? true;\n});\n</script>\n\n"],"names":["Vue3Lottie","defineAsyncComponent","m","props","__props","lottieConfig","inject","effectiveLoop","computed","effectiveAutoplay","_createBlock","_unref","$emit","_cache","$event"],"mappings":";;;;;;;;;;;;;;AAqBA,UAAMA,IAAaC;AAAA,MAAqB,MACtC,OAAO,8BAAa,EAAE,KAAK,CAAAC,MAAKA,EAAE,UAAU;AAAA,IAAA,GAoBxCC,IAAQC,GAgBRC,IAAeC,EAAsB,UAAU,EAAE,GAGjDC,IAAgBC,EAAS,MACzBL,EAAM,SAAS,SAAkBA,EAAM,OACpCE,EAAa,QAAQ,EAC7B,GAEKI,IAAoBD,EAAS,MAC7BL,EAAM,aAAa,SAAkBA,EAAM,WACxCE,EAAa,YAAY,EACjC;qBAnESD,EAAA,sBADRM,EAYEC,EAAAX,CAAA,GAAA;AAAA;MAVC,eAAeI,EAAA;AAAA,MACf,QAAQA,EAAA;AAAA,MACR,OAAOA,EAAA;AAAA,MACP,MAAMG,EAAA;AAAA,MACN,UAAUE,EAAA;AAAA,MACV,OAAOL,EAAA;AAAA,MACP,cAAcA,EAAA;AAAA,MACd,mCAAUQ,EAAAA,MAAK,UAAA;AAAA,MACf,uCAAcA,EAAAA,MAAK,eAAA;AAAA,MACnB,cAAUC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEF,EAAAA,MAAK,eAAgBE,CAAM;AAAA,IAAA;;;"}

package/dist/{MonthCalendar.vue_vue_type_style_index_0_lang-CnX3Ih0W.js → MonthCalendar.vue_vue_type_style_index_0_lang-Cyzq7A9j.js}

@@ -1,5 +1,5 @@
 import { defineComponent as R, computed as u, createElementBlock as r, openBlock as o, createElementVNode as a, Fragment as i, renderList as c, toDisplayString as g, normalizeClass as h, createCommentVNode as m, unref as L, normalizeStyle as _, withModifiers as X } from "vue";
-import { f as $ } from "./calendar-DyIP7WGv.js";
+import { f as $ } from "./calendar-BlSSD4nO.js";
 import { u as q, c as G } from "./useEventSegments-B-r_8zCW.js";
 const J = { class: "sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 lg:sl-flex lg:sl-flex-auto lg:sl-flex-col" }, Q = { class: "sl-grid sl-grid-cols-7 sl-gap-px sl-border-b sl-border-gray-300 dark:sl-border-slate-600 sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-center sl-text-xs sl-font-semibold sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-none" }, U = { class: "sl-flex sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-xs sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-auto" }, Y = { class: "sl-hidden sl-w-full lg:sl-grid lg:sl-grid-cols-7 lg:sl-grid-rows-6 lg:sl-gap-px" }, Z = { class: "sl-px-3" }, ss = ["datetime"], es = { class: "sl-mt-2 sl-space-y-1 sl-min-h-0" }, ls = ["onClick"], ts = { class: "sl-relative" }, ns = {
   key: 0,
@@ -190,4 +190,4 @@ const J = { class: "sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-
 export {
   ps as _
 };
-//# sourceMappingURL=MonthCalendar.vue_vue_type_style_index_0_lang-CnX3Ih0W.js.map
+//# sourceMappingURL=MonthCalendar.vue_vue_type_style_index_0_lang-Cyzq7A9j.js.map

package/dist/{MonthCalendar.vue_vue_type_style_index_0_lang-CnX3Ih0W.js.map → MonthCalendar.vue_vue_type_style_index_0_lang-Cyzq7A9j.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MonthCalendar.vue_vue_type_style_index_0_lang-CnX3Ih0W.js","sources":["../src/components/calendars/MonthCalendar.vue"],"sourcesContent":["<!--\n  @component MonthCalendar\n  @description Full month calendar grid with multi-day event support.\n  \n  Features:\n  - 6-week calendar grid with day headers\n  - Multi-day event bars that span across days\n  - Event lane calculation for non-overlapping display\n  - \"+X more\" overflow indicators with click-to-expand\n  - Responsive mobile view with compact event dots\n  - Rate plan color indicators\n  - Day selection and double-click navigation\n  \n  @example\n  <MonthCalendar\n    :days=\"calendarDays\"\n    :events=\"events\"\n    @selectDay=\"handleDaySelect\"\n    @select:event=\"handleEventSelect\"\n    @doubleSelectDay=\"handleDoubleSelectDay\"\n  />\n-->\n<template>\n  <div class=\"sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 lg:sl-flex lg:sl-flex-auto lg:sl-flex-col\">\n    <!-- Day headers -->\n    <div class=\"sl-grid sl-grid-cols-7 sl-gap-px sl-border-b sl-border-gray-300 dark:sl-border-slate-600 sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-center sl-text-xs sl-font-semibold sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-none\">\n      <div v-for=\"dayName in dayHeaders\" :key=\"dayName\" class=\"sl-bg-white dark:sl-bg-slate-900 sl-py-2\">\n        {{ dayName }}\n      </div>\n    </div>\n    \n    <!-- Calendar grid -->\n    <div class=\"sl-flex sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-xs sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-auto\">\n      <!-- Desktop view -->\n      <div class=\"sl-hidden sl-w-full lg:sl-grid lg:sl-grid-cols-7 lg:sl-grid-rows-6 lg:sl-gap-px\">\n        <div \n          v-for=\"day in formattedDays\" \n          :key=\"day.date\"\n          :class=\"[\n            day.isCurrentMonth ? 'sl-bg-white dark:sl-bg-slate-900' : 'sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-slate-400',\n            'sl-relative sl-py-2 sl-min-w-0'\n          ]\"\n        >\n          <div class=\"sl-px-3\">\n            <time \n              :datetime=\"day.date\"\n              :class=\"[\n                day.isToday \n                  ? 'sl-flex sl-h-6 sl-w-6 sl-items-center sl-justify-center sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white' \n                  : ''\n              ]\"\n            >\n              {{ getDayNumber(day.date) }}\n            </time>\n          </div>\n          \n          <!-- Event bars with lanes -->\n          <div class=\"sl-mt-2 sl-space-y-1 sl-min-h-0\">\n            <template v-for=\"lane in Array.from({ length: maxLanes }, (_, i) => i)\" :key=\"`lane-${lane}`\">\n              <button \n                v-for=\"event in eventsForDayAndLane(day.date, lane)\" \n                :key=\"event.id\"\n                class=\"sl-group sl-w-full sl-block\"\n                @click=\"handleEventClick(event.id)\"\n              >\n                <div class=\"sl-relative\">\n                  <div :class=\"barClass(day.date, event)\">\n                    <span v-if=\"showLabel(day.date, event)\" class=\"sl-truncate sl-block\">\n                      {{ labelFor(day.date, event) || event.name }}\n                    </span>\n                  </div>\n                  <span \n                    v-if=\"event.ratePlanColor\"\n                    class=\"sl-absolute sl--top-1 sl--right-1 sl-inline-block sl-h-2.5 sl-w-2.5 sl-rounded-full sl-ring-1 sl-ring-white\"\n                    :style=\"{ backgroundColor: event.ratePlanColor }\"\n                  />\n                </div>\n              </button>\n            </template>\n            \n            <!-- Overflow indicator -->\n            <div v-if=\"overflowCount(day) > 0\" class=\"sl-mt-1 sl-px-3\">\n              <button \n                class=\"sl-text-[11px] sl-font-medium sl-text-stachelock-700 dark:sl-text-stachelock-400 hover:sl-text-stachelock-900 dark:hover:sl-text-stachelock-300 sl-underline\"\n                @click=\"handleDayClick(day)\"\n              >\n                +{{ overflowCount(day) }} more\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n      \n      <!-- Mobile view -->\n      <div class=\"sl-isolate sl-grid sl-w-full sl-grid-cols-7 sl-grid-rows-6 sl-gap-px lg:sl-hidden\">\n        <button \n          v-for=\"day in formattedDays\" \n          :key=\"day.date\"\n          type=\"button\"\n        :class=\"[\n            day.isCurrentMonth ? 'sl-bg-white dark:sl-bg-slate-900' : 'sl-bg-gray-50 dark:sl-bg-slate-800',\n          (day.isSelected || day.isToday) && 'sl-font-semibold',\n          day.isSelected && 'sl-text-white',\n            !day.isSelected && day.isToday && 'sl-text-stachelock-600 dark:sl-text-stachelock-400',\n            !day.isSelected && day.isCurrentMonth && !day.isToday && 'sl-text-gray-800 dark:sl-text-slate-200',\n            !day.isSelected && !day.isCurrentMonth && !day.isToday && 'sl-text-gray-500 dark:sl-text-slate-500',\n            'sl-flex sl-min-h-[3.5rem] sl-flex-col sl-items-center sl-py-2 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 focus:sl-z-10 sl-overflow-visible'\n        ]\"\n          @click=\"handleDayClick(day)\"\n          @dblclick=\"handleDayDoubleClick(day)\"\n        >\n          <time \n            :datetime=\"day.date\"\n            :class=\"[\n              day.isSelected && 'sl-flex sl-h-6 sl-w-6 sl-items-center sl-justify-center sl-rounded-full',\n              day.isSelected && day.isToday && 'sl-bg-stachelock-600',\n              day.isSelected && !day.isToday && 'sl-bg-gray-900 dark:sl-bg-slate-200 dark:sl-text-slate-900'\n            ]\"\n          >\n            {{ getDayNumber(day.date) }}\n          </time>\n          <span class=\"sl-sr-only\">{{ day.events?.length || 0 }} events</span>\n          \n          <!-- Multi-day event bars (compact) -->\n          <ol v-if=\"multiDayEventsForDay(day).length > 0\" class=\"sl-mt-auto sl-w-full sl-space-y-0.5 sl-overflow-visible\">\n            <li v-for=\"event in multiDayEventsForDay(day)\" :key=\"event.id\" class=\"sl-overflow-visible\">\n              <button class=\"sl-group sl-w-full sl-overflow-visible\" @click.stop=\"handleEventClick(event.id)\">\n                <div class=\"sl-relative sl-overflow-visible\">\n                  <div :class=\"barClassCompact(day.date, event)\" />\n                  <span \n                    v-if=\"event.ratePlanColor\" \n                    class=\"sl-absolute sl--top-0.5 sl-right-0 sl-inline-block sl-h-1.5 sl-w-1.5 sl-rounded-full sl-ring-1 sl-ring-white sl-z-20\" \n                    :style=\"{ backgroundColor: event.ratePlanColor }\"\n                  />\n                </div>\n              </button>\n            </li>\n          </ol>\n          \n          <!-- Single-day event dots -->\n          <div v-if=\"singleDayEventsForDay(day).length > 0\" class=\"sl-mt-auto sl-flex sl-flex-wrap sl-justify-center sl-gap-0.5 sl-overflow-visible\">\n            <span \n              v-for=\"event in singleDayEventsForDay(day)\" \n              :key=\"event.id\"\n              class=\"sl-h-1.5 sl-w-1.5 sl-rounded-full sl-flex-shrink-0\"\n              :style=\"{ backgroundColor: event.ratePlanColor || '#9ca3af' }\"\n            />\n          </div>\n      </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CalendarDay, ListEvent } from '@/utils/calendar';\nimport { formatTime } from '@/utils/calendar';\nimport { useEventSegments, calculateEventLanes } from '@/composables/useEventSegments';\n\ninterface Props {\n  /** Array of calendar days to display */\n  days: CalendarDay[];\n  /** Array of events (optional, can also be attached to days) */\n  events?: ListEvent[];\n  /** Week starts on: 0 = Sunday, 1 = Monday */\n  weekStartsOn?: 0 | 1;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  events: () => [],\n  weekStartsOn: 0,\n});\n\nconst emit = defineEmits<{\n  (e: 'selectDay', day: CalendarDay): void;\n  (e: 'select:event', eventId: string | number): void;\n  (e: 'doubleSelectDay', day: CalendarDay): void;\n}>();\n\n// Day headers based on week start\nconst dayHeaders = computed(() => {\n  const sundayFirst = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\n  const mondayFirst = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n  return props.weekStartsOn === 1 ? mondayFirst : sundayFirst;\n});\n\n// Get event segments composable\nconst { getSegment, barClass, barClassCompact } = useEventSegments();\n\n// Maximum visible events per cell before showing \"+X more\"\nconst MAX_VISIBLE_BARS = 3;\n\n// Collect all events across all days (de-duped)\nconst allEvents = computed(() => {\n  const events: ListEvent[] = [];\n  const seen = new Set<string | number>();\n  \n  // Combine prop events with day-attached events\n  const allSourceEvents = [...(props.events || [])];\n  props.days.forEach((day) => {\n    day.events?.forEach((event) => {\n      allSourceEvents.push(event);\n    });\n  });\n  \n  allSourceEvents.forEach((event) => {\n    const eventId = event.id || String(event.name);\n    if (!seen.has(eventId)) {\n      events.push(event);\n      seen.add(eventId);\n    }\n  });\n  \n  return events;\n});\n\n// Day keys for lane calculation\nconst dayKeys = computed(() => props.days.map((d) => d.date));\n\n// Calculate event lanes\nconst eventLanes = computed(() => calculateEventLanes(dayKeys.value, allEvents.value));\n\n// Maximum number of lanes needed\nconst maxLanes = computed(() => {\n  if (eventLanes.value.size === 0) return 0;\n  const lanesArray = Array.from(eventLanes.value.values());\n  return Math.max(...lanesArray) + 1;\n});\n\n// Format days with additional computed properties\nconst formattedDays = computed(() =>\n  props.days.map(day => ({\n    ...day,\n    id: day.id || day.date,\n  }))\n);\n\n// Get day number from date string\nconst getDayNumber = (dateStr: string): string => {\n  return (dateStr.split('-').pop() || '').replace(/^0/, '');\n};\n\n// Get events for a specific day\nconst getEventsForDay = (day: CalendarDay): ListEvent[] => {\n  // First check if events are attached to the day\n  if (day.events && day.events.length > 0) {\n    return day.events;\n  }\n  \n  // Otherwise, filter from props.events\n  return allEvents.value.filter(event => {\n    const segment = getSegment(day.date, event);\n    return segment !== 'none';\n  });\n};\n\n// Get events for a specific day and lane\nconst eventsForDayAndLane = (dayKey: string, lane: number): ListEvent[] => {\n  const day = props.days.find((d) => d.date === dayKey);\n  if (!day) return [];\n  \n  const dayEvents = getEventsForDay(day);\n  \n  const eventsAtLane = dayEvents.filter((event) => {\n    const eventId = event.id || String(event.name);\n    const eventLane = eventLanes.value.get(eventId);\n    return eventLane === lane;\n  });\n\n  // Limit visible events per day\n  const totalVisibleInDay = Math.min(MAX_VISIBLE_BARS, dayEvents.length);\n  if (lane < totalVisibleInDay) return eventsAtLane;\n  return [];\n};\n\n// Calculate overflow count for a day\nconst overflowCount = (day: CalendarDay): number => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.length > MAX_VISIBLE_BARS ? dayEvents.length - MAX_VISIBLE_BARS : 0;\n};\n\n// Should show label for this segment\nconst showLabel = (dayKey: string, event: ListEvent): boolean => {\n  const seg = getSegment(dayKey, event);\n  return seg === 'start' || seg === 'end' || seg === 'single';\n};\n\n// Label content for event\nconst labelFor = (dayKey: string, event: ListEvent): string => {\n  const seg = getSegment(dayKey, event);\n  const startIso = event.startTime?.dateTime || event.datetime;\n  const endIso = event.endTime?.dateTime || event.datetime;\n  \n  if (seg === 'start' && startIso) return `Start ${formatTime(startIso)}`;\n  if (seg === 'end' && endIso) return `End ${formatTime(endIso)}`;\n  return String(event.name || '');\n};\n\n// Get multi-day events for mobile view\nconst multiDayEventsForDay = (day: CalendarDay): ListEvent[] => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.filter((event) => {\n    const seg = getSegment(day.date, event);\n    return seg === 'start' || seg === 'middle' || seg === 'end';\n  });\n};\n\n// Get single-day events for mobile view\nconst singleDayEventsForDay = (day: CalendarDay): ListEvent[] => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.filter((event) => getSegment(day.date, event) === 'single');\n};\n\n// Event handlers\nconst handleDayClick = (day: CalendarDay) => {\n  emit('selectDay', day);\n};\n\nconst handleDayDoubleClick = (day: CalendarDay) => {\n  emit('doubleSelectDay', day);\n};\n\nconst handleEventClick = (eventId: string | number) => {\n  emit('select:event', eventId);\n};\n</script>\n\n<style>\n/* Multi-day event bar extensions to bridge grid gaps */\n.event-bar-start {\n  width: calc(100% + 1px) !important;\n}\n.event-bar-middle {\n  width: calc(100% + 2px) !important;\n  margin-left: -1px !important;\n}\n.event-bar-end {\n  width: calc(100% + 1px) !important;\n  margin-left: -1px !important;\n}\n</style>\n"],"names":["MAX_VISIBLE_BARS","props","__props","emit","__emit","dayHeaders","computed","sundayFirst","mondayFirst","getSegment","barClass","barClassCompact","useEventSegments","allEvents","events","seen","allSourceEvents","day","event","eventId","dayKeys","d","eventLanes","calculateEventLanes","maxLanes","lanesArray","formattedDays","getDayNumber","dateStr","getEventsForDay","eventsForDayAndLane","dayKey","lane","dayEvents","eventsAtLane","totalVisibleInDay","overflowCount","showLabel","seg","labelFor","startIso","endIso","formatTime","multiDayEventsForDay","singleDayEventsForDay","handleDayClick","handleDayDoubleClick","handleEventClick","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_Fragment","_renderList","dayName","_hoisted_3","_hoisted_4","_normalizeClass","_hoisted_5","_hoisted_6","_hoisted_7","_","i","$event","_hoisted_9","_unref","_hoisted_10","_toDisplayString","_normalizeStyle","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_15","_hoisted_16","_hoisted_17","_withModifiers","_hoisted_19","_hoisted_20"],"mappings":"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"}
+{"version":3,"file":"MonthCalendar.vue_vue_type_style_index_0_lang-Cyzq7A9j.js","sources":["../src/components/calendars/MonthCalendar.vue"],"sourcesContent":["<!--\n  @component MonthCalendar\n  @description Full month calendar grid with multi-day event support.\n  \n  Features:\n  - 6-week calendar grid with day headers\n  - Multi-day event bars that span across days\n  - Event lane calculation for non-overlapping display\n  - \"+X more\" overflow indicators with click-to-expand\n  - Responsive mobile view with compact event dots\n  - Rate plan color indicators\n  - Day selection and double-click navigation\n  \n  @example\n  <MonthCalendar\n    :days=\"calendarDays\"\n    :events=\"events\"\n    @selectDay=\"handleDaySelect\"\n    @select:event=\"handleEventSelect\"\n    @doubleSelectDay=\"handleDoubleSelectDay\"\n  />\n-->\n<template>\n  <div class=\"sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 lg:sl-flex lg:sl-flex-auto lg:sl-flex-col\">\n    <!-- Day headers -->\n    <div class=\"sl-grid sl-grid-cols-7 sl-gap-px sl-border-b sl-border-gray-300 dark:sl-border-slate-600 sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-center sl-text-xs sl-font-semibold sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-none\">\n      <div v-for=\"dayName in dayHeaders\" :key=\"dayName\" class=\"sl-bg-white dark:sl-bg-slate-900 sl-py-2\">\n        {{ dayName }}\n      </div>\n    </div>\n    \n    <!-- Calendar grid -->\n    <div class=\"sl-flex sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-xs sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-auto\">\n      <!-- Desktop view -->\n      <div class=\"sl-hidden sl-w-full lg:sl-grid lg:sl-grid-cols-7 lg:sl-grid-rows-6 lg:sl-gap-px\">\n        <div \n          v-for=\"day in formattedDays\" \n          :key=\"day.date\"\n          :class=\"[\n            day.isCurrentMonth ? 'sl-bg-white dark:sl-bg-slate-900' : 'sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-slate-400',\n            'sl-relative sl-py-2 sl-min-w-0'\n          ]\"\n        >\n          <div class=\"sl-px-3\">\n            <time \n              :datetime=\"day.date\"\n              :class=\"[\n                day.isToday \n                  ? 'sl-flex sl-h-6 sl-w-6 sl-items-center sl-justify-center sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white' \n                  : ''\n              ]\"\n            >\n              {{ getDayNumber(day.date) }}\n            </time>\n          </div>\n          \n          <!-- Event bars with lanes -->\n          <div class=\"sl-mt-2 sl-space-y-1 sl-min-h-0\">\n            <template v-for=\"lane in Array.from({ length: maxLanes }, (_, i) => i)\" :key=\"`lane-${lane}`\">\n              <button \n                v-for=\"event in eventsForDayAndLane(day.date, lane)\" \n                :key=\"event.id\"\n                class=\"sl-group sl-w-full sl-block\"\n                @click=\"handleEventClick(event.id)\"\n              >\n                <div class=\"sl-relative\">\n                  <div :class=\"barClass(day.date, event)\">\n                    <span v-if=\"showLabel(day.date, event)\" class=\"sl-truncate sl-block\">\n                      {{ labelFor(day.date, event) || event.name }}\n                    </span>\n                  </div>\n                  <span \n                    v-if=\"event.ratePlanColor\"\n                    class=\"sl-absolute sl--top-1 sl--right-1 sl-inline-block sl-h-2.5 sl-w-2.5 sl-rounded-full sl-ring-1 sl-ring-white\"\n                    :style=\"{ backgroundColor: event.ratePlanColor }\"\n                  />\n                </div>\n              </button>\n            </template>\n            \n            <!-- Overflow indicator -->\n            <div v-if=\"overflowCount(day) > 0\" class=\"sl-mt-1 sl-px-3\">\n              <button \n                class=\"sl-text-[11px] sl-font-medium sl-text-stachelock-700 dark:sl-text-stachelock-400 hover:sl-text-stachelock-900 dark:hover:sl-text-stachelock-300 sl-underline\"\n                @click=\"handleDayClick(day)\"\n              >\n                +{{ overflowCount(day) }} more\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n      \n      <!-- Mobile view -->\n      <div class=\"sl-isolate sl-grid sl-w-full sl-grid-cols-7 sl-grid-rows-6 sl-gap-px lg:sl-hidden\">\n        <button \n          v-for=\"day in formattedDays\" \n          :key=\"day.date\"\n          type=\"button\"\n        :class=\"[\n            day.isCurrentMonth ? 'sl-bg-white dark:sl-bg-slate-900' : 'sl-bg-gray-50 dark:sl-bg-slate-800',\n          (day.isSelected || day.isToday) && 'sl-font-semibold',\n          day.isSelected && 'sl-text-white',\n            !day.isSelected && day.isToday && 'sl-text-stachelock-600 dark:sl-text-stachelock-400',\n            !day.isSelected && day.isCurrentMonth && !day.isToday && 'sl-text-gray-800 dark:sl-text-slate-200',\n            !day.isSelected && !day.isCurrentMonth && !day.isToday && 'sl-text-gray-500 dark:sl-text-slate-500',\n            'sl-flex sl-min-h-[3.5rem] sl-flex-col sl-items-center sl-py-2 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 focus:sl-z-10 sl-overflow-visible'\n        ]\"\n          @click=\"handleDayClick(day)\"\n          @dblclick=\"handleDayDoubleClick(day)\"\n        >\n          <time \n            :datetime=\"day.date\"\n            :class=\"[\n              day.isSelected && 'sl-flex sl-h-6 sl-w-6 sl-items-center sl-justify-center sl-rounded-full',\n              day.isSelected && day.isToday && 'sl-bg-stachelock-600',\n              day.isSelected && !day.isToday && 'sl-bg-gray-900 dark:sl-bg-slate-200 dark:sl-text-slate-900'\n            ]\"\n          >\n            {{ getDayNumber(day.date) }}\n          </time>\n          <span class=\"sl-sr-only\">{{ day.events?.length || 0 }} events</span>\n          \n          <!-- Multi-day event bars (compact) -->\n          <ol v-if=\"multiDayEventsForDay(day).length > 0\" class=\"sl-mt-auto sl-w-full sl-space-y-0.5 sl-overflow-visible\">\n            <li v-for=\"event in multiDayEventsForDay(day)\" :key=\"event.id\" class=\"sl-overflow-visible\">\n              <button class=\"sl-group sl-w-full sl-overflow-visible\" @click.stop=\"handleEventClick(event.id)\">\n                <div class=\"sl-relative sl-overflow-visible\">\n                  <div :class=\"barClassCompact(day.date, event)\" />\n                  <span \n                    v-if=\"event.ratePlanColor\" \n                    class=\"sl-absolute sl--top-0.5 sl-right-0 sl-inline-block sl-h-1.5 sl-w-1.5 sl-rounded-full sl-ring-1 sl-ring-white sl-z-20\" \n                    :style=\"{ backgroundColor: event.ratePlanColor }\"\n                  />\n                </div>\n              </button>\n            </li>\n          </ol>\n          \n          <!-- Single-day event dots -->\n          <div v-if=\"singleDayEventsForDay(day).length > 0\" class=\"sl-mt-auto sl-flex sl-flex-wrap sl-justify-center sl-gap-0.5 sl-overflow-visible\">\n            <span \n              v-for=\"event in singleDayEventsForDay(day)\" \n              :key=\"event.id\"\n              class=\"sl-h-1.5 sl-w-1.5 sl-rounded-full sl-flex-shrink-0\"\n              :style=\"{ backgroundColor: event.ratePlanColor || '#9ca3af' }\"\n            />\n          </div>\n      </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CalendarDay, ListEvent } from '@/utils/calendar';\nimport { formatTime } from '@/utils/calendar';\nimport { useEventSegments, calculateEventLanes } from '@/composables/useEventSegments';\n\ninterface Props {\n  /** Array of calendar days to display */\n  days: CalendarDay[];\n  /** Array of events (optional, can also be attached to days) */\n  events?: ListEvent[];\n  /** Week starts on: 0 = Sunday, 1 = Monday */\n  weekStartsOn?: 0 | 1;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  events: () => [],\n  weekStartsOn: 0,\n});\n\nconst emit = defineEmits<{\n  (e: 'selectDay', day: CalendarDay): void;\n  (e: 'select:event', eventId: string | number): void;\n  (e: 'doubleSelectDay', day: CalendarDay): void;\n}>();\n\n// Day headers based on week start\nconst dayHeaders = computed(() => {\n  const sundayFirst = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\n  const mondayFirst = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n  return props.weekStartsOn === 1 ? mondayFirst : sundayFirst;\n});\n\n// Get event segments composable\nconst { getSegment, barClass, barClassCompact } = useEventSegments();\n\n// Maximum visible events per cell before showing \"+X more\"\nconst MAX_VISIBLE_BARS = 3;\n\n// Collect all events across all days (de-duped)\nconst allEvents = computed(() => {\n  const events: ListEvent[] = [];\n  const seen = new Set<string | number>();\n  \n  // Combine prop events with day-attached events\n  const allSourceEvents = [...(props.events || [])];\n  props.days.forEach((day) => {\n    day.events?.forEach((event) => {\n      allSourceEvents.push(event);\n    });\n  });\n  \n  allSourceEvents.forEach((event) => {\n    const eventId = event.id || String(event.name);\n    if (!seen.has(eventId)) {\n      events.push(event);\n      seen.add(eventId);\n    }\n  });\n  \n  return events;\n});\n\n// Day keys for lane calculation\nconst dayKeys = computed(() => props.days.map((d) => d.date));\n\n// Calculate event lanes\nconst eventLanes = computed(() => calculateEventLanes(dayKeys.value, allEvents.value));\n\n// Maximum number of lanes needed\nconst maxLanes = computed(() => {\n  if (eventLanes.value.size === 0) return 0;\n  const lanesArray = Array.from(eventLanes.value.values());\n  return Math.max(...lanesArray) + 1;\n});\n\n// Format days with additional computed properties\nconst formattedDays = computed(() =>\n  props.days.map(day => ({\n    ...day,\n    id: day.id || day.date,\n  }))\n);\n\n// Get day number from date string\nconst getDayNumber = (dateStr: string): string => {\n  return (dateStr.split('-').pop() || '').replace(/^0/, '');\n};\n\n// Get events for a specific day\nconst getEventsForDay = (day: CalendarDay): ListEvent[] => {\n  // First check if events are attached to the day\n  if (day.events && day.events.length > 0) {\n    return day.events;\n  }\n  \n  // Otherwise, filter from props.events\n  return allEvents.value.filter(event => {\n    const segment = getSegment(day.date, event);\n    return segment !== 'none';\n  });\n};\n\n// Get events for a specific day and lane\nconst eventsForDayAndLane = (dayKey: string, lane: number): ListEvent[] => {\n  const day = props.days.find((d) => d.date === dayKey);\n  if (!day) return [];\n  \n  const dayEvents = getEventsForDay(day);\n  \n  const eventsAtLane = dayEvents.filter((event) => {\n    const eventId = event.id || String(event.name);\n    const eventLane = eventLanes.value.get(eventId);\n    return eventLane === lane;\n  });\n\n  // Limit visible events per day\n  const totalVisibleInDay = Math.min(MAX_VISIBLE_BARS, dayEvents.length);\n  if (lane < totalVisibleInDay) return eventsAtLane;\n  return [];\n};\n\n// Calculate overflow count for a day\nconst overflowCount = (day: CalendarDay): number => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.length > MAX_VISIBLE_BARS ? dayEvents.length - MAX_VISIBLE_BARS : 0;\n};\n\n// Should show label for this segment\nconst showLabel = (dayKey: string, event: ListEvent): boolean => {\n  const seg = getSegment(dayKey, event);\n  return seg === 'start' || seg === 'end' || seg === 'single';\n};\n\n// Label content for event\nconst labelFor = (dayKey: string, event: ListEvent): string => {\n  const seg = getSegment(dayKey, event);\n  const startIso = event.startTime?.dateTime || event.datetime;\n  const endIso = event.endTime?.dateTime || event.datetime;\n  \n  if (seg === 'start' && startIso) return `Start ${formatTime(startIso)}`;\n  if (seg === 'end' && endIso) return `End ${formatTime(endIso)}`;\n  return String(event.name || '');\n};\n\n// Get multi-day events for mobile view\nconst multiDayEventsForDay = (day: CalendarDay): ListEvent[] => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.filter((event) => {\n    const seg = getSegment(day.date, event);\n    return seg === 'start' || seg === 'middle' || seg === 'end';\n  });\n};\n\n// Get single-day events for mobile view\nconst singleDayEventsForDay = (day: CalendarDay): ListEvent[] => {\n  const dayEvents = getEventsForDay(day);\n  return dayEvents.filter((event) => getSegment(day.date, event) === 'single');\n};\n\n// Event handlers\nconst handleDayClick = (day: CalendarDay) => {\n  emit('selectDay', day);\n};\n\nconst handleDayDoubleClick = (day: CalendarDay) => {\n  emit('doubleSelectDay', day);\n};\n\nconst handleEventClick = (eventId: string | number) => {\n  emit('select:event', eventId);\n};\n</script>\n\n<style>\n/* Multi-day event bar extensions to bridge grid gaps */\n.event-bar-start {\n  width: calc(100% + 1px) !important;\n}\n.event-bar-middle {\n  width: calc(100% + 2px) !important;\n  margin-left: -1px !important;\n}\n.event-bar-end {\n  width: calc(100% + 1px) !important;\n  margin-left: -1px !important;\n}\n</style>\n"],"names":["MAX_VISIBLE_BARS","props","__props","emit","__emit","dayHeaders","computed","sundayFirst","mondayFirst","getSegment","barClass","barClassCompact","useEventSegments","allEvents","events","seen","allSourceEvents","day","event","eventId","dayKeys","d","eventLanes","calculateEventLanes","maxLanes","lanesArray","formattedDays","getDayNumber","dateStr","getEventsForDay","eventsForDayAndLane","dayKey","lane","dayEvents","eventsAtLane","totalVisibleInDay","overflowCount","showLabel","seg","labelFor","startIso","endIso","formatTime","multiDayEventsForDay","singleDayEventsForDay","handleDayClick","handleDayDoubleClick","handleEventClick","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_Fragment","_renderList","dayName","_hoisted_3","_hoisted_4","_normalizeClass","_hoisted_5","_hoisted_6","_hoisted_7","_","i","$event","_hoisted_9","_unref","_hoisted_10","_toDisplayString","_normalizeStyle","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_15","_hoisted_16","_hoisted_17","_withModifiers","_hoisted_19","_hoisted_20"],"mappings":"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"}

package/dist/NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js

@@ -0,0 +1,30 @@
+import { defineComponent as o, createElementBlock as t, openBlock as l, createCommentVNode as n, createElementVNode as c, normalizeClass as a, toDisplayString as r, renderSlot as i } from "vue";
+const p = { class: "sl-space-y-1" }, d = {
+  role: "list",
+  class: "sl-space-y-1"
+}, u = /* @__PURE__ */ o({
+  __name: "NavigationGroup",
+  props: {
+    title: {},
+    iconOnly: { type: Boolean }
+  },
+  setup(e) {
+    return (s, m) => (l(), t("div", p, [
+      e.title ? (l(), t("h3", {
+        key: 0,
+        class: a([
+          "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)" }
+      }, r(e.title), 3)) : n("", !0),
+      c("ul", d, [
+        i(s.$slots, "default")
+      ])
+    ]));
+  }
+});
+export {
+  u as _
+};
+//# sourceMappingURL=NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.js.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"NavigationGroup.vue_vue_type_script_setup_true_lang-BWq5fpEm.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","__props","_normalizeClass","_createElementVNode","_hoisted_2","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;sBACEA,EAAA,GAAAC,EAgBM,OAhBNC,GAgBM;AAAA,MAdMC,EAAA,cAAVF,EAMK,MAAA;AAAA;QANa,OAAKG,EAAA;AAAA;UAA8FD,EAAA,WAAQ,mBAAA;AAAA,QAAA;QAI7H,OAAA,EAAA,OAAA,0CAAA;AAAA,MAAA,KACKA,EAAA,KAAK,GAAA,CAAA;MAIVE,EAIK,MAJLC,GAIK;AAAA,QAHHC,EAEOC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/{NavigationItem.vue_vue_type_script_setup_true_lang-CEsuYl3S.js → NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js}

@@ -1,8 +1,8 @@
-import { defineComponent as r, createElementBlock as l, openBlock as s, createElementVNode as i, normalizeStyle as n, normalizeClass as a, createBlock as m, createCommentVNode as t, resolveDynamicComponent as d, toDisplayString as o } from "vue";
-const c = ["href"], g = {
+import { defineComponent as c, createElementBlock as t, openBlock as l, createElementVNode as o, normalizeStyle as a, normalizeClass as s, createBlock as m, createCommentVNode as n, resolveDynamicComponent as r, toDisplayString as i } from "vue";
+const d = ["href"], g = {
   key: 0,
   class: "sl-truncate"
-}, b = /* @__PURE__ */ r({
+}, y = /* @__PURE__ */ c({
   __name: "NavigationItem",
   props: {
     name: {},
@@ -13,32 +13,32 @@ const c = ["href"], g = {
     badge: {},
     badgeTheme: {}
   },
-  setup(h) {
-    return (e, p) => (s(), l("li", null, [
-      i("a", {
+  setup(e) {
+    return (h, f) => (l(), t("li", null, [
+      o("a", {
         href: e.href,
-        class: a([
+        class: s([
           "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: n({
+        style: a({
           color: e.isActive ? "#fef2f2" : "#fca5a5",
           backgroundColor: e.isActive ? "#f87171" : "transparent"
         })
       }, [
-        (s(), m(d(e.icon), {
-          class: a([
+        (l(), m(r(e.icon), {
+          class: s([
             "sl-h-6 sl-w-6 sl-shrink-0"
           ]),
-          style: n({
+          style: a({
             color: e.isActive ? "#fef2f2" : "#fca5a5"
           }),
           "aria-hidden": "true"
         }, null, 8, ["style"])),
-        e.iconOnly ? t("", !0) : (s(), l("span", g, o(e.name), 1)),
-        e.badge ? (s(), l("span", {
+        e.iconOnly ? n("", !0) : (l(), t("span", g, i(e.name), 1)),
+        e.badge ? (l(), t("span", {
           key: 1,
-          class: a([
+          class: s([
             "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" : "",
@@ -46,12 +46,12 @@ const c = ["href"], g = {
             e.badgeTheme === "warning" ? "sl-bg-yellow-400 sl-text-white" : "",
             e.badgeTheme === "danger" ? "sl-bg-red-400 sl-text-white" : ""
           ])
-        }, o(e.badge), 3)) : t("", !0)
-      ], 14, c)
+        }, i(e.badge), 3)) : n("", !0)
+      ], 14, d)
     ]));
   }
 });
 export {
-  b as _
+  y as _
 };
-//# sourceMappingURL=NavigationItem.vue_vue_type_script_setup_true_lang-CEsuYl3S.js.map
+//# sourceMappingURL=NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js.map