@sprawlify/vue 0.0.66 → 0.0.70

package/dist/components/date-picker/index.js

@@ -0,0 +1,1111 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1, t as mergeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
+import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-DMa_QmB6.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-BK6rPXK7.js";
+import { uniq } from "@sprawlify/primitives/utils";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderList, renderSlot, toDisplayString, toValue, unref, useId, withCtx } from "vue";
+import * as datePicker from "@sprawlify/primitives/machines/date-picker";
+import { anatomy, parse as parseDate } from "@sprawlify/primitives/machines/date-picker";
+
+//#region src/components/date-picker/use-date-picker-context.ts
+const [DatePickerProvider, useDatePickerContext] = createContext("DatePickerContext");
+
+//#endregion
+//#region src/components/date-picker/date-picker-clear-trigger.vue?vue&type=script&setup=true&lang.ts
+var date_picker_clear_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-clear-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-clear-trigger.vue
+var date_picker_clear_trigger_default = date_picker_clear_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-content.vue?vue&type=script&setup=true&lang.ts
+var date_picker_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-content",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	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(sprawlify).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/date-picker-content.vue
+var date_picker_content_default = date_picker_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-context.vue?vue&type=script&setup=true&lang.ts
+var date_picker_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-context",
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(datePicker))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/date-picker/date-picker-context.vue
+var date_picker_context_default = date_picker_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-control.vue?vue&type=script&setup=true&lang.ts
+var date_picker_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-control.vue
+var date_picker_control_default = date_picker_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-input.vue?vue&type=script&setup=true&lang.ts
+var date_picker_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-input",
+	props: {
+		index: {
+			type: null,
+			required: false
+		},
+		fixOnBlur: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-input.vue
+var date_picker_input_default = date_picker_input_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-label.vue?vue&type=script&setup=true&lang.ts
+var date_picker_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-label.vue
+var date_picker_label_default = date_picker_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-month-select.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = ["value"];
+var date_picker_month_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-month-select",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-month-select.vue
+var date_picker_month_select_default = date_picker_month_select_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/use-date-picker-view-props-context.ts
+const [DatePickerViewPropsProvider, useDatePickerViewPropsContext] = createContext("DatePickerViewPropsContext");
+
+//#endregion
+//#region src/components/date-picker/date-picker-next-trigger.vue?vue&type=script&setup=true&lang.ts
+var date_picker_next_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-next-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-next-trigger.vue
+var date_picker_next_trigger_default = date_picker_next_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-positioner.vue?vue&type=script&setup=true&lang.ts
+var date_picker_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-positioner",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).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/date-picker-positioner.vue
+var date_picker_positioner_default = date_picker_positioner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-preset-trigger.vue?vue&type=script&setup=true&lang.ts
+var date_picker_preset_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-preset-trigger",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-preset-trigger.vue
+var date_picker_preset_trigger_default = date_picker_preset_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-prev-trigger.vue?vue&type=script&setup=true&lang.ts
+var date_picker_prev_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-prev-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-prev-trigger.vue
+var date_picker_prev_trigger_default = date_picker_prev_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-range-text.vue?vue&type=script&setup=true&lang.ts
+var date_picker_range_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-range-text",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	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(sprawlify).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/date-picker-range-text.vue
+var date_picker_range_text_default = date_picker_range_text_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-anatomy.ts
+const datePickerAnatomy = anatomy.extendWith("view", "valueText");
+
+//#endregion
+//#region src/components/date-picker/date-picker-value-text.vue?vue&type=script&setup=true&lang.ts
+var date_picker_value_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-value-text",
+	props: {
+		placeholder: {
+			type: null,
+			required: false
+		},
+		separator: {
+			type: null,
+			required: false,
+			default: ", "
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	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({
+					key: index,
+					ref_for: true
+				}, getRenderProps(value, index)));
+			}), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.placeholder), 1)], 64))], 64)) : (openBlock(), createBlock(unref(sprawlify).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/date-picker-value-text.vue
+var date_picker_value_text_default = date_picker_value_text_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-root-provider.vue?vue&type=script&setup=true&lang.ts
+var date_picker_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	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(sprawlify).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/date-picker-root-provider.vue
+var date_picker_root_provider_default = date_picker_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#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/date-picker-root.vue?vue&type=script&setup=true&lang.ts
+var date_picker_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		closeOnSelect: {
+			type: Boolean,
+			required: false
+		},
+		defaultFocusedValue: {
+			type: null,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		defaultValue: {
+			type: Array,
+			required: false
+		},
+		defaultView: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		fixedWeeks: {
+			type: Boolean,
+			required: false
+		},
+		focusedValue: {
+			type: null,
+			required: false
+		},
+		format: {
+			type: Function,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		isDateUnavailable: {
+			type: Function,
+			required: false
+		},
+		locale: {
+			type: String,
+			required: false
+		},
+		max: {
+			type: null,
+			required: false
+		},
+		maxView: {
+			type: null,
+			required: false
+		},
+		min: {
+			type: null,
+			required: false
+		},
+		minView: {
+			type: null,
+			required: false
+		},
+		modelValue: {
+			type: Array,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		numOfMonths: {
+			type: Number,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false
+		},
+		outsideDaySelectable: {
+			type: Boolean,
+			required: false
+		},
+		parse: {
+			type: Function,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		positioning: {
+			type: null,
+			required: false
+		},
+		readOnly: {
+			type: Boolean,
+			required: false
+		},
+		selectionMode: {
+			type: null,
+			required: false
+		},
+		startOfWeek: {
+			type: Number,
+			required: false
+		},
+		timeZone: {
+			type: String,
+			required: false
+		},
+		translations: {
+			type: null,
+			required: false
+		},
+		view: {
+			type: null,
+			required: false
+		},
+		inline: {
+			type: Boolean,
+			required: false
+		},
+		invalid: {
+			type: Boolean,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		closeOnSelect: void 0,
+		defaultOpen: void 0,
+		disabled: void 0,
+		fixedWeeks: void 0,
+		inline: void 0,
+		invalid: void 0,
+		open: void 0,
+		outsideDaySelectable: void 0,
+		readOnly: void 0,
+		required: 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(sprawlify).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/date-picker-root.vue
+var date_picker_root_default = date_picker_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/use-date-picker-table-props-context.ts
+const [DatePickerTablePropsProvider, useDatePickerTablePropsContext] = createContext("DatePickerTablePropsContext");
+
+//#endregion
+//#region src/components/date-picker/date-picker-table-body.vue?vue&type=script&setup=true&lang.ts
+var date_picker_table_body_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-table-body",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-table-body.vue
+var date_picker_table_body_default = date_picker_table_body_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/use-date-picker-table-cell-props-context.ts
+const [DatePickerTableCellPropsProvider, useDatePickerTableCellPropsContext] = createContext("DatePickerTableCellPropsContext");
+
+//#endregion
+//#region src/components/date-picker/date-picker-table-cell-trigger.vue?vue&type=script&setup=true&lang.ts
+var date_picker_table_cell_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-table-cell-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const cellProps = useDatePickerTableCellPropsContext();
+		const viewProps = useDatePickerViewPropsContext();
+		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(sprawlify).div, mergeProps(triggerProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/date-picker/date-picker-table-cell-trigger.vue
+var date_picker_table_cell_trigger_default = date_picker_table_cell_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-table-cell.vue?vue&type=script&setup=true&lang.ts
+var date_picker_table_cell_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-table-cell",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		columns: {
+			type: null,
+			required: false
+		},
+		visibleRange: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext();
+		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(sprawlify).td, mergeProps(tableCellProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/date-picker/date-picker-table-cell.vue
+var date_picker_table_cell_default = date_picker_table_cell_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-table-head.vue?vue&type=script&setup=true&lang.ts
+var date_picker_table_head_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-table-head",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-table-head.vue
+var date_picker_table_head_default = date_picker_table_head_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-table-header.vue?vue&type=script&setup=true&lang.ts
+var date_picker_table_header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-table-header",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-table-header.vue
+var date_picker_table_header_default = date_picker_table_header_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-table-row.vue?vue&type=script&setup=true&lang.ts
+var date_picker_table_row_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-table-row",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const tableProps = useDatePickerTablePropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-table-row.vue
+var date_picker_table_row_default = date_picker_table_row_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-table.vue?vue&type=script&setup=true&lang.ts
+var date_picker_table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-table",
+	props: {
+		view: {
+			type: null,
+			required: false
+		},
+		columns: {
+			type: null,
+			required: false
+		},
+		id: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext();
+		const uid = useId();
+		const id = props.id ?? uid;
+		DatePickerTablePropsProvider({
+			...props,
+			id,
+			...viewProps
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).table, mergeProps(unref(datePicker).getTableProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/date-picker/date-picker-table.vue
+var date_picker_table_default = date_picker_table_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-trigger.vue?vue&type=script&setup=true&lang.ts
+var date_picker_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-trigger.vue
+var date_picker_trigger_default = date_picker_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-view-control.vue?vue&type=script&setup=true&lang.ts
+var date_picker_view_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-view-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-view-control.vue
+var date_picker_view_control_default = date_picker_view_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-view-trigger.vue?vue&type=script&setup=true&lang.ts
+var date_picker_view_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-view-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		const viewProps = useDatePickerViewPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-view-trigger.vue
+var date_picker_view_trigger_default = date_picker_view_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-view.vue?vue&type=script&setup=true&lang.ts
+var date_picker_view_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-view",
+	props: {
+		view: {
+			type: String,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const datePicker = useDatePickerContext();
+		DatePickerViewPropsProvider(props);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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/date-picker-view.vue
+var date_picker_view_default = date_picker_view_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker-year-select.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["value"];
+var date_picker_year_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "date-picker-year-select",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const datePicker = useDatePickerContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).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-year-select.vue
+var date_picker_year_select_default = date_picker_year_select_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/date-picker/date-picker.ts
+var date_picker_exports = /* @__PURE__ */ __exportAll({
+	ClearTrigger: () => date_picker_clear_trigger_default,
+	Content: () => date_picker_content_default,
+	Context: () => date_picker_context_default,
+	Control: () => date_picker_control_default,
+	Input: () => date_picker_input_default,
+	Label: () => date_picker_label_default,
+	MonthSelect: () => date_picker_month_select_default,
+	NextTrigger: () => date_picker_next_trigger_default,
+	Positioner: () => date_picker_positioner_default,
+	PresetTrigger: () => date_picker_preset_trigger_default,
+	PrevTrigger: () => date_picker_prev_trigger_default,
+	RangeText: () => date_picker_range_text_default,
+	Root: () => date_picker_root_default,
+	RootProvider: () => date_picker_root_provider_default,
+	Table: () => date_picker_table_default,
+	TableBody: () => date_picker_table_body_default,
+	TableCell: () => date_picker_table_cell_default,
+	TableCellTrigger: () => date_picker_table_cell_trigger_default,
+	TableHead: () => date_picker_table_head_default,
+	TableHeader: () => date_picker_table_header_default,
+	TableRow: () => date_picker_table_row_default,
+	Trigger: () => date_picker_trigger_default,
+	ValueText: () => date_picker_value_text_default,
+	View: () => date_picker_view_default,
+	ViewControl: () => date_picker_view_control_default,
+	ViewTrigger: () => date_picker_view_trigger_default,
+	YearSelect: () => date_picker_year_select_default
+});
+
+//#endregion
+export { date_picker_exports as DatePicker, date_picker_clear_trigger_default as DatePickerClearTrigger, date_picker_content_default as DatePickerContent, date_picker_context_default as DatePickerContext, date_picker_control_default as DatePickerControl, date_picker_input_default as DatePickerInput, date_picker_label_default as DatePickerLabel, date_picker_month_select_default as DatePickerMonthSelect, date_picker_next_trigger_default as DatePickerNextTrigger, date_picker_positioner_default as DatePickerPositioner, date_picker_preset_trigger_default as DatePickerPresetTrigger, date_picker_prev_trigger_default as DatePickerPrevTrigger, date_picker_range_text_default as DatePickerRangeText, date_picker_root_default as DatePickerRoot, date_picker_root_provider_default as DatePickerRootProvider, date_picker_table_default as DatePickerTable, date_picker_table_body_default as DatePickerTableBody, date_picker_table_cell_default as DatePickerTableCell, date_picker_table_cell_trigger_default as DatePickerTableCellTrigger, date_picker_table_head_default as DatePickerTableHead, date_picker_table_header_default as DatePickerTableHeader, date_picker_table_row_default as DatePickerTableRow, date_picker_trigger_default as DatePickerTrigger, date_picker_value_text_default as DatePickerValueText, date_picker_view_default as DatePickerView, date_picker_view_control_default as DatePickerViewControl, date_picker_view_trigger_default as DatePickerViewTrigger, date_picker_year_select_default as DatePickerYearSelect, datePickerAnatomy, parseDate, useDatePicker, useDatePickerContext };