@treeui/vue 0.8.0 → 0.11.0

package/dist/components/TDateTimePicker.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TDateTimePicker.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TDateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addDays,\n  addMonths,\n  createId,\n  isActivationKey,\n  isEscapeKey,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  type ComponentPublicInstance,\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface CalendarCell {\n  date: Date;\n  dayLabel: number;\n  disabled: boolean;\n  inMonth: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  key: string;\n}\n\ninterface TimeOption {\n  disabled: boolean;\n  label: string;\n  value: number;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    locale?: string;\n    min?: string;\n    max?: string;\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    id?: string;\n    step?: number;\n  }>(),\n  {\n    modelValue: '',\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: 'Select date and time',\n    locale: 'en-US',\n    min: '',\n    max: '',\n    weekStartsOn: 0,\n    id: undefined,\n    step: 60,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  change: [value: string];\n  select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n  value: string | null | undefined,\n  boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n  if (!value) {\n    return null;\n  }\n\n  const dateOnlyMatch = value.match(dateOnlyPattern);\n  if (dateOnlyMatch) {\n    const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n    const year = Number.parseInt(yearToken, 10);\n    const month = Number.parseInt(monthToken, 10);\n    const day = Number.parseInt(dayToken, 10);\n    const hour = boundary === 'end' ? 23 : 0;\n    const minute = boundary === 'end' ? 59 : 0;\n    const second = boundary === 'end' ? 59 : 0;\n    const millisecond = boundary === 'end' ? 999 : 0;\n    const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n    if (\n      Number.isNaN(date.getTime()) ||\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n  const dateTimeMatch = value.match(dateTimePattern);\n  if (!dateTimeMatch) {\n    return null;\n  }\n\n  const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n    dateTimeMatch;\n  const year = Number.parseInt(yearToken, 10);\n  const month = Number.parseInt(monthToken, 10);\n  const day = Number.parseInt(dayToken, 10);\n  const hour = Number.parseInt(hourToken, 10);\n  const minute = Number.parseInt(minuteToken, 10);\n  const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n  const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n  if (\n    Number.isNaN(date.getTime()) ||\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getHours() !== hour ||\n    date.getMinutes() !== minute ||\n    date.getSeconds() !== second\n  ) {\n    return null;\n  }\n\n  return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n  `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n  new Date(\n    targetDate.getFullYear(),\n    targetDate.getMonth(),\n    targetDate.getDate(),\n    source.getHours(),\n    source.getMinutes(),\n    0,\n    0,\n  );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n  new Date(\n    source.getFullYear(),\n    source.getMonth(),\n    source.getDate(),\n    hour,\n    minute,\n    0,\n    0,\n  );\n\nconst resolveMinuteStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n    return 1;\n  }\n\n  const minuteStep = step / 60;\n  return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('t-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n  let nextValue = cloneDate(value);\n\n  if (minDateTime.value && nextValue < minDateTime.value) {\n    nextValue = cloneDate(minDateTime.value);\n  }\n\n  if (maxDateTime.value && nextValue > maxDateTime.value) {\n    nextValue = cloneDate(maxDateTime.value);\n  }\n\n  return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n  const reference = new Date();\n  const stepMilliseconds = Math.max(props.step, 60) * 1000;\n  const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n  rounded.setSeconds(0, 0);\n  return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, name: _name, ...rest } = attrs;\n  return rest;\n});\n\nconst hiddenInputName = computed(() =>\n  typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n  't-date-picker',\n  't-date-time-picker',\n  `t-date-picker--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst triggerText = computed(() => {\n  if (!selectedDateTime.value) {\n    return props.placeholder;\n  }\n\n  return new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n  const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n  const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(weekBase, index)),\n  );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n  const values = new Set<number>();\n\n  for (let minute = 0; minute < 60; minute += minuteStep.value) {\n    values.add(minute);\n  }\n\n  values.add(draftDateTime.value.getMinutes());\n\n  return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  const dayStart = startOfDay(date);\n  const dayEnd = endOfDay(date);\n\n  if (minDateTime.value && dayEnd < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && dayStart > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  if (minDateTime.value && value < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && value > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n  focusedDate.value = startOfDay(date);\n  viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n  const nextValue = clampToRange(dateTime);\n  draftDateTime.value = nextValue;\n  syncCalendarView(nextValue);\n};\n\nwatch(\n  selectedDateTime,\n  (value) => {\n    if (isOpen.value) {\n      return;\n    }\n\n    syncDraftState(value ?? createDefaultDraftDateTime());\n  },\n  { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n  const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n  return Array.from({ length: 6 }, (_, weekIndex) =>\n    Array.from({ length: 7 }, (_, dayIndex) => {\n      const date = addDays(startDate, weekIndex * 7 + dayIndex);\n      const key = toDateValue(date);\n\n      return {\n        date,\n        dayLabel: date.getDate(),\n        disabled: isDateDisabled(date),\n        inMonth: date.getMonth() === viewMonth.value.getMonth(),\n        isFocused: isSameDay(date, focusedDate.value),\n        isSelected: isSameDay(date, draftDate.value),\n        isToday: isSameDay(date, today),\n        key,\n      } satisfies CalendarCell;\n    }),\n  );\n});\n\nconst canMovePrev = computed(() => {\n  if (!minDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n  if (!maxDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n  const candidate = setTimePart(draftDateTime.value, hour, minute);\n  return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n  Array.from({ length: 24 }, (_, hour) => ({\n    disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n    label: formatPart(hour),\n    value: hour,\n  })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n  minuteValues.value.map((minute) => ({\n    disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n    label: formatPart(minute),\n    value: minute,\n  })),\n);\n\nconst focusCurrentDay = () => {\n  const key = toDateValue(focusedDate.value);\n  nextTick(() => {\n    dayRefs.get(key)?.focus();\n  });\n};\n\nconst setDayRef = (\n  element: Element | ComponentPublicInstance | null,\n  key: string,\n) => {\n  if (element instanceof HTMLButtonElement) {\n    dayRefs.set(key, element);\n    return;\n  }\n\n  dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n  setValue(true);\n  focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n  setValue(false);\n\n  if (restoreFocus) {\n    nextTick(() => {\n      triggerRef.value?.focus();\n    });\n  }\n};\n\nconst toggleCalendar = () => {\n  if (isOpen.value) {\n    closeCalendar();\n    return;\n  }\n\n  openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n  const nextMonth = addMonths(viewMonth.value, direction);\n  syncCalendarView(nextMonth);\n  focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n  if (isDateDisabled(nextDate)) {\n    return;\n  }\n\n  syncCalendarView(nextDate);\n  focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n  if (isDateDisabled(date)) {\n    return;\n  }\n\n  const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n  draftDateTime.value = candidate;\n  syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeCalendar();\n    return;\n  }\n\n  if (\n    isActivationKey(event) ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    openCalendar();\n  }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeCalendar(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectDate(date);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(addDays(date, -1));\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(addDays(date, 1));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(addDays(date, -7));\n      break;\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(addDays(date, 7));\n      break;\n    case 'Home':\n      event.preventDefault();\n      moveFocus(startOfWeek(date, props.weekStartsOn));\n      break;\n    case 'End':\n      event.preventDefault();\n      moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n      break;\n    case 'PageUp':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n      break;\n    case 'PageDown':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n      break;\n    default:\n      break;\n  }\n};\n\nconst updateHour = (event: Event) => {\n  const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const currentMinute = draftDateTime.value.getMinutes();\n\n  if (Number.isNaN(nextHour)) {\n    return;\n  }\n\n  const availableMinutes = minuteValues.value.filter((minute) =>\n    isTimeOptionEnabled(nextHour, minute),\n  );\n\n  if (!availableMinutes.length) {\n    return;\n  }\n\n  const nextMinute = availableMinutes.includes(currentMinute)\n    ? currentMinute\n    : availableMinutes[0];\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n  const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const nextHour = draftDateTime.value.getHours();\n\n  if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n    return;\n  }\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n  const value = toDateTimeValue(draftDateTime.value);\n\n  emit('update:modelValue', value);\n  emit('change', value);\n  emit('select', value);\n  closeCalendar(true);\n};\n\nconst clearSelection = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  emit('select', '');\n  closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  const target = event.target;\n  if (!(target instanceof Node)) {\n    return;\n  }\n\n  if (rootRef.value?.contains(target)) {\n    return;\n  }\n\n  closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n    return;\n  }\n\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <input\n      v-if=\"hiddenInputName\"\n      type=\"hidden\"\n      :name=\"hiddenInputName\"\n      :value=\"modelValue\"\n    >\n\n    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-date-picker__trigger t-date-time-picker__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? pickerId : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      @click=\"toggleCalendar\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-date-picker__slot t-date-picker__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <span\n        class=\"t-date-picker__value\"\n        :data-placeholder=\"selectedDateTime ? undefined : true\"\n      >\n        {{ triggerText }}\n      </span>\n\n      <span class=\"t-date-picker__slot t-date-picker__slot--suffix\">\n        <slot name=\"suffix\">\n          <TSpinner\n            v-if=\"loading\"\n            size=\"sm\"\n            label=\"Loading\"\n          />\n          <CalendarIcon\n            v-else\n            v-bind=\"treeIconDefaults\"\n          />\n        </slot>\n      </span>\n    </button>\n\n    <transition name=\"t-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"pickerId\"\n        class=\"t-date-picker__content t-date-time-picker__content\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        :aria-labelledby=\"captionId\"\n      >\n        <div class=\"t-date-time-picker__calendar\">\n          <div class=\"t-date-picker__header\">\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMovePrev\"\n              aria-label=\"Previous month\"\n              @click=\"moveCalendar(-1)\"\n            >\n              <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n            </button>\n\n            <p\n              :id=\"captionId\"\n              class=\"t-date-picker__month\"\n            >\n              {{ monthLabel }}\n            </p>\n\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMoveNext\"\n              aria-label=\"Next month\"\n              @click=\"moveCalendar(1)\"\n            >\n              <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n            </button>\n          </div>\n\n          <div\n            class=\"t-date-picker__weekdays\"\n            aria-hidden=\"true\"\n          >\n            <span\n              v-for=\"label in weekdayLabels\"\n              :key=\"label\"\n              class=\"t-date-picker__weekday\"\n            >\n              {{ label }}\n            </span>\n          </div>\n\n          <div\n            class=\"t-date-picker__grid\"\n            role=\"grid\"\n            :aria-labelledby=\"captionId\"\n          >\n            <div\n              v-for=\"(week, weekIndex) in cells\"\n              :key=\"weekIndex\"\n              class=\"t-date-picker__row\"\n              role=\"row\"\n            >\n              <div\n                v-for=\"cell in week\"\n                :key=\"cell.key\"\n                class=\"t-date-picker__cell\"\n                role=\"gridcell\"\n                :aria-selected=\"cell.isSelected\"\n              >\n                <button\n                  :ref=\"(element) => setDayRef(element, cell.key)\"\n                  type=\"button\"\n                  class=\"t-date-picker__day\"\n                  :class=\"{\n                    'is-muted': !cell.inMonth,\n                    'is-selected': cell.isSelected,\n                    'is-today': cell.isToday,\n                  }\"\n                  :data-date=\"cell.key\"\n                  :tabindex=\"cell.isFocused ? 0 : -1\"\n                  :disabled=\"cell.disabled\"\n                  :aria-pressed=\"cell.isSelected\"\n                  @click=\"selectDate(cell.date)\"\n                  @keydown=\"onDayKeydown($event, cell.date)\"\n                >\n                  {{ cell.dayLabel }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"t-date-time-picker__summary\">\n          <p class=\"t-date-time-picker__eyebrow\">\n            Selected slot\n          </p>\n          <p class=\"t-date-time-picker__summary-value\">\n            {{ draftPreview }}\n          </p>\n        </div>\n\n        <div class=\"t-date-time-picker__time\">\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Hour</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getHours()\"\n              aria-label=\"Select hour\"\n              @change=\"updateHour\"\n            >\n              <option\n                v-for=\"option in hourOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Minute</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getMinutes()\"\n              aria-label=\"Select minute\"\n              @change=\"updateMinute\"\n            >\n              <option\n                v-for=\"option in minuteOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n        </div>\n\n        <div class=\"t-date-time-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"t-button t-button--ghost t-button--sm\"\n            @click=\"clearSelection\"\n          >\n            Clear\n          </button>\n          <button\n            type=\"button\"\n            class=\"t-button t-button--solid t-button--sm\"\n            @click=\"commitDraft\"\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TDateTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,409 @@
+import e from "./TSpinner.js";
+import { useControllableOpen as t } from "../composables/useControllableOpen.js";
+import { Fragment as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as ee, openBlock as _, ref as v, renderList as y, renderSlot as te, toDisplayString as b, toRef as ne, unref as x, useAttrs as re, watch as ie, withCtx as ae } from "vue";
+import { addDays as S, addMonths as C, createId as oe, isActivationKey as se, isEscapeKey as ce, isSameDay as w, startOfDay as T, startOfMonth as E, startOfWeek as D, toDateValue as le } from "@treeui/utils";
+import { getTreeIcon as ue, treeIconDefaults as de } from "@treeui/icons";
+//#region src/components/TDateTimePicker.vue?vue&type=script&setup=true&lang.ts
+var fe = ["data-state"], pe = ["name", "value"], me = [
+	"disabled",
+	"aria-controls",
+	"aria-expanded",
+	"aria-invalid"
+], he = {
+	key: 0,
+	class: "t-date-picker__slot t-date-picker__slot--prefix"
+}, ge = ["data-placeholder"], _e = { class: "t-date-picker__slot t-date-picker__slot--suffix" }, ve = ["id"], ye = { class: "t-date-time-picker__calendar" }, be = { class: "t-date-picker__header" }, xe = ["disabled"], Se = ["disabled"], Ce = {
+	class: "t-date-picker__weekdays",
+	"aria-hidden": "true"
+}, we = ["aria-selected"], Te = [
+	"data-date",
+	"tabindex",
+	"disabled",
+	"aria-pressed",
+	"onClick",
+	"onKeydown"
+], Ee = { class: "t-date-time-picker__summary" }, De = { class: "t-date-time-picker__summary-value" }, Oe = { class: "t-date-time-picker__time" }, ke = { class: "t-date-time-picker__time-field" }, Ae = ["value"], je = ["value", "disabled"], Me = { class: "t-date-time-picker__time-field" }, Ne = ["value"], Pe = ["value", "disabled"], Fe = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "TDateTimePicker",
+	props: {
+		modelValue: { default: "" },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "Select date and time" },
+		locale: { default: "en-US" },
+		min: { default: "" },
+		max: { default: "" },
+		weekStartsOn: { default: 0 },
+		id: { default: void 0 },
+		step: { default: 60 }
+	},
+	emits: [
+		"update:modelValue",
+		"update:open",
+		"open-change",
+		"change",
+		"select"
+	],
+	setup(u, { emit: Fe }) {
+		let Ie = ue("calendar"), Le = ue("chevron-left"), Re = ue("chevron-right"), ze = /^(\d{4})-(\d{2})-(\d{2})$/, Be = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/, O = u, k = Fe, A = re(), j = (e) => new Date(e.getTime()), M = (e) => `${e}`.padStart(2, "0"), Ve = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999), N = (e, t = "exact") => {
+			if (!e) return null;
+			let n = e.match(ze);
+			if (n) {
+				let [, e, r, i] = n, a = Number.parseInt(e, 10), o = Number.parseInt(r, 10), s = Number.parseInt(i, 10), c = t === "end" ? 23 : 0, l = t === "end" ? 59 : 0, u = t === "end" ? 59 : 0, d = t === "end" ? 999 : 0, f = new Date(a, o - 1, s, c, l, u, d);
+				return Number.isNaN(f.getTime()) || f.getFullYear() !== a || f.getMonth() !== o - 1 || f.getDate() !== s ? null : f;
+			}
+			let r = e.match(Be);
+			if (!r) return null;
+			let [, i, a, o, s, c, l] = r, u = Number.parseInt(i, 10), d = Number.parseInt(a, 10), f = Number.parseInt(o, 10), p = Number.parseInt(s, 10), m = Number.parseInt(c, 10), h = l ? Number.parseInt(l, 10) : 0, g = new Date(u, d - 1, f, p, m, h, 0);
+			return Number.isNaN(g.getTime()) || g.getFullYear() !== u || g.getMonth() !== d - 1 || g.getDate() !== f || g.getHours() !== p || g.getMinutes() !== m || g.getSeconds() !== h ? null : g;
+		}, He = (e) => `${le(e)}T${M(e.getHours())}:${M(e.getMinutes())}`, Ue = (e, t) => new Date(t.getFullYear(), t.getMonth(), t.getDate(), e.getHours(), e.getMinutes(), 0, 0), P = (e, t, n) => new Date(e.getFullYear(), e.getMonth(), e.getDate(), t, n, 0, 0), We = (e) => {
+			if (!Number.isFinite(e) || e <= 0 || e % 60 != 0) return 1;
+			let t = e / 60;
+			return t >= 60 ? 1 : t;
+		}, Ge = T(/* @__PURE__ */ new Date()), F = i(() => N(O.modelValue, "exact")), I = i(() => N(O.min, "start")), L = i(() => N(O.max, "end")), R = O.id ?? oe("t-date-time-picker"), z = `${R}-caption`, Ke = v(null), qe = v(null), B = /* @__PURE__ */ new Map(), V = (e) => {
+			let t = j(e);
+			return I.value && t < I.value && (t = j(I.value)), L.value && t > L.value && (t = j(L.value)), t;
+		}, H = () => {
+			let e = /* @__PURE__ */ new Date(), t = Math.max(O.step, 60) * 1e3, n = new Date(Math.ceil(e.getTime() / t) * t);
+			return n.setSeconds(0, 0), V(n);
+		}, U = F.value ?? H(), W = v(U), G = v(T(U)), K = v(E(U)), Je = i(() => {
+			let { class: e, style: t, name: n, ...r } = A;
+			return r;
+		}), Ye = i(() => typeof A.name == "string" ? A.name : void 0), Xe = i(() => [
+			"t-date-picker",
+			"t-date-time-picker",
+			`t-date-picker--${O.size}`,
+			{
+				"is-disabled": O.disabled,
+				"is-invalid": O.invalid,
+				"is-loading": O.loading,
+				"is-open": q.value
+			},
+			A.class
+		]), Ze = i(() => A.style), { value: q, setValue: Qe } = t(ne(O, "open"), O.defaultOpen, (e) => {
+			k("update:open", e), k("open-change", e);
+		}), $e = i(() => F.value ? new Intl.DateTimeFormat(O.locale, {
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit",
+			month: "long",
+			year: "numeric"
+		}).format(F.value) : O.placeholder), et = i(() => new Intl.DateTimeFormat(O.locale, {
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit",
+			month: "long",
+			year: "numeric"
+		}).format(W.value)), tt = i(() => new Intl.DateTimeFormat(O.locale, {
+			month: "long",
+			year: "numeric"
+		}).format(K.value)), nt = i(() => {
+			let e = new Intl.DateTimeFormat(O.locale, { weekday: "short" }), t = D(new Date(2024, 0, 7), O.weekStartsOn);
+			return Array.from({ length: 7 }, (n, r) => e.format(S(t, r)));
+		}), rt = i(() => We(O.step)), J = i(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t = 0; t < 60; t += rt.value) e.add(t);
+			return e.add(W.value.getMinutes()), [...e].sort((e, t) => e - t);
+		}), it = (e) => {
+			if (O.disabled) return !0;
+			let t = T(e), n = Ve(e);
+			return !!(I.value && n < I.value || L.value && t > L.value);
+		}, at = (e) => !!(O.disabled || I.value && e < I.value || L.value && e > L.value), Y = (e) => {
+			G.value = T(e), K.value = E(e);
+		}, ot = (e) => {
+			let t = V(e);
+			W.value = t, Y(t);
+		};
+		ie(F, (e) => {
+			q.value || ot(e ?? H());
+		}, { immediate: !0 });
+		let st = i(() => T(W.value)), ct = i(() => {
+			let e = D(E(K.value), O.weekStartsOn);
+			return Array.from({ length: 6 }, (t, n) => Array.from({ length: 7 }, (t, r) => {
+				let i = S(e, n * 7 + r), a = le(i);
+				return {
+					date: i,
+					dayLabel: i.getDate(),
+					disabled: it(i),
+					inMonth: i.getMonth() === K.value.getMonth(),
+					isFocused: w(i, G.value),
+					isSelected: w(i, st.value),
+					isToday: w(i, Ge),
+					key: a
+				};
+			}));
+		}), lt = i(() => !I.value || E(K.value) > E(I.value)), ut = i(() => !L.value || E(K.value) < E(L.value)), X = (e, t) => {
+			let n = P(W.value, e, t);
+			return !at(n);
+		}, dt = i(() => Array.from({ length: 24 }, (e, t) => ({
+			disabled: !J.value.some((e) => X(t, e)),
+			label: M(t),
+			value: t
+		}))), ft = i(() => J.value.map((e) => ({
+			disabled: !X(W.value.getHours(), e),
+			label: M(e),
+			value: e
+		}))), pt = () => {
+			let e = le(G.value);
+			p(() => {
+				B.get(e)?.focus();
+			});
+		}, mt = (e, t) => {
+			if (e instanceof HTMLButtonElement) {
+				B.set(t, e);
+				return;
+			}
+			B.delete(t);
+		}, ht = () => {
+			O.disabled || (ot(F.value ?? H()), Qe(!0), pt());
+		}, Z = (e = !1) => {
+			Qe(!1), e && p(() => {
+				qe.value?.focus();
+			});
+		}, gt = () => {
+			if (q.value) {
+				Z();
+				return;
+			}
+			ht();
+		}, _t = (e) => {
+			let t = C(K.value, e);
+			Y(t), pt();
+		}, Q = (e) => {
+			it(e) || (Y(e), pt());
+		}, vt = (e) => {
+			if (it(e)) return;
+			let t = V(Ue(W.value, e));
+			W.value = t, Y(t);
+		}, yt = (e) => {
+			if (!O.disabled) {
+				if (ce(e) && q.value) {
+					e.preventDefault(), Z();
+					return;
+				}
+				(se(e) || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), ht());
+			}
+		}, bt = (e, t) => {
+			if (ce(e)) {
+				e.preventDefault(), Z(!0);
+				return;
+			}
+			if (se(e)) {
+				e.preventDefault(), vt(t);
+				return;
+			}
+			switch (e.key) {
+				case "ArrowLeft":
+					e.preventDefault(), Q(S(t, -1));
+					break;
+				case "ArrowRight":
+					e.preventDefault(), Q(S(t, 1));
+					break;
+				case "ArrowUp":
+					e.preventDefault(), Q(S(t, -7));
+					break;
+				case "ArrowDown":
+					e.preventDefault(), Q(S(t, 7));
+					break;
+				case "Home":
+					e.preventDefault(), Q(D(t, O.weekStartsOn));
+					break;
+				case "End":
+					e.preventDefault(), Q(S(D(t, O.weekStartsOn), 6));
+					break;
+				case "PageUp":
+					e.preventDefault(), Q(C(t, e.shiftKey ? -12 : -1));
+					break;
+				case "PageDown":
+					e.preventDefault(), Q(C(t, e.shiftKey ? 12 : 1));
+					break;
+				default: break;
+			}
+		}, xt = (e) => {
+			let t = Number.parseInt(e.target.value, 10), n = W.value.getMinutes();
+			if (Number.isNaN(t)) return;
+			let r = J.value.filter((e) => X(t, e));
+			if (!r.length) return;
+			let i = r.includes(n) ? n : r[0];
+			W.value = P(W.value, t, i);
+		}, St = (e) => {
+			let t = Number.parseInt(e.target.value, 10), n = W.value.getHours();
+			Number.isNaN(t) || !X(n, t) || (W.value = P(W.value, n, t));
+		}, Ct = () => {
+			let e = He(W.value);
+			k("update:modelValue", e), k("change", e), k("select", e), Z(!0);
+		}, wt = () => {
+			k("update:modelValue", ""), k("change", ""), k("select", ""), Z(!0);
+		}, $ = (e) => {
+			if (!q.value) return;
+			let t = e.target;
+			t instanceof Node && (Ke.value?.contains(t) || Z());
+		};
+		return ie(q, (e) => {
+			if (e) {
+				document.addEventListener("pointerdown", $);
+				return;
+			}
+			document.removeEventListener("pointerdown", $);
+		}), ee(() => {
+			document.removeEventListener("pointerdown", $);
+		}), (t, i) => (_(), s("div", {
+			ref_key: "rootRef",
+			ref: Ke,
+			class: m(Xe.value),
+			style: g(Ze.value),
+			"data-state": x(q) ? "open" : "closed"
+		}, [
+			Ye.value ? (_(), s("input", {
+				key: 0,
+				type: "hidden",
+				name: Ye.value,
+				value: u.modelValue
+			}, null, 8, pe)) : o("", !0),
+			c("button", f({
+				ref_key: "triggerRef",
+				ref: qe
+			}, Je.value, {
+				type: "button",
+				class: "t-date-picker__trigger t-date-time-picker__trigger",
+				disabled: u.disabled,
+				"aria-controls": x(q) ? x(R) : void 0,
+				"aria-haspopup": "dialog",
+				"aria-expanded": x(q),
+				"aria-invalid": u.invalid || void 0,
+				onClick: gt,
+				onKeydown: yt
+			}), [
+				t.$slots.prefix ? (_(), s("span", he, [te(t.$slots, "prefix")])) : o("", !0),
+				c("span", {
+					class: "t-date-picker__value",
+					"data-placeholder": !F.value || void 0
+				}, b($e.value), 9, ge),
+				c("span", _e, [te(t.$slots, "suffix", {}, () => [u.loading ? (_(), a(e, {
+					key: 0,
+					size: "sm",
+					label: "Loading"
+				})) : (_(), a(x(Ie), h(f({ key: 1 }, x(de))), null, 16))])])
+			], 16, me),
+			l(r, { name: "t-fade" }, {
+				default: ae(() => [x(q) && !u.disabled ? (_(), s("div", {
+					key: 0,
+					id: x(R),
+					class: "t-date-picker__content t-date-time-picker__content",
+					role: "dialog",
+					"aria-modal": "false",
+					"aria-labelledby": z
+				}, [
+					c("div", ye, [
+						c("div", be, [
+							c("button", {
+								type: "button",
+								class: "t-date-picker__nav",
+								disabled: !lt.value,
+								"aria-label": "Previous month",
+								onClick: i[0] ||= (e) => _t(-1)
+							}, [l(x(Le), h(d(x(de))), null, 16)], 8, xe),
+							c("p", {
+								id: z,
+								class: "t-date-picker__month"
+							}, b(tt.value), 1),
+							c("button", {
+								type: "button",
+								class: "t-date-picker__nav",
+								disabled: !ut.value,
+								"aria-label": "Next month",
+								onClick: i[1] ||= (e) => _t(1)
+							}, [l(x(Re), h(d(x(de))), null, 16)], 8, Se)
+						]),
+						c("div", Ce, [(_(!0), s(n, null, y(nt.value, (e) => (_(), s("span", {
+							key: e,
+							class: "t-date-picker__weekday"
+						}, b(e), 1))), 128))]),
+						c("div", {
+							class: "t-date-picker__grid",
+							role: "grid",
+							"aria-labelledby": z
+						}, [(_(!0), s(n, null, y(ct.value, (e, t) => (_(), s("div", {
+							key: t,
+							class: "t-date-picker__row",
+							role: "row"
+						}, [(_(!0), s(n, null, y(e, (e) => (_(), s("div", {
+							key: e.key,
+							class: "t-date-picker__cell",
+							role: "gridcell",
+							"aria-selected": e.isSelected
+						}, [c("button", {
+							ref_for: !0,
+							ref: (t) => mt(t, e.key),
+							type: "button",
+							class: m(["t-date-picker__day", {
+								"is-muted": !e.inMonth,
+								"is-selected": e.isSelected,
+								"is-today": e.isToday
+							}]),
+							"data-date": e.key,
+							tabindex: e.isFocused ? 0 : -1,
+							disabled: e.disabled,
+							"aria-pressed": e.isSelected,
+							onClick: (t) => vt(e.date),
+							onKeydown: (t) => bt(t, e.date)
+						}, b(e.dayLabel), 43, Te)], 8, we))), 128))]))), 128))])
+					]),
+					c("div", Ee, [i[2] ||= c("p", { class: "t-date-time-picker__eyebrow" }, " Selected slot ", -1), c("p", De, b(et.value), 1)]),
+					c("div", Oe, [c("label", ke, [i[3] ||= c("span", { class: "t-date-time-picker__time-label" }, "Hour", -1), c("select", {
+						class: "t-date-time-picker__select",
+						value: W.value.getHours(),
+						"aria-label": "Select hour",
+						onChange: xt
+					}, [(_(!0), s(n, null, y(dt.value, (e) => (_(), s("option", {
+						key: e.value,
+						value: e.value,
+						disabled: e.disabled
+					}, b(e.label), 9, je))), 128))], 40, Ae)]), c("label", Me, [i[4] ||= c("span", { class: "t-date-time-picker__time-label" }, "Minute", -1), c("select", {
+						class: "t-date-time-picker__select",
+						value: W.value.getMinutes(),
+						"aria-label": "Select minute",
+						onChange: St
+					}, [(_(!0), s(n, null, y(ft.value, (e) => (_(), s("option", {
+						key: e.value,
+						value: e.value,
+						disabled: e.disabled
+					}, b(e.label), 9, Pe))), 128))], 40, Ne)])]),
+					c("div", { class: "t-date-time-picker__footer" }, [c("button", {
+						type: "button",
+						class: "t-button t-button--ghost t-button--sm",
+						onClick: wt
+					}, " Clear "), c("button", {
+						type: "button",
+						class: "t-button t-button--solid t-button--sm",
+						onClick: Ct
+					}, " Apply ")])
+				], 8, ve)) : o("", !0)]),
+				_: 1
+			})
+		], 14, fe));
+	}
+});
+//#endregion
+export { Fe as default };
+
+//# sourceMappingURL=TDateTimePicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TDateTimePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TDateTimePicker.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TDateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addDays,\n  addMonths,\n  createId,\n  isActivationKey,\n  isEscapeKey,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  type ComponentPublicInstance,\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface CalendarCell {\n  date: Date;\n  dayLabel: number;\n  disabled: boolean;\n  inMonth: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  key: string;\n}\n\ninterface TimeOption {\n  disabled: boolean;\n  label: string;\n  value: number;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    locale?: string;\n    min?: string;\n    max?: string;\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    id?: string;\n    step?: number;\n  }>(),\n  {\n    modelValue: '',\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: 'Select date and time',\n    locale: 'en-US',\n    min: '',\n    max: '',\n    weekStartsOn: 0,\n    id: undefined,\n    step: 60,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  change: [value: string];\n  select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n  value: string | null | undefined,\n  boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n  if (!value) {\n    return null;\n  }\n\n  const dateOnlyMatch = value.match(dateOnlyPattern);\n  if (dateOnlyMatch) {\n    const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n    const year = Number.parseInt(yearToken, 10);\n    const month = Number.parseInt(monthToken, 10);\n    const day = Number.parseInt(dayToken, 10);\n    const hour = boundary === 'end' ? 23 : 0;\n    const minute = boundary === 'end' ? 59 : 0;\n    const second = boundary === 'end' ? 59 : 0;\n    const millisecond = boundary === 'end' ? 999 : 0;\n    const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n    if (\n      Number.isNaN(date.getTime()) ||\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n  const dateTimeMatch = value.match(dateTimePattern);\n  if (!dateTimeMatch) {\n    return null;\n  }\n\n  const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n    dateTimeMatch;\n  const year = Number.parseInt(yearToken, 10);\n  const month = Number.parseInt(monthToken, 10);\n  const day = Number.parseInt(dayToken, 10);\n  const hour = Number.parseInt(hourToken, 10);\n  const minute = Number.parseInt(minuteToken, 10);\n  const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n  const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n  if (\n    Number.isNaN(date.getTime()) ||\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getHours() !== hour ||\n    date.getMinutes() !== minute ||\n    date.getSeconds() !== second\n  ) {\n    return null;\n  }\n\n  return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n  `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n  new Date(\n    targetDate.getFullYear(),\n    targetDate.getMonth(),\n    targetDate.getDate(),\n    source.getHours(),\n    source.getMinutes(),\n    0,\n    0,\n  );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n  new Date(\n    source.getFullYear(),\n    source.getMonth(),\n    source.getDate(),\n    hour,\n    minute,\n    0,\n    0,\n  );\n\nconst resolveMinuteStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n    return 1;\n  }\n\n  const minuteStep = step / 60;\n  return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('t-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n  let nextValue = cloneDate(value);\n\n  if (minDateTime.value && nextValue < minDateTime.value) {\n    nextValue = cloneDate(minDateTime.value);\n  }\n\n  if (maxDateTime.value && nextValue > maxDateTime.value) {\n    nextValue = cloneDate(maxDateTime.value);\n  }\n\n  return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n  const reference = new Date();\n  const stepMilliseconds = Math.max(props.step, 60) * 1000;\n  const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n  rounded.setSeconds(0, 0);\n  return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, name: _name, ...rest } = attrs;\n  return rest;\n});\n\nconst hiddenInputName = computed(() =>\n  typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n  't-date-picker',\n  't-date-time-picker',\n  `t-date-picker--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst triggerText = computed(() => {\n  if (!selectedDateTime.value) {\n    return props.placeholder;\n  }\n\n  return new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n  const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n  const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(weekBase, index)),\n  );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n  const values = new Set<number>();\n\n  for (let minute = 0; minute < 60; minute += minuteStep.value) {\n    values.add(minute);\n  }\n\n  values.add(draftDateTime.value.getMinutes());\n\n  return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  const dayStart = startOfDay(date);\n  const dayEnd = endOfDay(date);\n\n  if (minDateTime.value && dayEnd < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && dayStart > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  if (minDateTime.value && value < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && value > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n  focusedDate.value = startOfDay(date);\n  viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n  const nextValue = clampToRange(dateTime);\n  draftDateTime.value = nextValue;\n  syncCalendarView(nextValue);\n};\n\nwatch(\n  selectedDateTime,\n  (value) => {\n    if (isOpen.value) {\n      return;\n    }\n\n    syncDraftState(value ?? createDefaultDraftDateTime());\n  },\n  { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n  const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n  return Array.from({ length: 6 }, (_, weekIndex) =>\n    Array.from({ length: 7 }, (_, dayIndex) => {\n      const date = addDays(startDate, weekIndex * 7 + dayIndex);\n      const key = toDateValue(date);\n\n      return {\n        date,\n        dayLabel: date.getDate(),\n        disabled: isDateDisabled(date),\n        inMonth: date.getMonth() === viewMonth.value.getMonth(),\n        isFocused: isSameDay(date, focusedDate.value),\n        isSelected: isSameDay(date, draftDate.value),\n        isToday: isSameDay(date, today),\n        key,\n      } satisfies CalendarCell;\n    }),\n  );\n});\n\nconst canMovePrev = computed(() => {\n  if (!minDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n  if (!maxDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n  const candidate = setTimePart(draftDateTime.value, hour, minute);\n  return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n  Array.from({ length: 24 }, (_, hour) => ({\n    disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n    label: formatPart(hour),\n    value: hour,\n  })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n  minuteValues.value.map((minute) => ({\n    disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n    label: formatPart(minute),\n    value: minute,\n  })),\n);\n\nconst focusCurrentDay = () => {\n  const key = toDateValue(focusedDate.value);\n  nextTick(() => {\n    dayRefs.get(key)?.focus();\n  });\n};\n\nconst setDayRef = (\n  element: Element | ComponentPublicInstance | null,\n  key: string,\n) => {\n  if (element instanceof HTMLButtonElement) {\n    dayRefs.set(key, element);\n    return;\n  }\n\n  dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n  setValue(true);\n  focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n  setValue(false);\n\n  if (restoreFocus) {\n    nextTick(() => {\n      triggerRef.value?.focus();\n    });\n  }\n};\n\nconst toggleCalendar = () => {\n  if (isOpen.value) {\n    closeCalendar();\n    return;\n  }\n\n  openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n  const nextMonth = addMonths(viewMonth.value, direction);\n  syncCalendarView(nextMonth);\n  focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n  if (isDateDisabled(nextDate)) {\n    return;\n  }\n\n  syncCalendarView(nextDate);\n  focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n  if (isDateDisabled(date)) {\n    return;\n  }\n\n  const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n  draftDateTime.value = candidate;\n  syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeCalendar();\n    return;\n  }\n\n  if (\n    isActivationKey(event) ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    openCalendar();\n  }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeCalendar(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectDate(date);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(addDays(date, -1));\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(addDays(date, 1));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(addDays(date, -7));\n      break;\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(addDays(date, 7));\n      break;\n    case 'Home':\n      event.preventDefault();\n      moveFocus(startOfWeek(date, props.weekStartsOn));\n      break;\n    case 'End':\n      event.preventDefault();\n      moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n      break;\n    case 'PageUp':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n      break;\n    case 'PageDown':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n      break;\n    default:\n      break;\n  }\n};\n\nconst updateHour = (event: Event) => {\n  const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const currentMinute = draftDateTime.value.getMinutes();\n\n  if (Number.isNaN(nextHour)) {\n    return;\n  }\n\n  const availableMinutes = minuteValues.value.filter((minute) =>\n    isTimeOptionEnabled(nextHour, minute),\n  );\n\n  if (!availableMinutes.length) {\n    return;\n  }\n\n  const nextMinute = availableMinutes.includes(currentMinute)\n    ? currentMinute\n    : availableMinutes[0];\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n  const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const nextHour = draftDateTime.value.getHours();\n\n  if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n    return;\n  }\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n  const value = toDateTimeValue(draftDateTime.value);\n\n  emit('update:modelValue', value);\n  emit('change', value);\n  emit('select', value);\n  closeCalendar(true);\n};\n\nconst clearSelection = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  emit('select', '');\n  closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  const target = event.target;\n  if (!(target instanceof Node)) {\n    return;\n  }\n\n  if (rootRef.value?.contains(target)) {\n    return;\n  }\n\n  closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n    return;\n  }\n\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <input\n      v-if=\"hiddenInputName\"\n      type=\"hidden\"\n      :name=\"hiddenInputName\"\n      :value=\"modelValue\"\n    >\n\n    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-date-picker__trigger t-date-time-picker__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? pickerId : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      @click=\"toggleCalendar\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-date-picker__slot t-date-picker__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <span\n        class=\"t-date-picker__value\"\n        :data-placeholder=\"selectedDateTime ? undefined : true\"\n      >\n        {{ triggerText }}\n      </span>\n\n      <span class=\"t-date-picker__slot t-date-picker__slot--suffix\">\n        <slot name=\"suffix\">\n          <TSpinner\n            v-if=\"loading\"\n            size=\"sm\"\n            label=\"Loading\"\n          />\n          <CalendarIcon\n            v-else\n            v-bind=\"treeIconDefaults\"\n          />\n        </slot>\n      </span>\n    </button>\n\n    <transition name=\"t-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"pickerId\"\n        class=\"t-date-picker__content t-date-time-picker__content\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        :aria-labelledby=\"captionId\"\n      >\n        <div class=\"t-date-time-picker__calendar\">\n          <div class=\"t-date-picker__header\">\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMovePrev\"\n              aria-label=\"Previous month\"\n              @click=\"moveCalendar(-1)\"\n            >\n              <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n            </button>\n\n            <p\n              :id=\"captionId\"\n              class=\"t-date-picker__month\"\n            >\n              {{ monthLabel }}\n            </p>\n\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMoveNext\"\n              aria-label=\"Next month\"\n              @click=\"moveCalendar(1)\"\n            >\n              <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n            </button>\n          </div>\n\n          <div\n            class=\"t-date-picker__weekdays\"\n            aria-hidden=\"true\"\n          >\n            <span\n              v-for=\"label in weekdayLabels\"\n              :key=\"label\"\n              class=\"t-date-picker__weekday\"\n            >\n              {{ label }}\n            </span>\n          </div>\n\n          <div\n            class=\"t-date-picker__grid\"\n            role=\"grid\"\n            :aria-labelledby=\"captionId\"\n          >\n            <div\n              v-for=\"(week, weekIndex) in cells\"\n              :key=\"weekIndex\"\n              class=\"t-date-picker__row\"\n              role=\"row\"\n            >\n              <div\n                v-for=\"cell in week\"\n                :key=\"cell.key\"\n                class=\"t-date-picker__cell\"\n                role=\"gridcell\"\n                :aria-selected=\"cell.isSelected\"\n              >\n                <button\n                  :ref=\"(element) => setDayRef(element, cell.key)\"\n                  type=\"button\"\n                  class=\"t-date-picker__day\"\n                  :class=\"{\n                    'is-muted': !cell.inMonth,\n                    'is-selected': cell.isSelected,\n                    'is-today': cell.isToday,\n                  }\"\n                  :data-date=\"cell.key\"\n                  :tabindex=\"cell.isFocused ? 0 : -1\"\n                  :disabled=\"cell.disabled\"\n                  :aria-pressed=\"cell.isSelected\"\n                  @click=\"selectDate(cell.date)\"\n                  @keydown=\"onDayKeydown($event, cell.date)\"\n                >\n                  {{ cell.dayLabel }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"t-date-time-picker__summary\">\n          <p class=\"t-date-time-picker__eyebrow\">\n            Selected slot\n          </p>\n          <p class=\"t-date-time-picker__summary-value\">\n            {{ draftPreview }}\n          </p>\n        </div>\n\n        <div class=\"t-date-time-picker__time\">\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Hour</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getHours()\"\n              aria-label=\"Select hour\"\n              @change=\"updateHour\"\n            >\n              <option\n                v-for=\"option in hourOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Minute</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getMinutes()\"\n              aria-label=\"Select minute\"\n              @change=\"updateMinute\"\n            >\n              <option\n                v-for=\"option in minuteOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n        </div>\n\n        <div class=\"t-date-time-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"t-button t-button--ghost t-button--sm\"\n            @click=\"clearSelection\"\n          >\n            Clear\n          </button>\n          <button\n            type=\"button\"\n            class=\"t-button t-button--solid t-button--sm\"\n            @click=\"commitDraft\"\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TDivider.cjs

