@auronui/vue 1.0.0

package/dist/components/date-range-field/DateRangeField.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeField.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/date-range-field/DateRangeField.vue"],"sourcesContent":["<!--\n  DateRangeField — form-field mirror of DateInput.vue for a date range.\n\n  Same prop surface, data-attribute contract, floating-label behavior,\n  start/end content slots, and a11y wiring as DateInput. Renders TWO\n  segment lists (start + end) separated by a visible \"–\" glyph.\n-->\n<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useAttrs, useId, watch } from 'vue'\nimport { DateRangeFieldRoot, DateRangeFieldInput } from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { dateRangeFieldVariants, type DateRangeFieldVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: false,\n  isRequired: false,\n  hideTimeZone: false,\n})\n\nconst modelValue = defineModel<DateRange | null | undefined>()\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: DateRangeFieldVariants['variant']\n  /** Field height. @default 'md' */\n  size?: DateRangeFieldVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: DateRangeFieldVariants['color']\n  /** Label placement relative to the field. @default 'inside' */\n  labelPlacement?: DateRangeFieldVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadOnly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Field label. When omitted, floating-label behavior is skipped. */\n  label?: string\n  /** Helper text below the field. Suppressed when isInvalid && errorMessage is shown. */\n  description?: string\n  /** Error text below the field. Only rendered when isInvalid is true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper. */\n  class?: string\n\n  /* ─── DateRangeField-specific ─────────────────────────────────── */\n  defaultValue?: DateRange\n  placeholderValue?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  granularity?: 'day' | 'hour' | 'minute' | 'second'\n  hourCycle?: 12 | 24\n  locale?: string\n  name?: string\n  hideTimeZone?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst fieldId = computed(() => (attrs.id as string | undefined) ?? `${generatedId}-field`)\nconst labelId = computed(() => `${generatedId}-label`)\nconst descriptionId = computed(() => `${generatedId}-description`)\nconst errorMessageId = computed(() => `${generatedId}-error`)\n\nconst hasLabel = computed(() => !!props.label)\nconst isFilled = computed(() => modelValue.value?.start != null || modelValue.value?.end != null)\n\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst fieldRef = ref<HTMLElement | null>(null)\nconst fieldEl = computed<HTMLElement | null>(() => {\n  const r = fieldRef.value as unknown as { $el?: HTMLElement } | HTMLElement | null\n  if (!r) return null\n  if (r instanceof HTMLElement) return r\n  return r.$el ?? null\n})\n\n// `isFocused` tracks focus on a DATE SEGMENT specifically — not any descendant.\nconst isFocused = ref(false)\nfunction updateSegmentFocus() {\n  const root = fieldEl.value\n  if (!root) { isFocused.value = false; return }\n  const active = (root.ownerDocument ?? document).activeElement as HTMLElement | null\n  isFocused.value = !!active\n    && root.contains(active)\n    && active.hasAttribute('data-reka-date-field-segment')\n}\nfunction onDocFocusIn() { updateSegmentFocus() }\nfunction onDocFocusOut() { queueMicrotask(updateSegmentFocus) }\n\n// Guard against focus snap-back after an outside click.\nlet suppressSegmentFocusUntil = 0\nfunction onDocPointerDown(e: PointerEvent) {\n  const root = fieldEl.value\n  if (!root) return\n  const target = e.target as Node | null\n  if (!target || root.contains(target)) return\n  suppressSegmentFocusUntil = performance.now() + 250\n  const active = (root.ownerDocument ?? document).activeElement as HTMLElement | null\n  if (active && root.contains(active) && active.hasAttribute('data-reka-date-field-segment')) {\n    active.blur()\n  }\n}\nfunction onDocFocusInGuard(e: FocusEvent) {\n  if (performance.now() >= suppressSegmentFocusUntil) return\n  const root = fieldEl.value\n  if (!root) return\n  const t = e.target as HTMLElement | null\n  if (t && root.contains(t) && t.hasAttribute?.('data-reka-date-field-segment')) {\n    t.blur()\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('focusin', onDocFocusIn)\n  document.addEventListener('focusout', onDocFocusOut)\n  document.addEventListener('pointerdown', onDocPointerDown, true)\n  document.addEventListener('focusin', onDocFocusInGuard, true)\n})\nonBeforeUnmount(() => {\n  document.removeEventListener('focusin', onDocFocusIn)\n  document.removeEventListener('focusout', onDocFocusOut)\n  document.removeEventListener('pointerdown', onDocPointerDown, true)\n  document.removeEventListener('focusin', onDocFocusInGuard, true)\n})\n\n// Track data-filled by sniffing rendered segments across BOTH segment lists.\nconst segmentsFilled = ref(false)\nfunction recomputeFilled() {\n  const root = fieldEl.value\n  if (!root || typeof root.querySelectorAll !== 'function') {\n    segmentsFilled.value = false\n    return\n  }\n  const segs = root.querySelectorAll('[data-reka-date-field-segment]:not([data-reka-date-field-segment=\"literal\"])')\n  let anyFilled = false\n  segs.forEach((el) => {\n    if ((el as HTMLElement).dataset.placeholder === 'false') anyFilled = true\n  })\n  segmentsFilled.value = anyFilled\n}\nwatch([modelValue, () => props.defaultValue, () => props.granularity], () => {\n  queueMicrotask(recomputeFilled)\n}, { immediate: true })\n\nconst effectiveFilled = computed(() => isFilled.value || segmentsFilled.value)\n\nfunction handleFieldMousedown(e: MouseEvent) {\n  const target = e.target as HTMLElement | null\n  if (!target) return\n  if (target.closest('[data-reka-date-field-segment]')) return\n  if (target.closest('[data-slot=\"start-content\"]')) return\n  if (target.closest('[data-slot=\"end-content\"]')) return\n  if (target.closest('button, [role=\"button\"]')) return\n  const root = fieldEl.value\n  if (!root) return\n  const active = (root.ownerDocument ?? document).activeElement as HTMLElement | null\n  if (active && root.contains(active) && active.hasAttribute('data-reka-date-field-segment')) {\n    return\n  }\n  const first = root.querySelector<HTMLElement>(\n    '[data-reka-date-field-segment]:not([data-reka-date-field-segment=\"literal\"])',\n  )\n  if (first) {\n    e.preventDefault()\n    first.focus()\n  }\n}\n\nconst slotFns = computed(() =>\n  dateRangeFieldVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadOnly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\nconst showInsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement === 'inside',\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadOnly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n    data-slot=\"date-range-field\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :id=\"labelId\"\n      :for=\"fieldId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <DateRangeFieldRoot\n        :id=\"fieldId\"\n        ref=\"fieldRef\"\n        v-model=\"modelValue\"\n        :default-value=\"defaultValue\"\n        :placeholder=\"placeholderValue\"\n        :min-value=\"minValue\"\n        :max-value=\"maxValue\"\n        :granularity=\"granularity\"\n        :hour-cycle=\"hourCycle\"\n        :locale=\"locale\"\n        :disabled=\"isDisabled\"\n        :readonly=\"isReadOnly\"\n        :name=\"name\"\n        :hide-time-zone=\"hideTimeZone\"\n        :aria-labelledby=\"hasLabel ? labelId : undefined\"\n        :aria-describedby=\"ariaDescribedBy\"\n        :aria-required=\"isRequired || undefined\"\n        :aria-invalid=\"isInvalid || undefined\"\n        :class=\"slotFns.inputWrapper()\"\n        :data-filled=\"hasLabel ? (effectiveFilled || undefined) : undefined\"\n        :data-focused=\"isFocused || undefined\"\n        :data-invalid=\"isInvalid || undefined\"\n        :data-disabled=\"isDisabled || undefined\"\n        :data-readonly=\"isReadOnly || undefined\"\n        @mousedown=\"handleFieldMousedown\"\n      >\n        <template #default=\"{ segments }\">\n          <label\n            v-if=\"showInsideLabel\"\n            :id=\"labelId\"\n            :for=\"fieldId\"\n            :class=\"slotFns.label()\"\n          >{{ label }}<span\n            v-if=\"isRequired\"\n            aria-hidden=\"true\"\n          > *</span></label>\n\n          <span\n            v-if=\"$slots.startContent\"\n            :class=\"slotFns.startContent()\"\n            data-slot=\"start-content\"\n          >\n            <slot name=\"startContent\" />\n          </span>\n\n          <div\n            :class=\"slotFns.segmentList()\"\n            data-slot=\"segment-list\"\n            data-type=\"start\"\n          >\n            <template\n              v-for=\"(segment, _i) in segments.start\"\n              :key=\"`start-${_i}`\"\n            >\n              <DateRangeFieldInput\n                :part=\"segment.part\"\n                type=\"start\"\n                :class=\"slotFns.segment()\"\n              >\n                {{ segment.value }}\n              </DateRangeFieldInput>\n            </template>\n          </div>\n\n          <span\n            :class=\"slotFns.separator()\"\n            aria-hidden=\"true\"\n            data-slot=\"separator\"\n          >–</span>\n\n          <div\n            :class=\"slotFns.segmentList()\"\n            data-slot=\"segment-list\"\n            data-type=\"end\"\n          >\n            <template\n              v-for=\"(segment, _i) in segments.end\"\n              :key=\"`end-${_i}`\"\n            >\n              <DateRangeFieldInput\n                :part=\"segment.part\"\n                type=\"end\"\n                :class=\"slotFns.segment()\"\n              >\n                {{ segment.value }}\n              </DateRangeFieldInput>\n            </template>\n          </div>\n\n          <span\n            v-if=\"$slots.endContent\"\n            :class=\"slotFns.endContent()\"\n            data-slot=\"end-content\"\n          >\n            <slot name=\"endContent\" />\n          </span>\n        </template>\n      </DateRangeFieldRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n          role=\"alert\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/date-range-picker/DateRangePicker.js

