@wirekyt/vue 0.0.1 → 0.0.3

package/dist/date-picker.cjs

@@ -0,0 +1,821 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+const require_presence = require("./presence-DD3l4Tgb.cjs");
+const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");
+let vue = require("vue");
+let _wirekyt_dom_utils = require("@wirekyt/dom/utils");
+let _wirekyt_dom_machines_date_picker = require("@wirekyt/dom/machines/date-picker");
+_wirekyt_dom_machines_date_picker = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_date_picker, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/date-picker/use-context.ts
+const [DatePickerProvider, useDatePickerContext] = require_utils.createContext("DatePickerContext");
+//#endregion
+//#region src/components/date-picker/clear-trigger.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "clear-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(datePicker).getClearTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/content.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const presence = require_presence.usePresenceContext();
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(datePicker.value.getContentProps(), presence.value.presenceProps));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/context.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(datePicker))));
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/control.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(datePicker).getControlProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/input.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "input",
+	props: {
+		index: {},
+		fixOnBlur: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).input, (0, vue.mergeProps)((0, vue.unref)(datePicker).getInputProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/label.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).label, (0, vue.mergeProps)((0, vue.unref)(datePicker).getLabelProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.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__*/ (0, vue.defineComponent)({
+	__name: "month-select",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).select, (0, vue.mergeProps)((0, vue.unref)(datePicker).getMonthSelectProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(datePicker).getMonths(), (month) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
+						key: month.value,
+						value: month.value
+					}, (0, vue.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] = require_utils.createContext("DatePickerViewPropsContext");
+//#endregion
+//#region src/components/date-picker/next-trigger.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "next-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(datePicker).getNextTriggerProps((0, vue.unref)(viewProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/positioner.vue
+const _sfc_main$8 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const presence = require_presence.usePresenceContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(datePicker).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/preset-trigger.vue
+const _sfc_main$9 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "preset-trigger",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(datePicker).getPresetTriggerProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/prev-trigger.vue
+const _sfc_main$10 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "prev-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(datePicker).getPrevTriggerProps((0, vue.unref)(viewProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/range-text.vue
+const _sfc_main$11 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "range-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const visibleRangeText = (0, vue.computed)(() => {
+			const { start, end } = datePicker.value.visibleRangeText;
+			return (0, _wirekyt_dom_utils.uniq)([start, end]).filter(Boolean).join(" - ");
+		});
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(datePicker).getRangeTextProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(visibleRangeText.value), 1)]),
+				_: 1
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/anatomy.ts
+const datePickerAnatomy = _wirekyt_dom_machines_date_picker.anatomy.extendWith("view", "valueText");
+//#endregion
+//#region src/components/date-picker/value-text.vue
+const _sfc_main$22 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "value-text",
+	props: {
+		placeholder: {},
+		separator: { default: ", " },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		const hasValue = (0, vue.computed)(() => datePicker.value.value.length > 0);
+		const displayValue = (0, vue.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));
+			}
+		});
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return _ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [hasValue.value ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)((0, vue.unref)(datePicker).value, (value, index) => {
+				return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.mergeProps)({ ref_for: true }, getRenderProps(value, index)), void 0, void 0, index);
+			}), 128)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.placeholder), 1)], 64))], 64)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).span, (0, vue.mergeProps)({ key: 1 }, (0, vue.unref)(datePickerAnatomy).build().valueText.attrs, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(displayValue.value), 1)]),
+				_: 1
+			}, 16, ["as-child"]));
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/root-provider.vue
+const _sfc_main$13 = /*@__PURE__*/ (0, vue.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 = (0, vue.computed)(() => props.value);
+		const presence = require_use_presence.usePresence((0, vue.computed)(() => ({
+			present: datePicker.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		DatePickerProvider(datePicker);
+		require_presence.PresenceProvider(presence);
+		require_utils.RenderStrategyPropsProvider((0, vue.computed)(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(datePicker.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/use-date-picker.ts
+const useDatePicker = (props = {}, emit) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const context = (0, vue.computed)(() => {
+		const localeProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			locale: locale.value.locale,
+			value: localeProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.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 = require_utils.useMachine(_wirekyt_dom_machines_date_picker.machine, context);
+	return (0, vue.computed)(() => _wirekyt_dom_machines_date_picker.connect(service, require_utils.normalizeProps));
+};
+//#endregion
+//#region src/components/date-picker/root.vue
+const _sfc_main$12 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.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 = require_use_presence.usePresence((0, vue.computed)(() => ({
+			present: datePicker.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		DatePickerProvider(datePicker);
+		require_presence.PresenceProvider(presence);
+		require_utils.RenderStrategyPropsProvider((0, vue.computed)(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(datePicker).getRootProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/use-table-props-context.ts
+const [DatePickerTablePropsProvider, useDatePickerTablePropsContext] = require_utils.createContext("DatePickerTablePropsContext");
+//#endregion
+//#region src/components/date-picker/table-body.vue
+const _sfc_main$15 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "table-body",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).tbody, (0, vue.mergeProps)((0, vue.unref)(datePicker).getTableBodyProps((0, vue.unref)(tableProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/use-table-cell-props-context.ts
+const [DatePickerTableCellPropsProvider, useDatePickerTableCellPropsContext] = require_utils.createContext("DatePickerTableCellPropsContext");
+//#endregion
+//#region src/components/date-picker/table-cell-trigger.vue
+const _sfc_main$17 = /*@__PURE__*/ (0, vue.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 = (0, vue.computed)(() => {
+			const viewFn = {
+				day: datePicker.value.getDayTableCellTriggerProps,
+				month: datePicker.value.getMonthTableCellTriggerProps,
+				year: datePicker.value.getYearTableCellTriggerProps
+			}[viewProps.view];
+			return viewFn(cellProps);
+		});
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)(triggerProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table-cell.vue
+const _sfc_main$16 = /*@__PURE__*/ (0, vue.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 = (0, vue.computed)(() => {
+			return {
+				day: datePicker.value.getDayTableCellProps,
+				month: datePicker.value.getMonthTableCellProps,
+				year: datePicker.value.getYearTableCellProps
+			}[viewProps.view ?? "day"](props);
+		});
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).td, (0, vue.mergeProps)(tableCellProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table-head.vue
+const _sfc_main$18 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "table-head",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).thead, (0, vue.mergeProps)((0, vue.unref)(datePicker).getTableHeadProps((0, vue.unref)(tableProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table-header.vue
+const _sfc_main$19 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "table-header",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).th, (0, vue.mergeProps)((0, vue.unref)(datePicker).getTableHeaderProps((0, vue.unref)(tableProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table-row.vue
+const _sfc_main$20 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "table-row",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).tr, (0, vue.mergeProps)((0, vue.unref)(datePicker).getTableRowProps((0, vue.unref)(tableProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/table.vue
+const _sfc_main$14 = /*@__PURE__*/ (0, vue.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 = (0, vue.useId)();
+		const tableProps = (0, vue.computed)(() => ({
+			...props,
+			id: props.id ?? uid,
+			...viewProps
+		}));
+		DatePickerTablePropsProvider(tableProps);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).table, (0, vue.mergeProps)((0, vue.unref)(datePicker).getTableProps(tableProps.value), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/trigger.vue
+const _sfc_main$21 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(datePicker).getTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/view-control.vue
+const _sfc_main$24 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "view-control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(datePicker).getViewControlProps((0, vue.unref)(viewProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/view-trigger.vue
+const _sfc_main$25 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "view-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext(DEFAULT_VIEW_PROPS_CONTEXT);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(datePicker).getViewTriggerProps((0, vue.unref)(viewProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/view.vue
+const _sfc_main$23 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "view",
+	props: {
+		view: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		DatePickerViewPropsProvider(props);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(datePickerAnatomy).build().view.attrs, {
+				hidden: (0, vue.unref)(datePicker).view !== __props.view,
+				"as-child": __props.asChild
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.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__*/ (0, vue.defineComponent)({
+	__name: "week-number-header-cell",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).th, (0, vue.mergeProps)((0, vue.unref)(datePicker).getWeekNumberHeaderCellProps((0, vue.unref)(tableProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/date-picker/week-number-cell.vue
+const _sfc_main$26 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "week-number-cell",
+	props: {
+		weekIndex: {},
+		week: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).td, (0, vue.mergeProps)((0, vue.unref)(datePicker).getWeekNumberCellProps({
+				weekIndex: props.weekIndex,
+				week: props.week
+			}), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.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__*/ (0, vue.defineComponent)({
+	__name: "year-select",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).select, (0, vue.mergeProps)((0, vue.unref)(datePicker).getYearSelectProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(datePicker).getYears(), (year) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
+						key: year.value,
+						value: year.value
+					}, (0, vue.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__ */ require_rolldown_runtime.__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
+Object.defineProperty(exports, "DatePicker", {
+	enumerable: true,
+	get: function() {
+		return date_picker_exports;
+	}
+});
+exports.DatePickerClearTrigger = _sfc_main;
+exports.DatePickerContent = _sfc_main$1;
+exports.DatePickerContext = _sfc_main$2;
+exports.DatePickerControl = _sfc_main$3;
+exports.DatePickerInput = _sfc_main$4;
+exports.DatePickerLabel = _sfc_main$5;
+exports.DatePickerMonthSelect = _sfc_main$6;
+exports.DatePickerNextTrigger = _sfc_main$7;
+exports.DatePickerPositioner = _sfc_main$8;
+exports.DatePickerPresetTrigger = _sfc_main$9;
+exports.DatePickerPrevTrigger = _sfc_main$10;
+exports.DatePickerRangeText = _sfc_main$11;
+exports.DatePickerRoot = _sfc_main$12;
+exports.DatePickerRootProvider = _sfc_main$13;
+exports.DatePickerTable = _sfc_main$14;
+exports.DatePickerTableBody = _sfc_main$15;
+exports.DatePickerTableCell = _sfc_main$16;
+exports.DatePickerTableCellTrigger = _sfc_main$17;
+exports.DatePickerTableHead = _sfc_main$18;
+exports.DatePickerTableHeader = _sfc_main$19;
+exports.DatePickerTableRow = _sfc_main$20;
+exports.DatePickerTrigger = _sfc_main$21;
+exports.DatePickerValueText = _sfc_main$22;
+exports.DatePickerView = _sfc_main$23;
+exports.DatePickerViewControl = _sfc_main$24;
+exports.DatePickerViewTrigger = _sfc_main$25;
+exports.DatePickerWeekNumberCell = _sfc_main$26;
+exports.DatePickerWeekNumberHeaderCell = _sfc_main$27;
+exports.DatePickerYearSelect = _sfc_main$28;
+exports.datePickerAnatomy = datePickerAnatomy;
+Object.defineProperty(exports, "parseDate", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_date_picker.parse;
+	}
+});
+exports.useDatePicker = useDatePicker;
+exports.useDatePickerContext = useDatePickerContext;