@stachelock/ui 0.4.0 → 0.5.0

package/dist/NotificationToast.vue_vue_type_script_setup_true_lang-CU__ORw8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationToast.vue_vue_type_script_setup_true_lang-CU__ORw8.js","sources":["../src/components/notifications/NotificationToast.vue"],"sourcesContent":["<!--\n  @component NotificationToast\n  @description Individual notification toast with animations, theming, and dark mode support\n  \n  Displays a single notification with icon, title, message, actions, and close button.\n  Supports multiple themes, variants, positions, and card stacking with smooth transitions.\n  \n  ## Features\n  - Multiple themes with dark mode support\n  - Three variants: default, compact, expanded\n  - Action buttons with dismiss, link, and callback support\n  - Card stacking mode for multiple notifications\n  - Priority-based styling (low, normal, high, urgent)\n  - Smooth enter/leave transitions\n  \n  @props\n  - notification (NotificationState): The notification data object\n  \n  @emits\n  - close: Emitted when the close button is clicked\n  - action: Emitted when an action button is clicked\n  \n  @example\n  <NotificationToast \n    :notification=\"notification\" \n    @close=\"handleClose\"\n    @action=\"handleAction\"\n  />\n-->\n<template>\n  <TransitionRoot \n    appear \n    :show=\"notification.isOpen\" \n    as=\"template\" \n    @after-leave=\"onAfterLeave\"\n  >\n    <TransitionChild \n      as=\"template\" \n      enter=\"sl-duration-300 sl-ease-out sl-transform\"\n      :enter-from=\"enterFromClass\"\n      enter-to=\"sl-translate-y-0 sl-opacity-100 sl-translate-x-0\" \n      leave=\"sl-duration-200 sl-ease-in\"\n      leave-from=\"sl-opacity-100\" \n      leave-to=\"sl-opacity-0\"\n    >\n      <div \n        v-if=\"notification.isOpen\" \n        :class=\"[\n          themeClass,\n          variantClass,\n          priorityClass,\n          cardModeClass,\n          'sl-pointer-events-auto sl-overflow-hidden sl-rounded-lg sl-shadow-lg sl-ring-1 sl-ring-black/5 dark:sl-ring-white/10 sl-transition-all sl-duration-200 sl-relative'\n        ]\"\n        :style=\"toastStyle\"\n        @click=\"handleCardClick\"\n        role=\"alert\"\n        :aria-live=\"notification.priority === 'urgent' ? 'assertive' : 'polite'\"\n      >\n        <div :class=\"paddingClass\">\n          <div class=\"sl-flex sl-items-start\">\n            <!-- Icon -->\n            <component \n              v-if=\"iconComponent\"\n              :is=\"iconComponent\" \n              :class=\"[iconSizeClass, iconColorClass, 'sl-flex-shrink-0']\"\n              aria-hidden=\"true\" \n            />\n            \n            <!-- Content -->\n            <div :class=\"contentMarginClass\">\n              <!-- Title -->\n              <p :class=\"[titleClass, textColorClass]\">\n                {{ notification.title }}\n              </p>\n              \n              <!-- Message -->\n              <p \n                v-if=\"notification.message\" \n                :class=\"[messageClass, textColorClass, 'sl-opacity-90']\"\n              >\n                {{ notification.message }}\n              </p>\n              \n              <!-- Actions -->\n              <div \n                v-if=\"notification.actions && notification.actions.length > 0\"\n                class=\"sl-mt-3 sl-flex sl-gap-2\"\n              >\n                <button\n                  v-for=\"(action, idx) in notification.actions\"\n                  :key=\"idx\"\n                  type=\"button\"\n                  :class=\"getActionButtonClass(action)\"\n                  @click.stop=\"handleAction(action)\"\n                >\n                  {{ action.label }}\n                </button>\n              </div>\n            </div>\n            \n            <!-- Close Button -->\n            <button \n              v-if=\"notification.dismissible !== false\"\n              type=\"button\" \n              @click.stop=\"handleClose\"\n              :class=\"[closeButtonClass, focusRingClass]\"\n            >\n              <span class=\"sl-sr-only\">Close</span>\n              <XMarkIcon class=\"sl-h-5 sl-w-5\" aria-hidden=\"true\" />\n            </button>\n          </div>\n        </div>\n        \n        <!-- Priority indicator for urgent/high -->\n        <div \n          v-if=\"notification.priority === 'urgent' || notification.priority === 'high'\"\n          :class=\"priorityIndicatorClass\"\n        />\n      </div>\n    </TransitionChild>\n  </TransitionRoot>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * NotificationToast - Individual notification display\n * \n * Renders a single notification with theming, icons, actions, and animations.\n * Used internally by NotificationContainer but can be used standalone.\n */\nimport { computed, type Component } from 'vue';\nimport { \n  CheckCircleIcon, \n  ExclamationTriangleIcon, \n  ExclamationCircleIcon, \n  InformationCircleIcon \n} from '@heroicons/vue/24/outline';\nimport { XMarkIcon } from '@heroicons/vue/20/solid';\nimport { TransitionRoot, TransitionChild } from '@headlessui/vue';\nimport type { NotificationState, NotificationAction } from '../../composables/useNotifications';\n\nconst props = defineProps<{ \n  notification: NotificationState \n}>();\n\nconst emit = defineEmits<{\n  close: [notification: NotificationState];\n  action: [notification: NotificationState, action: NotificationAction];\n}>();\n\nconst handleClose = () => {\n  emit('close', props.notification);\n};\n\nconst handleAction = (action: NotificationAction) => {\n  emit('action', props.notification, action);\n};\n\nconst handleCardClick = () => {\n  // Clicking on a card in card mode brings it to front\n  if (props.notification.isCardMode && props.notification.cardStackIndex !== 0) {\n    emit('action', props.notification, { label: 'bringToFront', action: 'callback' });\n  }\n};\n\nconst onAfterLeave = () => {\n  // Animation cleanup callback\n};\n\n// Theme classes with dark mode support\nconst themeClass = computed(() => {\n  const themes: Record<string, string> = {\n    primary: 'sl-bg-primary-600 dark:sl-bg-primary-700 sl-text-white',\n    secondary: 'sl-bg-gray-600 dark:sl-bg-gray-700 sl-text-white',\n    dark: 'sl-bg-gray-800 dark:sl-bg-gray-900 sl-text-white',\n    light: 'sl-bg-white dark:sl-bg-gray-800 sl-text-gray-800 dark:sl-text-gray-100 sl-border sl-border-gray-200 dark:sl-border-gray-700',\n    warning: 'sl-bg-amber-500 dark:sl-bg-amber-600 sl-text-white',\n    danger: 'sl-bg-red-500 dark:sl-bg-red-600 sl-text-white',\n    success: 'sl-bg-emerald-500 dark:sl-bg-emerald-600 sl-text-white',\n    info: 'sl-bg-blue-500 dark:sl-bg-blue-600 sl-text-white',\n    ghost: 'sl-bg-white dark:sl-bg-gray-800 sl-text-gray-800 dark:sl-text-gray-100 sl-border sl-border-gray-200 dark:sl-border-gray-700',\n  };\n  return themes[props.notification.theme] || themes.primary;\n});\n\n// Variant classes - width is controlled by container, just set max-width for variants\nconst variantClass = computed(() => {\n  const variants: Record<string, string> = {\n    default: '',\n    compact: '',\n    expanded: '',\n  };\n  return variants[props.notification.variant] || variants.default;\n});\n\n// Priority classes\nconst priorityClass = computed(() => {\n  if (props.notification.priority === 'urgent') {\n    return 'sl-animate-pulse';\n  }\n  return '';\n});\n\n// Priority indicator\nconst priorityIndicatorClass = computed(() => {\n  const base = 'sl-absolute sl-top-0 sl-left-0 sl-right-0 sl-h-1';\n  if (props.notification.priority === 'urgent') {\n    return `${base} sl-bg-red-400 dark:sl-bg-red-500`;\n  }\n  if (props.notification.priority === 'high') {\n    return `${base} sl-bg-amber-400 dark:sl-bg-amber-500`;\n  }\n  return '';\n});\n\n// Card mode classes\nconst cardModeClass = computed(() => {\n  if (props.notification.isCardMode) {\n    return 'sl-cursor-pointer hover:sl-scale-[1.02] sl-transition-transform';\n  }\n  return '';\n});\n\n// Toast style for card stacking and custom widths\nconst toastStyle = computed(() => {\n  const styles: Record<string, string | number> = {};\n  \n  if (props.notification.maxWidth) {\n    styles.maxWidth = `${props.notification.maxWidth}px`;\n  }\n  \n  if (props.notification.isCardMode) {\n    styles.transform = `translate(${props.notification.cardOffsetX || 0}px, ${props.notification.cardOffsetY || 0}px)`;\n    styles.zIndex = props.notification.zIndex || 1;\n  }\n  \n  return styles;\n});\n\n// Text color based on theme\nconst textColorClass = computed(() => {\n  const theme = props.notification.theme;\n  return ['light', 'ghost'].includes(theme) ? 'sl-text-gray-800 dark:sl-text-gray-100' : 'sl-text-white';\n});\n\n// Icon color\nconst iconColorClass = computed(() => {\n  const theme = props.notification.theme;\n  return ['light', 'ghost'].includes(theme) ? 'sl-text-gray-500 dark:sl-text-gray-400' : 'sl-text-white/90';\n});\n\n// Focus ring class\nconst focusRingClass = computed(() => {\n  const rings: Record<string, string> = {\n    primary: 'focus:sl-ring-primary-400 dark:focus:sl-ring-primary-500',\n    secondary: 'focus:sl-ring-gray-400 dark:focus:sl-ring-gray-500',\n    dark: 'focus:sl-ring-gray-400 dark:focus:sl-ring-gray-500',\n    light: 'focus:sl-ring-gray-300 dark:focus:sl-ring-gray-600',\n    warning: 'focus:sl-ring-amber-300 dark:focus:sl-ring-amber-500',\n    danger: 'focus:sl-ring-red-300 dark:focus:sl-ring-red-500',\n    success: 'focus:sl-ring-emerald-300 dark:focus:sl-ring-emerald-500',\n    info: 'focus:sl-ring-blue-300 dark:focus:sl-ring-blue-500',\n    ghost: 'focus:sl-ring-gray-300 dark:focus:sl-ring-gray-600',\n  };\n  return rings[props.notification.theme] || rings.primary;\n});\n\n// Close button class\nconst closeButtonClass = computed(() => {\n  const theme = props.notification.theme;\n  const baseClass = 'sl-ml-4 sl-inline-flex sl-rounded-md sl-opacity-70 hover:sl-opacity-100 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-2 sl-transition-opacity';\n  const colorClass = ['light', 'ghost'].includes(theme) \n    ? 'sl-text-gray-400 dark:sl-text-gray-500 hover:sl-text-gray-500 dark:hover:sl-text-gray-400' \n    : 'sl-text-white/70 hover:sl-text-white';\n  return `${baseClass} ${colorClass}`;\n});\n\n// Icon component based on theme or custom\nconst iconComponent = computed((): Component | undefined => {\n  // Allow custom icon override\n  if (props.notification.icon) {\n    return props.notification.icon;\n  }\n  \n  const theme = props.notification.theme;\n  const icons: Record<string, Component> = {\n    primary: InformationCircleIcon,\n    secondary: InformationCircleIcon,\n    dark: ExclamationCircleIcon,\n    light: InformationCircleIcon,\n    warning: ExclamationTriangleIcon,\n    danger: ExclamationCircleIcon,\n    success: CheckCircleIcon,\n    info: InformationCircleIcon,\n    ghost: InformationCircleIcon,\n  };\n  return icons[theme] || icons.primary;\n});\n\n// Variant-specific sizing\nconst iconSizeClass = computed(() => {\n  const sizes: Record<string, string> = {\n    compact: 'sl-h-5 sl-w-5',\n    default: 'sl-h-6 sl-w-6',\n    expanded: 'sl-h-7 sl-w-7',\n  };\n  return sizes[props.notification.variant] || sizes.default;\n});\n\nconst titleClass = computed(() => {\n  const sizes: Record<string, string> = {\n    compact: 'sl-text-xs sl-font-medium',\n    default: 'sl-text-sm sl-font-medium',\n    expanded: 'sl-text-base sl-font-semibold',\n  };\n  return sizes[props.notification.variant] || sizes.default;\n});\n\nconst messageClass = computed(() => {\n  const sizes: Record<string, string> = {\n    compact: 'sl-mt-0.5 sl-text-xs',\n    default: 'sl-mt-1 sl-text-sm',\n    expanded: 'sl-mt-2 sl-text-sm',\n  };\n  return sizes[props.notification.variant] || sizes.default;\n});\n\nconst paddingClass = computed(() => {\n  const sizes: Record<string, string> = {\n    compact: 'sl-p-3',\n    default: 'sl-p-4',\n    expanded: 'sl-p-5',\n  };\n  return sizes[props.notification.variant] || sizes.default;\n});\n\nconst contentMarginClass = computed(() => {\n  const sizes: Record<string, string> = {\n    compact: 'sl-ml-2 sl-w-0 sl-flex-1',\n    default: 'sl-ml-3 sl-w-0 sl-flex-1 sl-pt-0.5',\n    expanded: 'sl-ml-4 sl-w-0 sl-flex-1 sl-pt-0.5',\n  };\n  return sizes[props.notification.variant] || sizes.default;\n});\n\n// Action button styling\nconst getActionButtonClass = (action: NotificationAction): string => {\n  const base = 'sl-rounded sl-px-2 sl-py-1 sl-text-xs sl-font-medium sl-transition-colors focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-1';\n  const theme = props.notification.theme;\n  const isLightTheme = ['light', 'ghost'].includes(theme);\n  \n  const themes: Record<string, { light: string; dark: string }> = {\n    primary: {\n      light: 'sl-bg-primary-100 sl-text-primary-700 hover:sl-bg-primary-200 dark:sl-bg-primary-800 dark:sl-text-primary-200 dark:hover:sl-bg-primary-700',\n      dark: 'sl-bg-white/20 sl-text-white hover:sl-bg-white/30'\n    },\n    secondary: {\n      light: 'sl-bg-gray-100 sl-text-gray-700 hover:sl-bg-gray-200 dark:sl-bg-gray-700 dark:sl-text-gray-200 dark:hover:sl-bg-gray-600',\n      dark: 'sl-bg-white/20 sl-text-white hover:sl-bg-white/30'\n    },\n    danger: {\n      light: 'sl-bg-red-100 sl-text-red-700 hover:sl-bg-red-200 dark:sl-bg-red-900 dark:sl-text-red-200 dark:hover:sl-bg-red-800',\n      dark: 'sl-bg-white/20 sl-text-white hover:sl-bg-white/30'\n    }\n  };\n  \n  const actionTheme = action.theme || 'secondary';\n  const themeStyle = themes[actionTheme] || themes.secondary;\n  \n  return `${base} ${isLightTheme ? themeStyle.light : themeStyle.dark}`;\n};\n\n// Entry animation direction based on position\nconst enterFromClass = computed(() => {\n  const position = props.notification.position;\n  const classes: Record<string, string> = {\n    tr: 'sl-translate-x-full sl-opacity-0',\n    tl: '-sl-translate-x-full sl-opacity-0',\n    br: 'sl-translate-x-full sl-opacity-0',\n    bl: '-sl-translate-x-full sl-opacity-0',\n    tc: '-sl-translate-y-full sl-opacity-0',\n    bc: 'sl-translate-y-full sl-opacity-0',\n  };\n  return classes[position] || classes.br;\n});\n</script>\n"],"names":["props","__props","emit","__emit","handleClose","handleAction","action","handleCardClick","onAfterLeave","themeClass","computed","themes","variantClass","variants","priorityClass","priorityIndicatorClass","base","cardModeClass","toastStyle","styles","textColorClass","theme","iconColorClass","focusRingClass","rings","closeButtonClass","baseClass","colorClass","iconComponent","icons","InformationCircleIcon","ExclamationCircleIcon","ExclamationTriangleIcon","CheckCircleIcon","iconSizeClass","sizes","titleClass","messageClass","paddingClass","contentMarginClass","getActionButtonClass","isLightTheme","actionTheme","themeStyle","enterFromClass","position","classes","_createBlock","_unref","TransitionRoot","_createVNode","TransitionChild","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_2","_openBlock","_resolveDynamicComponent","_toDisplayString","_hoisted_3","_Fragment","idx","_withModifiers","$event","_hoisted_4","_cache","XMarkIcon"],"mappings":"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"}

