@auronui/vue 1.1.1 → 1.2.1

package/dist/components/range-calendar/RangeCalendar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/range-calendar/RangeCalendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from 'vue'\nimport {\n  RangeCalendarRoot,\n  RangeCalendarHeader,\n  RangeCalendarHeading,\n  RangeCalendarGrid,\n  RangeCalendarGridHead,\n  RangeCalendarGridRow,\n  RangeCalendarHeadCell,\n  RangeCalendarGridBody,\n  RangeCalendarCell,\n  RangeCalendarCellTrigger,\n  RangeCalendarNext,\n  RangeCalendarPrev,\n  MonthPickerRoot,\n  MonthPickerHeader,\n  MonthPickerHeading,\n  MonthPickerPrev,\n  MonthPickerNext,\n  MonthPickerGrid,\n  MonthPickerGridBody,\n  MonthPickerGridRow,\n  MonthPickerCell,\n  MonthPickerCellTrigger,\n  YearPickerRoot,\n  YearPickerHeader,\n  YearPickerHeading,\n  YearPickerPrev,\n  YearPickerNext,\n  YearPickerGrid,\n  YearPickerGridBody,\n  YearPickerGridRow,\n  YearPickerCell,\n  YearPickerCellTrigger,\n} from 'reka-ui'\nimport { today, getLocalTimeZone, type DateValue } from '@internationalized/date'\nimport { rangeCalendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateDisabled?: (date: DateValue) => boolean\n  isDateUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  weekdayFormat?: 'narrow' | 'short' | 'long'\n  fixedWeeks?: boolean\n  numberOfMonths?: number\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  pagedNavigation?: boolean\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. */\n  initialFocus?: boolean\n  /** Whether a date is highlightable in the range. */\n  isDateHighlightable?: (date: DateValue) => boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Disable days outside the current view. */\n  disableDaysOutsideCurrentView?: boolean\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Maximum number of days in the range. */\n  maximumDays?: number\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Override classes for named slots */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    headingButton: ClassValue\n    grid: ClassValue\n    gridHeader: ClassValue\n    gridRow: ClassValue\n    headerCell: ClassValue\n    gridBody: ClassValue\n    cell: ClassValue\n    cellButton: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n    yearGrid: ClassValue\n    yearGridBody: ClassValue\n    yearGridRow: ClassValue\n    yearCell: ClassValue\n  }>\n}>(), {\n  weekdayFormat: 'narrow',\n  fixedWeeks: false,\n  numberOfMonths: 1,\n  pagedNavigation: false,\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:valid-model-value': [value: DateRange | undefined]\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\n\nconst slotFns = computed(() => rangeCalendarVariants())\n\n// View-switcher state: 'date' (default 7-col calendar), 'month' (3x4 months), 'year' (3x4 years)\ntype View = 'date' | 'month' | 'year'\nconst view = ref<View>('date')\n\n// Shared placeholder synced with RangeCalendarRoot/MonthPickerRoot/YearPickerRoot.\n// shallowRef preserves reka-ui's `DateValue` discriminated union.\nconst placeholder = shallowRef<DateValue>(\n  (props.defaultValue?.start ?? props.defaultPlaceholder ?? today(getLocalTimeZone())) as DateValue\n)\n\nfunction cycleView(): void {\n  view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n}\n\nfunction onMonthSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'date'\n}\n\nfunction onYearSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'month'\n}\n\nconst nextViewLabel = computed(() =>\n  view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n)\n</script>\n\n<template>\n  <RangeCalendarRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholder\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-disabled=\"isDateDisabled\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :locale=\"locale\"\n    :weekday-format=\"weekdayFormat\"\n    :fixed-weeks=\"fixedWeeks\"\n    :number-of-months=\"numberOfMonths\"\n    :week-starts-on=\"weekStartsOn\"\n    :paged-navigation=\"pagedNavigation\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :is-date-highlightable=\"isDateHighlightable\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :disable-days-outside-current-view=\"disableDaysOutsideCurrentView\"\n    :fixed-date=\"fixedDate\"\n    :maximum-days=\"maximumDays\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:valid-model-value=\"emit('update:valid-model-value', $event as DateRange)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid, weekDays }\">\n      <template v-if=\"view === 'date'\">\n        <RangeCalendarHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n          <RangeCalendarPrev\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Previous month\"\n          >\n            <svg\n              :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\"\n            >\n              <polyline points=\"15 18 9 12 15 6\" />\n            </svg>\n          </RangeCalendarPrev>\n\n          <RangeCalendarHeading\n            v-slot=\"{ headingValue }\"\n            :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n          >\n            <button\n              type=\"button\"\n              :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n              :aria-label=\"`Switch to ${nextViewLabel} view`\"\n              @click=\"cycleView\"\n            >\n              {{ headingValue }}\n            </button>\n          </RangeCalendarHeading>\n\n          <RangeCalendarNext\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Next month\"\n          >\n            <svg\n              :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\"\n            >\n              <polyline points=\"9 18 15 12 9 6\" />\n            </svg>\n          </RangeCalendarNext>\n        </RangeCalendarHeader>\n\n        <RangeCalendarGrid\n          v-for=\"month in grid\"\n          :key=\"month.value.toString()\"\n          :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\"\n        >\n          <RangeCalendarGridHead :class=\"composeClassName(slotFns.gridHeader(), props.classNames?.gridHeader)\">\n            <RangeCalendarGridRow :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\">\n              <RangeCalendarHeadCell\n                v-for=\"day in weekDays\"\n                :key=\"day\"\n                :class=\"composeClassName(slotFns.headerCell(), props.classNames?.headerCell)\"\n              >\n                {{ day }}\n              </RangeCalendarHeadCell>\n            </RangeCalendarGridRow>\n          </RangeCalendarGridHead>\n          <RangeCalendarGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n            <RangeCalendarGridRow\n              v-for=\"(week, weekIndex) in month.rows\"\n              :key=\"weekIndex\"\n              :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n            >\n              <RangeCalendarCell\n                v-for=\"day in week\"\n                :key=\"day.toString()\"\n                :date=\"day\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              >\n                <RangeCalendarCellTrigger\n                  :day=\"day\"\n                  :month=\"month.value\"\n                  :class=\"composeClassName(slotFns.cellButton(), props.classNames?.cellButton)\"\n                />\n              </RangeCalendarCell>\n            </RangeCalendarGridRow>\n          </RangeCalendarGridBody>\n        </RangeCalendarGrid>\n      </template>\n    </template>\n  </RangeCalendarRoot>\n\n  <MonthPickerRoot\n    v-if=\"view === 'month'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"onMonthSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: monthGrid }\">\n      <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthPickerPrev>\n\n        <MonthPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <button\n            type=\"button\"\n            :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthPickerNext>\n      </MonthPickerHeader>\n\n      <MonthPickerGrid :class=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n        <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n          <MonthPickerGridRow\n            v-for=\"(row, i) in monthGrid.rows\"\n            :key=\"i\"\n            :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.monthGridRow)\"\n          >\n            <MonthPickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthPickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n\n  <YearPickerRoot\n    v-if=\"view === 'year'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"onYearSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: yearGrid }\">\n      <YearPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous decade\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </YearPickerPrev>\n\n        <YearPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <button\n            type=\"button\"\n            :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\n        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next decade\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </YearPickerNext>\n      </YearPickerHeader>\n\n      <YearPickerGrid :class=\"composeClassName(slotFns.yearGrid(), props.classNames?.yearGrid)\">\n        <YearPickerGridBody :class=\"composeClassName(slotFns.yearGridBody(), props.classNames?.yearGridBody)\">\n          <YearPickerGridRow\n            v-for=\"(row, i) in yearGrid.rows\"\n            :key=\"i\"\n            :class=\"composeClassName(slotFns.yearGridRow(), props.classNames?.yearGridRow)\"\n          >\n            <YearPickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearPickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.yearCell(), props.classNames?.yearCell)\"\n              />\n            </YearPickerCell>\n          </YearPickerGridRow>\n        </YearPickerGridBody>\n      </YearPickerGrid>\n    </template>\n  </YearPickerRoot>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RangeCalendar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/range-calendar/RangeCalendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from 'vue'\nimport {\n  RangeCalendarRoot,\n  RangeCalendarHeader,\n  RangeCalendarHeading,\n  RangeCalendarGrid,\n  RangeCalendarGridHead,\n  RangeCalendarGridRow,\n  RangeCalendarHeadCell,\n  RangeCalendarGridBody,\n  RangeCalendarCell,\n  RangeCalendarCellTrigger,\n  RangeCalendarNext,\n  RangeCalendarPrev,\n  MonthPickerRoot,\n  MonthPickerHeader,\n  MonthPickerHeading,\n  MonthPickerPrev,\n  MonthPickerNext,\n  MonthPickerGrid,\n  MonthPickerGridBody,\n  MonthPickerGridRow,\n  MonthPickerCell,\n  MonthPickerCellTrigger,\n  YearPickerRoot,\n  YearPickerHeader,\n  YearPickerHeading,\n  YearPickerPrev,\n  YearPickerNext,\n  YearPickerGrid,\n  YearPickerGridBody,\n  YearPickerGridRow,\n  YearPickerCell,\n  YearPickerCellTrigger,\n} from 'reka-ui'\nimport { today, getLocalTimeZone, type DateValue } from '@internationalized/date'\nimport { rangeCalendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateDisabled?: (date: DateValue) => boolean\n  isDateUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  weekdayFormat?: 'narrow' | 'short' | 'long'\n  fixedWeeks?: boolean\n  numberOfMonths?: number\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  pagedNavigation?: boolean\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. */\n  initialFocus?: boolean\n  /** Whether a date is highlightable in the range. */\n  isDateHighlightable?: (date: DateValue) => boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Disable days outside the current view. */\n  disableDaysOutsideCurrentView?: boolean\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Maximum number of days in the range. */\n  maximumDays?: number\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Override classes for named slots */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    headingButton: ClassValue\n    grid: ClassValue\n    gridHeader: ClassValue\n    gridRow: ClassValue\n    headerCell: ClassValue\n    gridBody: ClassValue\n    cell: ClassValue\n    cellButton: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n    yearGrid: ClassValue\n    yearGridBody: ClassValue\n    yearGridRow: ClassValue\n    yearCell: ClassValue\n  }>\n}>(), {\n  weekdayFormat: 'narrow',\n  fixedWeeks: false,\n  numberOfMonths: 1,\n  pagedNavigation: false,\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:valid-model-value': [value: DateRange | undefined]\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\n\nconst slotFns = computed(() => rangeCalendarVariants())\n\n// View-switcher state: 'date' (default 7-col calendar), 'month' (3x4 months), 'year' (3x4 years)\ntype View = 'date' | 'month' | 'year'\nconst view = ref<View>('date')\n\n// Shared placeholder synced with RangeCalendarRoot/MonthPickerRoot/YearPickerRoot.\n// shallowRef preserves reka-ui's `DateValue` discriminated union.\nconst placeholder = shallowRef<DateValue>(\n  (props.defaultValue?.start ?? props.defaultPlaceholder ?? today(getLocalTimeZone())) as DateValue\n)\n\nfunction cycleView(): void {\n  view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n}\n\nfunction onMonthSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'date'\n}\n\nfunction onYearSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'month'\n}\n\nconst nextViewLabel = computed(() =>\n  view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n)\n</script>\n\n<template>\n  <RangeCalendarRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholder\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-disabled=\"isDateDisabled\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :locale=\"locale\"\n    :weekday-format=\"weekdayFormat\"\n    :fixed-weeks=\"fixedWeeks\"\n    :number-of-months=\"numberOfMonths\"\n    :week-starts-on=\"weekStartsOn\"\n    :paged-navigation=\"pagedNavigation\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :is-date-highlightable=\"isDateHighlightable\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :disable-days-outside-current-view=\"disableDaysOutsideCurrentView\"\n    :fixed-date=\"fixedDate\"\n    :maximum-days=\"maximumDays\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:valid-model-value=\"emit('update:valid-model-value', $event as DateRange)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid, weekDays }\">\n      <template v-if=\"view === 'date'\">\n        <RangeCalendarHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n          <RangeCalendarPrev\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Previous month\"\n          >\n            <svg\n              :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\"\n            >\n              <polyline points=\"15 18 9 12 15 6\" />\n            </svg>\n          </RangeCalendarPrev>\n\n          <RangeCalendarHeading\n            v-slot=\"{ headingValue }\"\n            :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n          >\n            <button\n              type=\"button\"\n              :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n              :aria-label=\"`Switch to ${nextViewLabel} view`\"\n              @click=\"cycleView\"\n            >\n              {{ headingValue }}\n            </button>\n          </RangeCalendarHeading>\n\n          <RangeCalendarNext\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Next month\"\n          >\n            <svg\n              :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\"\n            >\n              <polyline points=\"9 18 15 12 9 6\" />\n            </svg>\n          </RangeCalendarNext>\n        </RangeCalendarHeader>\n\n        <RangeCalendarGrid\n          v-for=\"month in grid\"\n          :key=\"month.value.toString()\"\n          :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\"\n        >\n          <RangeCalendarGridHead :class=\"composeClassName(slotFns.gridHeader(), props.classNames?.gridHeader)\">\n            <RangeCalendarGridRow :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\">\n              <RangeCalendarHeadCell\n                v-for=\"day in weekDays\"\n                :key=\"day\"\n                :class=\"composeClassName(slotFns.headerCell(), props.classNames?.headerCell)\"\n              >\n                {{ day }}\n              </RangeCalendarHeadCell>\n            </RangeCalendarGridRow>\n          </RangeCalendarGridHead>\n          <RangeCalendarGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n            <RangeCalendarGridRow\n              v-for=\"(week, weekIndex) in month.rows\"\n              :key=\"weekIndex\"\n              :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n            >\n              <RangeCalendarCell\n                v-for=\"day in week\"\n                :key=\"day.toString()\"\n                :date=\"day\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              >\n                <RangeCalendarCellTrigger\n                  :day=\"day\"\n                  :month=\"month.value\"\n                  :class=\"composeClassName(slotFns.cellButton(), props.classNames?.cellButton)\"\n                />\n              </RangeCalendarCell>\n            </RangeCalendarGridRow>\n          </RangeCalendarGridBody>\n        </RangeCalendarGrid>\n      </template>\n    </template>\n  </RangeCalendarRoot>\n\n  <MonthPickerRoot\n    v-if=\"view === 'month'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"onMonthSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: monthGrid }\">\n      <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthPickerPrev>\n\n        <MonthPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <button\n            type=\"button\"\n            :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthPickerNext>\n      </MonthPickerHeader>\n\n      <MonthPickerGrid :class=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n        <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n          <MonthPickerGridRow\n            v-for=\"(row, i) in monthGrid.rows\"\n            :key=\"i\"\n            :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.monthGridRow)\"\n          >\n            <MonthPickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthPickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n\n  <YearPickerRoot\n    v-if=\"view === 'year'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"onYearSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: yearGrid }\">\n      <YearPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous decade\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </YearPickerPrev>\n\n        <YearPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <button\n            type=\"button\"\n            :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\n        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next decade\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </YearPickerNext>\n      </YearPickerHeader>\n\n      <YearPickerGrid :class=\"composeClassName(slotFns.yearGrid(), props.classNames?.yearGrid)\">\n        <YearPickerGridBody :class=\"composeClassName(slotFns.yearGridBody(), props.classNames?.yearGridBody)\">\n          <YearPickerGridRow\n            v-for=\"(row, i) in yearGrid.rows\"\n            :key=\"i\"\n            :class=\"composeClassName(slotFns.yearGridRow(), props.classNames?.yearGridRow)\"\n          >\n            <YearPickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearPickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.yearCell(), props.classNames?.yearCell)\"\n              />\n            </YearPickerCell>\n          </YearPickerGridRow>\n        </YearPickerGridBody>\n      </YearPickerGrid>\n    </template>\n  </YearPickerRoot>\n</template>\n"],"mappings":"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"}