@@ -0,0 +1,2 @@
+var e=require("./TDivider.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TDivider.cjs.map

package/dist/components/TDivider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TDivider.cjs","names":[],"sources":["../../src/components/TDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    orientation?: 'horizontal' | 'vertical';\n    decorative?: boolean;\n    label?: string;\n  }>(),\n  {\n    orientation: 'horizontal',\n    decorative: true,\n    label: undefined,\n  },\n);\n\nconst classes = computed(() => [\n  't-divider',\n  `t-divider--${props.orientation}`,\n]);\n</script>\n\n<template>\n  <hr\n    :class=\"classes\"\n    :role=\"decorative ? 'none' : 'separator'\"\n    :aria-orientation=\"!decorative ? orientation : undefined\"\n    :aria-label=\"!decorative ? label : undefined\"\n  >\n</template>\n"],"mappings":""}

package/dist/components/TDivider.js

@@ -0,0 +1,7 @@
+import e from "./TDivider.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TDivider.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TDivider.js.map

package/dist/components/TDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TDivider.js","names":[],"sources":["../../src/components/TDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    orientation?: 'horizontal' | 'vertical';\n    decorative?: boolean;\n    label?: string;\n  }>(),\n  {\n    orientation: 'horizontal',\n    decorative: true,\n    label: undefined,\n  },\n);\n\nconst classes = computed(() => [\n  't-divider',\n  `t-divider--${props.orientation}`,\n]);\n</script>\n\n<template>\n  <hr\n    :class=\"classes\"\n    :role=\"decorative ? 'none' : 'separator'\"\n    :aria-orientation=\"!decorative ? orientation : undefined\"\n    :aria-label=\"!decorative ? label : undefined\"\n  >\n</template>\n"],"mappings":""}

