@stachelock/ui 0.2.13 → 0.3.0

package/dist/BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js

@@ -0,0 +1,235 @@
+import { defineComponent as z, computed as g, createBlock as h, openBlock as a, unref as t, withCtx as r, createVNode as m, createElementVNode as l, normalizeStyle as S, normalizeClass as o, createElementBlock as u, createCommentVNode as i, renderSlot as y, toDisplayString as p } from "vue";
+import { r as V } from "./XMarkIcon-Cwy3T6p8.js";
+import { S as $, h as x } from "./transition-_rPfnoET.js";
+import { Y as T, G as j, V as F } from "./dialog-B2WA4G25.js";
+const N = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, E = { class: "sl-flex sl-min-h-full sl-items-end sl-justify-center sl-p-4 sl-text-center sm:sl-items-center sm:sl-p-0" }, G = {
+  key: 0,
+  class: "sl-mx-auto sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-mx-0 sm:sl-h-10 sm:sl-w-10"
+}, O = {
+  key: 1,
+  class: "sl-bg-gray-50 dark:sl-bg-slate-800/50 sl-px-4 sl-py-3 sm:sl-flex sm:sl-flex-row-reverse sm:sl-px-6 sl-gap-3"
+}, W = /* @__PURE__ */ z({
+  __name: "BaseModal",
+  props: {
+    /** Controls modal visibility (v-model) */
+    modelValue: {
+      type: Boolean,
+      required: !0
+    },
+    /** Modal size */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /** Text for confirm button */
+    confirmText: {
+      type: String,
+      default: "Confirm"
+    },
+    /** Text for cancel button */
+    cancelText: {
+      type: String,
+      default: "Cancel"
+    },
+    /** Theme for confirm button */
+    confirmTheme: {
+      type: String,
+      default: "primary"
+    },
+    /** Whether to show cancel button */
+    showCancel: {
+      type: Boolean,
+      default: !0
+    },
+    /** Whether to show close button in corner */
+    showCloseButton: {
+      type: Boolean,
+      default: !0
+    },
+    /** Whether to show footer with action buttons */
+    showFooter: {
+      type: Boolean,
+      default: !0
+    },
+    /** Whether clicking backdrop closes modal */
+    closeOnBackdrop: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "confirm", "cancel", "close"],
+  setup(e, { emit: b }) {
+    const d = e, n = b, w = g(() => {
+      const s = {
+        sm: "sm:sl-max-w-sm",
+        md: "sm:sl-max-w-md",
+        lg: "sm:sl-max-w-lg",
+        xl: "sm:sl-max-w-xl",
+        "2xl": "sm:sl-max-w-2xl",
+        full: "sm:sl-max-w-full sm:sl-mx-4"
+      };
+      return s[d.size] || s.md;
+    }), v = g(() => {
+      const s = {
+        sm: "24rem",
+        // 384px
+        md: "28rem",
+        // 448px
+        lg: "32rem",
+        // 512px
+        xl: "36rem",
+        // 576px
+        "2xl": "42rem",
+        // 672px
+        full: "100%"
+      };
+      return {
+        maxWidth: s[d.size] || s.md
+      };
+    }), k = g(() => {
+      const s = {
+        primary: "sl-bg-primary-600 hover:sl-bg-primary-500",
+        secondary: "sl-bg-gray-600 hover:sl-bg-gray-500",
+        success: "sl-bg-green-600 hover:sl-bg-green-500",
+        warning: "sl-bg-yellow-600 hover:sl-bg-yellow-500",
+        danger: "sl-bg-red-600 hover:sl-bg-red-500",
+        info: "sl-bg-blue-600 hover:sl-bg-blue-500",
+        light: "sl-bg-gray-200 sl-text-gray-900 hover:sl-bg-gray-300",
+        dark: "sl-bg-gray-800 hover:sl-bg-gray-700",
+        ghost: "sl-bg-transparent hover:sl-bg-gray-100 dark:hover:sl-bg-gray-800"
+      };
+      return s[d.confirmTheme] || s.primary;
+    }), f = () => {
+      d.closeOnBackdrop && (n("update:modelValue", !1), n("close"));
+    }, C = () => {
+      n("confirm");
+    }, B = () => {
+      n("update:modelValue", !1), n("cancel");
+    };
+    return (s, c) => (a(), h(t($), {
+      as: "template",
+      show: e.modelValue
+    }, {
+      default: r(() => [
+        m(t(T), {
+          as: "div",
+          class: "sl-relative sl-z-50",
+          onClose: f
+        }, {
+          default: r(() => [
+            m(t(x), {
+              as: "template",
+              enter: "sl-ease-out sl-duration-300",
+              "enter-from": "sl-opacity-0",
+              "enter-to": "sl-opacity-100",
+              leave: "sl-ease-in sl-duration-200",
+              "leave-from": "sl-opacity-100",
+              "leave-to": "sl-opacity-0"
+            }, {
+              default: r(() => c[0] || (c[0] = [
+                l("div", { class: "sl-fixed sl-inset-0 sl-bg-gray-500/75 dark:sl-bg-slate-900/80 sl-transition-opacity" }, null, -1)
+              ])),
+              _: 1,
+              __: [0]
+            }),
+            l("div", N, [
+              l("div", E, [
+                m(t(x), {
+                  as: "template",
+                  enter: "sl-ease-out sl-duration-300",
+                  "enter-from": "sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95",
+                  "enter-to": "sl-opacity-100 sl-translate-y-0 sm:sl-scale-100",
+                  leave: "sl-ease-in sl-duration-200",
+                  "leave-from": "sl-opacity-100 sl-translate-y-0 sm:sl-scale-100",
+                  "leave-to": "sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95"
+                }, {
+                  default: r(() => [
+                    m(t(j), {
+                      class: o([
+                        "sl-relative sl-transform sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-text-left sl-shadow-xl sl-transition-all",
+                        "sm:sl-my-8 sl-w-full",
+                        w.value
+                      ]),
+                      style: S(v.value)
+                    }, {
+                      default: r(() => [
+                        e.showCloseButton ? (a(), u("button", {
+                          key: 0,
+                          type: "button",
+                          class: "sl-absolute sl-right-4 sl-top-4 sl-text-gray-400 hover:sl-text-gray-500 dark:sl-text-slate-500 dark:hover:sl-text-slate-400 sl-z-10",
+                          onClick: f
+                        }, [
+                          c[1] || (c[1] = l("span", { class: "sl-sr-only" }, "Close", -1)),
+                          m(t(V), {
+                            class: "sl-h-6 sl-w-6",
+                            "aria-hidden": "true"
+                          })
+                        ])) : i("", !0),
+                        l("div", {
+                          class: o(["sl-bg-white dark:sl-bg-slate-800 sl-px-4 sl-pb-4 sl-pt-5 sm:sl-p-6", { "sm:sl-pb-4": e.showFooter }])
+                        }, [
+                          l("div", {
+                            class: o({ "sm:sl-flex sm:sl-items-start": !!s.$slots.icon })
+                          }, [
+                            s.$slots.icon ? (a(), u("div", G, [
+                              y(s.$slots, "icon")
+                            ])) : i("", !0),
+                            l("div", {
+                              class: o({ "sl-mt-3 sl-text-center sm:sl-ml-4 sm:sl-mt-0 sm:sl-text-left": !!s.$slots.icon, "sl-flex-1": !0 })
+                            }, [
+                              s.$slots.header ? (a(), h(t(F), {
+                                key: 0,
+                                as: "h3",
+                                class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white"
+                              }, {
+                                default: r(() => [
+                                  y(s.$slots, "header")
+                                ]),
+                                _: 3
+                              })) : i("", !0),
+                              l("div", {
+                                class: o([{ "sl-mt-2": !!s.$slots.header }, "sl-text-gray-600 dark:sl-text-slate-300"])
+                              }, [
+                                y(s.$slots, "body")
+                              ], 2)
+                            ], 2)
+                          ], 2)
+                        ], 2),
+                        e.showFooter ? (a(), u("div", O, [
+                          y(s.$slots, "footer", {}, () => [
+                            l("button", {
+                              type: "button",
+                              class: o([
+                                "sl-inline-flex sl-w-full sl-justify-center sl-rounded-md sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-white sl-shadow-sm sm:sl-w-auto",
+                                k.value
+                              ]),
+                              onClick: C
+                            }, p(e.confirmText), 3),
+                            e.showCancel ? (a(), u("button", {
+                              key: 0,
+                              type: "button",
+                              class: "sl-mt-3 sl-inline-flex sl-w-full sl-justify-center sl-rounded-md sl-bg-white dark:sl-bg-slate-700 sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-gray-200 sl-shadow-sm sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-600 sm:sl-mt-0 sm:sl-w-auto",
+                              onClick: B
+                            }, p(e.cancelText), 1)) : i("", !0)
+                          ])
+                        ])) : i("", !0)
+                      ]),
+                      _: 3
+                    }, 8, ["class", "style"])
+                  ]),
+                  _: 3
+                })
+              ])
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["show"]));
+  }
+});
+export {
+  W as _
+};
+//# sourceMappingURL=BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js.map

package/dist/BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js","sources":["../src/components/modals/BaseModal.vue"],"sourcesContent":["<template>\n  <TransitionRoot as=\"template\" :show=\"modelValue\">\n    <Dialog as=\"div\" class=\"sl-relative sl-z-50\" @close=\"handleClose\">\n      <TransitionChild\n        as=\"template\"\n        enter=\"sl-ease-out sl-duration-300\"\n        enter-from=\"sl-opacity-0\"\n        enter-to=\"sl-opacity-100\"\n        leave=\"sl-ease-in sl-duration-200\"\n        leave-from=\"sl-opacity-100\"\n        leave-to=\"sl-opacity-0\"\n      >\n        <div class=\"sl-fixed sl-inset-0 sl-bg-gray-500/75 dark:sl-bg-slate-900/80 sl-transition-opacity\" />\n      </TransitionChild>\n\n      <div class=\"sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto\">\n        <div class=\"sl-flex sl-min-h-full sl-items-end sl-justify-center sl-p-4 sl-text-center sm:sl-items-center sm:sl-p-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"sl-ease-out sl-duration-300\"\n            enter-from=\"sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95\"\n            enter-to=\"sl-opacity-100 sl-translate-y-0 sm:sl-scale-100\"\n            leave=\"sl-ease-in sl-duration-200\"\n            leave-from=\"sl-opacity-100 sl-translate-y-0 sm:sl-scale-100\"\n            leave-to=\"sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95\"\n          >\n            <DialogPanel\n              :class=\"[\n                'sl-relative sl-transform sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-text-left sl-shadow-xl sl-transition-all',\n                'sm:sl-my-8 sl-w-full',\n                sizeClass\n              ]\"\n              :style=\"sizeStyle\"\n            >\n              <!-- Close button -->\n              <button\n                v-if=\"showCloseButton\"\n                type=\"button\"\n                class=\"sl-absolute sl-right-4 sl-top-4 sl-text-gray-400 hover:sl-text-gray-500 dark:sl-text-slate-500 dark:hover:sl-text-slate-400 sl-z-10\"\n                @click=\"handleClose\"\n              >\n                <span class=\"sl-sr-only\">Close</span>\n                <XMarkIcon class=\"sl-h-6 sl-w-6\" aria-hidden=\"true\" />\n              </button>\n\n              <div :class=\"['sl-bg-white dark:sl-bg-slate-800 sl-px-4 sl-pb-4 sl-pt-5 sm:sl-p-6', { 'sm:sl-pb-4': showFooter }]\">\n                <div :class=\"{ 'sm:sl-flex sm:sl-items-start': !!$slots.icon }\">\n                  <!-- Icon slot -->\n                  <div v-if=\"$slots.icon\" class=\"sl-mx-auto sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-mx-0 sm:sl-h-10 sm:sl-w-10\">\n                    <slot name=\"icon\" />\n                  </div>\n\n                  <div :class=\"{ 'sl-mt-3 sl-text-center sm:sl-ml-4 sm:sl-mt-0 sm:sl-text-left': !!$slots.icon, 'sl-flex-1': true }\">\n                    <!-- Header slot -->\n                    <DialogTitle v-if=\"$slots.header\" as=\"h3\" class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white\">\n                      <slot name=\"header\" />\n                    </DialogTitle>\n\n                    <!-- Body slot -->\n                    <div :class=\"{ 'sl-mt-2': !!$slots.header }\" class=\"sl-text-gray-600 dark:sl-text-slate-300\">\n                      <slot name=\"body\" />\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <!-- Footer with action buttons -->\n              <div\n                v-if=\"showFooter\"\n                class=\"sl-bg-gray-50 dark:sl-bg-slate-800/50 sl-px-4 sl-py-3 sm:sl-flex sm:sl-flex-row-reverse sm:sl-px-6 sl-gap-3\"\n              >\n                <slot name=\"footer\">\n                  <button\n                    type=\"button\"\n                    :class=\"[\n                      'sl-inline-flex sl-w-full sl-justify-center sl-rounded-md sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-white sl-shadow-sm sm:sl-w-auto',\n                      confirmButtonClasses\n                    ]\"\n                    @click=\"handleConfirm\"\n                  >\n                    {{ confirmText }}\n                  </button>\n                  <button\n                    v-if=\"showCancel\"\n                    type=\"button\"\n                    class=\"sl-mt-3 sl-inline-flex sl-w-full sl-justify-center sl-rounded-md sl-bg-white dark:sl-bg-slate-700 sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-gray-200 sl-shadow-sm sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-600 sm:sl-mt-0 sm:sl-w-auto\"\n                    @click=\"handleCancel\"\n                  >\n                    {{ cancelText }}\n                  </button>\n                </slot>\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </div>\n    </Dialog>\n  </TransitionRoot>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type PropType } from 'vue';\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { XMarkIcon } from '@heroicons/vue/24/outline';\nimport type { Theme } from '@/types/core';\n\nconst props = defineProps({\n  /** Controls modal visibility (v-model) */\n  modelValue: {\n    type: Boolean,\n    required: true,\n  },\n  /** Modal size */\n  size: {\n    type: String as PropType<'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'>,\n    default: 'md',\n  },\n  /** Text for confirm button */\n  confirmText: {\n    type: String,\n    default: 'Confirm',\n  },\n  /** Text for cancel button */\n  cancelText: {\n    type: String,\n    default: 'Cancel',\n  },\n  /** Theme for confirm button */\n  confirmTheme: {\n    type: String as PropType<Theme>,\n    default: 'primary',\n  },\n  /** Whether to show cancel button */\n  showCancel: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether to show close button in corner */\n  showCloseButton: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether to show footer with action buttons */\n  showFooter: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether clicking backdrop closes modal */\n  closeOnBackdrop: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n  (e: 'confirm'): void;\n  (e: 'cancel'): void;\n  (e: 'close'): void;\n}>();\n\nconst sizeClass = computed(() => {\n  const sizes: Record<string, string> = {\n    sm: 'sm:sl-max-w-sm',\n    md: 'sm:sl-max-w-md',\n    lg: 'sm:sl-max-w-lg',\n    xl: 'sm:sl-max-w-xl',\n    '2xl': 'sm:sl-max-w-2xl',\n    full: 'sm:sl-max-w-full sm:sl-mx-4',\n  };\n  return sizes[props.size] || sizes.md;\n});\n\n// Use inline styles for max-width to ensure they work regardless of CSS build\nconst sizeStyle = computed(() => {\n  const sizes: Record<string, string> = {\n    sm: '24rem',    // 384px\n    md: '28rem',    // 448px\n    lg: '32rem',    // 512px\n    xl: '36rem',    // 576px\n    '2xl': '42rem', // 672px\n    full: '100%',\n  };\n  return {\n    maxWidth: sizes[props.size] || sizes.md,\n  };\n});\n\nconst confirmButtonClasses = computed(() => {\n  const themes: Record<Theme, string> = {\n    primary: 'sl-bg-primary-600 hover:sl-bg-primary-500',\n    secondary: 'sl-bg-gray-600 hover:sl-bg-gray-500',\n    success: 'sl-bg-green-600 hover:sl-bg-green-500',\n    warning: 'sl-bg-yellow-600 hover:sl-bg-yellow-500',\n    danger: 'sl-bg-red-600 hover:sl-bg-red-500',\n    info: 'sl-bg-blue-600 hover:sl-bg-blue-500',\n    light: 'sl-bg-gray-200 sl-text-gray-900 hover:sl-bg-gray-300',\n    dark: 'sl-bg-gray-800 hover:sl-bg-gray-700',\n    ghost: 'sl-bg-transparent hover:sl-bg-gray-100 dark:hover:sl-bg-gray-800',\n  };\n  return themes[props.confirmTheme] || themes.primary;\n});\n\nconst handleClose = () => {\n  if (!props.closeOnBackdrop) return;\n  emit('update:modelValue', false);\n  emit('close');\n};\n\nconst handleConfirm = () => {\n  emit('confirm');\n};\n\nconst handleCancel = () => {\n  emit('update:modelValue', false);\n  emit('cancel');\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","sizeClass","computed","sizes","sizeStyle","confirmButtonClasses","themes","handleClose","handleConfirm","handleCancel","_createBlock","_unref","TransitionRoot","_createVNode","Dialog","TransitionChild","_cache","_createElementVNode","_hoisted_1","_hoisted_2","DialogPanel","_normalizeClass","_createElementBlock","XMarkIcon","$slots","_openBlock","_hoisted_3","_renderSlot","_ctx","DialogTitle","_hoisted_4"],"mappings":"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"}

package/dist/CalendarHeader.vue_vue_type_script_setup_true_lang-DRwe4rw8.js

@@ -0,0 +1,328 @@
+import { createElementBlock as o, openBlock as i, createElementVNode as t, defineComponent as I, ref as y, computed as D, watch as _, onMounted as K, onUnmounted as P, toDisplayString as c, createVNode as u, unref as C, createCommentVNode as M, renderSlot as S, Fragment as B, withCtx as $, createTextVNode as q, Transition as J, withDirectives as Q, renderList as X, normalizeClass as ee, vShow as te } from "vue";
+import le from "./components/Button.js";
+import { _ as se } from "./SelectInput.vue_vue_type_script_setup_true_lang--yUL7bcx.js";
+import { t as h, p as F, b as ae, g as re, a as U } from "./calendar-DyIP7WGv.js";
+import { r as ne } from "./ChevronRightIcon-DkUqw988.js";
+function oe(n, f) {
+  return i(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    t("path", {
+      "fill-rule": "evenodd",
+      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",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function ie(n, f) {
+  return i(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    t("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" })
+  ]);
+}
+const de = { 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" }, ce = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-slate-200" }, ue = ["datetime"], ge = { class: "sl-flex sl-items-center" }, me = { 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" }, ve = { class: "sl-sr-only" }, ye = { class: "sl-sr-only" }, he = { class: "sl-hidden md:sl-ml-4 md:sl-flex md:sl-items-center" }, fe = { class: "sl-w-36" }, be = { 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" }, ke = {
+  key: 0,
+  class: "sl-py-1"
+}, we = { class: "sl-py-1" }, xe = ["onClick"], pe = {
+  key: 1,
+  class: "sl-py-1"
+}, Be = /* @__PURE__ */ I({
+  __name: "CalendarHeader",
+  props: {
+    /** Current view mode */
+    view: {
+      type: String,
+      default: "month",
+      validator: (n) => ["day", "week", "month", "year"].includes(n)
+    },
+    /** Currently displayed date range */
+    selectedRange: {
+      type: Array,
+      default: null
+    },
+    /** Label for the action button */
+    actionLabel: {
+      type: String,
+      default: "Add event"
+    },
+    /** Whether to show the action button */
+    showActionButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["changeRange", "changeView", "action"],
+  setup(n, { emit: f }) {
+    const r = n, m = f, v = [
+      { id: "day", label: "Day view" },
+      { id: "week", label: "Week view" },
+      { id: "month", label: "Month view" },
+      { id: "year", label: "Year view" }
+    ], d = y(!1), b = y(null), L = /* @__PURE__ */ new Date(), N = new Date(L.getFullYear(), L.getMonth(), 1), s = y(r.view === "month" ? N : /* @__PURE__ */ new Date()), z = y([]);
+    let k = !1;
+    const E = D(() => v.find((e) => e.id === r.view) || v[2]);
+    function O(e) {
+      e && e.id && m("changeView", e.id);
+    }
+    const V = D(() => {
+      switch (r.view) {
+        case "day":
+          return s.value.toDateString();
+        case "week":
+        case "month":
+          return s.value.toLocaleDateString("en-US", { month: "long", year: "numeric" });
+        case "year":
+          return s.value.getFullYear().toString();
+        default:
+          return s.value.toLocaleDateString("en-US", { month: "long", year: "numeric" });
+      }
+    }), Z = D(() => h(s.value));
+    function w(e) {
+      if (!e || !Array.isArray(e) || e.length === 0) return null;
+      const l = e, a = l.find((g) => typeof g?.date == "string" && g?.isSelected === !0);
+      if (a) return F(a.date);
+      const x = l.find((g) => typeof g?.date == "string" && g?.isToday === !0);
+      if (x) return F(x.date);
+      const p = l[0];
+      return p && typeof p.date == "string" ? F(p.date) : null;
+    }
+    function j() {
+      let e = new Date(s.value);
+      switch (r.view) {
+        case "day":
+          e.setDate(e.getDate() - 1);
+          break;
+        case "week":
+          e.setDate(e.getDate() - 7);
+          break;
+        case "month":
+          e = new Date(e.getFullYear(), e.getMonth() - 1, 1);
+          break;
+        case "year":
+          e.setFullYear(e.getFullYear() - 1);
+          break;
+      }
+      s.value = e;
+    }
+    function H() {
+      let e = new Date(s.value);
+      switch (r.view) {
+        case "day":
+          e.setDate(e.getDate() + 1);
+          break;
+        case "week":
+          e.setDate(e.getDate() + 7);
+          break;
+        case "month":
+          e = new Date(e.getFullYear(), e.getMonth() + 1, 1);
+          break;
+        case "year":
+          e.setFullYear(e.getFullYear() + 1);
+          break;
+      }
+      s.value = e;
+    }
+    function Y() {
+      let e = /* @__PURE__ */ new Date();
+      r.view === "month" && (e = new Date(e.getFullYear(), e.getMonth(), 1)), s.value = e, d.value = !1;
+    }
+    function W(e) {
+      d.value = !1, e && m("changeView", e);
+    }
+    function R() {
+      d.value = !1, m("action");
+    }
+    function A() {
+      let e = [];
+      const l = h(s.value);
+      switch (r.view) {
+        case "day":
+          e = U(s.value).filter(
+            (a) => a.date === l
+          );
+          break;
+        case "week":
+          e = U(s.value);
+          break;
+        case "month":
+          e = re(s.value, 0);
+          break;
+        case "year":
+          e = ae(s.value);
+          break;
+      }
+      z.value = e, k = !0, m("changeRange", e), k = !1;
+    }
+    function G() {
+      d.value = !d.value;
+    }
+    function T(e) {
+      const l = e.target;
+      b.value && !b.value.contains(l) && (d.value = !1);
+    }
+    return _(
+      () => r.view,
+      (e, l) => {
+        if (l === "month" && (e === "week" || e === "day" || e === "year")) {
+          const a = w(r.selectedRange);
+          s.value = a ?? /* @__PURE__ */ new Date();
+        }
+        if (l === "week" && e === "day") {
+          const a = w(r.selectedRange);
+          a && (s.value = a);
+        }
+        (e === "week" || e === "day") && !r.selectedRange && (s.value = /* @__PURE__ */ new Date()), A();
+      },
+      { immediate: !0 }
+    ), _(s, () => {
+      A();
+    }, { immediate: !0 }), _(() => r.selectedRange, (e) => {
+      if (r.view !== "month" && !k && e && e.length) {
+        const l = w(e);
+        if (!l) return;
+        h(s.value) !== h(l) && (s.value = l);
+      }
+    }, { immediate: !0 }), K(() => {
+      document.addEventListener("click", T);
+    }), P(() => {
+      document.removeEventListener("click", T);
+    }), (e, l) => (i(), o("header", de, [
+      t("h1", ce, [
+        t("time", { datetime: Z.value }, c(V.value), 9, ue)
+      ]),
+      t("div", ge, [
+        t("div", me, [
+          t("button", {
+            onClick: j,
+            type: "button",
+            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"
+          }, [
+            t("span", ve, "Previous " + c(n.view), 1),
+            u(C(oe), {
+              class: "sl-h-5 sl-w-5",
+              "aria-hidden": "true"
+            })
+          ]),
+          t("button", {
+            onClick: Y,
+            type: "button",
+            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"
+          }, " Today "),
+          l[0] || (l[0] = t("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" }, null, -1)),
+          t("button", {
+            onClick: H,
+            type: "button",
+            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"
+          }, [
+            t("span", ye, "Next " + c(n.view), 1),
+            u(C(ne), {
+              class: "sl-h-5 sl-w-5",
+              "aria-hidden": "true"
+            })
+          ])
+        ]),
+        t("div", he, [
+          t("div", fe, [
+            u(se, {
+              name: "calendar-view",
+              items: v,
+              "model-value": E.value,
+              "onUpdate:modelValue": O,
+              "item-key": "id",
+              "item-text": "label",
+              placeholder: "Select view"
+            }, null, 8, ["model-value"])
+          ]),
+          e.$slots.actions ? (i(), o(B, { key: 0 }, [
+            l[1] || (l[1] = t("div", { class: "sl-mx-6 sl-h-6 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600" }, null, -1)),
+            S(e.$slots, "actions")
+          ], 64)) : n.showActionButton ? (i(), o(B, { key: 1 }, [
+            l[2] || (l[2] = t("div", { class: "sl-mx-6 sl-h-6 sl-w-px sl-bg-gray-300 dark:sl-bg-slate-600" }, null, -1)),
+            u(le, {
+              "center-label": "",
+              type: "button",
+              onButtonClick: R,
+              size: "sm"
+            }, {
+              default: $(() => [
+                q(c(n.actionLabel), 1)
+              ]),
+              _: 1
+            })
+          ], 64)) : M("", !0),
+          S(e.$slots, "filters")
+        ]),
+        t("div", {
+          class: "sl-relative sl-ml-6 md:sl-hidden",
+          ref_key: "mobileMenuRef",
+          ref: b
+        }, [
+          t("button", {
+            onClick: G,
+            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"
+          }, [
+            l[3] || (l[3] = t("span", { class: "sl-sr-only" }, "Open menu", -1)),
+            u(C(ie), {
+              class: "sl-h-5 sl-w-5",
+              "aria-hidden": "true"
+            })
+          ]),
+          u(J, {
+            "enter-active-class": "sl-transition sl-ease-out sl-duration-100",
+            "enter-from-class": "sl-transform sl-opacity-0 sl-scale-95",
+            "enter-to-class": "sl-transform sl-opacity-100 sl-scale-100",
+            "leave-active-class": "sl-transition sl-ease-in sl-duration-75",
+            "leave-from-class": "sl-transform sl-opacity-100 sl-scale-100",
+            "leave-to-class": "sl-transform sl-opacity-0 sl-scale-95"
+          }, {
+            default: $(() => [
+              Q(t("div", be, [
+                n.showActionButton ? (i(), o("div", ke, [
+                  t("button", {
+                    onClick: R,
+                    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"
+                  }, c(n.actionLabel), 1)
+                ])) : M("", !0),
+                t("div", { class: "sl-py-1" }, [
+                  t("button", {
+                    onClick: Y,
+                    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"
+                  }, " Go to today ")
+                ]),
+                t("div", we, [
+                  (i(), o(B, null, X(v, (a) => t("button", {
+                    key: a.id,
+                    onClick: (x) => W(a.id),
+                    class: ee([
+                      n.view === a.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",
+                      "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"
+                    ])
+                  }, c(a.label), 11, xe)), 64))
+                ]),
+                e.$slots["mobile-menu-items"] ? (i(), o("div", pe, [
+                  S(e.$slots, "mobile-menu-items")
+                ])) : M("", !0)
+              ], 512), [
+                [te, d.value]
+              ])
+            ]),
+            _: 3
+          })
+        ], 512)
+      ])
+    ]));
+  }
+});
+export {
+  Be as _
+};
+//# sourceMappingURL=CalendarHeader.vue_vue_type_script_setup_true_lang-DRwe4rw8.js.map

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

@@ -0,0 +1 @@
+{"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]}