iryx-ui 0.15.0 → 0.17.0

package/dist/components/Calendar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,168 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { isoToday as n, toCalendarDate as r, toIsoDate as i } from "../composables/date.js";
+import { calendarTheme as a } from "../theme/calendar.js";
+import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, normalizeClass as h, openBlock as g, renderList as _, toDisplayString as v, unref as y, useModel as b, withCtx as x } from "vue";
+import { ArrowLeft01Icon as S, ArrowRight01Icon as C } from "@hugeicons/core-free-icons";
+import { CalendarCell as w, CalendarCellTrigger as T, CalendarGrid as E, CalendarGridBody as D, CalendarGridHead as O, CalendarGridRow as k, CalendarHeadCell as A, CalendarHeader as j, CalendarHeading as M, CalendarNext as N, CalendarPrev as P, CalendarRoot as F } from "reka-ui";
+//#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
+var I = /*@__PURE__*/ p({
+	__name: "Calendar",
+	props: /*@__PURE__*/ m({
+		min: {},
+		max: {},
+		locale: {},
+		weekStartsOn: {},
+		weekdayFormat: {},
+		months: {},
+		pagedNavigation: { type: Boolean },
+		fixedWeeks: {
+			type: Boolean,
+			default: !0
+		},
+		disableDaysOutsideCurrentView: { type: Boolean },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		initialFocus: { type: Boolean },
+		isUnavailable: {},
+		preventDeselect: { type: Boolean },
+		label: {},
+		previousLabel: { default: "Previous month" },
+		nextLabel: { default: "Next month" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(p) {
+		let m = p, I = b(p, "modelValue"), L = e(), R = s(() => m.unstyled ?? L.unstyled), z = s({
+			get: () => r(I.value),
+			set: (e) => {
+				I.value = i(e);
+			}
+		}), B = s(() => r(m.min)), V = s(() => r(m.max)), H = s(() => {
+			let e = n();
+			if (m.min && e < m.min) return r(m.min);
+			if (m.max && e > m.max) return r(m.max);
+		}), U = s(() => {
+			let e = m.isUnavailable;
+			if (e) return (t) => {
+				let n = i(t);
+				return n ? e(n) : !1;
+			};
+		}), W = s(() => a());
+		function G(e, t) {
+			let n = m.ui?.[e];
+			return R.value ? [n, t] : W.value[e]({ class: [n, t] });
+		}
+		return (e, n) => (g(), c(y(F), {
+			modelValue: z.value,
+			"onUpdate:modelValue": n[0] ||= (e) => z.value = e,
+			"min-value": B.value,
+			"max-value": V.value,
+			locale: m.locale,
+			"week-starts-on": m.weekStartsOn,
+			"weekday-format": m.weekdayFormat,
+			"number-of-months": m.months,
+			"paged-navigation": m.pagedNavigation,
+			"fixed-weeks": m.fixedWeeks,
+			"disable-days-outside-current-view": m.disableDaysOutsideCurrentView,
+			disabled: m.disabled,
+			readonly: m.readonly,
+			"initial-focus": m.initialFocus,
+			"default-placeholder": H.value,
+			"is-date-unavailable": U.value,
+			"prevent-deselect": m.preventDeselect,
+			"calendar-label": m.label,
+			class: h(G("root", m.class))
+		}, {
+			default: x(({ grid: e, weekDays: n }) => [f(y(j), { class: h(G("header")) }, {
+				default: x(() => [
+					f(y(P), {
+						"aria-label": m.previousLabel,
+						class: h(G("nav"))
+					}, {
+						default: x(() => [f(t, { icon: y(S) }, null, 8, ["icon"])]),
+						_: 1
+					}, 8, ["aria-label", "class"]),
+					f(y(M), { class: h(G("heading")) }, null, 8, ["class"]),
+					f(y(N), {
+						"aria-label": m.nextLabel,
+						class: h(G("nav"))
+					}, {
+						default: x(() => [f(t, { icon: y(C) }, null, 8, ["icon"])]),
+						_: 1
+					}, 8, ["aria-label", "class"])
+				]),
+				_: 1
+			}, 8, ["class"]), u("div", { class: h(G("months")) }, [(g(!0), l(o, null, _(e, (e) => (g(), c(y(E), {
+				key: e.value.toString(),
+				class: h(G("grid"))
+			}, {
+				default: x(() => [f(y(O), null, {
+					default: x(() => [f(y(k), null, {
+						default: x(() => [(g(!0), l(o, null, _(n, (e) => (g(), c(y(A), {
+							key: e,
+							class: h(G("headCell"))
+						}, {
+							default: x(() => [d(v(e), 1)]),
+							_: 2
+						}, 1032, ["class"]))), 128))]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024), f(y(D), null, {
+					default: x(() => [(g(!0), l(o, null, _(e.rows, (t, n) => (g(), c(y(k), { key: `week-${n}` }, {
+						default: x(() => [(g(!0), l(o, null, _(t, (t) => (g(), c(y(w), {
+							key: t.toString(),
+							date: t,
+							class: h(G("cell"))
+						}, {
+							default: x(() => [f(y(T), {
+								day: t,
+								month: e.value,
+								class: h(G("cellTrigger"))
+							}, null, 8, [
+								"day",
+								"month",
+								"class"
+							])]),
+							_: 2
+						}, 1032, ["date", "class"]))), 128))]),
+						_: 2
+					}, 1024))), 128))]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1032, ["class"]))), 128))], 2)]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"min-value",
+			"max-value",
+			"locale",
+			"week-starts-on",
+			"weekday-format",
+			"number-of-months",
+			"paged-navigation",
+			"fixed-weeks",
+			"disable-days-outside-current-view",
+			"disabled",
+			"readonly",
+			"initial-focus",
+			"default-placeholder",
+			"is-date-unavailable",
+			"prevent-deselect",
+			"calendar-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { I as default };

package/dist/components/Combobox.vue.d.ts

@@ -75,26 +75,26 @@ export interface ComboboxProps extends ComboboxRootProps {
         groupLabel?: string;
     };
 }
-declare var __VLS_16: {
+declare var __VLS_28: {
     option: ComboboxItemOption;
     remove: () => void;
-}, __VLS_70: {
+}, __VLS_107: {
     query: string;
-}, __VLS_78: {
+}, __VLS_115: {
     query: string;
-}, __VLS_80: {}, __VLS_159: {
+}, __VLS_117: {}, __VLS_196: {
     query: string;
 };
 type __VLS_Slots = {} & {
-    tag?: (props: typeof __VLS_16) => any;
+    tag?: (props: typeof __VLS_28) => any;
 } & {
-    empty?: (props: typeof __VLS_70) => any;
+    empty?: (props: typeof __VLS_107) => any;
 } & {
-    empty?: (props: typeof __VLS_78) => any;
+    empty?: (props: typeof __VLS_115) => any;
 } & {
-    default?: (props: typeof __VLS_80) => any;
+    default?: (props: typeof __VLS_117) => any;
 } & {
-    create?: (props: typeof __VLS_159) => any;
+    create?: (props: typeof __VLS_196) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ComboboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: AcceptableValue) => any;

package/dist/components/Combobox.vue_vue_type_script_setup_true_lang.js

@@ -2,11 +2,11 @@ import { useIryxUiConfig as e } from "../config.js";
 import t from "./Icon.js";
 import { useFormField as n } from "../composables/form.js";
 import { comboboxTheme as ee } from "../theme/combobox.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, vShow as b, watch as x, withCtx as S, withDirectives as te, withModifiers as ne } from "vue";
-import { ArrowDown01Icon as re, Cancel01Icon as C, Tick02Icon as w } from "@hugeicons/core-free-icons";
-import { ComboboxAnchor as T, ComboboxCancel as ie, ComboboxContent as ae, ComboboxEmpty as oe, ComboboxGroup as se, ComboboxInput as ce, ComboboxItem as E, ComboboxItemIndicator as D, ComboboxLabel as le, ComboboxPortal as ue, ComboboxRoot as de, ComboboxTrigger as fe, ComboboxViewport as pe, ComboboxVirtualizer as me, useFilter as he, useForwardPropsEmits as ge } from "reka-ui";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, vShow as te, watch as ne, withCtx as y, withDirectives as re, withKeys as ie, withModifiers as ae } from "vue";
+import { ArrowDown01Icon as oe, Cancel01Icon as b, Tick02Icon as x } from "@hugeicons/core-free-icons";
+import { ComboboxAnchor as se, ComboboxCancel as ce, ComboboxContent as le, ComboboxEmpty as ue, ComboboxGroup as de, ComboboxInput as S, ComboboxItem as C, ComboboxItemIndicator as w, ComboboxLabel as T, ComboboxPortal as fe, ComboboxRoot as pe, ComboboxTrigger as me, ComboboxViewport as he, ComboboxVirtualizer as ge, TagsInputInput as _e, TagsInputItem as ve, TagsInputItemDelete as ye, TagsInputItemText as be, TagsInputRoot as xe, useFilter as Se, useForwardPropsEmits as Ce } from "reka-ui";
 //#region src/components/Combobox.vue?vue&type=script&setup=true&lang.ts
-var _e = ["aria-label", "onClick"], O = /*@__PURE__*/ d({
+var E = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "Combobox",
 	props: {
@@ -86,185 +86,221 @@ var _e = ["aria-label", "onClick"], O = /*@__PURE__*/ d({
 		"update:open",
 		"create"
 	],
-	setup(d, { emit: O }) {
-		let k = d, A = O, j = h(k.modelValue ?? k.defaultValue);
-		x(() => k.modelValue, (e) => {
-			e !== void 0 && (j.value = e);
+	setup(u, { emit: E }) {
+		let D = u, O = E, k = m(D.modelValue ?? D.defaultValue);
+		ne(() => D.modelValue, (e) => {
+			e !== void 0 && (k.value = e);
 		});
-		function M(e) {
-			j.value = e, A("update:modelValue", e);
+		function A(e) {
+			k.value = e, O("update:modelValue", e);
 		}
-		let N = i(() => {
-			if (!k.clearable || k.disabled) return !1;
-			let e = j.value;
+		let we = i(() => {
+			if (!D.clearable || D.disabled) return !1;
+			let e = k.value;
 			return Array.isArray(e) ? e.length > 0 : e != null && e !== "";
-		}), P = ge(i(() => {
-			let { items: e, placeholder: t, size: n, invalid: ee, id: r, emptyText: i, clearable: a, clearLabel: o, removeLabel: s, create: c, createLabel: l, virtual: u, estimateSize: d, overscan: f, unstyled: p, class: m, ui: h, defaultValue: g, modelValue: _, ...v } = k;
+		}), j = Ce(i(() => {
+			let { items: e, placeholder: t, size: n, invalid: ee, id: r, emptyText: i, clearable: a, clearLabel: o, removeLabel: s, create: c, createLabel: l, virtual: u, estimateSize: d, overscan: f, unstyled: p, class: m, ui: h, defaultValue: g, modelValue: _, ...v } = D;
 			return {
 				...v,
-				modelValue: j.value
+				modelValue: k.value
 			};
-		}), A);
-		function F(e) {
+		}), O);
+		function M(e) {
 			return typeof e == "string" ? {
 				label: e,
 				value: e
 			} : e;
 		}
-		function I(e) {
+		function N(e) {
 			return typeof e != "string" && "items" in e;
 		}
-		let L = i(() => {
-			let e = k.items ?? [];
-			return e.some(I) ? e.map((e) => I(e) ? e : {
+		let P = i(() => {
+			let e = D.items ?? [];
+			return e.some(N) ? e.map((e) => N(e) ? e : {
 				label: "",
 				items: [e]
 			}) : void 0;
-		}), R = i(() => (k.items ?? []).flatMap((e) => I(e) ? e.items.map(F) : [F(e)])), z = i(() => !!k.virtual), B = h(""), V = h("");
-		function ve(e) {
-			V.value = e.target.value;
+		}), F = i(() => (D.items ?? []).flatMap((e) => N(e) ? e.items.map(M) : [M(e)])), I = i(() => !!D.virtual), L = m(""), R = m("");
+		function z(e) {
+			R.value = e.target.value;
 		}
-		let { contains: ye } = he({ sensitivity: "base" }), H = i(() => {
-			let e = V.value.trim();
-			return e ? R.value.filter((t) => ye(t.label, e)) : R.value;
-		}), U = i(() => {
-			let e = j.value;
-			return Array.isArray(e) ? e.map((e) => R.value.find((t) => t.value === e) ?? {
+		let { contains: Te } = Se({ sensitivity: "base" }), B = i(() => {
+			let e = R.value.trim();
+			return e ? F.value.filter((t) => Te(t.label, e)) : F.value;
+		}), V = i(() => {
+			let e = k.value;
+			return Array.isArray(e) ? e.map((e) => F.value.find((t) => t.value === e) ?? {
 				label: String(e),
 				value: String(e)
 			}) : [];
-		}), W = i(() => !!k.multiple && U.value.length > 0);
-		function G(e) {
-			let t = j.value;
-			Array.isArray(t) && M(t.filter((t) => t !== e));
+		}), H = i(() => !!D.multiple && V.value.length > 0);
+		function Ee(e) {
+			let t = k.value;
+			Array.isArray(t) && A(t.filter((t) => t !== e));
 		}
-		function be(e) {
-			e.key !== "Backspace" || !W.value || e.target.value === "" && (e.preventDefault(), G(U.value[U.value.length - 1].value));
-		}
-		function xe(e) {
-			let t = (e) => R.value.find((t) => t.value === e)?.label ?? String(e ?? "");
-			return Array.isArray(e) ? W.value ? "" : e.map(t).join(", ") : e == null || e === "" ? "" : t(e);
+		let U = i({
+			get: () => V.value,
+			set: (e) => A(e.map((e) => e.value))
+		});
+		function W(e) {
+			let t = (e) => F.value.find((t) => t.value === e)?.label ?? String(e ?? "");
+			return Array.isArray(e) ? H.value ? "" : e.map(t).join(", ") : e == null || e === "" ? "" : t(e);
 		}
-		function Se(e) {
+		function G(e) {
 			let t = e.target;
 			requestAnimationFrame(() => {
 				document.activeElement === t && t.select();
-			}), V.value = "";
+			}), R.value = "";
 		}
 		let K = i(() => {
-			let e = V.value.trim();
-			return !!k.create && e.length > 0 && !R.value.some((t) => t.label.toLowerCase() === e.toLowerCase());
+			let e = R.value.trim();
+			return !!D.create && e.length > 0 && !F.value.some((t) => t.label.toLowerCase() === e.toLowerCase());
 		});
-		function q(e) {
-			e.preventDefault(), A("create", V.value.trim()), e.target?.dispatchEvent(new KeyboardEvent("keydown", {
+		function De(e) {
+			e.preventDefault(), O("create", R.value.trim()), e.target?.dispatchEvent(new KeyboardEvent("keydown", {
 				key: "Escape",
 				bubbles: !0
 			}));
 		}
-		let J = n(), Ce = i(() => k.id ?? J?.id.value), Y = i(() => k.invalid ?? J?.invalid.value ?? !1), we = e(), X = i(() => k.unstyled ?? we.unstyled), Z = i(() => ee({
-			size: k.size,
-			chips: W.value,
+		let q = n(), J = i(() => D.id ?? q?.id.value), Y = i(() => D.invalid ?? q?.invalid.value ?? !1), Oe = e(), X = i(() => D.unstyled ?? Oe.unstyled), Z = i(() => ee({
+			size: D.size,
+			chips: H.value,
 			invalid: Y.value,
-			disabled: k.disabled
+			disabled: D.disabled
 		}));
 		function Q(e, t) {
-			let n = k.ui?.[e];
+			let n = D.ui?.[e];
 			return X.value ? [n, t] : Z.value[e]({ class: [n, t] });
 		}
 		let $ = i(() => X.value ? void 0 : Z.value.itemIndicator());
-		return (e, n) => (m(), a(y(de), f(y(P), {
+		return (e, n) => (p(), a(v(pe), d(v(j), {
 			"open-on-click": "",
-			"reset-model-value-on-clear": k.clearable || k.resetModelValueOnClear,
+			"reset-model-value-on-clear": D.clearable || D.resetModelValueOnClear,
 			class: "contents",
-			"onUpdate:modelValue": n[1] ||= (e) => j.value = e
+			"onUpdate:modelValue": n[4] ||= (e) => k.value = e
 		}), {
-			default: S(() => [u(y(T), { class: p(Q("anchor", k.class)) }, {
-				default: S(() => [
-					(m(!0), s(r, null, g(U.value, (n) => (m(), s("span", {
+			default: y(() => [l(v(se), { class: f(Q("anchor", D.class)) }, {
+				default: y(() => [D.multiple ? (p(), a(v(xe), {
+					key: 0,
+					modelValue: U.value,
+					"onUpdate:modelValue": n[2] ||= (e) => U.value = e,
+					delimiter: "",
+					disabled: D.disabled,
+					class: "contents"
+				}, {
+					default: y(() => [(p(!0), s(r, null, h(V.value, (n) => (p(), a(v(ve), {
 						key: String(n.value),
-						class: p(Q("tag"))
-					}, [_(e.$slots, "tag", {
-						option: n,
-						remove: () => G(n.value)
-					}, () => [c("span", { class: p(Q("tagText")) }, v(n.label), 3), c("button", {
-						type: "button",
-						tabindex: "-1",
-						"aria-label": k.removeLabel(n.label),
-						class: p(Q("tagDelete")),
-						onClick: ne((e) => G(n.value), ["stop"])
-					}, [u(t, { icon: y(C) }, null, 8, ["icon"])], 10, _e)])], 2))), 128)),
-					u(y(ce), f({
-						id: Ce.value,
-						modelValue: B.value,
-						"onUpdate:modelValue": n[0] ||= (e) => B.value = e
-					}, e.$attrs, {
-						placeholder: k.placeholder,
-						"display-value": xe,
-						"aria-invalid": Y.value || void 0,
-						"aria-describedby": y(J)?.describedBy.value,
-						class: Q("input"),
-						onFocus: Se,
-						onInput: ve,
-						onKeydown: be
-					}), null, 16, [
-						"id",
-						"modelValue",
-						"placeholder",
-						"aria-invalid",
-						"aria-describedby",
-						"class"
-					]),
-					N.value ? (m(), a(y(ie), {
-						key: 0,
-						"aria-label": k.clearLabel,
-						class: p(Q("clear"))
+						value: n,
+						class: f(Q("tag"))
 					}, {
-						default: S(() => [u(t, { icon: y(C) }, null, 8, ["icon"])]),
-						_: 1
-					}, 8, ["aria-label", "class"])) : (m(), a(y(fe), {
-						key: 1,
-						class: p(Q("trigger"))
+						default: y(() => [g(e.$slots, "tag", {
+							option: n,
+							remove: () => Ee(n.value)
+						}, () => [l(v(be), { class: f(Q("tagText")) }, {
+							default: y(() => [c(_(n.label), 1)]),
+							_: 2
+						}, 1032, ["class"]), l(v(ye), {
+							"aria-label": D.removeLabel(n.label),
+							class: f(Q("tagDelete"))
+						}, {
+							default: y(() => [l(t, { icon: v(b) }, null, 8, ["icon"])]),
+							_: 1
+						}, 8, ["aria-label", "class"])])]),
+						_: 2
+					}, 1032, ["value", "class"]))), 128)), l(v(S), {
+						id: J.value,
+						modelValue: L.value,
+						"onUpdate:modelValue": n[1] ||= (e) => L.value = e,
+						"as-child": "",
+						"display-value": W
 					}, {
-						default: S(() => [u(t, { icon: y(re) }, null, 8, ["icon"])]),
+						default: y(() => [l(v(_e), d(e.$attrs, {
+							placeholder: D.placeholder,
+							"aria-invalid": Y.value || void 0,
+							"aria-describedby": v(q)?.describedBy.value,
+							class: Q("input"),
+							onKeydown: n[0] ||= ie(ae(() => {}, ["prevent"]), ["enter"]),
+							onFocus: G,
+							onInput: z
+						}), null, 16, [
+							"placeholder",
+							"aria-invalid",
+							"aria-describedby",
+							"class"
+						])]),
 						_: 1
-					}, 8, ["class"]))
-				]),
+					}, 8, ["id", "modelValue"])]),
+					_: 3
+				}, 8, ["modelValue", "disabled"])) : (p(), a(v(S), d({
+					key: 1,
+					id: J.value,
+					modelValue: L.value,
+					"onUpdate:modelValue": n[3] ||= (e) => L.value = e
+				}, e.$attrs, {
+					placeholder: D.placeholder,
+					"display-value": W,
+					"aria-invalid": Y.value || void 0,
+					"aria-describedby": v(q)?.describedBy.value,
+					class: Q("input"),
+					onFocus: G,
+					onInput: z
+				}), null, 16, [
+					"id",
+					"modelValue",
+					"placeholder",
+					"aria-invalid",
+					"aria-describedby",
+					"class"
+				])), we.value ? (p(), a(v(ce), {
+					key: 2,
+					"aria-label": D.clearLabel,
+					class: f(Q("clear"))
+				}, {
+					default: y(() => [l(t, { icon: v(b) }, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["aria-label", "class"])) : (p(), a(v(me), {
+					key: 3,
+					class: f(Q("trigger"))
+				}, {
+					default: y(() => [l(t, { icon: v(oe) }, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["class"]))]),
 				_: 3
-			}, 8, ["class"]), u(y(ue), null, {
-				default: S(() => [u(y(ae), {
-					class: p(Q("content")),
+			}, 8, ["class"]), l(v(fe), null, {
+				default: y(() => [l(v(le), {
+					class: f(Q("content")),
 					position: "popper",
 					"side-offset": 4
 				}, {
-					default: S(() => [u(y(pe), { class: p(Q("viewport")) }, {
-						default: S(() => [
-							z.value ? te((m(), s("div", {
+					default: y(() => [l(v(he), { class: f(Q("viewport")) }, {
+						default: y(() => [
+							I.value ? re((p(), s("div", {
 								key: 0,
-								class: p(Q("empty"))
-							}, [_(e.$slots, "empty", { query: V.value }, () => [l(v(k.emptyText), 1)])], 2)), [[b, !K.value && H.value.length === 0]]) : K.value ? o("", !0) : (m(), a(y(oe), {
+								class: f(Q("empty"))
+							}, [g(e.$slots, "empty", { query: R.value }, () => [c(_(D.emptyText), 1)])], 2)), [[te, !K.value && B.value.length === 0]]) : K.value ? o("", !0) : (p(), a(v(ue), {
 								key: 1,
-								class: p(Q("empty"))
+								class: f(Q("empty"))
 							}, {
-								default: S(() => [_(e.$slots, "empty", { query: V.value }, () => [l(v(k.emptyText), 1)])]),
+								default: y(() => [g(e.$slots, "empty", { query: R.value }, () => [c(_(D.emptyText), 1)])]),
 								_: 3
 							}, 8, ["class"])),
-							_(e.$slots, "default", {}, () => [z.value ? (m(), a(y(me), {
+							g(e.$slots, "default", {}, () => [I.value ? (p(), a(v(ge), {
 								key: 0,
-								options: H.value,
-								"estimate-size": k.estimateSize,
-								overscan: k.overscan,
+								options: B.value,
+								"estimate-size": D.estimateSize,
+								overscan: D.overscan,
 								"text-content": (e) => e.label
 							}, {
-								default: S(({ option: e }) => [u(y(E), {
+								default: y(({ option: e }) => [l(v(C), {
 									value: e.value,
 									"text-value": e.label,
 									disabled: e.disabled,
-									class: p(Q("item"))
+									class: f(Q("item"))
 								}, {
-									default: S(() => [u(y(D), { class: p($.value) }, {
-										default: S(() => [u(t, { icon: y(w) }, null, 8, ["icon"])]),
+									default: y(() => [l(v(w), { class: f($.value) }, {
+										default: y(() => [l(t, { icon: v(x) }, null, 8, ["icon"])]),
 										_: 1
-									}, 8, ["class"]), l(" " + v(e.label), 1)]),
+									}, 8, ["class"]), c(" " + _(e.label), 1)]),
 									_: 2
 								}, 1032, [
 									"value",
@@ -278,27 +314,27 @@ var _e = ["aria-label", "onClick"], O = /*@__PURE__*/ d({
 								"estimate-size",
 								"overscan",
 								"text-content"
-							])) : L.value ? (m(!0), s(r, { key: 1 }, g(L.value, (e, n) => (m(), a(y(se), {
+							])) : P.value ? (p(!0), s(r, { key: 1 }, h(P.value, (e, n) => (p(), a(v(de), {
 								key: e.label || n,
-								class: p(Q("group"))
+								class: f(Q("group"))
 							}, {
-								default: S(() => [e.label ? (m(), a(y(le), {
+								default: y(() => [e.label ? (p(), a(v(T), {
 									key: 0,
-									class: p(Q("groupLabel"))
+									class: f(Q("groupLabel"))
 								}, {
-									default: S(() => [l(v(e.label), 1)]),
+									default: y(() => [c(_(e.label), 1)]),
 									_: 2
-								}, 1032, ["class"])) : o("", !0), (m(!0), s(r, null, g(e.items, (e) => (m(), a(y(E), {
+								}, 1032, ["class"])) : o("", !0), (p(!0), s(r, null, h(e.items, (e) => (p(), a(v(C), {
 									key: typeof e == "string" ? e : e.value,
 									value: typeof e == "string" ? e : e.value,
 									"text-value": typeof e == "string" ? e : e.label,
 									disabled: typeof e == "string" ? void 0 : e.disabled,
-									class: p(Q("item"))
+									class: f(Q("item"))
 								}, {
-									default: S(() => [u(y(D), { class: p($.value) }, {
-										default: S(() => [u(t, { icon: y(w) }, null, 8, ["icon"])]),
+									default: y(() => [l(v(w), { class: f($.value) }, {
+										default: y(() => [l(t, { icon: v(x) }, null, 8, ["icon"])]),
 										_: 1
-									}, 8, ["class"]), l(" " + v(typeof e == "string" ? e : e.label), 1)]),
+									}, 8, ["class"]), c(" " + _(typeof e == "string" ? e : e.label), 1)]),
 									_: 2
 								}, 1032, [
 									"value",
@@ -307,17 +343,17 @@ var _e = ["aria-label", "onClick"], O = /*@__PURE__*/ d({
 									"class"
 								]))), 128))]),
 								_: 2
-							}, 1032, ["class"]))), 128)) : (m(!0), s(r, { key: 2 }, g(R.value, (e) => (m(), a(y(E), {
+							}, 1032, ["class"]))), 128)) : (p(!0), s(r, { key: 2 }, h(F.value, (e) => (p(), a(v(C), {
 								key: e.value,
 								value: e.value,
 								"text-value": e.label,
 								disabled: e.disabled,
-								class: p(Q("item"))
+								class: f(Q("item"))
 							}, {
-								default: S(() => [u(y(D), { class: p($.value) }, {
-									default: S(() => [u(t, { icon: y(w) }, null, 8, ["icon"])]),
+								default: y(() => [l(v(w), { class: f($.value) }, {
+									default: y(() => [l(t, { icon: v(x) }, null, 8, ["icon"])]),
 									_: 1
-								}, 8, ["class"]), l(" " + v(e.label), 1)]),
+								}, 8, ["class"]), c(" " + _(e.label), 1)]),
 								_: 2
 							}, 1032, [
 								"value",
@@ -325,15 +361,15 @@ var _e = ["aria-label", "onClick"], O = /*@__PURE__*/ d({
 								"disabled",
 								"class"
 							]))), 128))]),
-							K.value ? (m(), a(y(E), {
-								key: V.value,
-								value: V.value,
+							K.value ? (p(), a(v(C), {
+								key: R.value,
+								value: R.value,
 								"data-create": "",
-								"text-value": V.value,
-								class: p(Q("item")),
-								onSelect: q
+								"text-value": R.value,
+								class: f(Q("item")),
+								onSelect: De
 							}, {
-								default: S(() => [_(e.$slots, "create", { query: V.value }, () => [l(v(k.createLabel(V.value.trim())), 1)])]),
+								default: y(() => [g(e.$slots, "create", { query: R.value }, () => [c(_(D.createLabel(R.value.trim())), 1)])]),
 								_: 3
 							}, 8, [
 								"value",
@@ -352,4 +388,4 @@ var _e = ["aria-label", "onClick"], O = /*@__PURE__*/ d({
 	}
 });
 //#endregion
-export { O as default };
+export { E as default };

package/dist/components/DateField.js

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