@stachelock/ui 0.3.0 → 0.4.0

package/dist/wrappers/BackgroundGradientWrapper.d.ts

@@ -1,3 +1 @@
-export * from '../src/components/wrappers/BackgroundGradientWrapper'
-import StachelockUI from '../src/components/wrappers/BackgroundGradientWrapper'
-export default StachelockUI
+export {}

package/dist/wrappers/BackgroundGradientWrapper.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js";
+import { _ as f } from "../BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
 export {
   f as default
 };

package/dist/wrappers/CardWrapper.d.ts

@@ -1,3 +1 @@
-export * from '../src/components/wrappers/CardWrapper'
-import StachelockUI from '../src/components/wrappers/CardWrapper'
-export default StachelockUI
+export {}

package/dist/wrappers/DisclosureWrapper.d.ts

@@ -1,3 +1 @@
-export * from '../src/components/wrappers/DisclosureWrapper'
-import StachelockUI from '../src/components/wrappers/DisclosureWrapper'
-export default StachelockUI
+export {}

package/dist/wrappers/DisclosureWrapper.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js";
+import { _ as f } from "../DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js";
 export {
   f as default
 };

package/dist/wrappers/FormErrorWrapper.d.ts

@@ -1,3 +1 @@
-export * from '../src/components/wrappers/FormErrorWrapper'
-import StachelockUI from '../src/components/wrappers/FormErrorWrapper'
-export default StachelockUI
+export {}

package/dist/wrappers/index.d.ts

@@ -1 +1,2 @@
 export * from '../src/components/wrappers/index'
+export {}

package/dist/wrappers/index.js

@@ -1,6 +1,6 @@
-import { _ as p } from "../BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js";
+import { _ as p } from "../BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js";
 import { _ as e } from "../CardWrapper.vue_vue_type_script_setup_true_lang-D59QBAi9.js";
-import { _ as m } from "../DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js";
+import { _ as m } from "../DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js";
 import { _ as f } from "../FormErrorWrapper.vue_vue_type_script_setup_true_lang-BQOlG_ab.js";
 export {
   p as BackgroundGradientWrapper,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stachelock/ui",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "A comprehensive Vue 3 UI component library built with Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -34,6 +34,14 @@
       "import": "./dist/forms/*.js",
       "types": "./dist/components/forms/*.d.ts"
     },
