@auronui/vue 1.0.0

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

@@ -0,0 +1,440 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { $ad063034c8620db8$export$aa8b41735afcabd2, $ad063034c8620db8$export$d0bdf45af03a6ea3 } from "../../node_modules/.pnpm/@internationalized_date@3.12.1/node_modules/@internationalized/date/dist/private/queries.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useModel, withCtx } from "vue";
+import { rangeCalendarVariants } from "@auronui/styles";
+import { MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerHeader, MonthPickerHeading, MonthPickerNext, MonthPickerPrev, MonthPickerRoot, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarHeader, RangeCalendarHeading, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, YearPickerCell, YearPickerCellTrigger, YearPickerGrid, YearPickerGridBody, YearPickerGridRow, YearPickerHeader, YearPickerHeading, YearPickerNext, YearPickerPrev, YearPickerRoot } from "reka-ui";
+//#region src/components/range-calendar/RangeCalendar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = ["aria-label"];
+var RangeCalendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RangeCalendar",
+	props: /* @__PURE__ */ mergeModels({
+		defaultValue: {},
+		defaultPlaceholder: {},
+		minValue: {},
+		maxValue: {},
+		isDateDisabled: {},
+		isDateUnavailable: {},
+		locale: {},
+		weekdayFormat: { default: "narrow" },
+		fixedWeeks: {
+			type: Boolean,
+			default: false
+		},
+		numberOfMonths: { default: 1 },
+		weekStartsOn: {},
+		pagedNavigation: {
+			type: Boolean,
+			default: false
+		},
+		preventDeselect: {
+			type: Boolean,
+			default: false
+		},
+		allowNonContiguousRanges: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		calendarLabel: {},
+		class: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		const slotFns = computed(() => rangeCalendarVariants());
+		const view = ref("date");
+		const placeholder = shallowRef(props.defaultValue?.start ?? props.defaultPlaceholder ?? $ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2()));
+		function cycleView() {
+			view.value = view.value === "date" ? "month" : view.value === "month" ? "year" : "date";
+		}
+		function onMonthSelect(val) {
+			if (!val) return;
+			const next = Array.isArray(val) ? val[val.length - 1] : val;
+			if (!next) return;
+			placeholder.value = next;
+			view.value = "date";
+		}
+		function onYearSelect(val) {
+			if (!val) return;
+			const next = Array.isArray(val) ? val[val.length - 1] : val;
+			if (!next) return;
+			placeholder.value = next;
+			view.value = "month";
+		}
+		const nextViewLabel = computed(() => view.value === "date" ? "month" : view.value === "month" ? "year" : "date");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createVNode(unref(RangeCalendarRoot), {
+					modelValue: modelValue.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+					placeholder: placeholder.value,
+					"onUpdate:placeholder": _cache[1] || (_cache[1] = ($event) => placeholder.value = $event),
+					"default-value": __props.defaultValue ?? void 0,
+					"default-placeholder": __props.defaultPlaceholder,
+					"min-value": __props.minValue,
+					"max-value": __props.maxValue,
+					"is-date-disabled": __props.isDateDisabled,
+					"is-date-unavailable": __props.isDateUnavailable,
+					locale: __props.locale,
+					"weekday-format": __props.weekdayFormat,
+					"fixed-weeks": __props.fixedWeeks,
+					"number-of-months": __props.numberOfMonths,
+					"week-starts-on": __props.weekStartsOn,
+					"paged-navigation": __props.pagedNavigation,
+					"prevent-deselect": __props.preventDeselect,
+					"allow-non-contiguous-ranges": __props.allowNonContiguousRanges,
+					readonly: __props.readonly,
+					disabled: __props.disabled,
+					"calendar-label": __props.calendarLabel,
+					class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class))
+				}, {
+					default: withCtx(({ grid, weekDays }) => [view.value === "date" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(RangeCalendarHeader), { class: normalizeClass(slotFns.value.header()) }, {
+						default: withCtx(() => [
+							createVNode(unref(RangeCalendarPrev), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Previous month"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									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"
+								}, [..._cache[4] || (_cache[4] = [createElementVNode("polyline", { points: "15 18 9 12 15 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(RangeCalendarHeading), { class: normalizeClass(slotFns.value.heading()) }, {
+								default: withCtx(({ headingValue }) => [createElementVNode("button", {
+									type: "button",
+									class: normalizeClass(slotFns.value.headingButton()),
+									"aria-label": `Switch to ${nextViewLabel.value} view`,
+									onClick: cycleView
+								}, toDisplayString(headingValue), 11, _hoisted_1)]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(RangeCalendarNext), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Next month"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									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"
+								}, [..._cache[5] || (_cache[5] = [createElementVNode("polyline", { points: "9 18 15 12 9 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"])
+						]),
+						_: 1
+					}, 8, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
+						return openBlock(), createBlock(unref(RangeCalendarGrid), {
+							key: month.value.toString(),
+							class: normalizeClass(slotFns.value.grid())
+						}, {
+							default: withCtx(() => [createVNode(unref(RangeCalendarGridHead), { class: normalizeClass(slotFns.value.gridHeader()) }, {
+								default: withCtx(() => [createVNode(unref(RangeCalendarGridRow), { class: normalizeClass(slotFns.value.gridRow()) }, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
+										return openBlock(), createBlock(unref(RangeCalendarHeadCell), {
+											key: day,
+											class: normalizeClass(slotFns.value.headerCell())
+										}, {
+											default: withCtx(() => [createTextVNode(toDisplayString(day), 1)]),
+											_: 2
+										}, 1032, ["class"]);
+									}), 128))]),
+									_: 2
+								}, 1032, ["class"])]),
+								_: 2
+							}, 1032, ["class"]), createVNode(unref(RangeCalendarGridBody), { class: normalizeClass(slotFns.value.gridBody()) }, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (week, weekIndex) => {
+									return openBlock(), createBlock(unref(RangeCalendarGridRow), {
+										key: weekIndex,
+										class: normalizeClass(slotFns.value.gridRow())
+									}, {
+										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(week, (day) => {
+											return openBlock(), createBlock(unref(RangeCalendarCell), {
+												key: day.toString(),
+												date: day,
+												class: normalizeClass(slotFns.value.cell())
+											}, {
+												default: withCtx(() => [createVNode(unref(RangeCalendarCellTrigger), {
+													day,
+													month: month.value,
+													class: normalizeClass(slotFns.value.cellButton())
+												}, null, 8, [
+													"day",
+													"month",
+													"class"
+												])]),
+												_: 2
+											}, 1032, ["date", "class"]);
+										}), 128))]),
+										_: 2
+									}, 1032, ["class"]);
+								}), 128))]),
+								_: 2
+							}, 1032, ["class"])]),
+							_: 2
+						}, 1032, ["class"]);
+					}), 128))], 64)) : createCommentVNode("", true)]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"placeholder",
+					"default-value",
+					"default-placeholder",
+					"min-value",
+					"max-value",
+					"is-date-disabled",
+					"is-date-unavailable",
+					"locale",
+					"weekday-format",
+					"fixed-weeks",
+					"number-of-months",
+					"week-starts-on",
+					"paged-navigation",
+					"prevent-deselect",
+					"allow-non-contiguous-ranges",
+					"readonly",
+					"disabled",
+					"calendar-label",
+					"class"
+				]),
+				view.value === "month" ? (openBlock(), createBlock(unref(MonthPickerRoot), {
+					key: 0,
+					placeholder: placeholder.value,
+					locale: __props.locale,
+					"min-value": __props.minValue,
+					"max-value": __props.maxValue,
+					readonly: __props.readonly,
+					disabled: __props.disabled,
+					class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+					"onUpdate:modelValue": onMonthSelect,
+					"onUpdate:placeholder": _cache[2] || (_cache[2] = (val) => {
+						if (val) placeholder.value = val;
+					})
+				}, {
+					default: withCtx(({ grid: monthGrid }) => [createVNode(unref(MonthPickerHeader), { class: normalizeClass(slotFns.value.header()) }, {
+						default: withCtx(() => [
+							createVNode(unref(MonthPickerPrev), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Previous year"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									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"
+								}, [..._cache[6] || (_cache[6] = [createElementVNode("polyline", { points: "15 18 9 12 15 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(MonthPickerHeading), { class: normalizeClass(slotFns.value.heading()) }, {
+								default: withCtx(({ headingValue }) => [createElementVNode("button", {
+									type: "button",
+									class: normalizeClass(slotFns.value.headingButton()),
+									"aria-label": `Switch to ${nextViewLabel.value} view`,
+									onClick: cycleView
+								}, toDisplayString(headingValue), 11, _hoisted_2)]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(MonthPickerNext), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Next year"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									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"
+								}, [..._cache[7] || (_cache[7] = [createElementVNode("polyline", { points: "9 18 15 12 9 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"])
+						]),
+						_: 1
+					}, 8, ["class"]), createVNode(unref(MonthPickerGrid), { class: normalizeClass(slotFns.value.monthGrid()) }, {
+						default: withCtx(() => [createVNode(unref(MonthPickerGridBody), { class: normalizeClass(slotFns.value.monthGridBody()) }, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(monthGrid.rows, (row, i) => {
+								return openBlock(), createBlock(unref(MonthPickerGridRow), {
+									key: i,
+									class: normalizeClass(slotFns.value.monthGridRow())
+								}, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (monthValue) => {
+										return openBlock(), createBlock(unref(MonthPickerCell), {
+											key: monthValue.toString(),
+											date: monthValue
+										}, {
+											default: withCtx(() => [createVNode(unref(MonthPickerCellTrigger), {
+												month: monthValue,
+												as: "button",
+												class: normalizeClass(slotFns.value.monthCell())
+											}, null, 8, ["month", "class"])]),
+											_: 2
+										}, 1032, ["date"]);
+									}), 128))]),
+									_: 2
+								}, 1032, ["class"]);
+							}), 128))]),
+							_: 2
+						}, 1032, ["class"])]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 1
+				}, 8, [
+					"placeholder",
+					"locale",
+					"min-value",
+					"max-value",
+					"readonly",
+					"disabled",
+					"class"
+				])) : createCommentVNode("", true),
+				view.value === "year" ? (openBlock(), createBlock(unref(YearPickerRoot), {
+					key: 1,
+					placeholder: placeholder.value,
+					locale: __props.locale,
+					"min-value": __props.minValue,
+					"max-value": __props.maxValue,
+					readonly: __props.readonly,
+					disabled: __props.disabled,
+					class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+					"onUpdate:modelValue": onYearSelect,
+					"onUpdate:placeholder": _cache[3] || (_cache[3] = (val) => {
+						if (val) placeholder.value = val;
+					})
+				}, {
+					default: withCtx(({ grid: yearGrid }) => [createVNode(unref(YearPickerHeader), { class: normalizeClass(slotFns.value.header()) }, {
+						default: withCtx(() => [
+							createVNode(unref(YearPickerPrev), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Previous decade"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									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"
+								}, [..._cache[8] || (_cache[8] = [createElementVNode("polyline", { points: "15 18 9 12 15 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(YearPickerHeading), { class: normalizeClass(slotFns.value.heading()) }, {
+								default: withCtx(({ headingValue }) => [createElementVNode("button", {
+									type: "button",
+									class: normalizeClass(slotFns.value.headingButton()),
+									"aria-label": `Switch to ${nextViewLabel.value} view`,
+									onClick: cycleView
+								}, toDisplayString(headingValue), 11, _hoisted_3)]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(YearPickerNext), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Next decade"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									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"
+								}, [..._cache[9] || (_cache[9] = [createElementVNode("polyline", { points: "9 18 15 12 9 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"])
+						]),
+						_: 1
+					}, 8, ["class"]), createVNode(unref(YearPickerGrid), { class: normalizeClass(slotFns.value.yearGrid()) }, {
+						default: withCtx(() => [createVNode(unref(YearPickerGridBody), { class: normalizeClass(slotFns.value.yearGridBody()) }, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(yearGrid.rows, (row, i) => {
+								return openBlock(), createBlock(unref(YearPickerGridRow), {
+									key: i,
+									class: normalizeClass(slotFns.value.yearGridRow())
+								}, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (yearValue) => {
+										return openBlock(), createBlock(unref(YearPickerCell), {
+											key: yearValue.toString(),
+											date: yearValue
+										}, {
+											default: withCtx(() => [createVNode(unref(YearPickerCellTrigger), {
+												year: yearValue,
+												as: "button",
+												class: normalizeClass(slotFns.value.yearCell())
+											}, null, 8, ["year", "class"])]),
+											_: 2
+										}, 1032, ["date"]);
+									}), 128))]),
+									_: 2
+								}, 1032, ["class"]);
+							}), 128))]),
+							_: 2
+						}, 1032, ["class"])]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 1
+				}, 8, [
+					"placeholder",
+					"locale",
+					"min-value",
+					"max-value",
+					"readonly",
+					"disabled",
+					"class"
+				])) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { RangeCalendar_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RangeCalendar.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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 } 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  class?: string\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 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    :class=\"composeClassName(slotFns.base(), props.class)\"\n  >\n    <template #default=\"{ grid, weekDays }\">\n      <template v-if=\"view === 'date'\">\n        <RangeCalendarHeader :class=\"slotFns.header()\">\n          <RangeCalendarPrev\n            :class=\"slotFns.navButton()\"\n            aria-label=\"Previous month\"\n          >\n            <svg\n              :class=\"slotFns.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=\"slotFns.heading()\"\n          >\n            <button\n              type=\"button\"\n              :class=\"slotFns.headingButton()\"\n              :aria-label=\"`Switch to ${nextViewLabel} view`\"\n              @click=\"cycleView\"\n            >\n              {{ headingValue }}\n            </button>\n          </RangeCalendarHeading>\n\n          <RangeCalendarNext\n            :class=\"slotFns.navButton()\"\n            aria-label=\"Next month\"\n          >\n            <svg\n              :class=\"slotFns.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=\"slotFns.grid()\"\n        >\n          <RangeCalendarGridHead :class=\"slotFns.gridHeader()\">\n            <RangeCalendarGridRow :class=\"slotFns.gridRow()\">\n              <RangeCalendarHeadCell\n                v-for=\"day in weekDays\"\n                :key=\"day\"\n                :class=\"slotFns.headerCell()\"\n              >\n                {{ day }}\n              </RangeCalendarHeadCell>\n            </RangeCalendarGridRow>\n          </RangeCalendarGridHead>\n          <RangeCalendarGridBody :class=\"slotFns.gridBody()\">\n            <RangeCalendarGridRow\n              v-for=\"(week, weekIndex) in month.rows\"\n              :key=\"weekIndex\"\n              :class=\"slotFns.gridRow()\"\n            >\n              <RangeCalendarCell\n                v-for=\"day in week\"\n                :key=\"day.toString()\"\n                :date=\"day\"\n                :class=\"slotFns.cell()\"\n              >\n                <RangeCalendarCellTrigger\n                  :day=\"day\"\n                  :month=\"month.value\"\n                  :class=\"slotFns.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)\"\n    @update:model-value=\"onMonthSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: monthGrid }\">\n      <MonthPickerHeader :class=\"slotFns.header()\">\n        <MonthPickerPrev\n          :class=\"slotFns.navButton()\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"slotFns.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=\"slotFns.heading()\"\n        >\n          <button\n            type=\"button\"\n            :class=\"slotFns.headingButton()\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"slotFns.navButton()\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"slotFns.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=\"slotFns.monthGrid()\">\n        <MonthPickerGridBody :class=\"slotFns.monthGridBody()\">\n          <MonthPickerGridRow\n            v-for=\"(row, i) in monthGrid.rows\"\n            :key=\"i\"\n            :class=\"slotFns.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=\"slotFns.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)\"\n    @update:model-value=\"onYearSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: yearGrid }\">\n      <YearPickerHeader :class=\"slotFns.header()\">\n        <YearPickerPrev\n          :class=\"slotFns.navButton()\"\n          aria-label=\"Previous decade\"\n        >\n          <svg\n            :class=\"slotFns.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=\"slotFns.heading()\"\n        >\n          <button\n            type=\"button\"\n            :class=\"slotFns.headingButton()\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\n        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"slotFns.navButton()\"\n          aria-label=\"Next decade\"\n        >\n          <svg\n            :class=\"slotFns.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=\"slotFns.yearGrid()\">\n        <YearPickerGridBody :class=\"slotFns.yearGridBody()\">\n          <YearPickerGridRow\n            v-for=\"(row, i) in yearGrid.rows\"\n            :key=\"i\"\n            :class=\"slotFns.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=\"slotFns.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/scroll-area/ScrollArea.js

@@ -0,0 +1,7 @@
+import ScrollArea_vue_vue_type_script_setup_true_lang_default from "./ScrollArea.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/scroll-area/ScrollArea.vue
+var ScrollArea_default = ScrollArea_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScrollArea_default as default };
+
+//# sourceMappingURL=ScrollArea.js.map

package/dist/components/scroll-area/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/scroll-area/ScrollArea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScrollAreaRoot,\n  ScrollAreaViewport,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaCorner,\n} from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n  viewportClass?: string\n  type?: 'auto' | 'always' | 'scroll' | 'hover'\n  scrollHideDelay?: number\n  orientation?: 'vertical' | 'horizontal' | 'both'\n}>(), {\n  type: 'hover',\n  scrollHideDelay: 600,\n  orientation: 'vertical',\n})\n</script>\n\n<template>\n  <ScrollAreaRoot\n    :type=\"props.type\"\n    :scroll-hide-delay=\"props.scrollHideDelay\"\n    :class=\"composeClassName('scroll-area__root', props.class)\"\n  >\n    <ScrollAreaViewport :class=\"composeClassName('scroll-area__viewport', props.viewportClass)\">\n      <slot />\n    </ScrollAreaViewport>\n\n    <ScrollAreaScrollbar\n      v-if=\"props.orientation === 'vertical' || props.orientation === 'both'\"\n      orientation=\"vertical\"\n      class=\"scroll-area__scrollbar scroll-area__scrollbar--vertical\"\n    >\n      <ScrollAreaThumb class=\"scroll-area__thumb\" />\n    </ScrollAreaScrollbar>\n\n    <ScrollAreaScrollbar\n      v-if=\"props.orientation === 'horizontal' || props.orientation === 'both'\"\n      orientation=\"horizontal\"\n      class=\"scroll-area__scrollbar scroll-area__scrollbar--horizontal\"\n    >\n      <ScrollAreaThumb class=\"scroll-area__thumb\" />\n    </ScrollAreaScrollbar>\n\n    <ScrollAreaCorner\n      v-if=\"props.orientation === 'both'\"\n      class=\"scroll-area__corner\"\n    />\n  </ScrollAreaRoot>\n</template>\n"],"mappings":""}