package/dist/components/tooltip/TooltipArrow.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
-import { tooltipVariants } from "../../packages/styles/src/components/tooltip/tooltip.styles.js";
+import { tooltipVariants } from "../../packages/styles/dist/components/tooltip/tooltip.styles.js";
 import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
 import { TooltipArrow } from "reka-ui";
 //#region src/components/tooltip/TooltipArrow.vue?vue&type=script&setup=true&lang.ts

package/dist/components/tooltip/TooltipContent.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
-import { tooltipVariants } from "../../packages/styles/src/components/tooltip/tooltip.styles.js";
+import { tooltipVariants } from "../../packages/styles/dist/components/tooltip/tooltip.styles.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { TooltipContent, TooltipPortal } from "reka-ui";
 //#region src/components/tooltip/TooltipContent.vue?vue&type=script&setup=true&lang.ts

package/dist/composables/useAccordion.js

@@ -0,0 +1,58 @@
+import { ref } from "vue";
+//#region src/composables/useAccordion.ts
+/**
+* Manages expanded item state for the Accordion component.
+*
+* @example
+* ```ts
+* const accordion = useAccordion({ type: 'single', collapsible: true })
+* ```
+* ```html
+* <Accordion :type="'single'" :model-value="accordion.expanded" @update:model-value="accordion.onValueChange">
+*   ...
+* </Accordion>
+* ```
+*/
+function useAccordion(options = {}) {
+	const type = options.type ?? "single";
+	const collapsible = options.collapsible ?? false;
+	const expanded = ref(options.defaultExpanded ?? (type === "multiple" ? [] : void 0));
+	function isExpanded(key) {
+		if (type === "multiple") return expanded.value.includes(key);
+		return expanded.value === key;
+	}
+	function expand(key) {
+		if (type === "multiple") {
+			const current = expanded.value;
+			if (!current.includes(key)) expanded.value = [...current, key];
+		} else expanded.value = key;
+	}
+	function collapse(key) {
+		if (type === "multiple") expanded.value = expanded.value.filter((k) => k !== key);
+		else if (collapsible && expanded.value === key) expanded.value = void 0;
+	}
+	function toggle(key) {
+		if (isExpanded(key)) collapse(key);
+		else expand(key);
+	}
+	function collapseAll() {
+		if (type === "multiple") expanded.value = [];
+		else if (collapsible) expanded.value = void 0;
+	}
+	function onValueChange(value) {
+		expanded.value = value;
+	}
+	return {
+		expanded,
+		isExpanded,
+		expand,
+		collapse,
+		toggle,
+		collapseAll,
+		onValueChange
+	};
+}
+//#endregion
+export { useAccordion };
+
+//# sourceMappingURL=useAccordion.js.map