+    "./notifications": {
+      "import": "./dist/components/notifications/index.js",
+      "types": "./dist/components/notifications/index.d.ts"
+    },
+    "./notifications/*": {
+      "import": "./dist/components/notifications/*.js",
+      "types": "./dist/components/notifications/*.d.ts"
+    },
     "./composables": {
       "import": "./dist/composables/index.js",
       "types": "./dist/composables/index.d.ts"
@@ -65,8 +73,8 @@
     "test:ui": "vitest --ui",
     "test:coverage": "vitest run --coverage",
     "test:ci": "vitest run --coverage --reporter=junit --outputFile=./test-results.xml",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
-    "lint:check": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .eslintignore --fix",
+    "lint:check": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .eslintignore",
     "type-check": "vue-tsc --noEmit",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -141,14 +149,14 @@
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.3.3",
-    "@storybook/addon-docs": "^7.6.10",
-    "@storybook/addon-essentials": "^7.6.10",
-    "@storybook/addon-interactions": "^7.6.10",
-    "@storybook/addon-links": "^7.6.10",
-    "@storybook/blocks": "^7.6.10",
+    "@storybook/addon-docs": "^8.6.15",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.15",
+    "@storybook/blocks": "^8.6.15",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^7.6.10",
-    "@storybook/vue3-vite": "^7.6.10",
+    "@storybook/vue3": "^8.6.15",
+    "@storybook/vue3-vite": "^8.6.15",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",
     "@testing-library/vue": "^8.0.1",
@@ -156,9 +164,9 @@
     "@types/google.maps": "^3.58.1",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^18.19.3",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitest/coverage-v8": "^1.0.0",
-    "@vitest/ui": "^1.0.0",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.3",
     "@vue/tsconfig": "^0.5.0",
@@ -168,14 +176,14 @@
     "eslint-plugin-vue": "^9.17.0",
     "jsdom": "^26.1.0",
     "postcss": "^8.4.32",
-    "storybook": "^7.6.10",
+    "storybook": "^8.6.15",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.3.0",
-    "vite": "^5.4.19",
-    "vite-plugin-dts": "^3.6.4",
-    "vitest": "^1.0.0",
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4",
     "vue": "^3.5.18",
-    "vue-tsc": "^2.0.29"
+    "vue-tsc": "^2.2.12"
   },
   "sideEffects": [
     "*.css",

package/dist/CalendarHeader.vue_vue_type_script_setup_true_lang-DRwe4rw8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarHeader.vue_vue_type_script_setup_true_lang-DRwe4rw8.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/ChevronLeftIcon.js","../node_modules/@heroicons/vue/20/solid/esm/EllipsisHorizontalIcon.js","../src/components/calendars/CalendarHeader.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M3 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM15.5 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z\" })\n  ]))\n}","<!--\n  @component CalendarHeader\n  @description Calendar navigation header with view selector, navigation controls, and Today button.\n  \n  Features:\n  - Navigation arrows for prev/next period\n  - Today button to jump to current date\n  - View selector dropdown (Day/Week/Month/Year)\n  - Dynamic header display based on current view\n  - Support for action buttons and filters slots\n  \n  @example\n  <CalendarHeader\n    :view=\"'month'\"\n    :selected-range=\"days\"\n    @change-range=\"handleRangeChange\"\n    @change-view=\"handleViewChange\"\n  />\n-->\n<template>\n  <header class=\"sl-flex sl-items-center sl-justify-between sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-pl-6 sl-py-4 lg:sl-flex-none sl-bg-white dark:sl-bg-slate-900\">\n    <!-- Header Title -->\n    <h1 class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-slate-200\">\n      <time :datetime=\"dateTime\">{{ displayHeader }}</time>\n    </h1>\n    \n    <div class=\"sl-flex sl-items-center\">\n      <!-- Navigation Controls -->\n      <div class=\"sl-relative sl-flex sl-items-center sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm md:sl-items-stretch\">\n        <!-- Previous Button -->\n        <button \n          @click=\"previousRange\" \n          type=\"button\"\n          class=\"sl-flex sl-h-9 sl-w-12 sl-items-center sl-justify-center sl-rounded-l-md sl-border-y sl-border-l sl-border-gray-300 dark:sl-border-slate-600 sl-pr-1 sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-500 dark:hover:sl-text-slate-300 focus:sl-relative md:sl-w-9 md:sl-pr-0 md:hover:sl-bg-gray-50 dark:md:hover:sl-bg-slate-700\"\n        >\n          <span class=\"sl-sr-only\">Previous {{ view }}</span>\n          <ChevronLeftIcon class=\"sl-h-5 sl-w-5\" aria-hidden=\"true\" />\n        </button>\n        \n        <!-- Today Button -->\n        <button \n          @click=\"goToToday\" \n          type=\"button\"\n          class=\"sl-hidden sl-border-y sl-border-gray-300 dark:sl-border-slate-600 sl-px-3.5 sl-text-sm sl-font-semibold sl-text-gray-800 dark:sl-text-slate-200 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-700 focus:sl-relative md:sl-block\"\n        >\n          Today\n        </button>\n        \n        <span class=\"sl-relative sl--mx-px sl-h-5 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600 md:sl-hidden\" />\n        \n        <!-- Next Button -->\n        <button \n          @click=\"nextRange\" \n          type=\"button\"\n          class=\"sl-flex sl-h-9 sl-w-12 sl-items-center sl-justify-center sl-rounded-r-md sl-border-y sl-border-r sl-border-gray-300 dark:sl-border-slate-600 sl-pl-1 sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-500 dark:hover:sl-text-slate-300 focus:sl-relative md:sl-w-9 md:sl-pl-0 md:hover:sl-bg-gray-50 dark:md:hover:sl-bg-slate-700\"\n        >\n          <span class=\"sl-sr-only\">Next {{ view }}</span>\n          <ChevronRightIcon class=\"sl-h-5 sl-w-5\" aria-hidden=\"true\" />\n        </button>\n    </div>\n      \n      <!-- Desktop View Selector and Actions -->\n      <div class=\"sl-hidden md:sl-ml-4 md:sl-flex md:sl-items-center\">\n        <!-- View Selector using SelectInput -->\n        <div class=\"sl-w-36\">\n      <SelectInput\n            name=\"calendar-view\"\n        :items=\"viewOptions\"\n            :model-value=\"selectedViewOption\"\n            @update:model-value=\"handleViewSelection\"\n            item-key=\"id\"\n            item-text=\"label\"\n        placeholder=\"Select view\"\n          />\n        </div>\n        \n        <!-- Action Slot -->\n        <template v-if=\"$slots.actions\">\n          <div class=\"sl-mx-6 sl-h-6 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600\" />\n          <slot name=\"actions\" />\n        </template>\n        <template v-else-if=\"showActionButton\">\n          <div class=\"sl-mx-6 sl-h-6 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600\" />\n          <UiButton center-label type=\"button\" @button-click=\"handleAction\" size=\"sm\">\n            {{ actionLabel }}\n          </UiButton>\n        </template>\n        \n        <!-- Filters Slot -->\n        <slot name=\"filters\" />\n      </div>\n      \n      <!-- Mobile Menu -->\n      <div class=\"sl-relative sl-ml-6 md:sl-hidden\" ref=\"mobileMenuRef\">\n        <button\n          @click=\"toggleMobileMenu\"\n          class=\"sl--mx-2 sl-flex sl-items-center sl-rounded-full sl-border sl-border-transparent sl-p-2 sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-500 dark:hover:sl-text-slate-300\"\n        >\n          <span class=\"sl-sr-only\">Open menu</span>\n          <EllipsisHorizontalIcon class=\"sl-h-5 sl-w-5\" aria-hidden=\"true\" />\n        </button>\n        \n        <Transition\n          enter-active-class=\"sl-transition sl-ease-out sl-duration-100\"\n          enter-from-class=\"sl-transform sl-opacity-0 sl-scale-95\"\n          enter-to-class=\"sl-transform sl-opacity-100 sl-scale-100\"\n          leave-active-class=\"sl-transition sl-ease-in sl-duration-75\"\n          leave-from-class=\"sl-transform sl-opacity-100 sl-scale-100\"\n          leave-to-class=\"sl-transform sl-opacity-0 sl-scale-95\"\n        >\n          <div\n            v-show=\"showMobileMenu\"\n            class=\"sl-absolute sl-right-0 sl-z-10 sl-mt-3 sl-w-36 sl-origin-top-right sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700 sl-overflow-hidden sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg sl-ring-1 sl-ring-black dark:sl-ring-slate-600 sl-ring-opacity-5 focus:sl-outline-none\"\n          >\n            <!-- Actions -->\n            <div v-if=\"showActionButton\" class=\"sl-py-1\">\n              <button\n                @click=\"handleAction\"\n                class=\"sl-block sl-w-full sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-text-gray-700 dark:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700\"\n              >\n                {{ actionLabel }}\n              </button>\n            </div>\n            \n            <!-- Today -->\n            <div class=\"sl-py-1\">\n              <button\n                @click=\"goToToday\"\n                class=\"sl-block sl-w-full sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-text-gray-700 dark:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700\"\n              >\n                Go to today\n              </button>\n            </div>\n            \n            <!-- View Options -->\n            <div class=\"sl-py-1\">\n              <button\n                v-for=\"option in viewOptions\"\n                :key=\"option.id\"\n                @click=\"changeView(option.id)\"\n                :class=\"[\n                  view === option.id ? 'sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-100' : 'sl-text-gray-700 dark:sl-text-slate-300',\n                  'sl-block sl-w-full sl-px-4 sl-py-2 sl-text-left sl-text-sm hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700'\n                ]\"\n              >\n                {{ option.label }}\n              </button>\n            </div>\n            \n            <!-- Mobile Menu Items Slot -->\n            <div v-if=\"$slots['mobile-menu-items']\" class=\"sl-py-1\">\n              <slot name=\"mobile-menu-items\" />\n            </div>\n          </div>\n        </Transition>\n      </div>\n    </div>\n  </header>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onUnmounted, type PropType } from 'vue';\nimport { ChevronLeftIcon, ChevronRightIcon, EllipsisHorizontalIcon } from '@heroicons/vue/20/solid';\nimport UiButton from '@/components/UiButton.vue';\nimport SelectInput from '@/components/inputs/SelectInput.vue';\nimport type { CalendarDay, Month } from '@/utils/calendar';\nimport { \n  generateMonthDays, \n  generateWeekDays, \n  generateYearDays,\n  toLocalDateKey,\n  parseLocalDate\n} from '@/utils/calendar';\n\ntype CalendarViewType = 'day' | 'week' | 'month' | 'year';\n\nconst props = defineProps({\n  /** Current view mode */\n  view: {\n    type: String as PropType<CalendarViewType>,\n    default: 'month',\n    validator: (value: string) => ['day', 'week', 'month', 'year'].includes(value),\n  },\n  /** Currently displayed date range */\n  selectedRange: {\n    type: Array as PropType<CalendarDay[] | Month[] | null>,\n    default: null,\n  },\n  /** Label for the action button */\n  actionLabel: {\n    type: String,\n    default: 'Add event',\n  },\n  /** Whether to show the action button */\n  showActionButton: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'changeRange', days: CalendarDay[] | Month[]): void;\n  (e: 'changeView', view: CalendarViewType): void;\n  (e: 'action'): void;\n}>();\n\n// View options\nconst viewOptions = [\n  { id: 'day' as CalendarViewType, label: 'Day view' },\n  { id: 'week' as CalendarViewType, label: 'Week view' },\n  { id: 'month' as CalendarViewType, label: 'Month view' },\n  { id: 'year' as CalendarViewType, label: 'Year view' },\n];\n\n// UI State\nconst showMobileMenu = ref(false);\nconst mobileMenuRef = ref<HTMLElement | null>(null);\n\n// Internal date state\nconst systemToday = new Date();\nconst normalizedToday = new Date(systemToday.getFullYear(), systemToday.getMonth(), 1);\nconst currentDate = ref(props.view === 'month' ? normalizedToday : new Date());\nconst internalDays = ref<CalendarDay[] | Month[]>([]);\n\n// Flag to avoid recursive updates\nlet isUpdatingInternally = false;\n\n// Selected view option for SelectInput\nconst selectedViewOption = computed(() => {\n  return viewOptions.find(opt => opt.id === props.view) || viewOptions[2]; // Default to month\n});\n\n// Handle view selection from SelectInput\nfunction handleViewSelection(option: { id: CalendarViewType; label: string }) {\n  if (option && option.id) {\n    emit('changeView', option.id);\n  }\n}\n\nconst displayHeader = computed(() => {\n  switch (props.view) {\n    case 'day':\n      return currentDate.value.toDateString();\n    case 'week':\n    case 'month':\n      return currentDate.value.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });\n    case 'year':\n      return currentDate.value.getFullYear().toString();\n    default:\n      return currentDate.value.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });\n  }\n});\n\nconst dateTime = computed(() => toLocalDateKey(currentDate.value));\n\n// Helper to find best anchor date from range\nfunction getBestAnchorDateFromRange(range: CalendarDay[] | Month[] | null | undefined): Date | null {\n  if (!range || !Array.isArray(range) || range.length === 0) return null;\n  const days = range as any[];\n\n  const selected = days.find((d) => typeof d?.date === 'string' && d?.isSelected === true);\n  if (selected) return parseLocalDate(selected.date);\n\n  const today = days.find((d) => typeof d?.date === 'string' && d?.isToday === true);\n  if (today) return parseLocalDate(today.date);\n\n  const first = days[0];\n  if (first && typeof first.date === 'string') return parseLocalDate(first.date);\n\n  return null;\n}\n\n// Navigation methods\nfunction previousRange() {\n  let newDate = new Date(currentDate.value);\n  switch (props.view) {\n    case 'day':\n      newDate.setDate(newDate.getDate() - 1);\n      break;\n    case 'week':\n      newDate.setDate(newDate.getDate() - 7);\n      break;\n    case 'month':\n      newDate = new Date(newDate.getFullYear(), newDate.getMonth() - 1, 1);\n      break;\n    case 'year':\n      newDate.setFullYear(newDate.getFullYear() - 1);\n      break;\n  }\n  currentDate.value = newDate;\n}\n\nfunction nextRange() {\n  let newDate = new Date(currentDate.value);\n  switch (props.view) {\n    case 'day':\n      newDate.setDate(newDate.getDate() + 1);\n      break;\n    case 'week':\n      newDate.setDate(newDate.getDate() + 7);\n      break;\n    case 'month':\n      newDate = new Date(newDate.getFullYear(), newDate.getMonth() + 1, 1);\n      break;\n    case 'year':\n      newDate.setFullYear(newDate.getFullYear() + 1);\n      break;\n  }\n  currentDate.value = newDate;\n}\n\nfunction goToToday() {\n  let today = new Date();\n  if (props.view === 'month') {\n    today = new Date(today.getFullYear(), today.getMonth(), 1);\n  }\n  currentDate.value = today;\n  showMobileMenu.value = false;\n}\n\nfunction changeView(newView: CalendarViewType) {\n  showMobileMenu.value = false;\n  if (newView) {\n    emit('changeView', newView);\n  }\n}\n\nfunction handleAction() {\n  showMobileMenu.value = false;\n  emit('action');\n}\n\n// Update days based on currentDate and view\nfunction updateDays() {\n  let generatedDays: CalendarDay[] | Month[] = [];\n  const todayStr = toLocalDateKey(currentDate.value);\n  switch (props.view) {\n    case 'day':\n      generatedDays = generateWeekDays(currentDate.value).filter(\n        (day) => day.date === todayStr\n      );\n      break;\n    case 'week':\n      generatedDays = generateWeekDays(currentDate.value);\n      break;\n    case 'month':\n      generatedDays = generateMonthDays(currentDate.value, 0);\n      break;\n    case 'year':\n      generatedDays = generateYearDays(currentDate.value);\n      break;\n  }\n  internalDays.value = generatedDays;\n  isUpdatingInternally = true;\n  emit('changeRange', generatedDays);\n  isUpdatingInternally = false;\n}\n\n// Menu toggle functions\nfunction toggleMobileMenu() {\n  showMobileMenu.value = !showMobileMenu.value;\n}\n\n// Click outside handler\nfunction handleClickOutside(event: MouseEvent) {\n  const target = event.target as Node;\n  \n  if (mobileMenuRef.value && !mobileMenuRef.value.contains(target)) {\n    showMobileMenu.value = false;\n  }\n}\n\n// Watchers\nwatch(\n  () => props.view,\n  (newView, oldView) => {\n    if (oldView === 'month' && (newView === 'week' || newView === 'day' || newView === 'year')) {\n      const anchor = getBestAnchorDateFromRange(props.selectedRange as any);\n      currentDate.value = anchor ?? new Date();\n    }\n\n    if (oldView === 'week' && newView === 'day') {\n      const anchor = getBestAnchorDateFromRange(props.selectedRange as any);\n      if (anchor) currentDate.value = anchor;\n    }\n\n    if ((newView === 'week' || newView === 'day') && !props.selectedRange) {\n      currentDate.value = new Date();\n    }\n\n    updateDays();\n  },\n  { immediate: true }\n);\n\nwatch(currentDate, () => {\n  updateDays();\n}, { immediate: true });\n\nwatch(() => props.selectedRange, (newRange) => {\n  if (props.view !== 'month' && !isUpdatingInternally && newRange && newRange.length) {\n    const anchor = getBestAnchorDateFromRange(newRange as any);\n    if (!anchor) return;\n    if (toLocalDateKey(currentDate.value) !== toLocalDateKey(anchor)) {\n      currentDate.value = anchor;\n    }\n  }\n}, { immediate: true });\n\n// Lifecycle\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside);\n});\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside);\n});\n</script>\n\n<style scoped>\n</style>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","emit","__emit","viewOptions","showMobileMenu","ref","mobileMenuRef","systemToday","normalizedToday","currentDate","internalDays","isUpdatingInternally","selectedViewOption","computed","opt","handleViewSelection","option","displayHeader","dateTime","toLocalDateKey","getBestAnchorDateFromRange","range","days","selected","d","parseLocalDate","today","first","previousRange","newDate","nextRange","goToToday","changeView","newView","handleAction","updateDays","generatedDays","todayStr","generateWeekDays","day","generateMonthDays","generateYearDays","toggleMobileMenu","handleClickOutside","event","target","watch","oldView","anchor","newRange","onMounted","onUnmounted","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_unref","ChevronLeftIcon","_hoisted_7","ChevronRightIcon","_hoisted_8","_hoisted_9","SelectInput","$slots","_Fragment","_renderSlot","UiButton","EllipsisHorizontalIcon","_Transition","_withDirectives","_hoisted_10","_hoisted_11","_hoisted_12","_renderList","$event","_normalizeClass","_toDisplayString","_hoisted_13","_hoisted_14"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/CheckboxInput.vue_vue_type_script_setup_true_lang-B8wJVkPP.js

@@ -1,187 +0,0 @@
-import { defineComponent as N, ref as h, watch as m, computed as S, createElementBlock as i, openBlock as d, createVNode as $, unref as a, withCtx as I, createElementVNode as t, withDirectives as R, normalizeClass as g, vModelCheckbox as T, createCommentVNode as k, toDisplayString as y } from "vue";
-import { useField as z } from "vee-validate";
-import { g as A } from "./id-DafBB_QF.js";
-import U from "./forms/FormFieldWrapper.js";
-const W = { class: "sl-w-full" }, q = { class: "sl-flex sl-items-start sl-gap-3" }, G = { class: "sl-flex sl-h-6 sl-shrink-0 sl-items-center" }, J = { class: "sl-group group sl-grid sl-w-4 sl-h-4 sl-grid-cols-1" }, K = ["id", "aria-describedby", "name", "disabled"], O = { class: "sl-flex-1 sl-text-sm sl-leading-6" }, P = ["for"], Q = ["id"], X = ["innerHTML"], Y = { key: 1 }, oe = /* @__PURE__ */ N({
-  __name: "CheckboxInput",
-  props: {
-    name: {},
-    label: {},
-    description: {},
-    disabled: { type: Boolean },
-    rules: {},
-    immediate: { type: Boolean, default: !0 },
-    isDescriptionHtml: { type: Boolean, default: !1 },
-    successMessage: {},
-    modelValue: { type: Boolean },
-    tertiaryLabel: {},
-    showErrors: { type: Boolean, default: !1 },
-    layout: { default: "stacked" },
-    boxShadow: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "blur", "focus"],
-  setup(v, { expose: w, emit: C }) {
-    const s = v, u = C, n = h(), B = h(null), r = A(`sl-${s.name}`), { value: V, errorMessage: f, handleChange: b, handleBlur: M, meta: c } = z(
-      () => s.name,
-      s.rules,
-      {
-        type: "checkbox",
-        initialValue: s.modelValue || !1
-      }
-    ), l = h(s.modelValue || !1);
-    m(
-      () => s.modelValue,
-      (e) => {
-        e !== void 0 && e !== l.value && (l.value = e, V.value = e);
-      },
-      { immediate: !0 }
-    ), m(
-      l,
-      (e) => {
-        u("update:modelValue", e), s.immediate && b(e);
-      }
-    );
-    const H = S(() => {
-      const e = [
-        "sl-h-4",
-        "sl-w-4",
-        "sl-rounded",
-        "sl-border-gray-300",
-        "sl-text-stachelock-600",
-        "focus:sl-ring-stachelock-600",
-        "focus:sl-ring-2",
-        "focus:sl-ring-offset-2",
-        "sl-transition-all",
-        "sl-duration-200"
-      ];
-      return s.disabled ? e.push(
-        "sl-cursor-not-allowed",
-        "sl-opacity-50",
-        "sl-bg-gray-50"
-      ) : e.push(
-        "sl-cursor-pointer",
-        "hover:sl-border-gray-400"
-      ), f.value ? e.push(
-        "sl-border-red-300",
-        "focus:sl-ring-red-600"
-      ) : c.valid && c.touched && e.push(
-        "sl-border-green-300",
-        "focus:sl-ring-green-500"
-      ), e.join(" ");
-    }), L = (e) => {
-      const o = e.target;
-      l.value = o.checked, s.immediate || b(o.checked);
-    }, p = () => {
-      s.disabled || (l.value = !l.value);
-    }, x = () => {
-      n.value?.focus();
-    }, D = () => {
-      n.value?.blur();
-    }, _ = (e) => {
-      s.immediate || b(l.value), M(e), u("blur", e);
-    }, j = (e) => {
-      u("focus", e);
-    }, E = (e) => {
-      s.disabled || e.target.tagName === "A" || p();
-    };
-    return w({
-      focus: x,
-      blur: D,
-      toggle: p,
-      checkboxRef: n
-    }), (e, o) => (d(), i("div", W, [
-      $(U, {
-        id: a(r),
-        name: e.name,
-        label: e.layout === "stacked" ? e.label : "",
-        disabled: e.disabled,
-        optional: !e.rules,
-        "tertiary-label": e.tertiaryLabel,
-        "box-shadow": e.boxShadow,
-        "error-message": a(f),
-        "success-message": e.successMessage,
-        "is-valid": a(c).valid,
-        "is-touched": a(c).touched,
-        "show-errors": e.showErrors,
-        "show-valid-check": !1
-      }, {
-        default: I(() => [
-          t("div", q, [
-            t("div", G, [
-              t("div", J, [
-                R(t("input", {
-                  id: a(r),
-                  "aria-describedby": e.description ? `${a(r)}-description` : void 0,
-                  name: e.name,
-                  ref_key: "checkboxRef",
-                  ref: n,
-                  "onUpdate:modelValue": o[0] || (o[0] = (F) => l.value = F),
-                  type: "checkbox",
-                  disabled: e.disabled,
-                  class: g([
-                    "sl-col-start-1 sl-row-start-1 sl-w-full sl-h-full sl-appearance-none sl-rounded sl-border sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900",
-                    "checked:sl-border-stachelock-600 checked:sl-bg-stachelock-600",
-                    "indeterminate:sl-border-stachelock-600 indeterminate:sl-bg-stachelock-600",
-                    "focus-visible:sl-outline focus-visible:sl-outline-2 focus-visible:sl-outline-offset-2 focus-visible:sl-outline-stachelock-600 dark:focus-visible:sl-outline-offset-slate-900",
-                    "disabled:sl-border-gray-300 dark:disabled:sl-border-slate-700 disabled:sl-bg-gray-100 dark:disabled:sl-bg-slate-800 disabled:checked:sl-bg-gray-100 dark:disabled:checked:sl-bg-slate-700",
-                    H.value
-                  ]),
-                  onChange: L,
-                  onFocus: j,
-                  onBlur: _
-                }, null, 42, K), [
-                  [T, l.value]
-                ]),
-                o[1] || (o[1] = t("svg", {
-                  class: "sl-pointer-events-none sl-col-start-1 sl-row-start-1 sl-w-3.5 sl-h-3.5 sl-self-center sl-justify-self-center sl-stroke-white",
-                  viewBox: "0 0 14 14",
-                  fill: "none"
-                }, [
-                  t("path", {
-                    class: "sl-opacity-0 group-has-[:checked]:sl-opacity-100",
-                    d: "M3 8L6 11L11 3.5",
-                    "stroke-width": "2",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round"
-                  }),
-                  t("path", {
-                    class: "sl-opacity-0 group-has-[:indeterminate]:sl-opacity-100",
-                    d: "M3 7H11",
-                    "stroke-width": "2",
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round"
-                  })
-                ], -1))
-              ])
-            ]),
-            t("div", O, [
-              e.layout === "inline" && e.label ? (d(), i("label", {
-                key: 0,
-                for: a(r),
-                class: "sl-font-medium sl-text-gray-900 dark:sl-text-white sl-cursor-pointer"
-              }, y(e.label), 9, P)) : k("", !0),
-              e.description ? (d(), i("div", {
-                key: 1,
-                id: `${a(r)}-description`,
-                class: g(["sl-text-gray-600 dark:sl-text-slate-300", [e.layout === "inline" ? "" : "sl-mt-1", { "sl-cursor-pointer": !e.disabled }]]),
-                ref_key: "descriptionHtml",
-                ref: B,
-                onClick: E
-              }, [
-                e.isDescriptionHtml ? (d(), i("div", {
-                  key: 0,
-                  innerHTML: e.description
-                }, null, 8, X)) : (d(), i("span", Y, y(e.description), 1))
-              ], 10, Q)) : k("", !0)
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["id", "name", "label", "disabled", "optional", "tertiary-label", "box-shadow", "error-message", "success-message", "is-valid", "is-touched", "show-errors"])
-    ]));
-  }
-});
-export {
-  oe as _
-};
-//# sourceMappingURL=CheckboxInput.vue_vue_type_script_setup_true_lang-B8wJVkPP.js.map