package/dist/components/scroll-area/ScrollArea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createBlock, createCommentVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "reka-ui";
+//#region src/components/scroll-area/ScrollArea.vue?vue&type=script&setup=true&lang.ts
+var ScrollArea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ScrollArea",
+	props: {
+		class: {},
+		viewportClass: {},
+		type: { default: "hover" },
+		scrollHideDelay: { default: 600 },
+		orientation: { default: "vertical" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScrollAreaRoot), {
+				type: props.type,
+				"scroll-hide-delay": props.scrollHideDelay,
+				class: normalizeClass(unref(composeClassName)("scroll-area__root", props.class))
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(ScrollAreaViewport), { class: normalizeClass(unref(composeClassName)("scroll-area__viewport", props.viewportClass)) }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 8, ["class"]),
+					props.orientation === "vertical" || props.orientation === "both" ? (openBlock(), createBlock(unref(ScrollAreaScrollbar), {
+						key: 0,
+						orientation: "vertical",
+						class: "scroll-area__scrollbar scroll-area__scrollbar--vertical"
+					}, {
+						default: withCtx(() => [createVNode(unref(ScrollAreaThumb), { class: "scroll-area__thumb" })]),
+						_: 1
+					})) : createCommentVNode("", true),
+					props.orientation === "horizontal" || props.orientation === "both" ? (openBlock(), createBlock(unref(ScrollAreaScrollbar), {
+						key: 1,
+						orientation: "horizontal",
+						class: "scroll-area__scrollbar scroll-area__scrollbar--horizontal"
+					}, {
+						default: withCtx(() => [createVNode(unref(ScrollAreaThumb), { class: "scroll-area__thumb" })]),
+						_: 1
+					})) : createCommentVNode("", true),
+					props.orientation === "both" ? (openBlock(), createBlock(unref(ScrollAreaCorner), {
+						key: 2,
+						class: "scroll-area__corner"
+					})) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, [
+				"type",
+				"scroll-hide-delay",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { ScrollArea_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScrollArea.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/scroll-area/ScrollArea.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/scroll-area/ScrollArea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScrollAreaRoot,\n  ScrollAreaViewport,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaCorner,\n} from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n  viewportClass?: string\n  type?: 'auto' | 'always' | 'scroll' | 'hover'\n  scrollHideDelay?: number\n  orientation?: 'vertical' | 'horizontal' | 'both'\n}>(), {\n  type: 'hover',\n  scrollHideDelay: 600,\n  orientation: 'vertical',\n})\n</script>\n\n<template>\n  <ScrollAreaRoot\n    :type=\"props.type\"\n    :scroll-hide-delay=\"props.scrollHideDelay\"\n    :class=\"composeClassName('scroll-area__root', props.class)\"\n  >\n    <ScrollAreaViewport :class=\"composeClassName('scroll-area__viewport', props.viewportClass)\">\n      <slot />\n    </ScrollAreaViewport>\n\n    <ScrollAreaScrollbar\n      v-if=\"props.orientation === 'vertical' || props.orientation === 'both'\"\n      orientation=\"vertical\"\n      class=\"scroll-area__scrollbar scroll-area__scrollbar--vertical\"\n    >\n      <ScrollAreaThumb class=\"scroll-area__thumb\" />\n    </ScrollAreaScrollbar>\n\n    <ScrollAreaScrollbar\n      v-if=\"props.orientation === 'horizontal' || props.orientation === 'both'\"\n      orientation=\"horizontal\"\n      class=\"scroll-area__scrollbar scroll-area__scrollbar--horizontal\"\n    >\n      <ScrollAreaThumb class=\"scroll-area__thumb\" />\n    </ScrollAreaScrollbar>\n\n    <ScrollAreaCorner\n      v-if=\"props.orientation === 'both'\"\n      class=\"scroll-area__corner\"\n    />\n  </ScrollAreaRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAUA,MAAM,QAAQ;;uBAcZ,YA6BiB,MAAA,eAAA,EAAA;IA5Bd,MAAM,MAAM;IACZ,qBAAmB,MAAM;IACzB,OAAK,eAAE,MAAA,iBAAgB,CAAA,qBAAsB,MAAM,MAAK,CAAA;;2BAIpC;KAFrB,YAEqB,MAAA,mBAAA,EAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAA,yBAA0B,MAAM,cAAa,CAAA,EAAA,EAAA;6BAC/E,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;KAIF,MAAM,gBAAW,cAAmB,MAAM,gBAAW,UAAA,WAAA,EAD7D,YAMsB,MAAA,oBAAA,EAAA;;MAJpB,aAAY;MACZ,OAAM;;6BAEwC,CAA9C,YAA8C,MAAA,gBAAA,EAAA,EAA7B,OAAM,sBAAoB,CAAA,CAAA,CAAA;;;KAIrC,MAAM,gBAAW,gBAAqB,MAAM,gBAAW,UAAA,WAAA,EAD/D,YAMsB,MAAA,oBAAA,EAAA;;MAJpB,aAAY;MACZ,OAAM;;6BAEwC,CAA9C,YAA8C,MAAA,gBAAA,EAAA,EAA7B,OAAM,sBAAoB,CAAA,CAAA,CAAA;;;KAIrC,MAAM,gBAAW,UAAA,WAAA,EADzB,YAGE,MAAA,iBAAA,EAAA;;MADA,OAAM"}