package/dist/calendars/CalendarDashboard.js

@@ -1,5 +1,5 @@
-import { defineComponent as _, ref as w, computed as r, createElementBlock as y, openBlock as D, createElementVNode as d, createVNode as s, withCtx as b, createTextVNode as x } from "vue";
-import { _ as C } from "../CalendarHeader.vue_vue_type_script_setup_true_lang-P5ypRyGV.js";
+import { defineComponent as _, ref as w, computed as d, createElementBlock as y, openBlock as D, createElementVNode as r, createVNode as s, withCtx as b, createTextVNode as x } from "vue";
+import { _ as C } from "../CalendarHeader.vue_vue_type_script_setup_true_lang-CkSUiLOH.js";
 import { _ as S } from "../MonthCalendar.vue_vue_type_style_index_0_lang-Cyzq7A9j.js";
 import { _ as E } from "../EventsList.vue_vue_type_script_setup_true_lang-MhuVi5u8.js";
 import V from "../components/Button.js";
@@ -12,27 +12,26 @@ const k = { class: "lg:sl-grid lg:sl-grid-cols-12 lg:sl-gap-x-8" }, B = { class:
   },
   emits: ["selectDay", "doubleSelectDay", "newEvent", "monthChange", "showAll"],
   setup(l, { emit: i }) {
-    const o = l, t = i, n = w(null), h = r(
+    const o = l, t = i, n = w(null), u = d(
       () => o.events.length !== c.value.length
-    ), c = r(() => n.value ? o.events.filter((e) => new Date(e.datetime).toISOString().split("T")[0] === n.value?.date) : o.events), m = (e) => {
+    ), c = d(() => n.value ? o.events.filter((e) => new Date(e.datetime).toISOString().split("T")[0] === n.value?.date) : o.events), m = (e) => {
       n.value = e, t("selectDay", e);
     }, g = (e) => {
       t("doubleSelectDay", e);
-    }, u = (e) => {
+    }, h = (e) => {
       console.log("View changed to:", e);
-    }, v = (e) => {
-      e === "prev" ? t("monthChange", "prev") : e === "next" && t("monthChange", "next");
+    }, v = () => {
     }, f = () => {
       t("newEvent");
     }, p = () => {
       n.value = null, t("showAll");
     };
     return (e, a) => (D(), y("div", k, [
-      d("div", B, [
+      r("div", B, [
         s(C, {
           view: "month",
           selectedRange: l.days,
-          onChangeView: u,
+          onChangeView: h,
           onChangeRange: v
         }, null, 8, ["selectedRange"]),
         s(S, {
@@ -41,7 +40,7 @@ const k = { class: "lg:sl-grid lg:sl-grid-cols-12 lg:sl-gap-x-8" }, B = { class:
           onSelectDay: m,
           onDoubleSelectDay: g
         }, null, 8, ["days", "events"]),
-        d("div", N, [
+        r("div", N, [
           s(V, {
             "center-label": "",
             type: "button",
@@ -59,12 +58,12 @@ const k = { class: "lg:sl-grid lg:sl-grid-cols-12 lg:sl-gap-x-8" }, B = { class:
       s(E, {
         class: "lg:sl-col-span-7 xl:sl-col-span-8 sl-py-6",
         events: c.value,
-        "show-all-button": h.value,
+        "show-all-button": u.value,
         "onShow:all": p
       }, null, 8, ["events", "show-all-button"])
     ]));
   }
-}), j = /* @__PURE__ */ A(R, [["__scopeId", "data-v-d92b7279"]]);
+}), j = /* @__PURE__ */ A(R, [["__scopeId", "data-v-c9d5dc08"]]);
 export {
   j as default
 };

package/dist/calendars/CalendarDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDashboard.js","sources":["../../src/components/calendars/CalendarDashboard.vue"],"sourcesContent":["<template>\n  <div class=\"lg:sl-grid lg:sl-grid-cols-12 lg:sl-gap-x-8\">\n    <!-- Calendar Column -->\n    <div class=\"sl-mt-10 sl-text-center lg:sl-col-start-8 lg:sl-col-end-13 lg:sl-row-start-1 lg:sl-mt-9 xl:sl-col-start-9 xl:sl-col-end-13 sl-h-auto lg:sl-border-l lg:sl-border-gray-100 lg:sl-pl-8 lg:sl-h-full\">\n      <CalendarHeader :view=\"'month'\" :selectedRange=\"days\" @changeView=\"handleViewChange\" @changeRange=\"handleRangeChange\" />\n      <MonthCalendar \n        :days=\"days\" \n        :events=\"events\"\n        @selectDay=\"handleDaySelect\"\n        @doubleSelectDay=\"handleDoubleSelectDay\" />\n      <div class=\"sl-mt-4\">\n        <UiButton center-label type=\"button\" @click=\"handleNewEventClick\" size=\"sm\" expanded>\n          Add event\n        </UiButton>\n      </div>\n    </div>\n\n    <!-- Events List Column -->\n    <EventsList \n      class=\"lg:sl-col-span-7 xl:sl-col-span-8 sl-py-6\" \n      :events=\"filteredEvents\"\n      :show-all-button=\"showAllButton\" \n      @show:all=\"handleShowAll\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport type { CalendarDay, ListEvent } from '@/utils/calendar';\nimport CalendarHeader from './CalendarHeader.vue';\nimport MonthCalendar from './MonthCalendar.vue';\nimport EventsList from './EventsList.vue';\nimport UiButton from '@/components/UiButton.vue';\n\nconst props = defineProps<{\n  days: CalendarDay[];\n  events: ListEvent[];\n}>();\n\nconst emit = defineEmits(['selectDay', 'doubleSelectDay', 'newEvent', 'monthChange', 'showAll']);\n\nconst selectedDay = ref<CalendarDay | null>(null);\n\nconst showAllButton = computed(() => \n  props.events.length !== filteredEvents.value.length\n);\n\nconst filteredEvents = computed(() => {\n  if (!selectedDay.value) return props.events;\n  \n  return props.events.filter(event => {\n    const eventDate = new Date(event.datetime).toISOString().split('T')[0];\n    return eventDate === selectedDay.value?.date;\n  });\n});\n\nconst handleDaySelect = (day: CalendarDay) => {\n  selectedDay.value = day;\n  emit('selectDay', day);\n};\n\nconst handleDoubleSelectDay = (day: CalendarDay) => {\n  emit('doubleSelectDay', day);\n};\n\nconst handleViewChange = (view: string) => {\n  // Handle view change if needed\n  console.log('View changed to:', view);\n};\n\nconst handleRangeChange = (direction: string) => {\n  if (direction === 'prev') {\n    emit('monthChange', 'prev');\n  } else if (direction === 'next') {\n    emit('monthChange', 'next');\n  }\n};\n\nconst handleNewEventClick = () => {\n  emit('newEvent');\n};\n\nconst handleShowAll = () => {\n  selectedDay.value = null;\n  emit('showAll');\n};\n</script>\n\n<style scoped>\n@media (max-width: 1024px) {\n  .lg\\:sl-col-start-7 {\n    grid-column-start: 1;\n  }\n\n  .lg\\:sl-col-end-13 {\n    grid-column-end: 13;\n  }\n\n  .lg\\:sl-col-span-6 {\n    grid-column: span 12 / span 12;\n  }\n\n  .xl\\:sl-col-start-8 {\n    grid-column-start: 1;\n  }\n\n  .xl\\:sl-col-end-13 {\n    grid-column-end: 13;\n  }\n\n  .xl\\:sl-col-span-6 {\n    grid-column: span 12 / span 12;\n  }\n}\n</style>\n"],"names":["props","__props","emit","__emit","selectedDay","ref","showAllButton","computed","filteredEvents","event","handleDaySelect","day","handleDoubleSelectDay","handleViewChange","view","handleRangeChange","direction","handleNewEventClick","handleShowAll","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","CalendarHeader","MonthCalendar","_hoisted_3","UiButton","_cache","EventsList"],"mappings":";;;;;;;;;;;;;;AAkCA,UAAMA,IAAQC,GAKRC,IAAOC,GAEPC,IAAcC,EAAwB,IAAI,GAE1CC,IAAgBC;AAAA,MAAS,MAC7BP,EAAM,OAAO,WAAWQ,EAAe,MAAM;AAAA,IAAA,GAGzCA,IAAiBD,EAAS,MACzBH,EAAY,QAEVJ,EAAM,OAAO,OAAO,CAAAS,MACP,IAAI,KAAKA,EAAM,QAAQ,EAAE,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,MAChDL,EAAY,OAAO,IACzC,IAL8BJ,EAAM,MAMtC,GAEKU,IAAkB,CAACC,MAAqB;AAC5C,MAAAP,EAAY,QAAQO,GACpBT,EAAK,aAAaS,CAAG;AAAA,IACvB,GAEMC,IAAwB,CAACD,MAAqB;AAClD,MAAAT,EAAK,mBAAmBS,CAAG;AAAA,IAC7B,GAEME,IAAmB,CAACC,MAAiB;AAEzC,cAAQ,IAAI,oBAAoBA,CAAI;AAAA,IACtC,GAEMC,IAAoB,CAACC,MAAsB;AAC/C,MAAIA,MAAc,SAChBd,EAAK,eAAe,MAAM,IACjBc,MAAc,UACvBd,EAAK,eAAe,MAAM;AAAA,IAE9B,GAEMe,IAAsB,MAAM;AAChC,MAAAf,EAAK,UAAU;AAAA,IACjB,GAEMgB,IAAgB,MAAM;AAC1B,MAAAd,EAAY,QAAQ,MACpBF,EAAK,SAAS;AAAA,IAChB;sBApFEiB,EAAA,GAAAC,EAsBM,OAtBNC,GAsBM;AAAA,MApBJC,EAYM,OAZNC,GAYM;AAAA,QAXJC,EAAwHC,GAAA;AAAA,UAAvG,MAAM;AAAA,UAAU,eAAexB,EAAA;AAAA,UAAO,cAAYY;AAAA,UAAmB,eAAaE;AAAA,QAAA;QACnGS,EAI6CE,GAAA;AAAA,UAH1C,MAAMzB,EAAA;AAAA,UACN,QAAQA,EAAA;AAAA,UACR,aAAWS;AAAA,UACX,mBAAiBE;AAAA,QAAA;QACpBU,EAIM,OAJNK,GAIM;AAAA,UAHJH,EAEWI,GAAA;AAAA,YAFD,gBAAA;AAAA,YAAa,MAAK;AAAA,YAAU,SAAOX;AAAA,YAAqB,MAAK;AAAA,YAAK,UAAA;AAAA,UAAA;uBAAS,MAErF,CAAA,GAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAFqF,eAErF,EAAA;AAAA,YAAA;;;;;MAKJL,EAI8BM,GAAA;AAAA,QAH5B,OAAM;AAAA,QACL,QAAQtB,EAAA;AAAA,QACR,mBAAiBF,EAAA;AAAA,QACjB,cAAUY;AAAA,MAAA;;;;"}
+{"version":3,"file":"CalendarDashboard.js","sources":["../../src/components/calendars/CalendarDashboard.vue"],"sourcesContent":["<template>\n  <div class=\"lg:sl-grid lg:sl-grid-cols-12 lg:sl-gap-x-8\">\n    <!-- Calendar Column -->\n    <div class=\"sl-mt-10 sl-text-center lg:sl-col-start-8 lg:sl-col-end-13 lg:sl-row-start-1 lg:sl-mt-9 xl:sl-col-start-9 xl:sl-col-end-13 sl-h-auto lg:sl-border-l lg:sl-border-gray-100 lg:sl-pl-8 lg:sl-h-full\">\n      <CalendarHeader :view=\"'month'\" :selectedRange=\"days\" @changeView=\"handleViewChange\" @changeRange=\"handleRangeChange\" />\n      <MonthCalendar \n        :days=\"days\" \n        :events=\"events\"\n        @selectDay=\"handleDaySelect\"\n        @doubleSelectDay=\"handleDoubleSelectDay\" />\n      <div class=\"sl-mt-4\">\n        <UiButton center-label type=\"button\" @click=\"handleNewEventClick\" size=\"sm\" expanded>\n          Add event\n        </UiButton>\n      </div>\n    </div>\n\n    <!-- Events List Column -->\n    <EventsList \n      class=\"lg:sl-col-span-7 xl:sl-col-span-8 sl-py-6\" \n      :events=\"filteredEvents\"\n      :show-all-button=\"showAllButton\" \n      @show:all=\"handleShowAll\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport type { CalendarDay, ListEvent } from '@/utils/calendar';\nimport CalendarHeader from './CalendarHeader.vue';\nimport MonthCalendar from './MonthCalendar.vue';\nimport EventsList from './EventsList.vue';\nimport UiButton from '@/components/UiButton.vue';\n\nconst props = defineProps<{\n  days: CalendarDay[];\n  events: ListEvent[];\n}>();\n\nconst emit = defineEmits(['selectDay', 'doubleSelectDay', 'newEvent', 'monthChange', 'showAll']);\n\nconst selectedDay = ref<CalendarDay | null>(null);\n\nconst showAllButton = computed(() => \n  props.events.length !== filteredEvents.value.length\n);\n\nconst filteredEvents = computed(() => {\n  if (!selectedDay.value) return props.events;\n  \n  return props.events.filter(event => {\n    const eventDate = new Date(event.datetime).toISOString().split('T')[0];\n    return eventDate === selectedDay.value?.date;\n  });\n});\n\nconst handleDaySelect = (day: CalendarDay) => {\n  selectedDay.value = day;\n  emit('selectDay', day);\n};\n\nconst handleDoubleSelectDay = (day: CalendarDay) => {\n  emit('doubleSelectDay', day);\n};\n\nconst handleViewChange = (view: string) => {\n  // Handle view change if needed\n  console.log('View changed to:', view);\n};\n\nconst handleRangeChange = () => {\n  // Range change is handled internally by CalendarHeader\n  // This handler is required by the component interface but not used here\n};\n\nconst handleNewEventClick = () => {\n  emit('newEvent');\n};\n\nconst handleShowAll = () => {\n  selectedDay.value = null;\n  emit('showAll');\n};\n</script>\n\n<style scoped>\n@media (max-width: 1024px) {\n  .lg\\:sl-col-start-7 {\n    grid-column-start: 1;\n  }\n\n  .lg\\:sl-col-end-13 {\n    grid-column-end: 13;\n  }\n\n  .lg\\:sl-col-span-6 {\n    grid-column: span 12 / span 12;\n  }\n\n  .xl\\:sl-col-start-8 {\n    grid-column-start: 1;\n  }\n\n  .xl\\:sl-col-end-13 {\n    grid-column-end: 13;\n  }\n\n  .xl\\:sl-col-span-6 {\n    grid-column: span 12 / span 12;\n  }\n}\n</style>\n"],"names":["props","__props","emit","__emit","selectedDay","ref","showAllButton","computed","filteredEvents","event","handleDaySelect","day","handleDoubleSelectDay","handleViewChange","view","handleRangeChange","handleNewEventClick","handleShowAll","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","CalendarHeader","MonthCalendar","_hoisted_3","UiButton","_cache","EventsList"],"mappings":";;;;;;;;;;;;;;AAkCA,UAAMA,IAAQC,GAKRC,IAAOC,GAEPC,IAAcC,EAAwB,IAAI,GAE1CC,IAAgBC;AAAA,MAAS,MAC7BP,EAAM,OAAO,WAAWQ,EAAe,MAAM;AAAA,IAAA,GAGzCA,IAAiBD,EAAS,MACzBH,EAAY,QAEVJ,EAAM,OAAO,OAAO,CAAAS,MACP,IAAI,KAAKA,EAAM,QAAQ,EAAE,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,MAChDL,EAAY,OAAO,IACzC,IAL8BJ,EAAM,MAMtC,GAEKU,IAAkB,CAACC,MAAqB;AAC5C,MAAAP,EAAY,QAAQO,GACpBT,EAAK,aAAaS,CAAG;AAAA,IACvB,GAEMC,IAAwB,CAACD,MAAqB;AAClD,MAAAT,EAAK,mBAAmBS,CAAG;AAAA,IAC7B,GAEME,IAAmB,CAACC,MAAiB;AAEzC,cAAQ,IAAI,oBAAoBA,CAAI;AAAA,IACtC,GAEMC,IAAoB,MAAM;AAAA,IAGhC,GAEMC,IAAsB,MAAM;AAChC,MAAAd,EAAK,UAAU;AAAA,IACjB,GAEMe,IAAgB,MAAM;AAC1B,MAAAb,EAAY,QAAQ,MACpBF,EAAK,SAAS;AAAA,IAChB;sBAjFEgB,EAAA,GAAAC,EAsBM,OAtBNC,GAsBM;AAAA,MApBJC,EAYM,OAZNC,GAYM;AAAA,QAXJC,EAAwHC,GAAA;AAAA,UAAvG,MAAM;AAAA,UAAU,eAAevB,EAAA;AAAA,UAAO,cAAYY;AAAA,UAAmB,eAAaE;AAAA,QAAA;QACnGQ,EAI6CE,GAAA;AAAA,UAH1C,MAAMxB,EAAA;AAAA,UACN,QAAQA,EAAA;AAAA,UACR,aAAWS;AAAA,UACX,mBAAiBE;AAAA,QAAA;QACpBS,EAIM,OAJNK,GAIM;AAAA,UAHJH,EAEWI,GAAA;AAAA,YAFD,gBAAA;AAAA,YAAa,MAAK;AAAA,YAAU,SAAOX;AAAA,YAAqB,MAAK;AAAA,YAAK,UAAA;AAAA,UAAA;uBAAS,MAErF,CAAA,GAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAFqF,eAErF,EAAA;AAAA,YAAA;;;;;MAKJL,EAI8BM,GAAA;AAAA,QAH5B,OAAM;AAAA,QACL,QAAQrB,EAAA;AAAA,QACR,mBAAiBF,EAAA;AAAA,QACjB,cAAUW;AAAA,MAAA;;;;"}

package/dist/calendars/CalendarHeader.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../CalendarHeader.vue_vue_type_script_setup_true_lang-P5ypRyGV.js";
+import { _ as f } from "../CalendarHeader.vue_vue_type_script_setup_true_lang-CkSUiLOH.js";
 export {
   f as default
 };

package/dist/empty-state/EmptyState.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../EmptyState.vue_vue_type_script_setup_true_lang-Dxy-cLPT.js";
+import { _ as f } from "../EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js";
 export {
   f as default
 };

package/dist/empty-state/index.js

@@ -1,5 +1,5 @@
 import { _ as m } from "../ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js";
-import { _ as a } from "../EmptyState.vue_vue_type_script_setup_true_lang-Dxy-cLPT.js";
+import { _ as a } from "../EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js";
 export {
   m as ComingSoon,
   a as EmptyState

package/dist/index.js

@@ -23,7 +23,7 @@ import { _ as bl } from "./UiNavLink.vue_vue_type_script_setup_true_lang-DnWMn40
 import { _ as Cl } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js";
 import { _ as wl } from "./UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js";
 import { _ as _l } from "./UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js";
-import { _ as Tl } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-P5ypRyGV.js";
+import { _ as Tl } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-CkSUiLOH.js";
 import { _ as Ml } from "./DayCalendar.vue_vue_type_script_setup_true_lang-8al4Fotu.js";
 import { _ as jl } from "./EventCard.vue_vue_type_script_setup_true_lang-j1mtKShZ.js";
 import { _ as Bl } from "./EventsList.vue_vue_type_script_setup_true_lang-MhuVi5u8.js";
@@ -36,12 +36,12 @@ import { _ as Gl } from "./PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4
 import { _ as Yl } from "./SparklineChart.vue_vue_type_script_setup_true_lang-BlNk5ZqM.js";
 import { _ as ql } from "./StatCard.vue_vue_type_script_setup_true_lang-BfFupfmC.js";
 import { _ as Kl } from "./ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE42.js";
-import { _ as Xl } from "./EmptyState.vue_vue_type_script_setup_true_lang-Dxy-cLPT.js";
+import { _ as Xl } from "./EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js";
 import { _ as so } from "./DynamicForm.vue_vue_type_script_setup_true_lang-CxSaO5Cl.js";
 import { _ as lo } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js";
 import { _ as ao } from "./AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-CFS3lVF-.js";
 import { _ as oe } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-BikR9rgi.js";
-import { _ as ae } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-1YGa9Fnd.js";
+import { _ as ae } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-kEj-NYqm.js";
 import { _ as no } from "./DatepickerInput.vue_vue_type_style_index_0_lang-BdkGLw0H.js";
 import { _ as co } from "./EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js";
 import { _ as fo } from "./EmptyInput.vue_vue_type_script_setup_true_lang-FWDCFF2c.js";
@@ -64,40 +64,40 @@ import { _ as zo } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-BJ5
 import { _ as No } from "./UiMapAll.vue_vue_type_script_setup_true_lang-CMAyvJMk.js";
 import { _ as Oo } from "./AlertModal.vue_vue_type_script_setup_true_lang-C6q8Mpl4.js";
 import { _ as Ho } from "./BaseModal.vue_vue_type_script_setup_true_lang-B67Pt3tW.js";
-import { _ as Wo } from "./NotificationToast.vue_vue_type_script_setup_true_lang-DZxcEZkP.js";
-import { _ as Jo } from "./StepperPanels.vue_vue_type_script_setup_true_lang-D6Fv7iz3.js";
-import { _ as Zo } from "./InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js";
-import { _ as Qo } from "./TabGroup.vue_vue_type_script_setup_true_lang-DVVeOgWH.js";
-import { _ as ea } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-_3XtOn3w.js";
-import { _ as ta } from "./TabsInPills.vue_vue_type_script_setup_true_lang-DY1NkXCQ.js";
-import { _ as oa } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
-import { _ as ra } from "./CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
-import { _ as ia } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js";
-import { _ as ca } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js";
-import { default as fa } from "./components/CloudinaryImage.js";
+import { _ as Wo } from "./NotificationContainer.vue_vue_type_style_index_0_lang-DSfNw4Ge.js";
+import { _ as Jo } from "./NotificationToast.vue_vue_type_script_setup_true_lang-CU__ORw8.js";
+import { _ as Zo } from "./StepperPanels.vue_vue_type_script_setup_true_lang-D6Fv7iz3.js";
+import { _ as Qo } from "./InlineTabs.vue_vue_type_script_setup_true_lang-CD0lnkUm.js";
+import { _ as ea } from "./TabGroup.vue_vue_type_script_setup_true_lang-DVVeOgWH.js";
+import { _ as ta } from "./TabGroupUnderline.vue_vue_type_script_setup_true_lang-_3XtOn3w.js";
+import { _ as oa } from "./TabsInPills.vue_vue_type_script_setup_true_lang-DY1NkXCQ.js";
+import { _ as ra } from "./BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
+import { _ as ia } from "./CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
+import { _ as ca } from "./DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js";
+import { _ as fa } from "./FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js";
+import { default as pa } from "./components/CloudinaryImage.js";
 import A from "./components/Button.js";
 import { S as ie, h as R } from "./transition-_rPfnoET.js";
 import { Y as de, G as ce, V as ue } from "./dialog-BJ2Ld8l3.js";
 import { r as fe } from "./XMarkIcon-Cwy3T6p8.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { default as pa } from "./components/Banner.js";
-import { default as xa } from "./components/Breadcrumb.js";
-import { default as ya } from "./components/LoadingDots.js";
-import { default as va } from "./calendars/CalendarDashboard.js";
-import { default as ka } from "./calendars/WeekCalendar.js";
-import { default as $a } from "./charts/BaseChart.js";
-import { areaChartConfig as Sa, barChartConfig as Ta, baseTheme as Ia, chartColors as Ma, chartTypography as Va, formatDuration as ja, formatNumber as Aa, formatPercentage as Ba, funnelChartConfig as La, getAreaGradient as Ea, hexToRgb as Fa, lineChartConfig as Da, pieChartConfig as za, stachelockColors as Pa, toRgba as Na } from "./charts/chartTheme.js";
-import { default as Oa } from "./forms/FormFieldWrapper.js";
-import { default as Ha } from "./inputs/PhoneInput.js";
-import { default as Wa } from "./inputs/RichTextInput.js";
-import { default as Ja } from "./loading/ContentSkeleton.js";
-import { default as Za } from "./loading/SmartLoadingIndicator.js";
-import { default as Qa } from "./maps/GoogleMap.js";
-import { default as er } from "./maps/UiInfoWindow.js";
-import { default as tr } from "./maps/UiMap.js";
-import { default as or } from "./maps/UiMapMarker.js";
-import { default as rr } from "./modals/ImageCropperModal.js";
-import { default as ir } from "./notifications/NotificationContainer.js";
+import { default as xa } from "./components/Banner.js";
+import { default as ya } from "./components/Breadcrumb.js";
+import { default as va } from "./components/LoadingDots.js";
+import { default as ka } from "./calendars/CalendarDashboard.js";
+import { default as $a } from "./calendars/WeekCalendar.js";
+import { default as Sa } from "./charts/BaseChart.js";
+import { areaChartConfig as Ia, barChartConfig as Ma, baseTheme as Va, chartColors as ja, chartTypography as Aa, formatDuration as Ba, formatNumber as La, formatPercentage as Ea, funnelChartConfig as Fa, getAreaGradient as Da, hexToRgb as za, lineChartConfig as Pa, pieChartConfig as Na, stachelockColors as Ua, toRgba as Oa } from "./charts/chartTheme.js";
+import { default as Ha } from "./forms/FormFieldWrapper.js";
+import { default as Wa } from "./inputs/PhoneInput.js";
+import { default as Ja } from "./inputs/RichTextInput.js";
+import { default as Za } from "./loading/ContentSkeleton.js";
+import { default as Qa } from "./loading/SmartLoadingIndicator.js";
+import { default as er } from "./maps/GoogleMap.js";
+import { default as tr } from "./maps/UiInfoWindow.js";
+import { default as or } from "./maps/UiMap.js";
+import { default as rr } from "./maps/UiMapMarker.js";
+import { default as ir } from "./modals/ImageCropperModal.js";
 const me = {
   text: {
     component: "TextInput",
@@ -432,7 +432,7 @@ function ye(t, e) {
     })
   ]);
 }
-const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, ve = { class: "sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4" }, Ce = { class: "sl-bg-gradient-to-r sl-from-gray-900 sl-to-gray-800 sl-px-6 sl-py-4" }, ke = { class: "sl-flex sl-items-center sl-justify-between" }, we = { class: "sl-flex sl-items-center sl-gap-3" }, $e = { class: "sl-p-6 sl-space-y-6" }, _e = { class: "sl-flex sl-items-center sl-gap-4" }, Se = { class: "sl-relative" }, Te = { class: "sl-flex-1" }, Ie = { class: "sl-grid sl-grid-cols-2 sl-gap-2" }, Me = ["onClick"], Ve = { class: "sl-min-w-0" }, je = { class: "sl-text-sm sl-font-medium sl-text-gray-900 sl-truncate" }, Ae = { class: "sl-text-xs sl-text-gray-500 sl-truncate" }, Be = { class: "sl-rounded-xl sl-border sl-border-gray-200 sl-bg-gray-50 sl-p-4 sl-space-y-4" }, Le = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Ee = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Fe = { class: "sl-flex sl-items-center sl-gap-4" }, De = { class: "sl-flex sl-items-center sl-gap-3" }, ze = { class: "sl-flex sl-rounded-lg sl-overflow-hidden sl-shadow-sm" }, Pe = { class: "sl-border-t sl-border-gray-200 sl-bg-gray-50 sl-px-6 sl-py-4" }, Ne = { class: "sl-flex sl-items-center sl-justify-between" }, Ue = { class: "sl-flex sl-gap-3" }, Oe = /* @__PURE__ */ T({
+const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, ve = { class: "sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4" }, Ce = { class: "sl-bg-gradient-to-r sl-from-gray-900 sl-to-gray-800 sl-px-6 sl-py-4" }, ke = { class: "sl-flex sl-items-center sl-justify-between" }, we = { class: "sl-flex sl-items-center sl-gap-3" }, $e = { class: "sl-p-6 sl-space-y-6" }, _e = { class: "sl-flex sl-items-center sl-gap-4" }, Se = { class: "sl-relative" }, Te = { class: "sl-flex-1" }, Ie = { class: "sl-grid sl-grid-cols-2 sl-gap-2" }, Me = ["onClick"], Ve = { class: "sl-min-w-0" }, je = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-truncate" }, Ae = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400 sl-truncate" }, Be = { class: "sl-rounded-xl sl-border sl-border-gray-200 dark:sl-border-slate-600 sl-bg-gray-50 dark:sl-bg-slate-900 sl-p-4 sl-space-y-4" }, Le = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Ee = { class: "sl-flex sl-flex-wrap sl-gap-2" }, Fe = { class: "sl-flex sl-items-center sl-gap-4" }, De = { class: "sl-flex sl-items-center sl-gap-3" }, ze = { class: "sl-flex sl-rounded-lg sl-overflow-hidden sl-shadow-sm dark:sl-shadow-slate-900/50" }, Pe = { class: "sl-border-t sl-border-gray-200 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-900 sl-px-6 sl-py-4" }, Ne = { class: "sl-flex sl-items-center sl-justify-between" }, Ue = { class: "sl-flex sl-gap-3" }, Oe = /* @__PURE__ */ T({
   __name: "ThemeDebugModal",
   props: {
     modelValue: { type: Boolean }
@@ -491,7 +491,7 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: b(() => [
-                    m(_(ce), { class: "sl-relative sl-transform sl-overflow-hidden sl-rounded-2xl sl-bg-white sl-shadow-2xl sl-transition-all sl-w-full sm:sl-max-w-lg" }, {
+                    m(_(ce), { class: "sl-relative sl-transform sl-overflow-hidden sl-rounded-2xl sl-bg-white dark:sl-bg-slate-800 sl-shadow-2xl sl-transition-all sl-w-full sm:sl-max-w-lg" }, {
                       default: b(() => [
                         s("div", Ce, [
                           s("div", ke, [
@@ -522,14 +522,14 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                         ]),
                         s("div", $e, [
                           s("div", null, [
-                            c[5] || (c[5] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Primary Color ", -1)),
+                            c[5] || (c[5] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Primary Color ", -1)),
                             s("div", _e, [
                               s("div", Se, [
                                 D(s("input", {
                                   type: "color",
                                   "onUpdate:modelValue": c[0] || (c[0] = (h) => a.value = h),
                                   onInput: u,
-                                  class: "sl-h-14 sl-w-14 sl-cursor-pointer sl-rounded-xl sl-border-2 sl-border-gray-200 sl-p-1 sl-shadow-sm hover:sl-border-gray-300 sl-transition-colors"
+                                  class: "sl-h-14 sl-w-14 sl-cursor-pointer sl-rounded-xl sl-border-2 sl-border-gray-200 dark:sl-border-slate-600 sl-p-1 sl-shadow-sm hover:sl-border-gray-300 dark:hover:sl-border-slate-500 sl-transition-colors"
                                 }, null, 544), [
                                   [N, a.value]
                                 ])
@@ -540,7 +540,7 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                                   "onUpdate:modelValue": c[1] || (c[1] = (h) => a.value = h),
                                   onInput: u,
                                   placeholder: "#3e4b9a",
-                                  class: "sl-block sl-w-full sl-rounded-lg sl-border sl-border-gray-300 sl-px-4 sl-py-3 sl-text-sm sl-font-mono sl-text-gray-900 sl-shadow-sm focus:sl-border-primary-500 focus:sl-ring-2 focus:sl-ring-primary-500/20 sl-transition-all"
+                                  class: "sl-block sl-w-full sl-rounded-lg sl-border sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-700 sl-px-4 sl-py-3 sl-text-sm sl-font-mono sl-text-gray-900 dark:sl-text-white sl-shadow-sm focus:sl-border-primary-500 focus:sl-ring-2 focus:sl-ring-primary-500/20 sl-transition-all"
                                 }, null, 544), [
                                   [N, a.value]
                                 ])
@@ -548,12 +548,12 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                             ])
                           ]),
                           s("div", null, [
-                            c[6] || (c[6] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Preset Themes ", -1)),
+                            c[6] || (c[6] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Preset Themes ", -1)),
                             s("div", Ie, [
                               (i(!0), d(j, null, B(_(se), (h) => (i(), d("button", {
                                 key: h.name,
                                 onClick: (E) => C(h.color),
-                                class: v(["sl-group sl-relative sl-flex sl-items-center sl-gap-3 sl-rounded-lg sl-border sl-border-gray-200 sl-p-3 sl-text-left sl-transition-all hover:sl-border-gray-300 hover:sl-shadow-sm", { "sl-ring-2 sl-ring-offset-2": a.value.toLowerCase() === h.color.toLowerCase() }]),
+                                class: v(["sl-group sl-relative sl-flex sl-items-center sl-gap-3 sl-rounded-lg sl-border sl-border-gray-200 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-700 sl-p-3 sl-text-left sl-transition-all hover:sl-border-gray-300 dark:hover:sl-border-slate-500 hover:sl-shadow-sm", { "sl-ring-2 sl-ring-offset-2 dark:sl-ring-offset-slate-800": a.value.toLowerCase() === h.color.toLowerCase() }]),
                                 style: k(a.value.toLowerCase() === h.color.toLowerCase() ? { "--tw-ring-color": h.color } : {})
                               }, [
                                 s("div", {
@@ -568,7 +568,7 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                             ])
                           ]),
                           s("div", null, [
-                            c[15] || (c[15] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Live Preview ", -1)),
+                            c[15] || (c[15] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Live Preview ", -1)),
                             s("div", Be, [
                               s("div", Le, [
                                 m(A, {
@@ -622,19 +622,19 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                               ]),
                               s("div", Fe, [
                                 m(le, { size: "sm" }),
-                                c[13] || (c[13] = s("span", { class: "sl-text-sm sl-text-gray-600" }, "Loading indicator", -1))
+                                c[13] || (c[13] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Loading indicator", -1))
                               ]),
                               s("div", De, [
                                 m(te, {
                                   name: "Theme Test",
                                   size: "md"
                                 }),
-                                c[14] || (c[14] = s("span", { class: "sl-text-sm sl-text-gray-600" }, "Avatar with initials", -1))
+                                c[14] || (c[14] = s("span", { class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400" }, "Avatar with initials", -1))
                               ])
                             ])
                           ]),
                           s("div", null, [
-                            c[16] || (c[16] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-3" }, " Generated Palette ", -1)),
+                            c[16] || (c[16] = s("label", { class: "sl-block sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-300 sl-mb-3" }, " Generated Palette ", -1)),
                             s("div", ze, [
                               (i(), d(j, null, B([50, 100, 200, 300, 400, 500, 600, 700, 800, 900], (h) => s("div", {
                                 key: h,
@@ -652,7 +652,7 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
                           s("div", Ne, [
                             s("button", {
                               onClick: w,
-                              class: "sl-text-sm sl-text-gray-600 hover:sl-text-gray-900 sl-font-medium sl-transition-colors"
+                              class: "sl-text-sm sl-text-gray-600 dark:sl-text-gray-400 hover:sl-text-gray-900 dark:hover:sl-text-white sl-font-medium sl-transition-colors"
                             }, " Reset to Default "),
                             s("div", Ue, [
                               m(A, {
@@ -693,7 +693,7 @@ const be = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}), xt = /* @__PURE__ */ J(Oe, [["__scopeId", "data-v-3bcc4447"]]), Re = {
+}), xt = /* @__PURE__ */ J(Oe, [["__scopeId", "data-v-c9b3cc37"]]), Re = {
   viewBox: "0 0 36 36",
   class: "sl-transform -sl-rotate-90 sl-w-full sl-h-full"
 }, He = ["stroke-width"], Ge = ["stroke", "stroke-dasharray", "stroke-width"], We = {
@@ -1450,31 +1450,31 @@ export {
   ao as AddDeleteButtonGroup,
   Oo as AlertModal,
   te as Avatar,
-  oa as BackgroundGradientWrapper,
+  ra as BackgroundGradientWrapper,
   F as Badge,
-  pa as Banner,
+  xa as Banner,
   Pl as BarChart,
-  $a as BaseChart,
+  Sa as BaseChart,
   Ho as BaseModal,
-  xa as Breadcrumb,
+  ya as Breadcrumb,
   A as Button,
   ul as ButtonGroup,
-  va as CalendarDashboard,
+  ka as CalendarDashboard,
   Tl as CalendarHeader,
   bt as CardLayout,
-  ra as CardWrapper,
+  ia as CardWrapper,
   ml as Checkbox,
   oe as CheckboxInput,
-  fa as CloudinaryImage,
+  pa as CloudinaryImage,
   ae as ComboboxInput,
   Kl as ComingSoon,
   pe as ComponentRegistry,
-  Ja as ContentSkeleton,
+  Za as ContentSkeleton,
   $o as DashboardLayout,
   no as DatepickerInput,
   Ml as DayCalendar,
   So as DefaultLayout,
-  ia as DisclosureWrapper,
+  ca as DisclosureWrapper,
   so as DynamicForm,
   co as EmailInput,
   fo as EmptyInput,
@@ -1482,58 +1482,58 @@ export {
   jl as EventCard,
   Bl as EventsList,
   po as FileDropzoneInput,
-  ca as FormErrorWrapper,
+  fa as FormErrorWrapper,
   lo as FormField,
-  Oa as FormFieldWrapper,
+  Ha as FormFieldWrapper,
   Ul as FunnelChart,
-  Qa as GoogleMap,
+  er as GoogleMap,
   Io as HeaderLayout,
   xo as HiddenInput,
-  rr as ImageCropperModal,
+  ir as ImageCropperModal,
   vt as InfoCard,
-  er as InfoWindow,
-  Zo as InlineTabs,
+  tr as InfoWindow,
+  Qo as InlineTabs,
   yt as InputsShowcase,
   Rl as LineChart,
   le as Loading,
-  ya as LoadingDots,
+  va as LoadingDots,
   dl as LottieAnimation,
-  tr as Map,
+  or as Map,
   No as MapAll,
-  or as MapMarker,
+  rr as MapMarker,
   gl as Menu,
   hl as Modal,
   El as MonthCalendar,
   bl as NavLink,
   Vo as NavigationGroup,
   Ao as NavigationItem,
-  ir as NotificationContainer,
-  Wo as NotificationToast,
-  Ha as PhoneInput,
+  Wo as NotificationContainer,
+  Jo as NotificationToast,
+  Wa as PhoneInput,
   Gl as PieChart,
   Lo as ProfileHeaderAvatar,
   Cl as ProgressBar,
   Fo as ProjectLogo,
   Ct as PropsTable,
   ht as RadialProgressBar,
-  Wa as RichTextInput,
+  Ja as RichTextInput,
   O as SelectInput,
   yo as SelectTextInput,
   kt as ShowcaseCard,
   wt as ShowcaseLayout,
   zo as SidebarLayout,
-  Za as SmartLoadingIndicator,
+  Qa as SmartLoadingIndicator,
   Yl as SparklineChart,
   _t as StachelockUI,
   ql as StatCard,
   $t as StateDisplay,
-  Jo as StepperPanels,
+  Zo as StepperPanels,
   ne as SwitchInput,
   vo as SwitchInputGroup,
-  Qo as TabGroup,
-  ea as TabGroupUnderline,
+  ea as TabGroup,
+  ta as TabGroupUnderline,
   wl as Table,
-  ta as TabsInPills,
+  oa as TabsInPills,
   ko as TagifyInput,
   re as TextAreaInput,
   V as TextInput,
@@ -1541,43 +1541,43 @@ export {
   _l as Transition,
   Pt as US_CENTER,
   Nt as WORLD_CENTER,
-  ka as WeekCalendar,
+  $a as WeekCalendar,
   Dl as YearCalendar,
-  Sa as areaChartConfig,
-  Ta as barChartConfig,
-  Ia as baseTheme,
+  Ia as areaChartConfig,
+  Ma as barChartConfig,
+  Va as baseTheme,
   Lt as calculateEventLanes,
-  Ma as chartColors,
-  Va as chartTypography,
+  ja as chartColors,
+  Aa as chartTypography,
   q as componentRegistry,
   _t as default,
   me as defaultComponentMap,
   Ut as defaultCoordinateExtractor,
   Z as defaultDesignTokens,
-  ja as formatDuration,
-  Aa as formatNumber,
-  Ba as formatPercentage,
+  Ba as formatDuration,
+  La as formatNumber,
+  Ea as formatPercentage,
   Qt as formatUid,
-  La as funnelChartConfig,
+  Fa as funnelChartConfig,
   xe as generateCSSVariables,
   It as generateDeterministicId,
   Mt as generateId,
   gt as generateTailwindConfig,
-  Ea as getAreaGradient,
+  Da as getAreaGradient,
   pt as getComponent,
   qt as getTabBadgeClasses,
-  Fa as hexToRgb,
+  za as hexToRgb,
   Xt as isUidLike,
   Ot as isValidCoordinate,
-  Da as lineChartConfig,
+  Pa as lineChartConfig,
   ge as mergeDesignTokens,
-  za as pieChartConfig,
+  Na as pieChartConfig,
   se as presetThemes,
   mt as registerComponent,
   Vt as sanitizeId,
   el as slugToReadable,
-  Pa as stachelockColors,
-  Na as toRgba,
+  Ua as stachelockColors,
+  Oa as toRgba,
   sl as toSentenceCase,
   tl as toTitleCase,
   ll as transformString,