package/dist/composables/useAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccordion.js","names":[],"sources":["../../src/composables/useAccordion.ts"],"sourcesContent":["import { ref, type Ref } from 'vue'\n\nexport type AccordionType = 'single' | 'multiple'\nexport type AccordionValue = string | string[] | undefined\n\nexport interface UseAccordionOptions {\n  /** Whether to allow only one item open at a time ('single') or multiple ('multiple'). Defaults to 'single'. */\n  type?: AccordionType\n  /** Initial expanded item(s). String for single mode, string[] for multiple mode. */\n  defaultExpanded?: AccordionValue\n  /** In single mode, whether all items can be collapsed. Defaults to false. */\n  collapsible?: boolean\n}\n\nexport interface UseAccordionReturn {\n  /** Reactive expanded item(s). String in single mode, string[] in multiple mode. */\n  expanded: Ref<AccordionValue>\n  /** Whether a given item is currently expanded. */\n  isExpanded: (key: string) => boolean\n  /** Expand a specific item. */\n  expand: (key: string) => void\n  /** Collapse a specific item. No-op in single non-collapsible mode. */\n  collapse: (key: string) => void\n  /** Toggle a specific item open or closed. */\n  toggle: (key: string) => void\n  /** Collapse all items. Only fully effective in multiple or collapsible-single mode. */\n  collapseAll: () => void\n  /**\n   * Pass as `@update:model-value` handler on the Accordion component.\n   * Keeps `expanded` in sync when the component changes state internally.\n   */\n  onValueChange: (value: AccordionValue) => void\n}\n\n/**\n * Manages expanded item state for the Accordion component.\n *\n * @example\n * ```ts\n * const accordion = useAccordion({ type: 'single', collapsible: true })\n * ```\n * ```html\n * <Accordion :type=\"'single'\" :model-value=\"accordion.expanded\" @update:model-value=\"accordion.onValueChange\">\n *   ...\n * </Accordion>\n * ```\n */\nexport function useAccordion(options: UseAccordionOptions = {}): UseAccordionReturn {\n  const type = options.type ?? 'single'\n  const collapsible = options.collapsible ?? false\n\n  const expanded = ref<AccordionValue>(\n    options.defaultExpanded ?? (type === 'multiple' ? [] : undefined)\n  )\n\n  function isExpanded(key: string): boolean {\n    if (type === 'multiple') return (expanded.value as string[]).includes(key)\n    return expanded.value === key\n  }\n\n  function expand(key: string): void {\n    if (type === 'multiple') {\n      const current = expanded.value as string[]\n      if (!current.includes(key)) expanded.value = [...current, key]\n    } else {\n      expanded.value = key\n    }\n  }\n\n  function collapse(key: string): void {\n    if (type === 'multiple') {\n      expanded.value = (expanded.value as string[]).filter(k => k !== key)\n    } else if (collapsible && expanded.value === key) {\n      expanded.value = undefined\n    }\n  }\n\n  function toggle(key: string): void {\n    if (isExpanded(key)) collapse(key)\n    else expand(key)\n  }\n\n  function collapseAll(): void {\n    if (type === 'multiple') {\n      expanded.value = []\n    } else if (collapsible) {\n      expanded.value = undefined\n    }\n  }\n\n  function onValueChange(value: AccordionValue): void {\n    expanded.value = value\n  }\n\n  return {\n    expanded,\n    isExpanded,\n    expand,\n    collapse,\n    toggle,\n    collapseAll,\n    onValueChange,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AA+CA,SAAgB,aAAa,UAA+B,EAAE,EAAsB;CAClF,MAAM,OAAO,QAAQ,QAAQ;CAC7B,MAAM,cAAc,QAAQ,eAAe;CAE3C,MAAM,WAAW,IACf,QAAQ,oBAAoB,SAAS,aAAa,EAAE,GAAG,KAAA,GACxD;CAED,SAAS,WAAW,KAAsB;AACxC,MAAI,SAAS,WAAY,QAAQ,SAAS,MAAmB,SAAS,IAAI;AAC1E,SAAO,SAAS,UAAU;;CAG5B,SAAS,OAAO,KAAmB;AACjC,MAAI,SAAS,YAAY;GACvB,MAAM,UAAU,SAAS;AACzB,OAAI,CAAC,QAAQ,SAAS,IAAI,CAAE,UAAS,QAAQ,CAAC,GAAG,SAAS,IAAI;QAE9D,UAAS,QAAQ;;CAIrB,SAAS,SAAS,KAAmB;AACnC,MAAI,SAAS,WACX,UAAS,QAAS,SAAS,MAAmB,QAAO,MAAK,MAAM,IAAI;WAC3D,eAAe,SAAS,UAAU,IAC3C,UAAS,QAAQ,KAAA;;CAIrB,SAAS,OAAO,KAAmB;AACjC,MAAI,WAAW,IAAI,CAAE,UAAS,IAAI;MAC7B,QAAO,IAAI;;CAGlB,SAAS,cAAoB;AAC3B,MAAI,SAAS,WACX,UAAS,QAAQ,EAAE;WACV,YACT,UAAS,QAAQ,KAAA;;CAIrB,SAAS,cAAc,OAA6B;AAClD,WAAS,QAAQ;;AAGnB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/composables/useCalendar.js

@@ -0,0 +1,47 @@
+import { computed, shallowRef } from "vue";
+//#region src/composables/useCalendar.ts
+/**
+* Manages selected date state for the Calendar component.
+*
+* @example
+* ```ts
+* const calendar = useCalendar()
+* ```
+* ```html
+* <Calendar v-model="calendar.value" />
+* ```
+*/
+function useCalendar(options = {}) {
+	const value = shallowRef(options.defaultValue);
+	const hasValue = computed(() => value.value !== void 0);
+	function setValue(date) {
+		value.value = date;
+	}
+	function clear() {
+		value.value = void 0;
+	}
+	function isDisabled(date) {
+		if (options.minValue && date.compare(options.minValue) < 0) return true;
+		if (options.maxValue && date.compare(options.maxValue) > 0) return true;
+		return options.isDateDisabled?.(date) ?? false;
+	}
+	function isUnavailable(date) {
+		return options.isDateUnavailable?.(date) ?? false;
+	}
+	function onValueChange(date) {
+		value.value = date;
+	}
+	return {
+		value,
+		hasValue,
+		setValue,
+		clear,
+		isDisabled,
+		isUnavailable,
+		onValueChange
+	};
+}
+//#endregion
+export { useCalendar };
+
+//# sourceMappingURL=useCalendar.js.map

package/dist/composables/useCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.js","names":[],"sources":["../../src/composables/useCalendar.ts"],"sourcesContent":["import { shallowRef, computed, type Ref, type ComputedRef } from 'vue'\nimport type { DateValue } from '@internationalized/date'\n\nexport interface UseCalendarOptions {\n  /** Initial selected date for uncontrolled usage. */\n  defaultValue?: DateValue\n  /** Minimum selectable date. */\n  minValue?: DateValue\n  /** Maximum selectable date. */\n  maxValue?: DateValue\n  /** Returns true for dates that should be disabled (not selectable). */\n  isDateDisabled?: (date: DateValue) => boolean\n  /** Returns true for dates that are unavailable (selectable but marked unavailable). */\n  isDateUnavailable?: (date: DateValue) => boolean\n}\n\nexport interface UseCalendarReturn {\n  /** Reactive selected date value. */\n  value: Ref<DateValue | undefined>\n  /** Whether a date is currently selected. */\n  hasValue: ComputedRef<boolean>\n  /** Set the selected date. */\n  setValue: (date: DateValue) => void\n  /** Clear the selected date. */\n  clear: () => void\n  /** Returns true if the given date is disabled per the `isDateDisabled` option. */\n  isDisabled: (date: DateValue) => boolean\n  /** Returns true if the given date is unavailable per the `isDateUnavailable` option. */\n  isUnavailable: (date: DateValue) => boolean\n  /**\n   * Pass as `v-model` on the Calendar component.\n   * Keeps `value` in sync when the component changes selection internally.\n   */\n  onValueChange: (date: DateValue | undefined) => void\n}\n\n/**\n * Manages selected date state for the Calendar component.\n *\n * @example\n * ```ts\n * const calendar = useCalendar()\n * ```\n * ```html\n * <Calendar v-model=\"calendar.value\" />\n * ```\n */\nexport function useCalendar(options: UseCalendarOptions = {}): UseCalendarReturn {\n  const value = shallowRef<DateValue | undefined>(options.defaultValue)\n\n  const hasValue = computed(() => value.value !== undefined)\n\n  function setValue(date: DateValue): void {\n    value.value = date\n  }\n\n  function clear(): void {\n    value.value = undefined\n  }\n\n  function isDisabled(date: DateValue): boolean {\n    if (options.minValue && date.compare(options.minValue) < 0) return true\n    if (options.maxValue && date.compare(options.maxValue) > 0) return true\n    return options.isDateDisabled?.(date) ?? false\n  }\n\n  function isUnavailable(date: DateValue): boolean {\n    return options.isDateUnavailable?.(date) ?? false\n  }\n\n  function onValueChange(date: DateValue | undefined): void {\n    value.value = date\n  }\n\n  return {\n    value,\n    hasValue,\n    setValue,\n    clear,\n    isDisabled,\n    isUnavailable,\n    onValueChange,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA+CA,SAAgB,YAAY,UAA8B,EAAE,EAAqB;CAC/E,MAAM,QAAQ,WAAkC,QAAQ,aAAa;CAErE,MAAM,WAAW,eAAe,MAAM,UAAU,KAAA,EAAU;CAE1D,SAAS,SAAS,MAAuB;AACvC,QAAM,QAAQ;;CAGhB,SAAS,QAAc;AACrB,QAAM,QAAQ,KAAA;;CAGhB,SAAS,WAAW,MAA0B;AAC5C,MAAI,QAAQ,YAAY,KAAK,QAAQ,QAAQ,SAAS,GAAG,EAAG,QAAO;AACnE,MAAI,QAAQ,YAAY,KAAK,QAAQ,QAAQ,SAAS,GAAG,EAAG,QAAO;AACnE,SAAO,QAAQ,iBAAiB,KAAK,IAAI;;CAG3C,SAAS,cAAc,MAA0B;AAC/C,SAAO,QAAQ,oBAAoB,KAAK,IAAI;;CAG9C,SAAS,cAAc,MAAmC;AACxD,QAAM,QAAQ;;AAGhB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/composables/useCheckboxGroup.js

@@ -0,0 +1,64 @@
+import { computed, ref } from "vue";
+//#region src/composables/useCheckboxGroup.ts
+/**
+* Manages checked state for a CheckboxGroup.
+*
+* @example
+* ```ts
+* const group = useCheckboxGroup({
+*   options: ['apple', 'banana', 'cherry'],
+*   defaultValues: ['apple'],
+* })
+* ```
+* ```html
+* <CheckboxGroup :model-value="group.values" @update:model-value="group.onValueChange">
+*   <Checkbox value="apple">Apple</Checkbox>
+*   <Checkbox value="banana">Banana</Checkbox>
+*   <Checkbox value="cherry">Cherry</Checkbox>
+* </CheckboxGroup>
+* ```
+*/
+function useCheckboxGroup(options = {}) {
+	const values = ref(options.defaultValues ? [...options.defaultValues] : []);
+	function isChecked(value) {
+		return values.value.includes(value);
+	}
+	function toggle(value) {
+		if (isChecked(value)) values.value = values.value.filter((v) => v !== value);
+		else values.value = [...values.value, value];
+	}
+	function checkAll(keys) {
+		values.value = [...new Set([...values.value, ...keys])];
+	}
+	function uncheckAll() {
+		values.value = [];
+	}
+	function setValues(next) {
+		values.value = [...next];
+	}
+	function onValueChange(next) {
+		values.value = [...next];
+	}
+	return {
+		values,
+		isChecked,
+		toggle,
+		checkAll,
+		uncheckAll,
+		setValues,
+		isIndeterminate: computed(() => {
+			if (!options.options || options.options.length === 0) return false;
+			const count = values.value.filter((v) => options.options.includes(v)).length;
+			return count > 0 && count < options.options.length;
+		}),
+		isAllChecked: computed(() => {
+			if (!options.options || options.options.length === 0) return false;
+			return options.options.every((k) => values.value.includes(k));
+		}),
+		onValueChange
+	};
+}
+//#endregion
+export { useCheckboxGroup };
+
+//# sourceMappingURL=useCheckboxGroup.js.map

package/dist/composables/useCheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckboxGroup.js","names":[],"sources":["../../src/composables/useCheckboxGroup.ts"],"sourcesContent":["import { ref, computed, type Ref, type ComputedRef } from 'vue'\n\nexport interface UseCheckboxGroupOptions {\n  /** Initial checked values. */\n  defaultValues?: string[]\n  /**\n   * Full set of option keys in the group.\n   * Required for `isIndeterminate` and `isAllChecked` to be accurate.\n   */\n  options?: string[]\n}\n\nexport interface UseCheckboxGroupReturn {\n  /** Reactive array of currently checked values. */\n  values: Ref<string[]>\n  /** Whether a given value is currently checked. */\n  isChecked: (value: string) => boolean\n  /** Toggle a value — checks it if unchecked, unchecks if checked. */\n  toggle: (value: string) => void\n  /** Check all provided values (merges with existing). */\n  checkAll: (keys: string[]) => void\n  /** Uncheck all values. */\n  uncheckAll: () => void\n  /** Set the checked values directly. */\n  setValues: (values: string[]) => void\n  /**\n   * True when some — but not all — options are checked.\n   * Requires `options` to be provided in the options object.\n   */\n  isIndeterminate: ComputedRef<boolean>\n  /**\n   * True when every option is checked.\n   * Requires `options` to be provided in the options object.\n   */\n  isAllChecked: ComputedRef<boolean>\n  /**\n   * Pass as `@update:model-value` handler on the CheckboxGroup component.\n   * Keeps `values` in sync when the component changes state internally.\n   */\n  onValueChange: (values: string[]) => void\n}\n\n/**\n * Manages checked state for a CheckboxGroup.\n *\n * @example\n * ```ts\n * const group = useCheckboxGroup({\n *   options: ['apple', 'banana', 'cherry'],\n *   defaultValues: ['apple'],\n * })\n * ```\n * ```html\n * <CheckboxGroup :model-value=\"group.values\" @update:model-value=\"group.onValueChange\">\n *   <Checkbox value=\"apple\">Apple</Checkbox>\n *   <Checkbox value=\"banana\">Banana</Checkbox>\n *   <Checkbox value=\"cherry\">Cherry</Checkbox>\n * </CheckboxGroup>\n * ```\n */\nexport function useCheckboxGroup(options: UseCheckboxGroupOptions = {}): UseCheckboxGroupReturn {\n  const values = ref<string[]>(options.defaultValues ? [...options.defaultValues] : [])\n\n  function isChecked(value: string): boolean {\n    return values.value.includes(value)\n  }\n\n  function toggle(value: string): void {\n    if (isChecked(value)) {\n      values.value = values.value.filter(v => v !== value)\n    } else {\n      values.value = [...values.value, value]\n    }\n  }\n\n  function checkAll(keys: string[]): void {\n    values.value = [...new Set([...values.value, ...keys])]\n  }\n\n  function uncheckAll(): void {\n    values.value = []\n  }\n\n  function setValues(next: string[]): void {\n    values.value = [...next]\n  }\n\n  function onValueChange(next: string[]): void {\n    values.value = [...next]\n  }\n\n  const isIndeterminate = computed<boolean>(() => {\n    if (!options.options || options.options.length === 0) return false\n    const count = values.value.filter(v => options.options!.includes(v)).length\n    return count > 0 && count < options.options.length\n  })\n\n  const isAllChecked = computed<boolean>(() => {\n    if (!options.options || options.options.length === 0) return false\n    return options.options.every(k => values.value.includes(k))\n  })\n\n  return {\n    values,\n    isChecked,\n    toggle,\n    checkAll,\n    uncheckAll,\n    setValues,\n    isIndeterminate,\n    isAllChecked,\n    onValueChange,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,iBAAiB,UAAmC,EAAE,EAA0B;CAC9F,MAAM,SAAS,IAAc,QAAQ,gBAAgB,CAAC,GAAG,QAAQ,cAAc,GAAG,EAAE,CAAC;CAErF,SAAS,UAAU,OAAwB;AACzC,SAAO,OAAO,MAAM,SAAS,MAAM;;CAGrC,SAAS,OAAO,OAAqB;AACnC,MAAI,UAAU,MAAM,CAClB,QAAO,QAAQ,OAAO,MAAM,QAAO,MAAK,MAAM,MAAM;MAEpD,QAAO,QAAQ,CAAC,GAAG,OAAO,OAAO,MAAM;;CAI3C,SAAS,SAAS,MAAsB;AACtC,SAAO,QAAQ,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,OAAO,OAAO,GAAG,KAAK,CAAC,CAAC;;CAGzD,SAAS,aAAmB;AAC1B,SAAO,QAAQ,EAAE;;CAGnB,SAAS,UAAU,MAAsB;AACvC,SAAO,QAAQ,CAAC,GAAG,KAAK;;CAG1B,SAAS,cAAc,MAAsB;AAC3C,SAAO,QAAQ,CAAC,GAAG,KAAK;;AAc1B,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,iBAlBsB,eAAwB;AAC9C,OAAI,CAAC,QAAQ,WAAW,QAAQ,QAAQ,WAAW,EAAG,QAAO;GAC7D,MAAM,QAAQ,OAAO,MAAM,QAAO,MAAK,QAAQ,QAAS,SAAS,EAAE,CAAC,CAAC;AACrE,UAAO,QAAQ,KAAK,QAAQ,QAAQ,QAAQ;IAC5C;EAeA,cAbmB,eAAwB;AAC3C,OAAI,CAAC,QAAQ,WAAW,QAAQ,QAAQ,WAAW,EAAG,QAAO;AAC7D,UAAO,QAAQ,QAAQ,OAAM,MAAK,OAAO,MAAM,SAAS,EAAE,CAAC;IAC3D;EAWA;EACD"}

package/dist/composables/useColorPicker.js

@@ -0,0 +1,68 @@
+import { useColorState } from "./useColorState.js";
+import { computed } from "vue";
+import { colorToHsb, colorToHsl, colorToRgb, parseColor } from "reka-ui";
+//#region src/composables/useColorPicker.ts
+/**
+* High-level composable for controlling the ColorPicker component.
+*
+* Wraps `useColorState` with computed channel accessors and format conversion helpers.
+*
+* @example
+* ```ts
+* const picker = useColorPicker({ defaultValue: '#3b82f6' })
+* console.log(picker.hue.value)        // 217
+* console.log(picker.saturation.value) // 91
+* console.log(picker.brightness.value) // 96
+* ```
+* ```html
+* <ColorPicker v-model="picker.color" />
+* ```
+*/
+function useColorPicker(options = {}) {
+	const state = useColorState({
+		defaultValue: options.defaultValue,
+		format: options.format ?? "hex",
+		onChange: options.onChange
+	});
+	function setColor(value) {
+		const parsed = typeof value === "string" ? parseColor(value) : value;
+		state.color.value = parsed;
+		options.onChange?.(state.toString(), parsed);
+	}
+	const hue = computed(() => state.getChannel("hue"));
+	const saturation = computed(() => state.getChannel("saturation"));
+	const brightness = computed(() => state.getChannel("brightness"));
+	const alpha = computed(() => state.getChannel("alpha"));
+	function toHex() {
+		return state.toHex();
+	}
+	function toRgb() {
+		return colorToRgb(state.color.value).toString();
+	}
+	function toHsl() {
+		return colorToHsl(state.color.value).toString();
+	}
+	function toHsb() {
+		return colorToHsb(state.color.value).toString();
+	}
+	function onColorChange(value) {
+		setColor(value);
+	}
+	return {
+		color: state.color,
+		setColor,
+		hue,
+		saturation,
+		brightness,
+		alpha,
+		toHex,
+		toRgb,
+		toHsl,
+		toHsb,
+		onColorChange
+	};
+}
+//#endregion
+export { useColorPicker };
+
+//# sourceMappingURL=useColorPicker.js.map

package/dist/composables/useColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorPicker.js","names":[],"sources":["../../src/composables/useColorPicker.ts"],"sourcesContent":["import { computed, type Ref, type ComputedRef } from 'vue'\nimport { parseColor, colorToRgb, colorToHsl, colorToHsb, type Color, type ColorFormat } from 'reka-ui'\nimport { useColorState } from './useColorState'\n\nexport type { ColorFormat }\nexport type { Color }\n\nexport interface UseColorPickerOptions {\n  /** Initial color value. Accepts hex strings (#ff0000), rgb/hsl/hsb strings, or a Color object. Defaults to black. */\n  defaultValue?: string | Color\n  /** Output format for string serialization methods. Defaults to 'hex'. */\n  format?: ColorFormat\n  /** Fires with the serialized color string whenever the color changes. */\n  onChange?: (value: string, color: Color) => void\n}\n\nexport interface UseColorPickerReturn {\n  /** The raw reactive Color object. */\n  color: Ref<Color>\n  /** Set the color from a string (hex, rgb, hsl, hsb) or a Color object. */\n  setColor: (value: string | Color) => void\n  /** Computed hue channel value (0–360). */\n  hue: ComputedRef<number>\n  /** Computed saturation channel value (0–100). */\n  saturation: ComputedRef<number>\n  /** Computed brightness channel value (0–100). */\n  brightness: ComputedRef<number>\n  /** Computed alpha channel value (0–100). */\n  alpha: ComputedRef<number>\n  /** Serialize the current color to a hex string (e.g. '#ff0000'). */\n  toHex: () => string\n  /** Serialize the current color to an rgb/rgba string. */\n  toRgb: () => string\n  /** Serialize the current color to an hsl/hsla string. */\n  toHsl: () => string\n  /** Serialize the current color to an hsb/hsba string. */\n  toHsb: () => string\n  /**\n   * Pass as `@update:model-value` handler on the ColorPicker component.\n   * Keeps `color` in sync when the component changes internally.\n   */\n  onColorChange: (value: string | Color) => void\n}\n\n/**\n * High-level composable for controlling the ColorPicker component.\n *\n * Wraps `useColorState` with computed channel accessors and format conversion helpers.\n *\n * @example\n * ```ts\n * const picker = useColorPicker({ defaultValue: '#3b82f6' })\n * console.log(picker.hue.value)        // 217\n * console.log(picker.saturation.value) // 91\n * console.log(picker.brightness.value) // 96\n * ```\n * ```html\n * <ColorPicker v-model=\"picker.color\" />\n * ```\n */\nexport function useColorPicker(options: UseColorPickerOptions = {}): UseColorPickerReturn {\n  const state = useColorState({\n    defaultValue: options.defaultValue,\n    format: options.format ?? 'hex',\n    onChange: options.onChange,\n  })\n\n  function setColor(value: string | Color): void {\n    const parsed = typeof value === 'string' ? parseColor(value) : value\n    state.color.value = parsed\n    options.onChange?.(state.toString(), parsed)\n  }\n\n  const hue = computed(() => state.getChannel('hue'))\n  const saturation = computed(() => state.getChannel('saturation'))\n  const brightness = computed(() => state.getChannel('brightness'))\n  const alpha = computed(() => state.getChannel('alpha'))\n\n  function toHex(): string {\n    return state.toHex()\n  }\n\n  function toRgb(): string {\n    return colorToRgb(state.color.value).toString()\n  }\n\n  function toHsl(): string {\n    return colorToHsl(state.color.value).toString()\n  }\n\n  function toHsb(): string {\n    return colorToHsb(state.color.value).toString()\n  }\n\n  function onColorChange(value: string | Color): void {\n    setColor(value)\n  }\n\n  return {\n    color: state.color,\n    setColor,\n    hue,\n    saturation,\n    brightness,\n    alpha,\n    toHex,\n    toRgb,\n    toHsl,\n    toHsb,\n    onColorChange,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,eAAe,UAAiC,EAAE,EAAwB;CACxF,MAAM,QAAQ,cAAc;EAC1B,cAAc,QAAQ;EACtB,QAAQ,QAAQ,UAAU;EAC1B,UAAU,QAAQ;EACnB,CAAC;CAEF,SAAS,SAAS,OAA6B;EAC7C,MAAM,SAAS,OAAO,UAAU,WAAW,WAAW,MAAM,GAAG;AAC/D,QAAM,MAAM,QAAQ;AACpB,UAAQ,WAAW,MAAM,UAAU,EAAE,OAAO;;CAG9C,MAAM,MAAM,eAAe,MAAM,WAAW,MAAM,CAAC;CACnD,MAAM,aAAa,eAAe,MAAM,WAAW,aAAa,CAAC;CACjE,MAAM,aAAa,eAAe,MAAM,WAAW,aAAa,CAAC;CACjE,MAAM,QAAQ,eAAe,MAAM,WAAW,QAAQ,CAAC;CAEvD,SAAS,QAAgB;AACvB,SAAO,MAAM,OAAO;;CAGtB,SAAS,QAAgB;AACvB,SAAO,WAAW,MAAM,MAAM,MAAM,CAAC,UAAU;;CAGjD,SAAS,QAAgB;AACvB,SAAO,WAAW,MAAM,MAAM,MAAM,CAAC,UAAU;;CAGjD,SAAS,QAAgB;AACvB,SAAO,WAAW,MAAM,MAAM,MAAM,CAAC,UAAU;;CAGjD,SAAS,cAAc,OAA6B;AAClD,WAAS,MAAM;;AAGjB,QAAO;EACL,OAAO,MAAM;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/composables/useDisclosure.js

@@ -0,0 +1,43 @@
+import { readonly, ref } from "vue";
+//#region src/composables/useDisclosure.ts
+/**
+* Manages programmatic open/close state for overlay components.
+*
+* Wire the returned refs and handlers directly into the component:
+*
+* @example
+* ```ts
+* const modal = useDisclosure()
+* await saveData()
+* modal.open()
+* ```
+* ```html
+* <Modal :open="modal.isOpen" @update:open="modal.onOpenChange">...</Modal>
+* ```
+*/
+function useDisclosure(defaultOpen = false) {
+	const _isOpen = ref(defaultOpen);
+	function open() {
+		_isOpen.value = true;
+	}
+	function close() {
+		_isOpen.value = false;
+	}
+	function toggle() {
+		_isOpen.value = !_isOpen.value;
+	}
+	function onOpenChange(value) {
+		_isOpen.value = value;
+	}
+	return {
+		isOpen: readonly(_isOpen),
+		open,
+		close,
+		toggle,
+		onOpenChange
+	};
+}
+//#endregion
+export { useDisclosure };
+
+//# sourceMappingURL=useDisclosure.js.map

package/dist/composables/useDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.js","names":[],"sources":["../../src/composables/useDisclosure.ts"],"sourcesContent":["import { ref, readonly } from 'vue'\n\nexport interface UseDisclosureReturn {\n  /** Whether the element is currently open. */\n  isOpen: Readonly<ReturnType<typeof ref<boolean>>>\n  /** Open the element. */\n  open: () => void\n  /** Close the element. */\n  close: () => void\n  /** Toggle the element open/closed. */\n  toggle: () => void\n  /**\n   * Pass as `@update:open` handler on the component.\n   * Keeps `isOpen` in sync when the component closes itself (e.g. Escape key, backdrop click).\n   */\n  onOpenChange: (value: boolean) => void\n}\n\n/**\n * Manages programmatic open/close state for overlay components.\n *\n * Wire the returned refs and handlers directly into the component:\n *\n * @example\n * ```ts\n * const modal = useDisclosure()\n * await saveData()\n * modal.open()\n * ```\n * ```html\n * <Modal :open=\"modal.isOpen\" @update:open=\"modal.onOpenChange\">...</Modal>\n * ```\n */\nexport function useDisclosure(defaultOpen = false): UseDisclosureReturn {\n  const _isOpen = ref(defaultOpen)\n\n  function open(): void {\n    _isOpen.value = true\n  }\n\n  function close(): void {\n    _isOpen.value = false\n  }\n\n  function toggle(): void {\n    _isOpen.value = !_isOpen.value\n  }\n\n  function onOpenChange(value: boolean): void {\n    _isOpen.value = value\n  }\n\n  return {\n    isOpen: readonly(_isOpen),\n    open,\n    close,\n    toggle,\n    onOpenChange,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,SAAgB,cAAc,cAAc,OAA4B;CACtE,MAAM,UAAU,IAAI,YAAY;CAEhC,SAAS,OAAa;AACpB,UAAQ,QAAQ;;CAGlB,SAAS,QAAc;AACrB,UAAQ,QAAQ;;CAGlB,SAAS,SAAe;AACtB,UAAQ,QAAQ,CAAC,QAAQ;;CAG3B,SAAS,aAAa,OAAsB;AAC1C,UAAQ,QAAQ;;AAGlB,QAAO;EACL,QAAQ,SAAS,QAAQ;EACzB;EACA;EACA;EACA;EACD"}

package/dist/composables/useListBox.js

@@ -0,0 +1,61 @@
+import { ref } from "vue";
+//#region src/composables/useListBox.ts
+/**
+* Manages selection state for the ListBox component.
+*
+* @example
+* ```ts
+* const listBox = useListBox({ multiple: true, defaultSelected: ['apple'] })
+* ```
+* ```html
+* <ListBox :model-value="listBox.selected" @update:model-value="listBox.onSelectionChange">
+*   <ListBoxItem value="apple">Apple</ListBoxItem>
+*   <ListBoxItem value="banana">Banana</ListBoxItem>
+* </ListBox>
+* ```
+*/
+function useListBox(options = {}) {
+	const multiple = options.multiple ?? false;
+	const selected = ref(options.defaultSelected ?? (multiple ? [] : void 0));
+	function isSelected(key) {
+		if (Array.isArray(selected.value)) return selected.value.includes(key);
+		return selected.value === key;
+	}
+	function select(key) {
+		if (multiple) {
+			const current = selected.value ?? [];
+			if (!current.includes(key)) selected.value = [...current, key];
+		} else selected.value = key;
+	}
+	function deselect(key) {
+		if (multiple) selected.value = (selected.value ?? []).filter((k) => k !== key);
+		else if (selected.value === key) selected.value = void 0;
+	}
+	function toggle(key) {
+		if (isSelected(key)) deselect(key);
+		else select(key);
+	}
+	function selectAll(keys) {
+		if (multiple) selected.value = [...new Set(keys)];
+	}
+	function deselectAll() {
+		selected.value = multiple ? [] : void 0;
+	}
+	function onSelectionChange(value) {
+		selected.value = value;
+	}
+	return {
+		selected,
+		isSelected,
+		select,
+		deselect,
+		toggle,
+		selectAll,
+		deselectAll,
+		onSelectionChange
+	};
+}
+//#endregion
+export { useListBox };
+
+//# sourceMappingURL=useListBox.js.map

package/dist/composables/useListBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListBox.js","names":[],"sources":["../../src/composables/useListBox.ts"],"sourcesContent":["import { ref, type Ref } from 'vue'\n\nexport type ListBoxValue = string | string[] | undefined\n\nexport interface UseListBoxOptions {\n  /** Enable multi-selection. Defaults to false. */\n  multiple?: boolean\n  /** Initial selected value(s). */\n  defaultSelected?: ListBoxValue\n}\n\nexport interface UseListBoxReturn {\n  /** Reactive selected value(s). String in single mode, string[] in multiple mode. */\n  selected: Ref<ListBoxValue>\n  /** Whether a given key is currently selected. */\n  isSelected: (key: string) => boolean\n  /** Select an item. In single mode, replaces the current selection. */\n  select: (key: string) => void\n  /** Deselect an item. */\n  deselect: (key: string) => void\n  /** Toggle an item's selection state. */\n  toggle: (key: string) => void\n  /** Select all provided keys. Only effective in multiple mode. */\n  selectAll: (keys: string[]) => void\n  /** Clear all selections. */\n  deselectAll: () => void\n  /**\n   * Pass as `@update:model-value` handler on the ListBox component.\n   * Keeps `selected` in sync when the component changes selection internally.\n   */\n  onSelectionChange: (value: ListBoxValue) => void\n}\n\n/**\n * Manages selection state for the ListBox component.\n *\n * @example\n * ```ts\n * const listBox = useListBox({ multiple: true, defaultSelected: ['apple'] })\n * ```\n * ```html\n * <ListBox :model-value=\"listBox.selected\" @update:model-value=\"listBox.onSelectionChange\">\n *   <ListBoxItem value=\"apple\">Apple</ListBoxItem>\n *   <ListBoxItem value=\"banana\">Banana</ListBoxItem>\n * </ListBox>\n * ```\n */\nexport function useListBox(options: UseListBoxOptions = {}): UseListBoxReturn {\n  const multiple = options.multiple ?? false\n\n  const selected = ref<ListBoxValue>(\n    options.defaultSelected ?? (multiple ? [] : undefined)\n  )\n\n  function isSelected(key: string): boolean {\n    if (Array.isArray(selected.value)) return selected.value.includes(key)\n    return selected.value === key\n  }\n\n  function select(key: string): void {\n    if (multiple) {\n      const current = (selected.value as string[]) ?? []\n      if (!current.includes(key)) selected.value = [...current, key]\n    } else {\n      selected.value = key\n    }\n  }\n\n  function deselect(key: string): void {\n    if (multiple) {\n      selected.value = ((selected.value as string[]) ?? []).filter(k => k !== key)\n    } else if (selected.value === key) {\n      selected.value = undefined\n    }\n  }\n\n  function toggle(key: string): void {\n    if (isSelected(key)) deselect(key)\n    else select(key)\n  }\n\n  function selectAll(keys: string[]): void {\n    if (multiple) selected.value = [...new Set(keys)]\n  }\n\n  function deselectAll(): void {\n    selected.value = multiple ? [] : undefined\n  }\n\n  function onSelectionChange(value: ListBoxValue): void {\n    selected.value = value\n  }\n\n  return {\n    selected,\n    isSelected,\n    select,\n    deselect,\n    toggle,\n    selectAll,\n    deselectAll,\n    onSelectionChange,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA+CA,SAAgB,WAAW,UAA6B,EAAE,EAAoB;CAC5E,MAAM,WAAW,QAAQ,YAAY;CAErC,MAAM,WAAW,IACf,QAAQ,oBAAoB,WAAW,EAAE,GAAG,KAAA,GAC7C;CAED,SAAS,WAAW,KAAsB;AACxC,MAAI,MAAM,QAAQ,SAAS,MAAM,CAAE,QAAO,SAAS,MAAM,SAAS,IAAI;AACtE,SAAO,SAAS,UAAU;;CAG5B,SAAS,OAAO,KAAmB;AACjC,MAAI,UAAU;GACZ,MAAM,UAAW,SAAS,SAAsB,EAAE;AAClD,OAAI,CAAC,QAAQ,SAAS,IAAI,CAAE,UAAS,QAAQ,CAAC,GAAG,SAAS,IAAI;QAE9D,UAAS,QAAQ;;CAIrB,SAAS,SAAS,KAAmB;AACnC,MAAI,SACF,UAAS,SAAU,SAAS,SAAsB,EAAE,EAAE,QAAO,MAAK,MAAM,IAAI;WACnE,SAAS,UAAU,IAC5B,UAAS,QAAQ,KAAA;;CAIrB,SAAS,OAAO,KAAmB;AACjC,MAAI,WAAW,IAAI,CAAE,UAAS,IAAI;MAC7B,QAAO,IAAI;;CAGlB,SAAS,UAAU,MAAsB;AACvC,MAAI,SAAU,UAAS,QAAQ,CAAC,GAAG,IAAI,IAAI,KAAK,CAAC;;CAGnD,SAAS,cAAoB;AAC3B,WAAS,QAAQ,WAAW,EAAE,GAAG,KAAA;;CAGnC,SAAS,kBAAkB,OAA2B;AACpD,WAAS,QAAQ;;AAGnB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/composables/useOTP.js

@@ -0,0 +1,29 @@
+import { computed, readonly, ref } from "vue";
+//#region src/composables/useOTP.ts
+function useOTP(options = {}) {
+	const length = options.length ?? 6;
+	const _value = ref(options.defaultValue ?? "");
+	const isComplete = computed(() => _value.value.length === length);
+	function reset() {
+		_value.value = "";
+	}
+	function onValueChange(value) {
+		_value.value = value;
+		options.onChange?.(value);
+	}
+	function onOTPComplete(value) {
+		_value.value = value;
+		options.onComplete?.(value);
+	}
+	return {
+		value: readonly(_value),
+		isComplete,
+		reset,
+		onValueChange,
+		onOTPComplete
+	};
+}
+//#endregion
+export { useOTP };
+
+//# sourceMappingURL=useOTP.js.map

package/dist/composables/useOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOTP.js","names":[],"sources":["../../src/composables/useOTP.ts"],"sourcesContent":["import { ref, computed, readonly, type Ref, type ComputedRef } from 'vue'\n\nexport interface UseOTPOptions {\n  /** Number of OTP slots. Defaults to 6. */\n  length?: number\n  /** Initial OTP value string. */\n  defaultValue?: string\n  /** Fires on every keystroke with the current value. */\n  onChange?: (value: string) => void\n  /** Fires when all slots are filled. */\n  onComplete?: (value: string) => void\n}\n\nexport interface UseOTPReturn {\n  /** The current OTP value string. */\n  value: Readonly<Ref<string>>\n  /** True when the value length equals the configured length. */\n  isComplete: ComputedRef<boolean>\n  /** Clear the OTP value. */\n  reset: () => void\n  /** Pass as `@update:model-value` on the InputOTP component. */\n  onValueChange: (value: string) => void\n  /** Pass as `@complete` on the InputOTP component. */\n  onOTPComplete: (value: string) => void\n}\n\nexport function useOTP(options: UseOTPOptions = {}): UseOTPReturn {\n  const length = options.length ?? 6\n  const _value = ref(options.defaultValue ?? '')\n\n  const isComplete = computed(() => _value.value.length === length)\n\n  function reset(): void {\n    _value.value = ''\n  }\n\n  function onValueChange(value: string): void {\n    _value.value = value\n    options.onChange?.(value)\n  }\n\n  function onOTPComplete(value: string): void {\n    _value.value = value\n    options.onComplete?.(value)\n  }\n\n  return {\n    value: readonly(_value),\n    isComplete,\n    reset,\n    onValueChange,\n    onOTPComplete,\n  }\n}\n"],"mappings":";;AA0BA,SAAgB,OAAO,UAAyB,EAAE,EAAgB;CAChE,MAAM,SAAS,QAAQ,UAAU;CACjC,MAAM,SAAS,IAAI,QAAQ,gBAAgB,GAAG;CAE9C,MAAM,aAAa,eAAe,OAAO,MAAM,WAAW,OAAO;CAEjE,SAAS,QAAc;AACrB,SAAO,QAAQ;;CAGjB,SAAS,cAAc,OAAqB;AAC1C,SAAO,QAAQ;AACf,UAAQ,WAAW,MAAM;;CAG3B,SAAS,cAAc,OAAqB;AAC1C,SAAO,QAAQ;AACf,UAAQ,aAAa,MAAM;;AAG7B,QAAO;EACL,OAAO,SAAS,OAAO;EACvB;EACA;EACA;EACA;EACD"}