package/dist/components/scroll-shadow/ScrollShadow.js

@@ -0,0 +1,7 @@
+import ScrollShadow_vue_vue_type_script_setup_true_lang_default from "./ScrollShadow.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/scroll-shadow/ScrollShadow.vue
+var ScrollShadow_default = ScrollShadow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScrollShadow_default as default };
+
+//# sourceMappingURL=ScrollShadow.js.map

package/dist/components/scroll-shadow/ScrollShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollShadow.js","names":[],"sources":["../../../src/components/scroll-shadow/ScrollShadow.vue"],"sourcesContent":["<!--\n  ScrollShadow — An overflow container that shows/hides top/bottom (or left/right)\n  shadows based on scroll position.\n\n  Implementation: Uses @vueuse/core useScroll to detect arrivedState (top/bottom/left/right).\n  Data-attributes drive shadow visibility via CSS mask-image in @auronui/styles.\n\n  Data-attribute semantics (matches scroll-shadow.css):\n    data-top-scroll=\"true\"    → content exists ABOVE current viewport (scrolled down) → top shadow shown\n    data-bottom-scroll=\"true\" → content exists BELOW current viewport → bottom shadow shown\n    data-left-scroll=\"true\"   → content exists to the LEFT (scrolled right) → left shadow shown\n    data-right-scroll=\"true\"  → content exists to the RIGHT → right shadow shown\n\n  Note: CLAUDE.md Reka UI CSS selector pairing rule (pseudo + data-attr) does not apply\n  here because ScrollShadow is a custom component with no Reka UI backing.\n-->\n<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { useScroll } from '@vueuse/core'\nimport { scrollShadowVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  orientation?: 'vertical' | 'horizontal' | 'both'\n  hideScrollBar?: boolean\n  size?: number\n  offset?: number\n  visibility?: 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'both' | 'none'\n  class?: string\n}>(), {\n  orientation: 'vertical',\n  hideScrollBar: false,\n  size: 40,\n  offset: 0,\n  visibility: 'auto',\n})\n\nconst container = useTemplateRef<HTMLElement>('container')\nconst { arrivedState } = useScroll(container)\n\n// data-top-scroll=\"true\" when there IS content above (i.e., NOT at top edge)\nconst topScroll = computed(() => !arrivedState.top || undefined)\n// data-bottom-scroll=\"true\" when there IS content below (i.e., NOT at bottom edge)\nconst bottomScroll = computed(() => !arrivedState.bottom || undefined)\n// data-left-scroll=\"true\" when there IS content to the left (i.e., NOT at left edge)\nconst leftScroll = computed(() => !arrivedState.left || undefined)\n// data-right-scroll=\"true\" when there IS content to the right (i.e., NOT at right edge)\nconst rightScroll = computed(() => !arrivedState.right || undefined)\n\nconst slotFns = computed(() =>\n  scrollShadowVariants({\n    orientation: props.orientation === 'both' ? 'vertical' : props.orientation,\n    hideScrollBar: props.hideScrollBar,\n  })\n)\n</script>\n\n<template>\n  <div\n    ref=\"container\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"orientation\"\n    :data-top-scroll=\"topScroll ? 'true' : undefined\"\n    :data-bottom-scroll=\"bottomScroll ? 'true' : undefined\"\n    :data-left-scroll=\"leftScroll ? 'true' : undefined\"\n    :data-right-scroll=\"rightScroll ? 'true' : undefined\"\n    :style=\"{ '--scroll-shadow-size': size + 'px' }\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/scroll-shadow/ScrollShadow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref, useTemplateRef } from "vue";
+import { useScroll } from "@vueuse/core";
+import { scrollShadowVariants } from "@auronui/styles";
+//#region src/components/scroll-shadow/ScrollShadow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-orientation",
+	"data-top-scroll",
+	"data-bottom-scroll",
+	"data-left-scroll",
+	"data-right-scroll"
+];
+var ScrollShadow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ScrollShadow",
+	props: {
+		orientation: { default: "vertical" },
+		hideScrollBar: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: 40 },
+		offset: { default: 0 },
+		visibility: { default: "auto" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const container = useTemplateRef("container");
+		const { arrivedState } = useScroll(container);
+		const topScroll = computed(() => !arrivedState.top || void 0);
+		const bottomScroll = computed(() => !arrivedState.bottom || void 0);
+		const leftScroll = computed(() => !arrivedState.left || void 0);
+		const rightScroll = computed(() => !arrivedState.right || void 0);
+		const slotFns = computed(() => scrollShadowVariants({
+			orientation: props.orientation === "both" ? "vertical" : props.orientation,
+			hideScrollBar: props.hideScrollBar
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "container",
+				ref: container,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-orientation": __props.orientation,
+				"data-top-scroll": topScroll.value ? "true" : void 0,
+				"data-bottom-scroll": bottomScroll.value ? "true" : void 0,
+				"data-left-scroll": leftScroll.value ? "true" : void 0,
+				"data-right-scroll": rightScroll.value ? "true" : void 0,
+				style: normalizeStyle({ "--scroll-shadow-size": __props.size + "px" })
+			}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { ScrollShadow_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScrollShadow.vue_vue_type_script_setup_true_lang.js.map