@wirekyt/vue 0.0.1 → 0.0.2

package/dist/date-picker.js

@@ -0,0 +1,776 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$1, c as normalizeProps$1, d as useForwardExpose, m as createContext, n as RenderStrategyPropsProvider, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { n as PresenceProvider, r as usePresenceContext } from "./presence-jaHZaD_O.js";
+import { t as usePresence } from "./use-presence-oNdFU2c2.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderList, renderSlot, toDisplayString, toValue, unref, useId, withCtx } from "vue";
+import { uniq } from "@wirekyt/dom/utils";
+import * as datePicker from "@wirekyt/dom/machines/date-picker";
+import { anatomy, parse as parseDate } from "@wirekyt/dom/machines/date-picker";
+//#region src/components/date-picker/use-context.ts
+const [DatePickerProvider, useDatePickerContext] = createContext("DatePickerContext");
+//#endregion
+//#region src/components/date-picker/clear-trigger.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "clear-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(datePicker).getClearTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/content.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(datePicker.value.getContentProps(), presence.value.presenceProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/context.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(datePicker))));
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/control.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(datePicker).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/input.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "input",
+	props: {
+		index: {},
+		fixOnBlur: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).input, mergeProps(unref(datePicker).getInputProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/label.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(datePicker).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/month-select.vue
+const _hoisted_1$1 = ["value"];
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "month-select",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).select, mergeProps(unref(datePicker).getMonthSelectProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(datePicker).getMonths(), (month) => {
+					return openBlock(), createElementBlock("option", {
+						key: month.value,
+						value: month.value
+					}, toDisplayString(month.label), 9, _hoisted_1$1);
+				}), 128))]),
+				_: 1
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/use-view-props-context.ts
+const DEFAULT_VIEW_PROPS_CONTEXT = { view: "day" };
+const [DatePickerViewPropsProvider, useDatePickerViewPropsContext] = createContext("DatePickerViewPropsContext");
+//#endregion
+//#region src/components/date-picker/next-trigger.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "next-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(datePicker).getNextTriggerProps(unref(viewProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/positioner.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(wire).div, mergeProps({ key: 0 }, unref(datePicker).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/preset-trigger.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "preset-trigger",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(datePicker).getPresetTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/prev-trigger.vue
+const _sfc_main$10 = /*@__PURE__*/ defineComponent({
+	__name: "prev-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(datePicker).getPrevTriggerProps(unref(viewProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/range-text.vue
+const _sfc_main$11 = /*@__PURE__*/ defineComponent({
+	__name: "range-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const visibleRangeText = computed(() => {
+			const { start, end } = datePicker.value.visibleRangeText;
+			return uniq([start, end]).filter(Boolean).join(" - ");
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(datePicker).getRangeTextProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [createTextVNode(toDisplayString(visibleRangeText.value), 1)]),
+				_: 1
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/anatomy.ts
+const datePickerAnatomy = anatomy.extendWith("view", "valueText");
+//#endregion
+//#region src/components/date-picker/value-text.vue
+const _sfc_main$22 = /*@__PURE__*/ defineComponent({
+	__name: "value-text",
+	props: {
+		placeholder: {},
+		separator: { default: ", " },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		const hasValue = computed(() => datePicker.value.value.length > 0);
+		const displayValue = computed(() => {
+			if (!hasValue.value) return props.placeholder;
+			return datePicker.value.valueAsString.join(props.separator);
+		});
+		const getRenderProps = (value, index) => ({
+			value,
+			index,
+			valueAsString: datePicker.value.valueAsString[index],
+			remove: () => {
+				datePicker.value.setValue(datePicker.value.value.filter((_, i) => i !== index));
+			}
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return _ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [hasValue.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(datePicker).value, (value, index) => {
+				return renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, getRenderProps(value, index)), void 0, void 0, index);
+			}), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.placeholder), 1)], 64))], 64)) : (openBlock(), createBlock(unref(wire).span, mergeProps({ key: 1 }, unref(datePickerAnatomy).build().valueText.attrs, { "as-child": __props.asChild }), {
+				default: withCtx(() => [createTextVNode(toDisplayString(displayValue.value), 1)]),
+				_: 1
+			}, 16, ["as-child"]));
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/root-provider.vue
+const _sfc_main$13 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	emits: ["exitComplete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const datePicker = computed(() => props.value);
+		const presence = usePresence(computed(() => ({
+			present: datePicker.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		DatePickerProvider(datePicker);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(datePicker.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/use-date-picker.ts
+const useDatePicker = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			locale: locale.value.locale,
+			value: localeProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onFocusChange: (details) => {
+				emit?.("focusChange", details);
+				emit?.("update:focusedValue", details.focusedValue);
+				localeProps.onFocusChange?.(details);
+			},
+			onViewChange: (details) => {
+				emit?.("viewChange", details);
+				emit?.("update:view", details.view);
+				localeProps.onViewChange?.(details);
+			},
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				emit?.("update:open", details.open);
+				localeProps.onOpenChange?.(details);
+			},
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localeProps.onValueChange?.(details);
+			},
+			onVisibleRangeChange: (details) => {
+				emit?.("visibleRangeChange", details);
+				localeProps.onVisibleRangeChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(datePicker.machine, context);
+	return computed(() => datePicker.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/date-picker/root.vue
+const _sfc_main$12 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		closeOnSelect: { type: Boolean },
+		createCalendar: { type: Function },
+		defaultFocusedValue: {},
+		defaultOpen: { type: Boolean },
+		defaultValue: {},
+		defaultView: {},
+		disabled: { type: Boolean },
+		fixedWeeks: { type: Boolean },
+		focusedValue: {},
+		format: { type: Function },
+		id: {},
+		ids: {},
+		isDateUnavailable: { type: Function },
+		locale: {},
+		max: {},
+		maxSelectedDates: {},
+		maxView: {},
+		min: {},
+		minView: {},
+		modelValue: {},
+		name: {},
+		numOfMonths: {},
+		open: { type: Boolean },
+		openOnClick: { type: Boolean },
+		outsideDaySelectable: { type: Boolean },
+		parse: { type: Function },
+		placeholder: {},
+		positioning: {},
+		readOnly: { type: Boolean },
+		selectionMode: {},
+		showWeekNumbers: { type: Boolean },
+		startOfWeek: {},
+		timeZone: {},
+		translations: {},
+		view: {},
+		inline: { type: Boolean },
+		invalid: { type: Boolean },
+		required: { type: Boolean },
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		closeOnSelect: void 0,
+		defaultOpen: void 0,
+		disabled: void 0,
+		fixedWeeks: void 0,
+		inline: void 0,
+		invalid: void 0,
+		open: void 0,
+		openOnClick: void 0,
+		outsideDaySelectable: void 0,
+		readOnly: void 0,
+		required: void 0,
+		showWeekNumbers: void 0
+	}),
+	emits: [
+		"exitComplete",
+		"focusChange",
+		"openChange",
+		"valueChange",
+		"viewChange",
+		"visibleRangeChange",
+		"update:modelValue",
+		"update:open",
+		"update:view",
+		"update:focusedValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const datePicker = useDatePicker(props, emits);
+		const presence = usePresence(computed(() => ({
+			present: datePicker.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		DatePickerProvider(datePicker);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(datePicker).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/use-table-props-context.ts
+const [DatePickerTablePropsProvider, useDatePickerTablePropsContext] = createContext("DatePickerTablePropsContext");
+//#endregion
+//#region src/components/date-picker/table-body.vue
+const _sfc_main$15 = /*@__PURE__*/ defineComponent({
+	__name: "table-body",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).tbody, mergeProps(unref(datePicker).getTableBodyProps(unref(tableProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/use-table-cell-props-context.ts
+const [DatePickerTableCellPropsProvider, useDatePickerTableCellPropsContext] = createContext("DatePickerTableCellPropsContext");
+//#endregion
+//#region src/components/date-picker/table-cell-trigger.vue
+const _sfc_main$17 = /*@__PURE__*/ defineComponent({
+	__name: "table-cell-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const cellProps = useDatePickerTableCellPropsContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		const triggerProps = computed(() => {
+			const viewFn = {
+				day: datePicker.value.getDayTableCellTriggerProps,
+				month: datePicker.value.getMonthTableCellTriggerProps,
+				year: datePicker.value.getYearTableCellTriggerProps
+			}[viewProps.view];
+			return viewFn(cellProps);
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(triggerProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table-cell.vue
+const _sfc_main$16 = /*@__PURE__*/ defineComponent({
+	__name: "table-cell",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		columns: {},
+		visibleRange: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		DatePickerTableCellPropsProvider(props);
+		const tableCellProps = computed(() => {
+			return {
+				day: datePicker.value.getDayTableCellProps,
+				month: datePicker.value.getMonthTableCellProps,
+				year: datePicker.value.getYearTableCellProps
+			}[viewProps.view ?? "day"](props);
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).td, mergeProps(tableCellProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table-head.vue
+const _sfc_main$18 = /*@__PURE__*/ defineComponent({
+	__name: "table-head",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).thead, mergeProps(unref(datePicker).getTableHeadProps(unref(tableProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table-header.vue
+const _sfc_main$19 = /*@__PURE__*/ defineComponent({
+	__name: "table-header",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).th, mergeProps(unref(datePicker).getTableHeaderProps(unref(tableProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table-row.vue
+const _sfc_main$20 = /*@__PURE__*/ defineComponent({
+	__name: "table-row",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).tr, mergeProps(unref(datePicker).getTableRowProps(unref(tableProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table.vue
+const _sfc_main$14 = /*@__PURE__*/ defineComponent({
+	__name: "table",
+	props: {
+		view: {},
+		columns: {},
+		id: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		const uid = useId();
+		const tableProps = computed(() => ({
+			...props,
+			id: props.id ?? uid,
+			...viewProps
+		}));
+		DatePickerTablePropsProvider(tableProps);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).table, mergeProps(unref(datePicker).getTableProps(tableProps.value), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/trigger.vue
+const _sfc_main$21 = /*@__PURE__*/ defineComponent({
+	__name: "trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(datePicker).getTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/view-control.vue
+const _sfc_main$24 = /*@__PURE__*/ defineComponent({
+	__name: "view-control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(datePicker).getViewControlProps(unref(viewProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/view-trigger.vue
+const _sfc_main$25 = /*@__PURE__*/ defineComponent({
+	__name: "view-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(datePicker).getViewTriggerProps(unref(viewProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/view.vue
+const _sfc_main$23 = /*@__PURE__*/ defineComponent({
+	__name: "view",
+	props: {
+		view: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		DatePickerViewPropsProvider(props);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(datePickerAnatomy).build().view.attrs, {
+				hidden: unref(datePicker).view !== __props.view,
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["hidden", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/week-number-header-cell.vue
+const _sfc_main$27 = /*@__PURE__*/ defineComponent({
+	__name: "week-number-header-cell",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).th, mergeProps(unref(datePicker).getWeekNumberHeaderCellProps(unref(tableProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/week-number-cell.vue
+const _sfc_main$26 = /*@__PURE__*/ defineComponent({
+	__name: "week-number-cell",
+	props: {
+		weekIndex: {},
+		week: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).td, mergeProps(unref(datePicker).getWeekNumberCellProps({
+				weekIndex: props.weekIndex,
+				week: props.week
+			}), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/year-select.vue
+const _hoisted_1 = ["value"];
+const _sfc_main$28 = /*@__PURE__*/ defineComponent({
+	__name: "year-select",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).select, mergeProps(unref(datePicker).getYearSelectProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(datePicker).getYears(), (year) => {
+					return openBlock(), createElementBlock("option", {
+						key: year.value,
+						value: year.value
+					}, toDisplayString(year.label), 9, _hoisted_1);
+				}), 128))]),
+				_: 1
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/date-picker.ts
+var date_picker_exports = /* @__PURE__ */ __exportAll({
+	ClearTrigger: () => _sfc_main,
+	Content: () => _sfc_main$1,
+	Context: () => _sfc_main$2,
+	Control: () => _sfc_main$3,
+	Input: () => _sfc_main$4,
+	Label: () => _sfc_main$5,
+	MonthSelect: () => _sfc_main$6,
+	NextTrigger: () => _sfc_main$7,
+	Positioner: () => _sfc_main$8,
+	PresetTrigger: () => _sfc_main$9,
+	PrevTrigger: () => _sfc_main$10,
+	RangeText: () => _sfc_main$11,
+	Root: () => _sfc_main$12,
+	RootProvider: () => _sfc_main$13,
+	Table: () => _sfc_main$14,
+	TableBody: () => _sfc_main$15,
+	TableCell: () => _sfc_main$16,
+	TableCellTrigger: () => _sfc_main$17,
+	TableHead: () => _sfc_main$18,
+	TableHeader: () => _sfc_main$19,
+	TableRow: () => _sfc_main$20,
+	Trigger: () => _sfc_main$21,
+	ValueText: () => _sfc_main$22,
+	View: () => _sfc_main$23,
+	ViewControl: () => _sfc_main$24,
+	ViewTrigger: () => _sfc_main$25,
+	WeekNumberCell: () => _sfc_main$26,
+	WeekNumberHeaderCell: () => _sfc_main$27,
+	YearSelect: () => _sfc_main$28
+});
+//#endregion
+export { date_picker_exports as DatePicker, _sfc_main as DatePickerClearTrigger, _sfc_main$1 as DatePickerContent, _sfc_main$2 as DatePickerContext, _sfc_main$3 as DatePickerControl, _sfc_main$4 as DatePickerInput, _sfc_main$5 as DatePickerLabel, _sfc_main$6 as DatePickerMonthSelect, _sfc_main$7 as DatePickerNextTrigger, _sfc_main$8 as DatePickerPositioner, _sfc_main$9 as DatePickerPresetTrigger, _sfc_main$10 as DatePickerPrevTrigger, _sfc_main$11 as DatePickerRangeText, _sfc_main$12 as DatePickerRoot, _sfc_main$13 as DatePickerRootProvider, _sfc_main$14 as DatePickerTable, _sfc_main$15 as DatePickerTableBody, _sfc_main$16 as DatePickerTableCell, _sfc_main$17 as DatePickerTableCellTrigger, _sfc_main$18 as DatePickerTableHead, _sfc_main$19 as DatePickerTableHeader, _sfc_main$20 as DatePickerTableRow, _sfc_main$21 as DatePickerTrigger, _sfc_main$22 as DatePickerValueText, _sfc_main$23 as DatePickerView, _sfc_main$24 as DatePickerViewControl, _sfc_main$25 as DatePickerViewTrigger, _sfc_main$26 as DatePickerWeekNumberCell, _sfc_main$27 as DatePickerWeekNumberHeaderCell, _sfc_main$28 as DatePickerYearSelect, datePickerAnatomy, parseDate, useDatePicker, useDatePickerContext };