@stachelock/ui 0.1.1 → 0.1.3

package/dist/DynamicForm.vue_vue_type_script_setup_true_lang-BKhcXkNG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicForm.vue_vue_type_script_setup_true_lang-BKhcXkNG.js","sources":["../src/components/forms/DynamicForm.vue"],"sourcesContent":["<template>\n  <form\n    ref=\"formRef\"\n    :class=\"formClasses\"\n    @submit.prevent=\"handleSubmit\"\n  >\n    <!-- Form title and description -->\n    <div v-if=\"schema.title || schema.description\" class=\"sl-mb-6\">\n      <h2 v-if=\"schema.title\" class=\"sl-text-lg sl-font-semibold sl-text-gray-900 sl-mb-2\">\n        {{ schema.title }}\n      </h2>\n      <p v-if=\"schema.description\" class=\"sl-text-sm sl-text-gray-600\">\n        {{ schema.description }}\n      </p>\n    </div>\n\n    <!-- Form sections -->\n    <div v-for=\"(section, sectionIndex) in formSections\" :key=\"section.id || sectionIndex\">\n      <!-- Section header -->\n      <div v-if=\"section.title || section.description\" class=\"sl-mb-4\">\n        <h3 v-if=\"section.title\" class=\"sl-text-md sl-font-medium sl-text-gray-900 sl-mb-1\">\n          {{ section.title }}\n        </h3>\n        <p v-if=\"section.description\" class=\"sl-text-sm sl-text-gray-600\">\n          {{ section.description }}\n        </p>\n      </div>\n\n      <!-- Section fields -->\n      <div :class=\"sectionClasses(section)\">\n        <div\n          v-for=\"field in section.fields\"\n          :key=\"field.name\"\n          :class=\"fieldClasses(field)\"\n        >\n          <!-- Conditional rendering -->\n          <SlDynamicFormField\n            v-if=\"shouldShowField(field)\"\n            :field=\"field\"\n            v-model=\"formData[field.name]\"\n            :form-data=\"formData\"\n            @field-change=\"handleFieldChange\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Form actions -->\n    <div\n      v-if=\"showActions\"\n      :class=\"[\n        'sl-flex sl-gap-3',\n        actionsAlignment === 'center' ? 'sl-justify-center' :\n        actionsAlignment === 'right' ? 'sl-justify-end' :\n        'sl-justify-start'\n      ]\"\n    >\n      <SlButton\n        v-if=\"showCancelButton\"\n        variant=\"outline\"\n        :disabled=\"loading\"\n        type=\"button\"\n        @click=\"handleCancel\"\n      >\n        {{ cancelButtonText || 'Cancel' }}\n      </SlButton>\n      \n      <SlButton\n        :variant=\"submitButtonVariant\"\n        :loading=\"loading\"\n        :disabled=\"!isFormValid || loading\"\n        type=\"submit\"\n      >\n        {{ submitButtonText || 'Submit' }}\n      </SlButton>\n    </div>\n    \n    <!-- Form-level errors -->\n    <div v-if=\"formError\" class=\"sl-mt-4\">\n      <div class=\"sl-bg-red-50 sl-border sl-border-red-200 sl-rounded-md sl-p-4\">\n        <div class=\"sl-flex\">\n          <ExclamationCircleIcon class=\"sl-h-5 sl-w-5 sl-text-red-400\" />\n          <div class=\"sl-ml-3\">\n            <h3 class=\"sl-text-sm sl-font-medium sl-text-red-800\">\n              Form Error\n            </h3>\n            <div class=\"sl-mt-2 sl-text-sm sl-text-red-700\">\n              <p>{{ formError }}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from 'vue'\nimport { useForm } from 'vee-validate'\nimport { ExclamationCircleIcon } from '@heroicons/vue/24/outline'\nimport SlButton from '../UiButton.vue'\nimport SlDynamicFormField from './DynamicFormField.vue'\nimport type { \n  DynamicFormSchema, \n  DynamicFormSection,\n  DynamicFormField,\n  ButtonVariant \n} from '../../types/form'\n\ninterface Props {\n  schema: DynamicFormSchema\n  modelValue?: Record<string, any>\n  loading?: boolean\n  showActions?: boolean\n  showCancelButton?: boolean\n  submitButtonText?: string\n  cancelButtonText?: string\n  submitButtonVariant?: ButtonVariant\n  actionsAlignment?: 'left' | 'center' | 'right'\n  formError?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  showActions: true,\n  showCancelButton: false,\n  submitButtonVariant: 'primary',\n  actionsAlignment: 'right'\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: Record<string, any>): void\n  (e: 'submit', data: Record<string, any>, ctx: { setErrors: (errors: Record<string, string>) => void }): void\n  (e: 'cancel'): void\n  (e: 'field-change', field: DynamicFormField, value: any, formData: Record<string, any>): void\n}>()\n\nconst formRef = ref<HTMLFormElement>()\nconst formData = reactive<Record<string, any>>({})\n\n// Initialize form with vee-validate\nconst { handleSubmit: veeHandleSubmit, setErrors, meta } = useForm({\n  keepValuesOnUnmount: true\n})\n\n// Initialize form data\nconst initializeFormData = () => {\n  const initialData = { ...props.modelValue } || {}\n  \n  // Set default values from schema\n  props.schema.sections.forEach(section => {\n    section.fields.forEach(field => {\n      if (!(field.name in initialData)) {\n        initialData[field.name] = field.defaultValue ?? getDefaultValue(field.type)\n      }\n    })\n  })\n  \n  Object.assign(formData, initialData)\n}\n\n// Watch for external changes to modelValue\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      Object.assign(formData, newValue)\n    }\n  },\n  { deep: true }\n)\n\n// Watch form data changes and emit updates\nwatch(\n  formData,\n  (newData) => {\n    emit('update:modelValue', { ...newData })\n  },\n  { deep: true }\n)\n\n// Initialize form data on mount\ninitializeFormData()\n\nconst formSections = computed(() => {\n  return props.schema.sections.filter(section => \n    section.condition ? section.condition(formData) : true\n  )\n})\n\nconst formClasses = computed(() => {\n  const baseClasses = ['sl-space-y-6']\n  \n  if (props.schema.className) {\n    baseClasses.push(props.schema.className)\n  }\n  \n  return baseClasses.join(' ')\n})\n\nconst sectionClasses = (section: DynamicFormSection) => {\n  const baseClasses = [\n    'sl-grid',\n    'sl-gap-4'\n  ]\n  \n  // Grid columns based on section layout\n  const columns = section.columns || 1\n  baseClasses.push(`sl-grid-cols-1`)\n  \n  if (columns > 1) {\n    baseClasses.push(`md:sl-grid-cols-${Math.min(columns, 3)}`)\n  }\n  \n  if (section.className) {\n    baseClasses.push(section.className)\n  }\n  \n  return baseClasses.join(' ')\n}\n\nconst fieldClasses = (field: DynamicFormField) => {\n  const baseClasses: string[] = []\n  \n  // Field span\n  if (field.colSpan && field.colSpan > 1) {\n    baseClasses.push(`sl-col-span-${Math.min(field.colSpan, 3)}`)\n  }\n  \n  if (field.className) {\n    baseClasses.push(field.className)\n  }\n  \n  return baseClasses.join(' ')\n}\n\nconst shouldShowField = (field: DynamicFormField): boolean => {\n  if (field.condition) {\n    return field.condition(formData, field)\n  }\n  return true\n}\n\nconst isFormValid = computed(() => {\n  return meta.value.valid\n})\n\nconst getDefaultValue = (type: string) => {\n  switch (type) {\n    case 'checkbox':\n    case 'switch':\n      return false\n    case 'select':\n      return null\n    case 'number':\n      return 0\n    default:\n      return ''\n  }\n}\n\nconst handleSubmit = veeHandleSubmit((values) => {\n  emit('submit', values, { setErrors })\n})\n\nconst handleCancel = () => {\n  emit('cancel')\n}\n\nconst handleFieldChange = (field: DynamicFormField, value: any) => {\n  emit('field-change', field, value, formData)\n  \n  // Handle field dependencies\n  if (field.onFieldChange) {\n    field.onFieldChange(value, field, formData)\n  }\n}\n\n// Expose form methods\nconst validate = async () => {\n  // Trigger vee-validate validation\n  return meta.value.valid\n}\n\nconst reset = () => {\n  Object.keys(formData).forEach(key => {\n    delete formData[key]\n  })\n  initializeFormData()\n}\n\nconst setFieldValue = (fieldName: string, value: any) => {\n  formData[fieldName] = value\n}\n\nconst getFieldValue = (fieldName: string) => {\n  return formData[fieldName]\n}\n\ndefineExpose({\n  validate,\n  reset,\n  setFieldValue,\n  getFieldValue,\n  formData,\n  formRef\n})\n</script>\n"],"names":["props","__props","emit","__emit","formRef","ref","formData","reactive","veeHandleSubmit","setErrors","meta","useForm","initializeFormData","initialData","section","field","getDefaultValue","watch","newValue","newData","formSections","computed","formClasses","baseClasses","sectionClasses","columns","fieldClasses","shouldShowField","isFormValid","type","handleSubmit","values","handleCancel","handleFieldChange","value","__expose","key","fieldName","_createElementBlock","_cache","_withModifiers","_unref","args","schema","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_Fragment","_renderList","sectionIndex","_hoisted_4","_hoisted_5","_hoisted_6","_createElementVNode","_normalizeClass","_createBlock","SlDynamicFormField","$event","showActions","actionsAlignment","showCancelButton","SlButton","loading","cancelButtonText","_createVNode","submitButtonVariant","submitButtonText","formError","_hoisted_7","_hoisted_8","_hoisted_9","ExclamationCircleIcon","_hoisted_10","_hoisted_11"],"mappings":"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"}