@@ -0,0 +1,7 @@
+import DateRangePicker_vue_vue_type_script_setup_true_lang_default from "./DateRangePicker.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/date-range-picker/DateRangePicker.vue
+var DateRangePicker_default = DateRangePicker_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DateRangePicker_default as default };
+
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/components/date-range-picker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","names":[],"sources":["../../../src/components/date-range-picker/DateRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  DateRangePickerRoot,\n  DateRangePickerTrigger,\n  DateRangePickerContent,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { dateRangePickerVariants, type DateRangeFieldVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport RangeCalendar from '../range-calendar/RangeCalendar.vue'\nimport DateRangeField from '../date-range-field/DateRangeField.vue'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  /* Field appearance — forwarded to DateRangeField */\n  variant?: DateRangeFieldVariants['variant']\n  size?: DateRangeFieldVariants['size']\n  color?: DateRangeFieldVariants['color']\n  labelPlacement?: DateRangeFieldVariants['labelPlacement']\n  fullWidth?: boolean\n\n  defaultValue?: DateRange\n  defaultOpen?: boolean\n  placeholderValue?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateUnavailable?: (date: DateValue) => boolean\n  isDateDisabled?: (date: DateValue) => boolean\n  locale?: string\n  granularity?: 'day' | 'hour' | 'minute' | 'second'\n  hourCycle?: 12 | 24\n  label?: string\n  description?: string\n  errorMessage?: string\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isReadOnly?: boolean\n  isRequired?: boolean\n  name?: string\n  hideTimeZone?: boolean\n  visibleMonths?: number\n  pageBehavior?: 'visible' | 'single'\n  closeOnSelect?: boolean\n  modal?: boolean\n  class?: string\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: false,\n  isRequired: false,\n  hideTimeZone: false,\n  closeOnSelect: true,\n  modal: false,\n  visibleMonths: 1,\n  defaultOpen: false,\n})\n\nconst modelValue = defineModel<DateRange | null | undefined>('modelValue')\nconst openModel = defineModel<boolean>('open')\n\nconst slotFns = computed(() => dateRangePickerVariants())\n\n// Sync RangeCalendar's `DateRange | null` v-model with DateRangePicker's model,\n// and close the popover when a complete range is selected (closeOnSelect).\nconst rangeValue = computed<DateRange | null>({\n  get: () => modelValue.value ?? null,\n  set: (val) => {\n    modelValue.value = val ?? null\n    if (props.closeOnSelect && val?.start && val?.end) {\n      openModel.value = false\n    }\n  },\n})\n</script>\n\n<template>\n  <DateRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:open=\"openModel\"\n    :default-value=\"defaultValue\"\n    :default-open=\"defaultOpen\"\n    :placeholder-value=\"placeholderValue\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :is-date-disabled=\"isDateDisabled\"\n    :locale=\"locale\"\n    :granularity=\"granularity\"\n    :hour-cycle=\"hourCycle\"\n    :disabled=\"isDisabled\"\n    :readonly=\"isReadOnly\"\n    :name=\"name\"\n    :number-of-months=\"visibleMonths\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    data-slot=\"date-range-picker\"\n  >\n    <!-- DateRangeField hosts label/helper/field; trigger sits in its endContent slot -->\n    <DateRangeField\n      v-model=\"modelValue\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :color=\"color\"\n      :label-placement=\"labelPlacement\"\n      :full-width=\"fullWidth\"\n      :default-value=\"defaultValue\"\n      :placeholder-value=\"placeholderValue\"\n      :min-value=\"minValue\"\n      :max-value=\"maxValue\"\n      :granularity=\"granularity\"\n      :hour-cycle=\"hourCycle\"\n      :locale=\"locale\"\n      :label=\"label\"\n      :description=\"description\"\n      :error-message=\"errorMessage\"\n      :is-invalid=\"isInvalid\"\n      :is-disabled=\"isDisabled\"\n      :is-read-only=\"isReadOnly\"\n      :is-required=\"isRequired\"\n      :name=\"name\"\n      :hide-time-zone=\"hideTimeZone\"\n    >\n      <template #endContent>\n        <DateRangePickerTrigger\n          :class=\"slotFns.trigger()\"\n          aria-label=\"Open date range picker\"\n          @mousedown.prevent\n        >\n          <slot name=\"selectorIcon\">\n            <svg\n              :class=\"slotFns.triggerIndicator()\"\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              focusable=\"false\"\n            >\n              <rect\n                x=\"3\"\n                y=\"4\"\n                width=\"18\"\n                height=\"18\"\n                rx=\"2\"\n                ry=\"2\"\n              />\n              <line\n                x1=\"16\"\n                y1=\"2\"\n                x2=\"16\"\n                y2=\"6\"\n              />\n              <line\n                x1=\"8\"\n                y1=\"2\"\n                x2=\"8\"\n                y2=\"6\"\n              />\n              <line\n                x1=\"3\"\n                y1=\"10\"\n                x2=\"21\"\n                y2=\"10\"\n              />\n            </svg>\n          </slot>\n        </DateRangePickerTrigger>\n      </template>\n    </DateRangeField>\n\n    <!-- Popover (portaled + positioned by Reka) -->\n    <DateRangePickerContent\n      :class=\"slotFns.popover()\"\n      data-slot=\"popover\"\n      :side-offset=\"8\"\n    >\n      <slot name=\"calendarTopContent\" />\n\n      <RangeCalendar\n        v-model=\"rangeValue\"\n        :default-placeholder=\"placeholderValue\"\n        :min-value=\"minValue\"\n        :max-value=\"maxValue\"\n        :is-date-disabled=\"isDateDisabled\"\n        :is-date-unavailable=\"isDateUnavailable\"\n        :locale=\"locale\"\n        :number-of-months=\"visibleMonths\"\n        :readonly=\"isReadOnly\"\n        :disabled=\"isDisabled\"\n      />\n\n      <slot name=\"calendarBottomContent\" />\n    </DateRangePickerContent>\n  </DateRangePickerRoot>\n</template>\n"],"mappings":""}

