savor-ui 0.0.1

package/dist/es/components/src/date-picker/day-view.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,134 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/arrows-left.vue.mjs";
+import n from "../../../icons/src/arrows-right.vue.mjs";
+import r from "../../../icons/src/left.vue.mjs";
+import i from "../../../icons/src/right.vue.mjs";
+import "../../../icons/index.mjs";
+import { getDayRows as a, handleDateNavigation as o } from "./_utils.mjs";
+import { Fragment as s, computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeModels as p, normalizeClass as m, openBlock as h, renderList as g, toDisplayString as _, unref as v, useModel as y, withModifiers as b } from "vue";
+import x from "dayjs";
+//#region ../components/src/date-picker/day-view.vue?vue&type=script&setup=true&lang.ts
+var S = ["onClick", "onMouseenter"], C = /* @__PURE__ */ f({
+	__name: "day-view",
+	props: /* @__PURE__ */ p({
+		valueFormat: { default: "YYYY-MM-DD" },
+		rangeValue: { default: () => ["", ""] },
+		hoverValue: { default: "" },
+		weekStartDay: { default: 0 },
+		getValueClasses: {
+			type: Function,
+			default: () => []
+		},
+		getItemClasses: {
+			type: Function,
+			default: () => []
+		},
+		onPrevYear: {},
+		onNextYear: {},
+		onPrevMonth: {},
+		onNextMonth: {},
+		showPrevYearArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showNextYearArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showPrevMonthArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showNextMonthArrow: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: { default: () => x() },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ p([
+		"select",
+		"to-month-view",
+		"hover"
+	], ["update:modelValue"]),
+	setup(f, { emit: p }) {
+		let C = e("date-picker"), w = f, T = p, E = y(f, "modelValue"), D = c(() => x().format(w.valueFormat)), O = c(() => a(E.value, w.valueFormat, w.weekStartDay)), k = c(() => O.value.weekDays), A = c(() => O.value.rows), j = () => {
+			E.value = o(E.value, "prev", "year", w.onPrevYear);
+		}, M = () => {
+			E.value = o(E.value, "next", "year", w.onNextYear);
+		}, N = () => {
+			E.value = o(E.value, "prev", "month", w.onPrevMonth);
+		}, P = () => {
+			E.value = o(E.value, "next", "month", w.onNextMonth);
+		}, F = (e) => {
+			T("select", e);
+		}, I = () => {
+			T("to-month-view");
+		}, L = (e) => {
+			T("hover", e);
+		}, R = (e) => {
+			T("hover", e);
+		};
+		return (e, a) => (h(), l("div", { class: m([v(C).e("panel-wrapper")]) }, [u("div", { class: m([v(C).e("panel-header")]) }, [
+			f.showPrevYearArrow ? (h(), l("div", {
+				key: 0,
+				class: m([v(C).e("panel-header-btn")]),
+				onClick: b(j, ["stop"])
+			}, [d(v(t))], 2)) : (h(), l("div", {
+				key: 1,
+				class: m([v(C).e("panel-header-btn-hidden")])
+			}, null, 2)),
+			f.showPrevMonthArrow ? (h(), l("div", {
+				key: 2,
+				class: m([v(C).e("panel-header-btn")]),
+				onClick: b(N, ["stop"])
+			}, [d(v(r))], 2)) : (h(), l("div", {
+				key: 3,
+				class: m([v(C).e("panel-header-btn-hidden")])
+			}, null, 2)),
+			u("div", { class: m([v(C).e("panel-header-center")]) }, [u("div", {
+				class: m([v(C).e("panel-header-center-btn")]),
+				onClick: b(I, ["stop"])
+			}, _(E.value?.format("YYYY-MM") || ""), 3)], 2),
+			f.showNextMonthArrow ? (h(), l("div", {
+				key: 4,
+				class: m([v(C).e("panel-header-btn")]),
+				onClick: b(P, ["stop"])
+			}, [d(v(i))], 2)) : (h(), l("div", {
+				key: 5,
+				class: m([v(C).e("panel-header-btn-hidden")])
+			}, null, 2)),
+			f.showNextYearArrow ? (h(), l("div", {
+				key: 6,
+				class: m([v(C).e("panel-header-btn")]),
+				onClick: b(M, ["stop"])
+			}, [d(v(n))], 2)) : (h(), l("div", {
+				key: 7,
+				class: m([v(C).e("panel-header-btn-hidden")])
+			}, null, 2))
+		], 2), u("div", { class: m([v(C).e("panel-main")]) }, [u("div", { class: m([v(C).e("panel-week-list")]) }, [(h(!0), l(s, null, g(k.value, (e) => (h(), l("div", {
+			key: e,
+			class: m([v(C).e("panel-week-item")])
+		}, _(e), 3))), 128))], 2), u("div", {
+			class: m([v(C).e("panel-list")]),
+			onMouseleave: a[0] ||= (e) => R?.(null)
+		}, [(h(!0), l(s, null, g(A.value, (e, t) => (h(), l("div", {
+			key: t,
+			class: m([v(C).e("panel-day-row")])
+		}, [(h(!0), l(s, null, g(e, (e, t) => (h(), l("div", {
+			key: t,
+			class: m([
+				v(C).e("panel-item"),
+				v(C).is("secondary", e.type === "next" || e.type === "prev"),
+				v(C).is("today", e.text === D.value),
+				...f.getItemClasses(e.text)
+			]),
+			onClick: (t) => F(e.text),
+			onMouseenter: (t) => L?.(e.text)
+		}, [u("div", { class: m([v(C).e("panel-value"), ...f.getValueClasses(e.text)]) }, _(v(x)(e.text).format("D")), 3)], 42, S))), 128))], 2))), 128))], 34)], 2)], 2));
+	}
+});
+//#endregion
+export { C as default };

package/dist/es/components/src/date-picker/index.d.ts

@@ -0,0 +1,57 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { DatePickerProps } from './types';
+export declare const SDatePicker: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DatePickerProps & {
+        modelValue?: string | [string, string];
+    }> & Readonly<{
+        onClear?: ((e: Event) => any) | undefined;
+        onChange?: ((value: string | [string, string]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        clear: (e: Event) => any;
+        change: (value: string | [string, string]) => any;
+        "update:modelValue": (value: string | [string, string]) => any;
+    }, PublicProps, {
+        size: "mini" | "small" | "medium" | "large";
+        type: "date" | "daterange" | "month" | "monthrange" | "year" | "yearrange" | "week" | "weekrange";
+        textMode: boolean;
+        textSeparator: string;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DatePickerProps & {
+        modelValue?: string | [string, string];
+    }> & Readonly<{
+        onClear?: ((e: Event) => any) | undefined;
+        onChange?: ((value: string | [string, string]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: "mini" | "small" | "medium" | "large";
+        type: "date" | "daterange" | "month" | "monthrange" | "year" | "yearrange" | "week" | "weekrange";
+        textMode: boolean;
+        textSeparator: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DatePickerProps & {
+    modelValue?: string | [string, string];
+}> & Readonly<{
+    onClear?: ((e: Event) => any) | undefined;
+    onChange?: ((value: string | [string, string]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: (e: Event) => any;
+    change: (value: string | [string, string]) => any;
+    "update:modelValue": (value: string | [string, string]) => any;
+}, string, {
+    size: "mini" | "small" | "medium" | "large";
+    type: "date" | "daterange" | "month" | "monthrange" | "year" | "yearrange" | "week" | "weekrange";
+    textMode: boolean;
+    textSeparator: string;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+export * from './types';

package/dist/es/components/src/date-picker/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./date-picker.vue.mjs";
+//#region ../components/src/date-picker/index.ts
+var n = e(t);
+//#endregion
+export { n as SDatePicker };

package/dist/es/components/src/date-picker/month-view.d.ts

@@ -0,0 +1,40 @@
+import { default as dayjs } from 'dayjs';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    valueFormat?: string;
+    rangeValue?: [string, string];
+    hoverValue?: string;
+    getValueClasses?: (month: string) => string[];
+    getItemClasses?: (month: string) => string[];
+    onPrev?: (newDate: dayjs.Dayjs) => boolean;
+    onNext?: (newDate: dayjs.Dayjs) => boolean;
+    showPrevArrow?: boolean;
+    showNextArrow?: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: dayjs.Dayjs;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: dayjs.Dayjs) => any;
+} & {
+    select: (value: string) => any;
+    hover: (value: string | null) => any;
+    "to-year-view": () => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+    onHover?: ((value: string | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: dayjs.Dayjs) => any) | undefined;
+    "onTo-year-view"?: (() => any) | undefined;
+}>, {
+    valueFormat: string;
+    rangeValue: [string, string];
+    hoverValue: string;
+    getValueClasses: (month: string) => string[];
+    getItemClasses: (month: string) => string[];
+    showPrevArrow: boolean;
+    showNextArrow: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/month-view.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./month-view.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/month-view.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/date-picker/month-view.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,93 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/arrows-left.vue.mjs";
+import n from "../../../icons/src/arrows-right.vue.mjs";
+import "../../../icons/index.mjs";
+import { getMonthRows as r, handleDateNavigation as i } from "./_utils.mjs";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, renderList as m, toDisplayString as h, unref as g, useModel as _, withModifiers as v } from "vue";
+import y from "dayjs";
+//#region ../components/src/date-picker/month-view.vue?vue&type=script&setup=true&lang.ts
+var b = ["onClick", "onMouseenter"], x = /* @__PURE__ */ u({
+	__name: "month-view",
+	props: /* @__PURE__ */ d({
+		valueFormat: { default: "YYYY-MM" },
+		rangeValue: { default: () => ["", ""] },
+		hoverValue: { default: "" },
+		getValueClasses: {
+			type: Function,
+			default: () => []
+		},
+		getItemClasses: {
+			type: Function,
+			default: () => []
+		},
+		onPrev: {},
+		onNext: {},
+		showPrevArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showNextArrow: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: { default: () => y() },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ d([
+		"select",
+		"to-year-view",
+		"hover"
+	], ["update:modelValue"]),
+	setup(u, { emit: d }) {
+		let x = e("date-picker"), S = y().format("YYYY-MM"), C = u, w = d, T = _(u, "modelValue"), E = o(() => r(T.value, C.valueFormat)), D = () => {
+			T.value = i(T.value, "prev", "year", C.onPrev);
+		}, O = () => {
+			T.value = i(T.value, "next", "year", C.onNext);
+		}, k = (e) => {
+			w("select", e);
+		}, A = () => {
+			w("to-year-view");
+		}, j = (e) => {
+			w("hover", e);
+		}, M = (e) => {
+			w("hover", e);
+		};
+		return (e, r) => (p(), s("div", { class: f([g(x).e("panel-wrapper")]) }, [c("div", { class: f([g(x).e("panel-header")]) }, [
+			u.showPrevArrow ? (p(), s("div", {
+				key: 0,
+				class: f([g(x).e("panel-header-btn")]),
+				onClick: v(D, ["stop"])
+			}, [l(g(t))], 2)) : (p(), s("div", {
+				key: 1,
+				class: f([g(x).e("panel-header-btn-hidden")])
+			}, null, 2)),
+			c("div", { class: f([g(x).e("panel-header-center")]) }, [c("div", {
+				class: f([g(x).e("panel-header-center-btn")]),
+				onClick: v(A, ["stop"])
+			}, h(T.value?.format("YYYY") || ""), 3)], 2),
+			u.showNextArrow ? (p(), s("div", {
+				key: 2,
+				class: f([g(x).e("panel-header-btn")]),
+				onClick: v(O, ["stop"])
+			}, [l(g(n))], 2)) : (p(), s("div", {
+				key: 3,
+				class: f([g(x).e("panel-header-btn-hidden")])
+			}, null, 2))
+		], 2), c("div", {
+			class: f([g(x).e("panel-list")]),
+			onMouseleave: r[0] ||= (e) => M?.(null)
+		}, [(p(!0), s(a, null, m(E.value, (e) => (p(), s("div", { class: f([g(x).e("panel-month-row")]) }, [(p(!0), s(a, null, m(e, (e) => (p(), s("div", {
+			class: f([
+				g(x).e("panel-item"),
+				g(x).is("today", e === g(S)),
+				...u.getItemClasses(e)
+			]),
+			onClick: v((t) => k(e), ["stop"]),
+			onMouseenter: (t) => j?.(e)
+		}, [c("div", { class: f([g(x).e("panel-value"), ...u.getValueClasses(e)]) }, h(g(y)(e).format("M")) + "月 ", 3)], 42, b))), 256))], 2))), 256))], 34)], 2));
+	}
+});
+//#endregion
+export { x as default };

package/dist/es/components/src/date-picker/panel-day-range.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    format?: string;
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: [string, string];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: [string, string]) => any;
+    selected: (value: [string, string]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: [string, string]) => any) | undefined;
+    onSelected?: ((value: [string, string]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/panel-day-range.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-day-range.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/panel-day-range.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/date-picker/panel-day-range.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,147 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { handleRangeSelect as t, isInHoverRange as n, isInRange as r } from "./_utils.mjs";
+import i from "./day-view.vue.mjs";
+import a from "./month-view.vue.mjs";
+import o from "./year-view.vue.mjs";
+import { computed as s, createBlock as c, createElementBlock as ee, createElementVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, ref as m, unref as h, useModel as g, watch as _ } from "vue";
+import v from "dayjs";
+//#region ../components/src/date-picker/panel-day-range.vue?vue&type=script&setup=true&lang.ts
+var y = !0, b = !0, x = !0, te = !0, S = /* @__PURE__ */ u({
+	__name: "panel-day-range",
+	props: /* @__PURE__ */ d({
+		format: {},
+		valueFormat: { default: "YYYY-MM-DD" }
+	}, {
+		modelValue: { default: () => ["", ""] },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ d(["selected"], ["update:modelValue"]),
+	setup(u, { emit: d }) {
+		let S = e("date-picker"), C = d, w = g(u, "modelValue"), T = m(["", ""]), E = m(""), D = m(v()), O = m(v().add(1, "month")), k = s(() => D.value.add(1, "year").isBefore(O.value, "year")), A = s(() => D.value.add(1, "month").isBefore(O.value, "month")), j = s(() => D.value.add(1, "year").isBefore(O.value, "year")), M = s(() => D.value.add(1, "month").isBefore(O.value, "month")), N = m("day"), P = m("day"), F = m(v()), I = m(v()), L = (e) => [S.is("start", e === T.value[0]), S.is("end", e === T.value[1])], R = (e) => [
+			S.is("start", e === T.value[0]),
+			S.is("end", e === T.value[1]),
+			S.is("in-range", r(e, T.value)),
+			S.is("hover-in-range", n(e, T.value, E.value))
+		], z = () => [], B = () => [], V = (e) => !0, H = (e) => !e.isSame(O.value, "year"), U = (e) => !0, W = (e) => !e.isSame(O.value, "month"), G = (e) => !e.isSame(D.value, "year"), K = (e) => !0, q = (e) => !e.isSame(D.value.add(1, "month"), "month"), J = (e) => !0, Y = (e) => {
+			let n = v(e), r = D.value.startOf("month"), i = O.value.startOf("month"), a = n.startOf("month");
+			a.isBefore(i) ? D.value = a : a.isAfter(r) && (O.value = a);
+			let { newRange: o, shouldEmit: s } = t(e, T.value);
+			T.value = o, s && (w.value = o, C("selected", o));
+		}, X = (e) => {
+			E.value = e || "";
+		}, Z = () => {
+			F.value = v(D.value.year().toString()), N.value = "month";
+		}, Q = () => {
+			N.value = "year";
+		}, ne = (e) => {
+			F.value = v(`${e}-01-01`), N.value = "month";
+		}, re = (e) => {
+			D.value = v(e), O.value = v(e).add(1, "month"), N.value = "day";
+		}, ie = () => {
+			I.value = v(O.value.year().toString()), P.value = "month";
+		}, ae = () => {
+			P.value = "year";
+		}, oe = (e) => {
+			I.value = v(`${e}-01-01`), P.value = "month";
+		}, se = (e) => {
+			O.value = v(e), D.value = v(e).subtract(1, "month"), P.value = "day";
+		}, $ = !0;
+		return _(w, (e) => {
+			if (e && (e[0] !== T.value[0] || e[1] !== T.value[1]) && (T.value = [...e], $)) {
+				if (e[0] && (D.value = v(e[0])), e[1]) {
+					let t = v(e[1]);
+					t.isSame(D.value, "month") ? O.value = t.add(1, "month") : O.value = t;
+				}
+				$ = !1;
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (e, t) => (p(), ee("div", { class: f([h(S).e("panel-range")]) }, [l("div", { class: f([h(S).e("panel-wrapper")]) }, [N.value === "day" ? (p(), c(i, {
+			key: 0,
+			modelValue: D.value,
+			"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
+			"value-format": u.valueFormat,
+			"range-value": T.value,
+			"hover-value": E.value,
+			"get-value-classes": L,
+			"get-item-classes": R,
+			"on-prev-year": V,
+			"on-next-year": H,
+			"on-prev-month": U,
+			"on-next-month": W,
+			"show-prev-year-arrow": y,
+			"show-next-year-arrow": k.value,
+			"show-prev-month-arrow": b,
+			"show-next-month-arrow": A.value,
+			onSelect: Y,
+			onToMonthView: Z,
+			onHover: X
+		}, null, 8, [
+			"modelValue",
+			"value-format",
+			"range-value",
+			"hover-value",
+			"show-next-year-arrow",
+			"show-next-month-arrow"
+		])) : N.value === "month" ? (p(), c(a, {
+			key: 1,
+			modelValue: F.value,
+			"onUpdate:modelValue": t[1] ||= (e) => F.value = e,
+			"value-format": u.valueFormat,
+			"get-item-classes": z,
+			onSelect: re,
+			onToYearView: Q
+		}, null, 8, ["modelValue", "value-format"])) : (p(), c(o, {
+			key: 2,
+			modelValue: F.value,
+			"onUpdate:modelValue": t[2] ||= (e) => F.value = e,
+			"get-item-classes": B,
+			onSelect: ne
+		}, null, 8, ["modelValue"]))], 2), l("div", { class: f([h(S).e("panel-wrapper")]) }, [P.value === "day" ? (p(), c(i, {
+			key: 0,
+			modelValue: O.value,
+			"onUpdate:modelValue": t[3] ||= (e) => O.value = e,
+			"value-format": u.valueFormat,
+			"range-value": T.value,
+			"hover-value": E.value,
+			"get-value-classes": L,
+			"get-item-classes": R,
+			"on-prev-year": G,
+			"on-next-year": K,
+			"on-prev-month": q,
+			"on-next-month": J,
+			"show-prev-year-arrow": j.value,
+			"show-next-year-arrow": x,
+			"show-prev-month-arrow": M.value,
+			"show-next-month-arrow": te,
+			onSelect: Y,
+			onToMonthView: ie,
+			onHover: X
+		}, null, 8, [
+			"modelValue",
+			"value-format",
+			"range-value",
+			"hover-value",
+			"show-prev-year-arrow",
+			"show-prev-month-arrow"
+		])) : P.value === "month" ? (p(), c(a, {
+			key: 1,
+			modelValue: I.value,
+			"onUpdate:modelValue": t[4] ||= (e) => I.value = e,
+			"value-format": u.valueFormat,
+			"get-item-classes": z,
+			onSelect: se,
+			onToYearView: ae
+		}, null, 8, ["modelValue", "value-format"])) : (p(), c(o, {
+			key: 2,
+			modelValue: I.value,
+			"onUpdate:modelValue": t[5] ||= (e) => I.value = e,
+			"get-item-classes": B,
+			onSelect: oe
+		}, null, 8, ["modelValue"]))], 2)], 2));
+	}
+});
+//#endregion
+export { S as default };

package/dist/es/components/src/date-picker/panel-day.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    format?: string;
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    selected: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelected?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/panel-day.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-day.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/panel-day.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/date-picker/panel-day.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,57 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "./day-view.vue.mjs";
+import n from "./month-view.vue.mjs";
+import r from "./year-view.vue.mjs";
+import { createBlock as i, createCommentVNode as a, defineComponent as o, mergeModels as s, openBlock as c, ref as l, useModel as u, watch as d } from "vue";
+import f from "dayjs";
+//#region ../components/src/date-picker/panel-day.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ o({
+	__name: "panel-day",
+	props: /* @__PURE__ */ s({
+		format: {},
+		valueFormat: { default: "YYYY-MM-DD" }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ s(["selected"], ["update:modelValue"]),
+	setup(o, { emit: s }) {
+		let p = e("date-picker"), m = f(), h = s, g = u(o, "modelValue"), _ = l("day"), v = l(m), y = l(m), b = (e) => [p.is("active", e === g.value)], x = (e) => {
+			g.value = e, h("selected", e);
+		}, S = () => {
+			y.value = f(v.value.year().toString()), _.value = "month";
+		}, C = () => {
+			_.value = "year";
+		}, w = (e) => {
+			y.value = f(e + "-01-01"), _.value = "month";
+		}, T = (e) => {
+			v.value = f(e), _.value = "day";
+		};
+		return d(g, (e) => {
+			e && (v.value = f(e));
+		}, { immediate: !0 }), (e, s) => _.value === "day" ? (c(), i(t, {
+			key: 0,
+			modelValue: v.value,
+			"onUpdate:modelValue": s[0] ||= (e) => v.value = e,
+			"value-format": o.valueFormat,
+			"get-value-classes": b,
+			onSelect: x,
+			onToMonthView: S
+		}, null, 8, ["modelValue", "value-format"])) : _.value === "month" ? (c(), i(n, {
+			key: 1,
+			modelValue: y.value,
+			"onUpdate:modelValue": s[1] ||= (e) => y.value = e,
+			"value-format": o.valueFormat,
+			onSelect: T,
+			onToYearView: C
+		}, null, 8, ["modelValue", "value-format"])) : _.value === "year" ? (c(), i(r, {
+			key: 2,
+			modelValue: y.value,
+			"onUpdate:modelValue": s[2] ||= (e) => y.value = e,
+			onSelect: w
+		}, null, 8, ["modelValue"])) : a("", !0);
+	}
+});
+//#endregion
+export { p as default };

package/dist/es/components/src/date-picker/panel-month-range.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    format?: string;
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: [string, string];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: [string, string]) => any;
+    selected: (value: [string, string]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: [string, string]) => any) | undefined;
+    onSelected?: ((value: [string, string]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/panel-month-range.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-month-range.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/panel-month-range.vue
+var t = e;
+//#endregion
+export { t as default };