package/dist/DynamicFormField.vue_vue_type_script_setup_true_lang-qAwVNm--.js

@@ -0,0 +1,153 @@
+import { defineComponent as b, computed as s, defineAsyncComponent as y, createBlock as v, createElementBlock as g, openBlock as r, resolveDynamicComponent as w, mergeProps as k, toHandlers as _, createElementVNode as o, createVNode as V, unref as L, toDisplayString as P } from "vue";
+import t from "./components/TextInput.js";
+import { ExclamationTriangleIcon as C } from "@heroicons/vue/24/outline";
+const D = {
+  key: 1,
+  class: "sl-p-4 sl-bg-yellow-50 sl-border sl-border-yellow-200 sl-rounded-md"
+}, F = { class: "sl-flex" }, M = { class: "sl-ml-3" }, T = { class: "sl-mt-2 sl-text-sm sl-text-yellow-700" }, S = /* @__PURE__ */ b({
+  __name: "DynamicFormField",
+  props: {
+    field: {},
+    modelValue: {},
+    formData: {}
+  },
+  emits: ["update:modelValue", "field-change"],
+  setup(c, { emit: m }) {
+    const e = c, a = m, u = {
+      text: () => Promise.resolve(t),
+      email: () => Promise.resolve(t),
+      password: () => Promise.resolve(t),
+      number: () => Promise.resolve(t),
+      tel: () => Promise.resolve(t),
+      url: () => Promise.resolve(t),
+      textarea: () => import("./inputs/TextAreaInput.js"),
+      select: () => import("./inputs/SelectInput.js"),
+      combobox: () => import("./inputs/ComboboxInput.js"),
+      checkbox: () => import("./inputs/CheckboxInput.js"),
+      switch: () => import("./inputs/SwitchInput.js")
+    }, d = s(() => {
+      const l = u[e.field.type];
+      return l ? y({
+        loader: l,
+        errorComponent: () => null,
+        delay: 0
+      }) : null;
+    }), n = s({
+      get: () => e.modelValue ?? e.field.defaultValue ?? h(),
+      set: (l) => {
+        a("update:modelValue", l), a("field-change", e.field, l);
+      }
+    }), f = s(() => {
+      const l = {
+        name: e.field.name,
+        label: e.field.label,
+        placeholder: e.field.placeholder,
+        disabled: e.field.disabled,
+        rules: e.field.validation,
+        validateOnMount: e.field.validateOnMount,
+        tertiaryLabel: e.field.tertiaryLabel,
+        successMessage: e.field.successMessage
+      };
+      switch (e.field.type) {
+        case "text":
+        case "email":
+        case "password":
+        case "number":
+        case "tel":
+        case "url":
+          return {
+            ...l,
+            type: e.field.inputType || e.field.type,
+            maxlength: e.field.maxLength,
+            minlength: e.field.minLength,
+            min: e.field.min,
+            max: e.field.max,
+            step: e.field.step,
+            spellcheck: e.field.spellcheck,
+            autocomplete: e.field.autocomplete
+          };
+        case "textarea":
+          return {
+            ...l,
+            rows: e.field.rows,
+            maxlength: e.field.maxLength,
+            spellcheck: e.field.spellcheck
+          };
+        case "select":
+          return {
+            ...l,
+            items: e.field.options || [],
+            multiple: e.field.multiple,
+            itemKey: e.field.optionKey || "value",
+            itemText: e.field.optionLabel || "label",
+            showAll: e.field.showSelectAll
+          };
+        case "combobox":
+          return {
+            ...l,
+            items: e.field.options || [],
+            itemKey: e.field.optionKey || "value",
+            itemText: e.field.optionLabel || "label",
+            customQuery: e.field.customQuery,
+            loading: e.field.loading
+          };
+        case "checkbox":
+          return {
+            ...l,
+            description: e.field.description,
+            immediate: e.field.immediate ?? !0,
+            isDescriptionHtml: e.field.isDescriptionHtml
+          };
+        case "switch":
+          return {
+            ...l,
+            description: e.field.description,
+            immediate: e.field.immediate ?? !0,
+            boxShadow: e.field.boxShadow,
+            hideMainLabel: e.field.hideMainLabel,
+            textTrue: e.field.textTrue,
+            textFalse: e.field.textFalse
+          };
+        default:
+          return l;
+      }
+    }), p = s(() => {
+      const l = {};
+      return e.field.onBlur && (l.blur = e.field.onBlur), e.field.onFocus && (l.focus = e.field.onFocus), e.field.onChange && (l["update:modelValue"] = (i) => {
+        n.value = i, e.field.onChange?.(i, e.field, e.formData ?? {});
+      }), l;
+    }), h = () => {
+      switch (e.field.type) {
+        case "checkbox":
+        case "switch":
+          return !1;
+        case "select":
+          return e.field.multiple ? [] : null;
+        case "number":
+          return e.field.min || 0;
+        default:
+          return "";
+      }
+    }, x = (l) => {
+      n.value = l;
+    };
+    return (l, i) => d.value ? (r(), v(w(d.value), k({ key: 0 }, f.value, _(p.value), {
+      "model-value": n.value,
+      "onUpdate:modelValue": x
+    }), null, 16, ["model-value"])) : (r(), g("div", D, [
+      o("div", F, [
+        V(L(C), { class: "sl-h-5 sl-w-5 sl-text-yellow-400" }),
+        o("div", M, [
+          i[0] || (i[0] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-yellow-800" }, " Unknown field type ", -1)),
+          o("div", T, [
+            o("p", null, 'Field type "' + P(l.field.type) + '" is not supported.', 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  S as _
+};
+//# sourceMappingURL=DynamicFormField.vue_vue_type_script_setup_true_lang-qAwVNm--.js.map

package/dist/DynamicFormField.vue_vue_type_script_setup_true_lang-qAwVNm--.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFormField.vue_vue_type_script_setup_true_lang-qAwVNm--.js","sources":["../src/components/forms/DynamicFormField.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"fieldComponent\"\n    v-if=\"fieldComponent\"\n    v-bind=\"componentProps\"\n    v-on=\"componentEvents\"\n    :model-value=\"fieldValue\"\n    @update:model-value=\"handleFieldChange\"\n  />\n  \n  <!-- Fallback for unknown field types -->\n  <div \n    v-else\n    class=\"sl-p-4 sl-bg-yellow-50 sl-border sl-border-yellow-200 sl-rounded-md\"\n  >\n    <div class=\"sl-flex\">\n      <ExclamationTriangleIcon class=\"sl-h-5 sl-w-5 sl-text-yellow-400\" />\n      <div class=\"sl-ml-3\">\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-yellow-800\">\n          Unknown field type\n        </h3>\n        <div class=\"sl-mt-2 sl-text-sm sl-text-yellow-700\">\n          <p>Field type \"{{ field.type }}\" is not supported.</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent } from 'vue'\nimport UiTextInput from '../UiTextInput.vue'\nimport { ExclamationTriangleIcon } from '@heroicons/vue/24/outline'\nimport type { DynamicFormField } from '../../types/form'\n\ninterface Props {\n  field: DynamicFormField\n  modelValue?: any\n  formData?: Record<string, any>\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: any]\n  'field-change': [field: DynamicFormField, value: any]\n}>()\n\n// Component mapping for dynamic loading\nconst componentMap: Record<string, () => Promise<any>> = {\n  text: () => Promise.resolve(UiTextInput),\n  email: () => Promise.resolve(UiTextInput), \n  password: () => Promise.resolve(UiTextInput),\n  number: () => Promise.resolve(UiTextInput),\n  tel: () => Promise.resolve(UiTextInput),\n  url: () => Promise.resolve(UiTextInput),\n  textarea: () => import('../inputs/TextAreaInput.vue'),\n  select: () => import('../inputs/SelectInput.vue'),\n  combobox: () => import('../inputs/ComboboxInput.vue'),\n  checkbox: () => import('../inputs/CheckboxInput.vue'),\n  switch: () => import('../inputs/SwitchInput.vue'),\n}\n\nconst fieldComponent = computed(() => {\n  const componentLoader = componentMap[props.field.type]\n  if (componentLoader) {\n    return defineAsyncComponent({\n      loader: componentLoader,\n      errorComponent: () => null,\n      delay: 0\n    })\n  }\n  return null\n})\n\nconst fieldValue = computed({\n  get: () => props.modelValue ?? props.field.defaultValue ?? getDefaultValue(),\n  set: (value) => {\n    emit('update:modelValue', value)\n    emit('field-change', props.field, value)\n  }\n})\n\nconst componentProps = computed(() => {\n  const baseProps: Record<string, any> = {\n    name: props.field.name,\n    label: props.field.label,\n    placeholder: props.field.placeholder,\n    disabled: props.field.disabled,\n    rules: props.field.validation,\n    validateOnMount: props.field.validateOnMount,\n    tertiaryLabel: props.field.tertiaryLabel,\n    successMessage: props.field.successMessage\n  }\n\n  // Type-specific props\n  switch (props.field.type) {\n    case 'text':\n    case 'email':\n    case 'password':\n    case 'number':\n    case 'tel':\n    case 'url':\n      return {\n        ...baseProps,\n        type: props.field.inputType || props.field.type,\n        maxlength: props.field.maxLength,\n        minlength: props.field.minLength,\n        min: props.field.min,\n        max: props.field.max,\n        step: props.field.step,\n        spellcheck: props.field.spellcheck,\n        autocomplete: props.field.autocomplete\n      }\n    \n    case 'textarea':\n      return {\n        ...baseProps,\n        rows: props.field.rows,\n        maxlength: props.field.maxLength,\n        spellcheck: props.field.spellcheck\n      }\n    \n    case 'select':\n      return {\n        ...baseProps,\n        items: props.field.options || [],\n        multiple: props.field.multiple,\n        itemKey: props.field.optionKey || 'value',\n        itemText: props.field.optionLabel || 'label',\n        showAll: props.field.showSelectAll\n      }\n    \n    case 'combobox':\n      return {\n        ...baseProps,\n        items: props.field.options || [],\n        itemKey: props.field.optionKey || 'value',\n        itemText: props.field.optionLabel || 'label',\n        customQuery: props.field.customQuery,\n        loading: props.field.loading\n      }\n    \n    case 'checkbox':\n      return {\n        ...baseProps,\n        description: props.field.description,\n        immediate: props.field.immediate ?? true,\n        isDescriptionHtml: props.field.isDescriptionHtml\n      }\n    \n    case 'switch':\n      return {\n        ...baseProps,\n        description: props.field.description,\n        immediate: props.field.immediate ?? true,\n        boxShadow: props.field.boxShadow,\n        hideMainLabel: props.field.hideMainLabel,\n        textTrue: props.field.textTrue,\n        textFalse: props.field.textFalse\n      }\n    \n    default:\n      return baseProps\n  }\n})\n\nconst componentEvents = computed(() => {\n  const baseEvents: Record<string, Function> = {}\n  \n  // Add event handlers based on field configuration\n  if (props.field.onBlur) {\n    baseEvents.blur = props.field.onBlur\n  }\n  \n  if (props.field.onFocus) {\n    baseEvents.focus = props.field.onFocus\n  }\n  \n  if (props.field.onChange) {\n    baseEvents['update:modelValue'] = (value: any) => {\n      fieldValue.value = value\n      props.field.onChange?.(value, props.field, props.formData ?? {})\n    }\n  }\n  \n  return baseEvents\n})\n\nconst getDefaultValue = () => {\n  switch (props.field.type) {\n    case 'checkbox':\n    case 'switch':\n      return false\n    case 'select':\n      return props.field.multiple ? [] : null\n    case 'number':\n      return props.field.min || 0\n    default:\n      return ''\n  }\n}\n\nconst handleFieldChange = (value: any) => {\n  fieldValue.value = value\n}\n</script>\n"],"names":["props","__props","emit","__emit","componentMap","UiTextInput","fieldComponent","computed","componentLoader","defineAsyncComponent","fieldValue","getDefaultValue","value","componentProps","baseProps","componentEvents","baseEvents","handleFieldChange","_createBlock","_resolveDynamicComponent","_mergeProps","_toHandlers","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_unref","ExclamationTriangleIcon","_hoisted_3","_cache","_hoisted_4","_toDisplayString","field"],"mappings":"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"}

package/dist/EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js

@@ -0,0 +1,75 @@
+import { defineComponent as f, createElementBlock as o, openBlock as t, createElementVNode as e, createVNode as a, unref as s, toDisplayString as n, createBlock as y } from "vue";
+import { CalendarIcon as v, MapPinIcon as i, NoSymbolIcon as g } from "@heroicons/vue/24/solid";
+import { NoSymbolIcon as b, MapPinIcon as w } from "@heroicons/vue/24/outline";
+const _ = ["src"], k = {
+  key: 1,
+  class: "sl-h-14 sl-w-14 sl-flex-none sl-rounded-md sl-bg-gray-100 sl-flex sl-items-center sl-justify-center"
+}, p = { class: "sl-relative sl-h-8 sl-w-8" }, I = { class: "sl-flex-auto" }, S = { class: "sl-font-semibold sl-text-gray-800" }, C = { class: "sl-mt-2 sl-flex sl-flex-col xl:sl-flex-row" }, N = { class: "sl-flex sl-items-start sl-space-x-3" }, D = ["datetime"], B = { class: "sl-flex sl-items-start sl-space-x-3 sl-mt-2 xl:sl-ml-3.5 xl:sl-mt-0 xl:sl-border-l xl:sl-border-gray-400 xl:sl-border-opacity-50 xl:sl-pl-3.5" }, E = {
+  key: 1,
+  class: "sl-relative sl-h-5 sl-w-5"
+}, U = /* @__PURE__ */ f({
+  __name: "EventCard",
+  props: {
+    event: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["navigate-to-event"],
+  setup(l, { emit: r }) {
+    const d = l, m = r, u = () => {
+      m("navigate-to-event", d.event.id);
+    }, x = (c) => new Date(c).toLocaleDateString("en-US", {
+      month: "short",
+      day: "2-digit",
+      year: "numeric"
+    });
+    return (c, h) => (t(), o("li", {
+      class: "sl-relative sl-flex sl-space-x-6 sl-py-6 sl-cursor-pointer",
+      onClick: u
+    }, [
+      l.event.geocodeResult?.thumbnailUrl ? (t(), o("img", {
+        key: 0,
+        src: l.event.geocodeResult.thumbnailUrl,
+        alt: "",
+        class: "sl-h-14 sl-w-14 sl-flex-none sl-rounded-md"
+      }, null, 8, _)) : (t(), o("div", k, [
+        e("div", p, [
+          a(s(b), { class: "sl-absolute sl-h-full sl-w-full sl-text-gray-400" }),
+          a(s(w), { class: "sl-absolute sl-top-1/2 sl-left-1/2 sl-h-5 sl-w-5 -sl-translate-x-1/2 -sl-translate-y-1/2 sl-text-gray-400" })
+        ])
+      ])),
+      e("div", I, [
+        e("h3", S, n(l.event.name), 1),
+        e("dl", C, [
+          e("div", N, [
+            a(s(v), {
+              class: "sl-h-5 sl-w-5 sl-text-gray-400",
+              "aria-hidden": "true"
+            }),
+            e("dd", null, [
+              e("time", {
+                datetime: l.event.datetime
+              }, n(x(l.event.date)) + " at " + n(l.event.time), 9, D)
+            ])
+          ]),
+          e("div", B, [
+            l.event.geocodeResult ? (t(), y(s(i), {
+              key: 0,
+              class: "sl-h-5 sl-w-5 sl-text-gray-400",
+              "aria-hidden": "true"
+            })) : (t(), o("div", E, [
+              a(s(g), { class: "sl-absolute sl-h-full sl-w-full sl-text-gray-400" }),
+              a(s(i), { class: "sl-absolute sl-top-1/2 sl-left-1/2 sl-h-3 sl-w-3 -sl-translate-x-1/2 -sl-translate-y-1/2 sl-text-gray-400" })
+            ])),
+            e("dd", null, n(l.event.location), 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  U as _
+};
+//# sourceMappingURL=EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js.map

package/dist/EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js","sources":["../src/components/calendars/EventCard.vue"],"sourcesContent":["<template>\n  <li class=\"sl-relative sl-flex sl-space-x-6 sl-py-6 sl-cursor-pointer\" @click=\"handleClick\">\n    <!-- Event Thumbnail or Placeholder -->\n    <img v-if=\"event.geocodeResult?.thumbnailUrl\" :src=\"event.geocodeResult.thumbnailUrl\" alt=\"\"\n      class=\"sl-h-14 sl-w-14 sl-flex-none sl-rounded-md\" />\n    <div v-else class=\"sl-h-14 sl-w-14 sl-flex-none sl-rounded-md sl-bg-gray-100 sl-flex sl-items-center sl-justify-center\">\n      <div class=\"sl-relative sl-h-8 sl-w-8\">\n        <NoSymbolOutline class=\"sl-absolute sl-h-full sl-w-full sl-text-gray-400\" />\n        <MapPinOutline\n          class=\"sl-absolute sl-top-1/2 sl-left-1/2 sl-h-5 sl-w-5 -sl-translate-x-1/2 -sl-translate-y-1/2 sl-text-gray-400\" />\n      </div>\n    </div>\n\n    <div class=\"sl-flex-auto\">\n      <h3 class=\"sl-font-semibold sl-text-gray-800\">{{ event.name }}</h3>\n      <dl class=\"sl-mt-2 sl-flex sl-flex-col xl:sl-flex-row\">\n        <div class=\"sl-flex sl-items-start sl-space-x-3\">\n          <CalendarIcon class=\"sl-h-5 sl-w-5 sl-text-gray-400\" aria-hidden=\"true\" />\n          <dd>\n            <time :datetime=\"event.datetime\">\n              {{ formatDate(event.date) }} at {{ event.time }}\n            </time>\n          </dd>\n        </div>\n        <div class=\"sl-flex sl-items-start sl-space-x-3 sl-mt-2 xl:sl-ml-3.5 xl:sl-mt-0 xl:sl-border-l xl:sl-border-gray-400 xl:sl-border-opacity-50 xl:sl-pl-3.5\">\n          <template v-if=\"event.geocodeResult\">\n            <MapPinSolid class=\"sl-h-5 sl-w-5 sl-text-gray-400\" aria-hidden=\"true\" />\n          </template>\n          <template v-else>\n            <div class=\"sl-relative sl-h-5 sl-w-5\">\n              <NoSymbolSolid class=\"sl-absolute sl-h-full sl-w-full sl-text-gray-400\" />\n              <MapPinSolid\n                class=\"sl-absolute sl-top-1/2 sl-left-1/2 sl-h-3 sl-w-3 -sl-translate-x-1/2 -sl-translate-y-1/2 sl-text-gray-400\" />\n            </div>\n          </template>\n          <dd>{{ event.location }}</dd>\n        </div>\n      </dl>\n    </div>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { CalendarIcon, MapPinIcon as MapPinSolid, NoSymbolIcon as NoSymbolSolid } from '@heroicons/vue/24/solid';\nimport { MapPinIcon as MapPinOutline, NoSymbolIcon as NoSymbolOutline } from '@heroicons/vue/24/outline';\nimport type { ListEvent } from '@/utils/calendar';\n\nconst props = defineProps({\n  event: {\n    type: Object as () => ListEvent,\n    required: true,\n  },\n});\n\nconst emit = defineEmits(['navigate-to-event']);\n\nconst handleClick = () => {\n  emit('navigate-to-event', props.event.id);\n};\n\nconst formatDate = (dateStr: string) => {\n  const date = new Date(dateStr);\n  return date.toLocaleDateString('en-US', { \n    month: 'short', \n    day: '2-digit', \n    year: 'numeric' \n  });\n};\n</script>\n\n<style scoped>\n</style>\n"],"names":["props","__props","emit","__emit","handleClick","formatDate","dateStr","_createElementBlock","_openBlock","_hoisted_2","_createElementVNode","_hoisted_3","_createVNode","_unref","NoSymbolOutline","MapPinOutline","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","CalendarIcon","_hoisted_8","_hoisted_9","_createBlock","MapPinSolid","_hoisted_10","NoSymbolSolid"],"mappings":";;;;;;;;;;;;;;;;;;;AA+CA,UAAMA,IAAQC,GAORC,IAAOC,GAEPC,IAAc,MAAM;AACxB,MAAAF,EAAK,qBAAqBF,EAAM,MAAM,EAAE;AAAA,IAC1C,GAEMK,IAAa,CAACC,MACL,IAAI,KAAKA,CAAO,EACjB,mBAAmB,SAAS;AAAA,MACtC,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP;2BAjEDC,EAsCK,MAAA;AAAA,MAtCD,OAAM;AAAA,MAA8D,SAAOH;AAAA,IAAA;MAElEH,EAAA,MAAM,eAAe,qBAAhCM,EACuD,OAAA;AAAA;QADR,KAAKN,EAAA,MAAM,cAAc;AAAA,QAAc,KAAI;AAAA,QACxF,OAAM;AAAA,MAAA,mBACRO,EAAA,GAAAD,EAMM,OANNE,GAMM;AAAA,QALJC,EAIM,OAJNC,GAIM;AAAA,UAHJC,EAA4EC,EAAAC,CAAA,GAAA,EAA3D,OAAM,oDAAkD;AAAA,UACzEF,EACsHC,EAAAE,CAAA,GAAA,EAApH,OAAM,6GAA2G;AAAA,QAAA;;MAIvHL,EAyBM,OAzBNM,GAyBM;AAAA,QAxBJN,EAAmE,MAAnEO,GAAmEC,EAAlBjB,EAAA,MAAM,IAAI,GAAA,CAAA;AAAA,QAC3DS,EAsBK,MAtBLS,GAsBK;AAAA,UArBHT,EAOM,OAPNU,GAOM;AAAA,YANJR,EAA0EC,EAAAQ,CAAA,GAAA;AAAA,cAA5D,OAAM;AAAA,cAAiC,eAAY;AAAA,YAAA;YACjEX,EAIK,MAAA,MAAA;AAAA,cAHHA,EAEO,QAAA;AAAA,gBAFA,UAAUT,EAAA,MAAM;AAAA,cAAA,KAClBI,EAAWJ,QAAM,IAAI,KAAI,SAAIiB,EAAGjB,EAAA,MAAM,IAAI,GAAA,GAAAqB,CAAA;AAAA,YAAA;;UAInDZ,EAYM,OAZNa,GAYM;AAAA,YAXYtB,EAAA,MAAM,sBACpBuB,EAAyEX,EAAAY,CAAA,GAAA;AAAA;cAA5D,OAAM;AAAA,cAAiC,eAAY;AAAA,YAAA,OAGhEjB,EAAA,GAAAD,EAIM,OAJNmB,GAIM;AAAA,cAHJd,EAA0EC,EAAAc,CAAA,GAAA,EAA3D,OAAM,oDAAkD;AAAA,cACvEf,EACsHC,EAAAY,CAAA,GAAA,EAApH,OAAM,6GAA2G;AAAA,YAAA;YAGvHf,EAA6B,MAAA,MAAAQ,EAAtBjB,EAAA,MAAM,QAAQ,GAAA,CAAA;AAAA,UAAA;;;;;;"}

package/dist/EventsList.vue_vue_type_script_setup_true_lang-Cpc9A9Ev.js

@@ -0,0 +1,89 @@
+import { defineComponent as D, computed as v, createElementBlock as n, openBlock as l, createElementVNode as o, createCommentVNode as m, createBlock as y, Fragment as a, createTextVNode as u, withCtx as E, renderList as g, toDisplayString as B, createVNode as A, unref as N } from "vue";
+import { CalendarIcon as C } from "@heroicons/vue/20/solid";
+import S from "./components/Button.js";
+import { _ } from "./EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js";
+const T = { class: "sl-relative" }, V = { class: "sl-flex sl-justify-between sl-items-center sl-mb-4" }, F = { class: "sl-text-lg sl-font-bold" }, M = { key: 0 }, j = { class: "sl-divide-y sl-divide-gray-100 sl-text-sm sl-leading-6 sl-mb-8" }, L = { key: 1 }, P = { class: "sl-text-lg sl-font-bold sl-mb-2" }, Y = { class: "sl-divide-y sl-divide-gray-100 sl-text-sm sl-leading-6" }, z = {
+  key: 2,
+  class: "sl-px-6 sl-py-14 sl-text-center sl-text-sm sm:sl-px-14"
+}, q = /* @__PURE__ */ D({
+  __name: "EventsList",
+  props: {
+    events: {},
+    showAllButton: { type: Boolean }
+  },
+  emits: ["show:all"],
+  setup(f, { emit: w }) {
+    const r = f, x = w, c = /* @__PURE__ */ new Date(), h = /* @__PURE__ */ new Date();
+    h.setMonth(c.getMonth() + 3);
+    const i = v(() => !r.events || !Array.isArray(r.events) ? [] : r.events.filter((t) => {
+      const e = new Date(t.datetime);
+      return e >= c && e <= h;
+    }).sort((t, e) => new Date(t.datetime).getTime() - new Date(e.datetime).getTime())), b = v(() => !r.events || !Array.isArray(r.events) ? [] : r.events.filter((t) => new Date(t.datetime) < c).sort((t, e) => new Date(e.datetime).getTime() - new Date(t.datetime).getTime())), d = v(() => {
+      const t = {};
+      return b.value.forEach((e) => {
+        const s = new Date(e.datetime).getFullYear().toString();
+        t[s] || (t[s] = []), t[s].push(e);
+      }), Object.entries(t).sort(([e], [s]) => Number(s) - Number(e)).map(([e, s]) => ({ year: e, events: s }));
+    }), k = () => x("show:all");
+    return (t, e) => (l(), n("div", T, [
+      o("div", V, [
+        o("h2", F, [
+          i.value.length ? (l(), n(a, { key: 0 }, [
+            u("Upcoming Events")
+          ], 64)) : d.value.length ? (l(), n(a, { key: 1 }, [
+            u("Past Events")
+          ], 64)) : (l(), n(a, { key: 2 }, [
+            u("Events")
+          ], 64))
+        ]),
+        t.showAllButton ? (l(), y(S, {
+          key: 0,
+          "center-label": "",
+          size: "xs",
+          onButtonClick: k
+        }, {
+          default: E(() => e[0] || (e[0] = [
+            u(" Show all ", -1)
+          ])),
+          _: 1,
+          __: [0]
+        })) : m("", !0)
+      ]),
+      i.value.length ? (l(), n("div", M, [
+        o("ol", j, [
+          (l(!0), n(a, null, g(i.value, (s) => (l(), y(_, {
+            key: s.id,
+            event: s
+          }, null, 8, ["event"]))), 128))
+        ])
+      ])) : m("", !0),
+      d.value.length ? (l(), n("div", L, [
+        (l(!0), n(a, null, g(d.value, (s) => (l(), n("div", {
+          key: s.year,
+          class: "sl-mb-8"
+        }, [
+          o("h2", P, B(s.year), 1),
+          e[1] || (e[1] = o("hr", { class: "sl-border-gray-200 sl-mb-4" }, null, -1)),
+          o("ol", Y, [
+            (l(!0), n(a, null, g(s.events, (p) => (l(), y(_, {
+              key: p.id,
+              event: p
+            }, null, 8, ["event"]))), 128))
+          ])
+        ]))), 128))
+      ])) : m("", !0),
+      !i.value.length && !d.value.length ? (l(), n("div", z, [
+        A(N(C), {
+          class: "sl-mx-auto sl-h-6 sl-w-6 sl-text-gray-400",
+          "aria-hidden": "true"
+        }),
+        e[2] || (e[2] = o("p", { class: "sl-mt-4 sl-font-semibold sl-text-gray-800" }, "No events", -1)),
+        e[3] || (e[3] = o("p", { class: "sl-mt-2 sl-text-gray-500" }, "Add events to get started!", -1))
+      ])) : m("", !0)
+    ]));
+  }
+});
+export {
+  q as _
+};
+//# sourceMappingURL=EventsList.vue_vue_type_script_setup_true_lang-Cpc9A9Ev.js.map

package/dist/EventsList.vue_vue_type_script_setup_true_lang-Cpc9A9Ev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsList.vue_vue_type_script_setup_true_lang-Cpc9A9Ev.js","sources":["../src/components/calendars/EventsList.vue"],"sourcesContent":["<template>\n  <div class=\"sl-relative\">\n    <!-- Header -->\n    <div class=\"sl-flex sl-justify-between sl-items-center sl-mb-4\">\n      <h2 class=\"sl-text-lg sl-font-bold\">\n        <template v-if=\"upcomingEvents.length\">Upcoming Events</template>\n        <template v-else-if=\"groupedPastEventsByYear.length\">Past Events</template>\n        <template v-else>Events</template>\n      </h2>\n      <UiButton v-if=\"showAllButton\" center-label size=\"xs\" @button-click=\"handleShowAll\">\n        Show all\n      </UiButton>\n    </div>\n\n    <!-- Upcoming Events -->\n    <div v-if=\"upcomingEvents.length\">\n      <ol class=\"sl-divide-y sl-divide-gray-100 sl-text-sm sl-leading-6 sl-mb-8\">\n        <EventCard v-for=\"event in upcomingEvents\" :key=\"event.id\" :event=\"event\" />\n      </ol>\n    </div>\n\n    <!-- Past Events -->\n    <div v-if=\"groupedPastEventsByYear.length\">\n      <div v-for=\"group in groupedPastEventsByYear\" :key=\"group.year\" class=\"sl-mb-8\">\n        <h2 class=\"sl-text-lg sl-font-bold sl-mb-2\">{{ group.year }}</h2>\n        <hr class=\"sl-border-gray-200 sl-mb-4\" />\n        <ol class=\"sl-divide-y sl-divide-gray-100 sl-text-sm sl-leading-6\">\n          <EventCard v-for=\"event in group.events\" :key=\"event.id\" :event=\"event\" />\n        </ol>\n      </div>\n    </div>\n\n    <!-- No Events Message -->\n    <div v-if=\"!upcomingEvents.length && !groupedPastEventsByYear.length\"\n      class=\"sl-px-6 sl-py-14 sl-text-center sl-text-sm sm:sl-px-14\">\n      <CalendarIcon class=\"sl-mx-auto sl-h-6 sl-w-6 sl-text-gray-400\" aria-hidden=\"true\" />\n      <p class=\"sl-mt-4 sl-font-semibold sl-text-gray-800\">No events</p>\n      <p class=\"sl-mt-2 sl-text-gray-500\">Add events to get started!</p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { CalendarIcon } from '@heroicons/vue/20/solid';\nimport type { ListEvent } from '@/utils/calendar';\nimport UiButton from '@/components/UiButton.vue';\nimport EventCard from './EventCard.vue';\n\nconst props = defineProps<{ \n  events: ListEvent[]; \n  showAllButton?: boolean;\n}>();\nconst emit = defineEmits(['show:all']);\n\nconst now = new Date();\nconst threeMonthsFromNow = new Date();\nthreeMonthsFromNow.setMonth(now.getMonth() + 3);\n\n// Upcoming events: events occurring between now and three months from now\nconst upcomingEvents = computed(() => {\n  if (!props.events || !Array.isArray(props.events)) return [];\n  return props.events\n    .filter((event) => {\n      const eventDate = new Date(event.datetime);\n      return eventDate >= now && eventDate <= threeMonthsFromNow;\n    })\n    .sort((a, b) => new Date(a.datetime).getTime() - new Date(b.datetime).getTime());\n});\n\n// Past events: events that occurred before now\nconst pastEvents = computed(() => {\n  if (!props.events || !Array.isArray(props.events)) return [];\n  return props.events\n    .filter((event) => new Date(event.datetime) < now)\n    .sort((a, b) => new Date(b.datetime).getTime() - new Date(a.datetime).getTime());\n});\n\n// Group past events by year in descending order\nconst groupedPastEventsByYear = computed(() => {\n  const groups: Record<string, ListEvent[]> = {};\n  pastEvents.value.forEach((event) => {\n    const year = new Date(event.datetime).getFullYear().toString();\n    if (!groups[year]) {\n      groups[year] = [];\n    }\n    groups[year].push(event);\n  });\n  return Object.entries(groups)\n    .sort(([yearA], [yearB]) => Number(yearB) - Number(yearA))\n    .map(([year, events]) => ({ year, events }));\n});\n\nconst handleShowAll = () => emit('show:all');\n</script>\n\n<style scoped>\n</style>\n"],"names":["props","__props","emit","__emit","now","threeMonthsFromNow","upcomingEvents","computed","event","eventDate","a","b","pastEvents","groupedPastEventsByYear","groups","year","yearA","yearB","events","handleShowAll","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_Fragment","showAllButton","_createBlock","UiButton","_cache","_hoisted_4","_hoisted_5","_renderList","EventCard","_hoisted_6","group","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","_createVNode","_unref","CalendarIcon"],"mappings":"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"}

package/dist/HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js

@@ -0,0 +1,49 @@
+import { defineComponent as n, createElementBlock as t, openBlock as i, createElementVNode as s, createCommentVNode as a, renderSlot as e } from "vue";
+const d = { class: "sl-min-h-screen sl-bg-gray-50" }, c = { class: "sl-bg-white sl-shadow" }, r = { class: "sl-mx-auto sl-max-w-7xl sl-px-4 sm:sl-px-6 lg:sl-px-8" }, m = { class: "sl-flex sl-h-16 sl-items-center sl-justify-between" }, _ = { class: "sl-flex sl-items-center" }, h = { class: "sl-flex-shrink-0" }, x = { class: "sl-ml-10 sl-hidden sm:sl-flex sm:sl-space-x-8" }, p = { class: "sl-flex sl-items-center sl-space-x-4" }, v = { class: "sm:sl-hidden" }, f = { class: "sl-mx-auto sl-max-w-7xl sl-py-6 sm:sl-px-6 lg:sl-px-8" }, g = {
+  key: 0,
+  class: "sl-bg-white sl-border-t sl-border-gray-200"
+}, u = { class: "sl-mx-auto sl-max-w-7xl sl-px-4 sm:sl-px-6 lg:sl-px-8" }, b = { class: "sl-py-8" }, $ = /* @__PURE__ */ n({
+  __name: "HeaderLayout",
+  setup(y) {
+    return (l, o) => (i(), t("div", d, [
+      s("header", c, [
+        s("div", r, [
+          s("div", m, [
+            s("div", _, [
+              s("div", h, [
+                e(l.$slots, "logo", {}, () => [
+                  o[0] || (o[0] = s("div", { class: "sl-text-xl sl-font-bold sl-text-stachelock-600" }, "Logo", -1))
+                ])
+              ]),
+              s("nav", x, [
+                e(l.$slots, "primary-navigation")
+              ])
+            ]),
+            s("div", p, [
+              e(l.$slots, "header-right")
+            ])
+          ])
+        ]),
+        s("div", v, [
+          e(l.$slots, "mobile-navigation")
+        ])
+      ]),
+      s("main", null, [
+        s("div", f, [
+          e(l.$slots, "main")
+        ])
+      ]),
+      l.$slots.footer ? (i(), t("footer", g, [
+        s("div", u, [
+          s("div", b, [
+            e(l.$slots, "footer")
+          ])
+        ])
+      ])) : a("", !0)
+    ]));
+  }
+});
+export {
+  $ as _
+};
+//# sourceMappingURL=HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js.map

package/dist/HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js","sources":["../src/components/layouts/HeaderLayout.vue"],"sourcesContent":["<template>\n  <div class=\"sl-min-h-screen sl-bg-gray-50\">\n    <!-- Header -->\n    <header class=\"sl-bg-white sl-shadow\">\n      <div class=\"sl-mx-auto sl-max-w-7xl sl-px-4 sm:sl-px-6 lg:sl-px-8\">\n        <div class=\"sl-flex sl-h-16 sl-items-center sl-justify-between\">\n          <!-- Logo and primary navigation -->\n          <div class=\"sl-flex sl-items-center\">\n            <div class=\"sl-flex-shrink-0\">\n              <slot name=\"logo\">\n                <div class=\"sl-text-xl sl-font-bold sl-text-stachelock-600\">Logo</div>\n              </slot>\n            </div>\n            <nav class=\"sl-ml-10 sl-hidden sm:sl-flex sm:sl-space-x-8\">\n              <slot name=\"primary-navigation\">\n                <!-- Primary navigation items -->\n              </slot>\n            </nav>\n          </div>\n\n          <!-- Right side content -->\n          <div class=\"sl-flex sl-items-center sl-space-x-4\">\n            <slot name=\"header-right\">\n              <!-- Header right content (search, notifications, profile, etc.) -->\n            </slot>\n          </div>\n        </div>\n      </div>\n\n      <!-- Mobile navigation -->\n      <div class=\"sm:sl-hidden\">\n        <slot name=\"mobile-navigation\">\n          <!-- Mobile navigation content -->\n        </slot>\n      </div>\n    </header>\n\n    <!-- Main content -->\n    <main>\n      <div class=\"sl-mx-auto sl-max-w-7xl sl-py-6 sm:sl-px-6 lg:sl-px-8\">\n        <slot name=\"main\">\n          <!-- Main content slot -->\n        </slot>\n      </div>\n    </main>\n\n    <!-- Footer -->\n    <footer v-if=\"$slots.footer\" class=\"sl-bg-white sl-border-t sl-border-gray-200\">\n      <div class=\"sl-mx-auto sl-max-w-7xl sl-px-4 sm:sl-px-6 lg:sl-px-8\">\n        <div class=\"sl-py-8\">\n          <slot name=\"footer\">\n            <!-- Footer content -->\n          </slot>\n        </div>\n      </div>\n    </footer>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// No props needed for this component\n</script>\n\n<style scoped>\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_renderSlot","_ctx","_cache","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","$slots","_hoisted_11","_hoisted_12","_hoisted_13"],"mappings":";;;;;;;sBACEA,EAAA,GAAAC,EAuDM,OAvDNC,GAuDM;AAAA,MArDJC,EAgCS,UAhCTC,GAgCS;AAAA,QA/BPD,EAuBM,OAvBNE,GAuBM;AAAA,UAtBJF,EAqBM,OArBNG,GAqBM;AAAA,YAnBJH,EAWM,OAXNI,GAWM;AAAA,cAVJJ,EAIM,OAJNK,GAIM;AAAA,gBAHJC,EAEOC,sBAFP,MAEO;AAAA,kBADLC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAR,EAAsE,OAAA,EAAjE,OAAM,oDAAiD,QAAI,EAAA;AAAA,gBAAA;;cAGpEA,EAIM,OAJNS,GAIM;AAAA,gBAHJH,EAEOC,EAAA,QAAA,oBAAA;AAAA,cAAA;;YAKXP,EAIM,OAJNU,GAIM;AAAA,cAHJJ,EAEOC,EAAA,QAAA,cAAA;AAAA,YAAA;;;QAMbP,EAIM,OAJNW,GAIM;AAAA,UAHJL,EAEOC,EAAA,QAAA,mBAAA;AAAA,QAAA;;MAKXP,EAMO,QAAA,MAAA;AAAA,QALLA,EAIM,OAJNY,GAIM;AAAA,UAHJN,EAEOC,EAAA,QAAA,MAAA;AAAA,QAAA;;MAKGM,EAAAA,OAAO,UAArBhB,KAAAC,EAQS,UARTgB,GAQS;AAAA,QAPPd,EAMM,OANNe,GAMM;AAAA,UALJf,EAIM,OAJNgB,GAIM;AAAA,YAHJV,EAEOC,EAAA,QAAA,QAAA;AAAA,UAAA;;;;;;"}

package/dist/MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js

@@ -0,0 +1,66 @@
+import { defineComponent as b, computed as _, createElementBlock as o, openBlock as i, createElementVNode as s, Fragment as k, renderList as S, normalizeClass as a, createCommentVNode as f, toDisplayString as D } from "vue";
+const x = { class: "sl-text-center" }, C = { class: "sl-isolate sl-mt-2 sl-grid sl-grid-cols-7 sl-gap-px sl-rounded-lg sl-bg-gray-200 sl-text-sm sl-shadow sl-ring-1 sl-ring-gray-200" }, w = ["onClick", "onDblclick"], T = ["datetime"], E = {
+  key: 0,
+  class: "sl-absolute sl-top-1 sl-right-1 sl-h-2 sl-w-2 sl-rounded-full sl-bg-stachelock-600"
+}, y = /* @__PURE__ */ b({
+  __name: "MonthCalendar",
+  props: {
+    days: {},
+    events: {}
+  },
+  emits: ["selectDay", "select:event", "doubleSelectDay"],
+  setup(d, { emit: u }) {
+    const r = d, c = u, g = (t) => r.events ? r.events.some((l) => new Date(l.datetime || l.start_time || "").toISOString().split("T")[0] === t.date) : !1, m = _(
+      () => r.days.map((t) => ({
+        ...t,
+        id: t.id || t.date,
+        hasEvent: g(t)
+      }))
+    ), h = (t) => c("selectDay", t), p = (t) => c("doubleSelectDay", t);
+    return (t, l) => (i(), o("div", x, [
+      l[0] || (l[0] = s("div", { class: "sl-mt-6 sl-grid sl-grid-cols-7 sl-text-xs sl-leading-6 sl-text-gray-500" }, [
+        s("div", null, "S"),
+        s("div", null, "M"),
+        s("div", null, "T"),
+        s("div", null, "W"),
+        s("div", null, "T"),
+        s("div", null, "F"),
+        s("div", null, "S")
+      ], -1)),
+      s("div", C, [
+        (i(!0), o(k, null, S(m.value, (e, n) => (i(), o("button", {
+          key: e.id,
+          type: "button",
+          class: a([
+            "sl-relative sl-py-1.5 hover:sl-bg-gray-100 focus:sl-z-10",
+            e.isCurrentMonth ? "sl-bg-white" : "sl-bg-gray-50",
+            (e.isSelected || e.isToday) && "sl-font-semibold",
+            e.isSelected && "sl-text-white",
+            !e.isSelected && e.isCurrentMonth && !e.isToday && "sl-text-gray-800",
+            !e.isSelected && !e.isCurrentMonth && !e.isToday && "sl-text-gray-400",
+            e.isToday && !e.isSelected && "sl-text-stachelock-600",
+            n === 0 && "sl-rounded-tl-lg",
+            n === 6 && "sl-rounded-tr-lg",
+            n === t.days.length - 7 && "sl-rounded-bl-lg",
+            n === t.days.length - 1 && "sl-rounded-br-lg"
+          ]),
+          onClick: (v) => h(e),
+          onDblclick: (v) => p(e)
+        }, [
+          s("time", {
+            datetime: e.date,
+            class: a([
+              "sl-mx-auto sl-flex sl-h-7 sl-w-7 sl-items-center sl-justify-center sl-rounded-full",
+              e.isToday ? "sl-bg-stachelock-600 sl-text-white" : e.isSelected ? "sl-bg-gray-900 sl-text-white" : ""
+            ])
+          }, D(((e?.date || "").split("-").pop() || "").replace(/^0/, "")), 11, T),
+          e.hasEvent ? (i(), o("span", E)) : f("", !0)
+        ], 42, w))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  y as _
+};
+//# sourceMappingURL=MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js.map

package/dist/MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js","sources":["../src/components/calendars/MonthCalendar.vue"],"sourcesContent":["<template>\n  <div class=\"sl-text-center\">\n    <!-- Day headers -->\n    <div class=\"sl-mt-6 sl-grid sl-grid-cols-7 sl-text-xs sl-leading-6 sl-text-gray-500\">\n      <div>S</div>\n      <div>M</div>\n      <div>T</div>\n      <div>W</div>\n      <div>T</div>\n      <div>F</div>\n      <div>S</div>\n    </div>\n    \n    <!-- Calendar grid -->\n    <div class=\"sl-isolate sl-mt-2 sl-grid sl-grid-cols-7 sl-gap-px sl-rounded-lg sl-bg-gray-200 sl-text-sm sl-shadow sl-ring-1 sl-ring-gray-200\">\n      <button v-for=\"(day, dayIdx) in formattedDays\" :key=\"day.id\" type=\"button\" \n        :class=\"[\n          'sl-relative sl-py-1.5 hover:sl-bg-gray-100 focus:sl-z-10',\n          day.isCurrentMonth ? 'sl-bg-white' : 'sl-bg-gray-50',\n          (day.isSelected || day.isToday) && 'sl-font-semibold',\n          day.isSelected && 'sl-text-white',\n          !day.isSelected && day.isCurrentMonth && !day.isToday && 'sl-text-gray-800',\n          !day.isSelected && !day.isCurrentMonth && !day.isToday && 'sl-text-gray-400',\n          day.isToday && !day.isSelected && 'sl-text-stachelock-600',\n          dayIdx === 0 && 'sl-rounded-tl-lg',\n          dayIdx === 6 && 'sl-rounded-tr-lg',\n          dayIdx === days.length - 7 && 'sl-rounded-bl-lg',\n          dayIdx === days.length - 1 && 'sl-rounded-br-lg'\n        ]\"\n        @click=\"handleClick(day)\"\n        @dblclick=\"handleDoubleClick(day)\">\n        \n        <time :datetime=\"day.date\" :class=\"[\n          'sl-mx-auto sl-flex sl-h-7 sl-w-7 sl-items-center sl-justify-center sl-rounded-full',\n          day.isToday\n            ? 'sl-bg-stachelock-600 sl-text-white'\n            : day.isSelected\n              ? 'sl-bg-gray-900 sl-text-white'\n              : ''\n        ]\">\n          {{ ((day?.date || '').split('-').pop() || '').replace(/^0/, '') }}\n        </time>\n\n        <!-- Event indicator dot -->\n        <span v-if=\"day.hasEvent\" class=\"sl-absolute sl-top-1 sl-right-1 sl-h-2 sl-w-2 sl-rounded-full sl-bg-stachelock-600\"></span>\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CalendarDay } from '@/utils/calendar';\n\nconst props = defineProps<{ \n  days: Array<CalendarDay>;\n  events?: Array<{ id: string | number; datetime: string; start_time?: string }>;\n}>();\nconst emit = defineEmits(['selectDay', 'select:event', 'doubleSelectDay']);\n\nconst hasEvent = (day: CalendarDay): boolean => {\n  if (!props.events) return false;\n  return props.events.some(event => {\n    const eventDate = new Date(event.datetime || event.start_time || '').toISOString().split('T')[0];\n    return eventDate === day.date;\n  });\n};\n\nconst formattedDays = computed(() =>\n  props.days.map(day => ({\n    ...day,\n    id: day.id || day.date,\n    hasEvent: hasEvent(day)\n  }))\n);\n\nconst handleClick = (day: CalendarDay) => emit('selectDay', day);\nconst handleDoubleClick = (day: CalendarDay) => emit('doubleSelectDay', day);\n</script>\n\n<style scoped>\n</style>\n\n\n"],"names":["props","__props","emit","__emit","hasEvent","day","event","formattedDays","computed","handleClick","handleDoubleClick","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_Fragment","_renderList","dayIdx","_normalizeClass","days","$event","_toDisplayString","_hoisted_4","_hoisted_5"],"mappings":";;;;;;;;;;;;AAsDA,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAW,CAACC,MACXL,EAAM,SACJA,EAAM,OAAO,KAAK,CAAAM,MACL,IAAI,KAAKA,EAAM,YAAYA,EAAM,cAAc,EAAE,EAAE,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,MAC1ED,EAAI,IAC1B,IAJyB,IAOtBE,IAAgBC;AAAA,MAAS,MAC7BR,EAAM,KAAK,IAAI,CAAAK,OAAQ;AAAA,QACrB,GAAGA;AAAA,QACH,IAAIA,EAAI,MAAMA,EAAI;AAAA,QAClB,UAAUD,EAASC,CAAG;AAAA,MAAA,EACtB;AAAA,IAAA,GAGEI,IAAc,CAACJ,MAAqBH,EAAK,aAAaG,CAAG,GACzDK,IAAoB,CAACL,MAAqBH,EAAK,mBAAmBG,CAAG;sBA5EzEM,EAAA,GAAAC,EA8CM,OA9CNC,GA8CM;AAAA,sBA5CJC,EAQM,OAAA,EARD,OAAM,6EAAyE;AAAA,QAClFA,EAAY,aAAP,GAAC;AAAA,QACNA,EAAY,aAAP,GAAC;AAAA,QACNA,EAAY,aAAP,GAAC;AAAA,QACNA,EAAY,aAAP,GAAC;AAAA,QACNA,EAAY,aAAP,GAAC;AAAA,QACNA,EAAY,aAAP,GAAC;AAAA,QACNA,EAAY,aAAP,GAAC;AAAA,MAAA;MAIRA,EAgCM,OAhCNC,GAgCM;AAAA,SA/BJJ,EAAA,EAAA,GAAAC,EA8BSI,GAAA,MAAAC,EA9BuBV,EAAA,OAAa,CAA7BF,GAAKa,YAArBN,EA8BS,UAAA;AAAA,UA9BuC,KAAKP,EAAI;AAAA,UAAI,MAAK;AAAA,UAC/D,OAAKc,EAAA;AAAA;YAAoFd,EAAI,iBAAc,gBAAA;AAAA,aAA+CA,EAAI,cAAcA,EAAI,YAAO;AAAA,YAAmCA,EAAI,cAAU;AAAA,aAAgCA,EAAI,cAAcA,EAAI,kBAAc,CAAKA,EAAI,WAAO;AAAA,aAAmCA,EAAI,cAAU,CAAKA,EAAI,kBAAc,CAAKA,EAAI,WAAO;AAAA,YAAkCA,EAAI,WAAO,CAAKA,EAAI,cAAU;AAAA,YAAwCa,MAAM,KAAA;AAAA,YAAwCA,MAAM,KAAA;AAAA,YAAwCA,MAAWE,EAAAA,KAAK,SAAM,KAAA;AAAA,YAAsCF,MAAWE,EAAAA,KAAK,SAAM,KAAA;AAAA,UAAA;UAa1qB,SAAK,CAAAC,MAAEZ,EAAYJ,CAAG;AAAA,UACtB,YAAQ,CAAAgB,MAAEX,EAAkBL,CAAG;AAAA,QAAA;UAEhCS,EASO,QAAA;AAAA,YATA,UAAUT,EAAI;AAAA,YAAO,OAAKc,EAAA;AAAA;cAA8Gd,EAAI,iDAAyEA,EAAI;;aAQzNiB,IAAAjB,GAAK,QAAI,IAAQ,MAAK,GAAA,EAAM,IAAA,SAAa,QAAO,MAAA,EAAA,CAAA,GAAA,IAAAkB,CAAA;AAAA,UAI3ClB,EAAI,YAAhBM,EAAA,GAAAC,EAA4H,QAA5HY,CAA4H;;;;;;"}

package/dist/NavigationGroup.vue_vue_type_script_setup_true_lang-2WURj34G.js

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

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

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