package/dist/components/date-range-picker/DateRangePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,267 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import RangeCalendar_default from "../range-calendar/RangeCalendar.js";
+import DateRangeField_default from "../date-range-field/DateRangeField.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, unref, useModel, withCtx, withModifiers } from "vue";
+import { dateRangePickerVariants } from "@auronui/styles";
+import { DateRangePickerContent, DateRangePickerRoot, DateRangePickerTrigger } from "reka-ui";
+//#region src/components/date-range-picker/DateRangePicker.vue?vue&type=script&setup=true&lang.ts
+var DateRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DateRangePicker",
+	props: /* @__PURE__ */ mergeModels({
+		variant: { default: "flat" },
+		size: { default: "md" },
+		color: { default: "default" },
+		labelPlacement: { default: "inside" },
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		defaultValue: {},
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		placeholderValue: {},
+		minValue: {},
+		maxValue: {},
+		isDateUnavailable: {},
+		isDateDisabled: {},
+		locale: {},
+		granularity: {},
+		hourCycle: {},
+		label: {},
+		description: {},
+		errorMessage: {},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isReadOnly: {
+			type: Boolean,
+			default: false
+		},
+		isRequired: {
+			type: Boolean,
+			default: false
+		},
+		name: {},
+		hideTimeZone: {
+			type: Boolean,
+			default: false
+		},
+		visibleMonths: { default: 1 },
+		pageBehavior: {},
+		closeOnSelect: {
+			type: Boolean,
+			default: true
+		},
+		modal: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {},
+		"open": { type: Boolean },
+		"openModifiers": {}
+	}),
+	emits: ["update:modelValue", "update:open"],
+	setup(__props) {
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		const openModel = useModel(__props, "open");
+		const slotFns = computed(() => dateRangePickerVariants());
+		const rangeValue = computed({
+			get: () => modelValue.value ?? null,
+			set: (val) => {
+				modelValue.value = val ?? null;
+				if (props.closeOnSelect && val?.start && val?.end) openModel.value = false;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DateRangePickerRoot), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
+				open: openModel.value,
+				"onUpdate:open": _cache[4] || (_cache[4] = ($event) => openModel.value = $event),
+				"default-value": __props.defaultValue,
+				"default-open": __props.defaultOpen,
+				"placeholder-value": __props.placeholderValue,
+				"min-value": __props.minValue,
+				"max-value": __props.maxValue,
+				"is-date-unavailable": __props.isDateUnavailable,
+				"is-date-disabled": __props.isDateDisabled,
+				locale: __props.locale,
+				granularity: __props.granularity,
+				"hour-cycle": __props.hourCycle,
+				disabled: __props.isDisabled,
+				readonly: __props.isReadOnly,
+				name: __props.name,
+				"number-of-months": __props.visibleMonths,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-slot": "date-range-picker"
+			}, {
+				default: withCtx(() => [createVNode(DateRangeField_default, {
+					modelValue: modelValue.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
+					variant: __props.variant,
+					size: __props.size,
+					color: __props.color,
+					"label-placement": __props.labelPlacement,
+					"full-width": __props.fullWidth,
+					"default-value": __props.defaultValue,
+					"placeholder-value": __props.placeholderValue,
+					"min-value": __props.minValue,
+					"max-value": __props.maxValue,
+					granularity: __props.granularity,
+					"hour-cycle": __props.hourCycle,
+					locale: __props.locale,
+					label: __props.label,
+					description: __props.description,
+					"error-message": __props.errorMessage,
+					"is-invalid": __props.isInvalid,
+					"is-disabled": __props.isDisabled,
+					"is-read-only": __props.isReadOnly,
+					"is-required": __props.isRequired,
+					name: __props.name,
+					"hide-time-zone": __props.hideTimeZone
+				}, {
+					endContent: withCtx(() => [createVNode(unref(DateRangePickerTrigger), {
+						class: normalizeClass(slotFns.value.trigger()),
+						"aria-label": "Open date range picker",
+						onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "selectorIcon", {}, () => [(openBlock(), createElementBlock("svg", {
+							class: normalizeClass(slotFns.value.triggerIndicator()),
+							xmlns: "http://www.w3.org/2000/svg",
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"aria-hidden": "true",
+							focusable: "false"
+						}, [..._cache[5] || (_cache[5] = [
+							createElementVNode("rect", {
+								x: "3",
+								y: "4",
+								width: "18",
+								height: "18",
+								rx: "2",
+								ry: "2"
+							}, null, -1),
+							createElementVNode("line", {
+								x1: "16",
+								y1: "2",
+								x2: "16",
+								y2: "6"
+							}, null, -1),
+							createElementVNode("line", {
+								x1: "8",
+								y1: "2",
+								x2: "8",
+								y2: "6"
+							}, null, -1),
+							createElementVNode("line", {
+								x1: "3",
+								y1: "10",
+								x2: "21",
+								y2: "10"
+							}, null, -1)
+						])], 2))])]),
+						_: 3
+					}, 8, ["class"])]),
+					_: 3
+				}, 8, [
+					"modelValue",
+					"variant",
+					"size",
+					"color",
+					"label-placement",
+					"full-width",
+					"default-value",
+					"placeholder-value",
+					"min-value",
+					"max-value",
+					"granularity",
+					"hour-cycle",
+					"locale",
+					"label",
+					"description",
+					"error-message",
+					"is-invalid",
+					"is-disabled",
+					"is-read-only",
+					"is-required",
+					"name",
+					"hide-time-zone"
+				]), createVNode(unref(DateRangePickerContent), {
+					class: normalizeClass(slotFns.value.popover()),
+					"data-slot": "popover",
+					"side-offset": 8
+				}, {
+					default: withCtx(() => [
+						renderSlot(_ctx.$slots, "calendarTopContent"),
+						createVNode(RangeCalendar_default, {
+							modelValue: rangeValue.value,
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rangeValue.value = $event),
+							"default-placeholder": __props.placeholderValue,
+							"min-value": __props.minValue,
+							"max-value": __props.maxValue,
+							"is-date-disabled": __props.isDateDisabled,
+							"is-date-unavailable": __props.isDateUnavailable,
+							locale: __props.locale,
+							"number-of-months": __props.visibleMonths,
+							readonly: __props.isReadOnly,
+							disabled: __props.isDisabled
+						}, null, 8, [
+							"modelValue",
+							"default-placeholder",
+							"min-value",
+							"max-value",
+							"is-date-disabled",
+							"is-date-unavailable",
+							"locale",
+							"number-of-months",
+							"readonly",
+							"disabled"
+						]),
+						renderSlot(_ctx.$slots, "calendarBottomContent")
+					]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"open",
+				"default-value",
+				"default-open",
+				"placeholder-value",
+				"min-value",
+				"max-value",
+				"is-date-unavailable",
+				"is-date-disabled",
+				"locale",
+				"granularity",
+				"hour-cycle",
+				"disabled",
+				"readonly",
+				"name",
+				"number-of-months",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { DateRangePicker_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DateRangePicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/date-range-picker/DateRangePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/date-range-picker/DateRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  DateRangePickerRoot,\n  DateRangePickerTrigger,\n  DateRangePickerContent,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { dateRangePickerVariants, type DateRangeFieldVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport RangeCalendar from '../range-calendar/RangeCalendar.vue'\nimport DateRangeField from '../date-range-field/DateRangeField.vue'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  /* Field appearance — forwarded to DateRangeField */\n  variant?: DateRangeFieldVariants['variant']\n  size?: DateRangeFieldVariants['size']\n  color?: DateRangeFieldVariants['color']\n  labelPlacement?: DateRangeFieldVariants['labelPlacement']\n  fullWidth?: boolean\n\n  defaultValue?: DateRange\n  defaultOpen?: boolean\n  placeholderValue?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateUnavailable?: (date: DateValue) => boolean\n  isDateDisabled?: (date: DateValue) => boolean\n  locale?: string\n  granularity?: 'day' | 'hour' | 'minute' | 'second'\n  hourCycle?: 12 | 24\n  label?: string\n  description?: string\n  errorMessage?: string\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isReadOnly?: boolean\n  isRequired?: boolean\n  name?: string\n  hideTimeZone?: boolean\n  visibleMonths?: number\n  pageBehavior?: 'visible' | 'single'\n  closeOnSelect?: boolean\n  modal?: boolean\n  class?: string\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: false,\n  isRequired: false,\n  hideTimeZone: false,\n  closeOnSelect: true,\n  modal: false,\n  visibleMonths: 1,\n  defaultOpen: false,\n})\n\nconst modelValue = defineModel<DateRange | null | undefined>('modelValue')\nconst openModel = defineModel<boolean>('open')\n\nconst slotFns = computed(() => dateRangePickerVariants())\n\n// Sync RangeCalendar's `DateRange | null` v-model with DateRangePicker's model,\n// and close the popover when a complete range is selected (closeOnSelect).\nconst rangeValue = computed<DateRange | null>({\n  get: () => modelValue.value ?? null,\n  set: (val) => {\n    modelValue.value = val ?? null\n    if (props.closeOnSelect && val?.start && val?.end) {\n      openModel.value = false\n    }\n  },\n})\n</script>\n\n<template>\n  <DateRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:open=\"openModel\"\n    :default-value=\"defaultValue\"\n    :default-open=\"defaultOpen\"\n    :placeholder-value=\"placeholderValue\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :is-date-disabled=\"isDateDisabled\"\n    :locale=\"locale\"\n    :granularity=\"granularity\"\n    :hour-cycle=\"hourCycle\"\n    :disabled=\"isDisabled\"\n    :readonly=\"isReadOnly\"\n    :name=\"name\"\n    :number-of-months=\"visibleMonths\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    data-slot=\"date-range-picker\"\n  >\n    <!-- DateRangeField hosts label/helper/field; trigger sits in its endContent slot -->\n    <DateRangeField\n      v-model=\"modelValue\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :color=\"color\"\n      :label-placement=\"labelPlacement\"\n      :full-width=\"fullWidth\"\n      :default-value=\"defaultValue\"\n      :placeholder-value=\"placeholderValue\"\n      :min-value=\"minValue\"\n      :max-value=\"maxValue\"\n      :granularity=\"granularity\"\n      :hour-cycle=\"hourCycle\"\n      :locale=\"locale\"\n      :label=\"label\"\n      :description=\"description\"\n      :error-message=\"errorMessage\"\n      :is-invalid=\"isInvalid\"\n      :is-disabled=\"isDisabled\"\n      :is-read-only=\"isReadOnly\"\n      :is-required=\"isRequired\"\n      :name=\"name\"\n      :hide-time-zone=\"hideTimeZone\"\n    >\n      <template #endContent>\n        <DateRangePickerTrigger\n          :class=\"slotFns.trigger()\"\n          aria-label=\"Open date range picker\"\n          @mousedown.prevent\n        >\n          <slot name=\"selectorIcon\">\n            <svg\n              :class=\"slotFns.triggerIndicator()\"\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              focusable=\"false\"\n            >\n              <rect\n                x=\"3\"\n                y=\"4\"\n                width=\"18\"\n                height=\"18\"\n                rx=\"2\"\n                ry=\"2\"\n              />\n              <line\n                x1=\"16\"\n                y1=\"2\"\n                x2=\"16\"\n                y2=\"6\"\n              />\n              <line\n                x1=\"8\"\n                y1=\"2\"\n                x2=\"8\"\n                y2=\"6\"\n              />\n              <line\n                x1=\"3\"\n                y1=\"10\"\n                x2=\"21\"\n                y2=\"10\"\n              />\n            </svg>\n          </slot>\n        </DateRangePickerTrigger>\n      </template>\n    </DateRangeField>\n\n    <!-- Popover (portaled + positioned by Reka) -->\n    <DateRangePickerContent\n      :class=\"slotFns.popover()\"\n      data-slot=\"popover\"\n      :side-offset=\"8\"\n    >\n      <slot name=\"calendarTopContent\" />\n\n      <RangeCalendar\n        v-model=\"rangeValue\"\n        :default-placeholder=\"placeholderValue\"\n        :min-value=\"minValue\"\n        :max-value=\"maxValue\"\n        :is-date-disabled=\"isDateDisabled\"\n        :is-date-unavailable=\"isDateUnavailable\"\n        :locale=\"locale\"\n        :number-of-months=\"visibleMonths\"\n        :readonly=\"isReadOnly\"\n        :disabled=\"isDisabled\"\n      />\n\n      <slot name=\"calendarBottomContent\" />\n    </DateRangePickerContent>\n  </DateRangePickerRoot>\n</template>\n"],"mappings":"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"}

package/dist/components/description/Description.js

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

package/dist/components/description/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.js","names":[],"sources":["../../../src/components/description/Description.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { descriptionVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    id?: string;\n    class?: string;\n  }>(),\n  {},\n);\n\nconst classes = computed(() => composeClassName(descriptionVariants(), props.class));\n</script>\n\n<template>\n  <p\n    :id=\"props.id\"\n    :class=\"classes\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":""}

package/dist/components/description/Description.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { descriptionVariants } from "@auronui/styles";
+//#region src/components/description/Description.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+var Description_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Description",
+	props: {
+		id: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const classes = computed(() => composeClassName(descriptionVariants(), props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", {
+				id: props.id,
+				class: normalizeClass(classes.value)
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Description_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Description.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/description/Description.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/description/Description.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { descriptionVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    id?: string;\n    class?: string;\n  }>(),\n  {},\n);\n\nconst classes = computed(() => composeClassName(descriptionVariants(), props.class));\n</script>\n\n<template>\n  <p\n    :id=\"props.id\"\n    :class=\"classes\"\n  >\n    <slot />\n  </p>\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAQd,MAAM,UAAU,eAAe,iBAAiB,qBAAqB,EAAE,MAAM,MAAM,CAAC;;uBAIlF,mBAKI,KAAA;IAJD,IAAI,MAAM;IACV,OAAK,eAAE,QAAA,MAAO;OAEf,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/drawer/Drawer.js

@@ -0,0 +1,7 @@
+import Drawer_vue_vue_type_script_lang_default from "./Drawer.vue_vue_type_script_lang.js";
+//#region src/components/drawer/Drawer.vue
+var Drawer_default = Drawer_vue_vue_type_script_lang_default;
+//#endregion
+export { Drawer_default as default };
+
+//# sourceMappingURL=Drawer.js.map

package/dist/components/drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/drawer/Drawer.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h, toRef } from 'vue'\nimport { DialogRoot } from 'reka-ui'\nimport { useDrawerProvide } from './drawer.context'\nimport type { DrawerPlacement, DrawerSize } from './drawer.context'\n\n/**\n * Drawer root component. Wraps Reka UI's DialogRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to DialogRoot — same pattern as Modal.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n */\nexport default defineComponent({\n  name: 'Drawer',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    modal: { type: Boolean, default: true },\n    placement: {\n      type: String as () => DrawerPlacement,\n      default: 'right',\n    },\n    size: {\n      type: String as () => DrawerSize,\n      default: 'md',\n    },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    // Provide context to all Drawer sub-components\n    useDrawerProvide({\n      placement: toRef(props, 'placement'),\n      size: toRef(props, 'size'),\n    })\n\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        modal: props.modal,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      // Only include `open` when explicitly controlled — omitting the key lets\n      // Reka use `defaultOpen` for uncontrolled behavior.\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => h(DialogRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":""}

package/dist/components/drawer/Drawer.vue_vue_type_script_lang.js

@@ -0,0 +1,58 @@
+import { useDrawerProvide } from "./drawer.context.js";
+import { computed, defineComponent, h, toRef } from "vue";
+import { DialogRoot } from "reka-ui";
+//#region src/components/drawer/Drawer.vue?vue&type=script&lang.ts
+/**
+* Drawer root component. Wraps Reka UI's DialogRoot.
+*
+* Uses Options API / render-function style to avoid Vue SFC compiled template
+* from forwarding `open: undefined` to DialogRoot — same pattern as Modal.vue.
+* Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled
+* vs controlled mode.
+*/
+var Drawer_vue_vue_type_script_lang_default = defineComponent({
+	name: "Drawer",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		placement: {
+			type: String,
+			default: "right"
+		},
+		size: {
+			type: String,
+			default: "md"
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		useDrawerProvide({
+			placement: toRef(props, "placement"),
+			size: toRef(props, "size")
+		});
+		const rootProps = computed(() => {
+			const p = {
+				defaultOpen: props.defaultOpen,
+				modal: props.modal,
+				"onUpdate:open": (val) => emit("update:open", val)
+			};
+			if (props.open !== void 0) p.open = props.open;
+			return p;
+		});
+		return () => h(DialogRoot, rootProps.value, slots);
+	}
+});
+//#endregion
+export { Drawer_vue_vue_type_script_lang_default as default };
+
+//# sourceMappingURL=Drawer.vue_vue_type_script_lang.js.map

package/dist/components/drawer/Drawer.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.vue_vue_type_script_lang.js","names":[],"sources":["../../../src/components/drawer/Drawer.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h, toRef } from 'vue'\nimport { DialogRoot } from 'reka-ui'\nimport { useDrawerProvide } from './drawer.context'\nimport type { DrawerPlacement, DrawerSize } from './drawer.context'\n\n/**\n * Drawer root component. Wraps Reka UI's DialogRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to DialogRoot — same pattern as Modal.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n */\nexport default defineComponent({\n  name: 'Drawer',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    modal: { type: Boolean, default: true },\n    placement: {\n      type: String as () => DrawerPlacement,\n      default: 'right',\n    },\n    size: {\n      type: String as () => DrawerSize,\n      default: 'md',\n    },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    // Provide context to all Drawer sub-components\n    useDrawerProvide({\n      placement: toRef(props, 'placement'),\n      size: toRef(props, 'size'),\n    })\n\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        modal: props.modal,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      // Only include `open` when explicitly controlled — omitting the key lets\n      // Reka use `defaultOpen` for uncontrolled behavior.\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => h(DialogRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;AAcA,IAAA,0CAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAAS,SAAS;GAAO;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC3C,OAAO;GAAE,MAAM;GAAS,SAAS;GAAM;EACvC,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EACF;CACD,OAAO,CAAC,cAAc;CACtB,MAAM,OAAO,EAAE,OAAO,QAAQ;AAE5B,mBAAiB;GACf,WAAW,MAAM,OAAO,YAAY;GACpC,MAAM,MAAM,OAAO,OAAO;GAC3B,CAAA;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,IAA6B;IACjC,aAAa,MAAM;IACnB,OAAO,MAAM;IACb,kBAAkB,QAAiB,KAAK,eAAe,IAAI;IAC7D;AAGA,OAAI,MAAM,SAAS,KAAA,EACjB,GAAE,OAAO,MAAM;AAEjB,UAAO;IACR;AAED,eAAa,EAAE,YAAY,UAAU,OAAO,MAAK;;CAEpD,CAAA"}

package/dist/components/drawer/DrawerBody.js

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

package/dist/components/drawer/DrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBody.js","names":[],"sources":["../../../src/components/drawer/DrawerBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.body(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/drawer/DrawerBody.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/drawer/DrawerBody.vue?vue&type=script&setup=true&lang.ts
+var DrawerBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerBody",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const styles = drawerVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(unref(styles).body(), props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { DrawerBody_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DrawerBody.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/drawer/DrawerBody.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBody.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.body(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAIA,MAAM,QAAQ;EAId,MAAM,SAAS,gBAAe;;uBAI5B,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACtD,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/drawer/DrawerClose.js

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

package/dist/components/drawer/DrawerClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerClose.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogClose\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":""}

package/dist/components/drawer/DrawerClose.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose } from "reka-ui";
+//#region src/components/drawer/DrawerClose.vue?vue&type=script&setup=true&lang.ts
+var DrawerClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerClose",
+	props: {
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const styles = drawerVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogClose), {
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(styles).closeTrigger(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child", "class"]);
+		};
+	}
+});
+//#endregion
+export { DrawerClose_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DrawerClose.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/drawer/DrawerClose.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerClose.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogClose\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,SAAS,gBAAe;;uBAI5B,YAKc,MAAA,YAAA,EAAA;IAJX,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,cAAY,EAAI,MAAM,MAAK,CAAA;;2BAEnD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/drawer/DrawerContent.js

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

package/dist/components/drawer/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogPortal, DialogContent } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\nimport DrawerOverlay from './DrawerOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogPortal>\n    <DrawerOverlay />\n    <DialogContent\n      :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value }), props.class)\"\n      :data-placement=\"ctx.placement.value\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <slot />\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":""}