package/dist/components/TDivider.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=[`role`,`aria-orientation`,`aria-label`],n=(0,e.defineComponent)({__name:`TDivider`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!0},label:{default:void 0}},setup(n){let r=n,i=(0,e.computed)(()=>[`t-divider`,`t-divider--${r.orientation}`]);return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`hr`,{class:(0,e.normalizeClass)(i.value),role:n.decorative?`none`:`separator`,"aria-orientation":n.decorative?void 0:n.orientation,"aria-label":n.decorative?void 0:n.label},null,10,t))}});exports.default=n;
+//# sourceMappingURL=TDivider.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TDivider.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TDivider.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    orientation?: 'horizontal' | 'vertical';\n    decorative?: boolean;\n    label?: string;\n  }>(),\n  {\n    orientation: 'horizontal',\n    decorative: true,\n    label: undefined,\n  },\n);\n\nconst classes = computed(() => [\n  't-divider',\n  `t-divider--${props.orientation}`,\n]);\n</script>\n\n<template>\n  <hr\n    :class=\"classes\"\n    :role=\"decorative ? 'none' : 'separator'\"\n    :aria-orientation=\"!decorative ? orientation : undefined\"\n    :aria-label=\"!decorative ? label : undefined\"\n  >\n</template>\n"],"mappings":"+NAGA,IAAM,EAAQ,EAaR,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,YACA,cAAc,EAAM,aACtB,CAAC,2DASE,KAAA,CAJE,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACd,KAAM,EAAA,WAAU,OAAA,YAChB,mBAAmB,EAAA,WAA2B,IAAA,GAAd,EAAA,YAChC,aAAa,EAAA,WAAqB,IAAA,GAAR,EAAA"}

package/dist/components/TDivider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+//#region src/components/TDivider.vue?vue&type=script&setup=true&lang.ts
+var a = [
+	"role",
+	"aria-orientation",
+	"aria-label"
+], o = /*@__PURE__*/ n({
+	__name: "TDivider",
+	props: {
+		orientation: { default: "horizontal" },
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		label: { default: void 0 }
+	},
+	setup(n) {
+		let o = n, s = e(() => ["t-divider", `t-divider--${o.orientation}`]);
+		return (e, o) => (i(), t("hr", {
+			class: r(s.value),
+			role: n.decorative ? "none" : "separator",
+			"aria-orientation": n.decorative ? void 0 : n.orientation,
+			"aria-label": n.decorative ? void 0 : n.label
+		}, null, 10, a));
+	}
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=TDivider.vue_vue_type_script_setup_true_lang.js.map