iryx-ui 0.16.0 → 0.17.0

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 };

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

@@ -0,0 +1,38 @@
+export interface DateFieldProps {
+    /** ISO `YYYY-MM-DD`, never a `Date`. See `composables/date.ts` for why. */
+    modelValue?: string | null;
+    /** Earliest and latest allowed, in the same ISO form. */
+    minValue?: string;
+    maxValue?: string;
+    /** Orders the segments and names the months — `en-GB` gives day first. */
+    locale?: string;
+    /** Refuse a date. Given an ISO `YYYY-MM-DD` string. */
+    isUnavailable?: (date: string) => boolean;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    readonly?: boolean;
+    invalid?: boolean;
+    id?: string;
+    /** Submitted with a surrounding native form. */
+    name?: string;
+    required?: boolean;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ segment: 'px-1' }`. */
+    ui?: {
+        root?: string;
+        segment?: string;
+        literal?: string;
+    };
+}
+declare const __VLS_export: import("vue").DefineComponent<DateFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<DateFieldProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    invalid: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/DateField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,94 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { toCalendarDate as t, toIsoDate as n } from "../composables/date.js";
+import { useFormField as r } from "../composables/form.js";
+import { dateFieldTheme as i } from "../theme/date-field.js";
+import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createTextVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { DateFieldInput as _, DateFieldRoot as v } from "reka-ui";
+//#region src/components/DateField.vue?vue&type=script&setup=true&lang.ts
+var y = /*@__PURE__*/ u({
+	__name: "DateField",
+	props: {
+		modelValue: {},
+		minValue: {},
+		maxValue: {},
+		locale: {},
+		isUnavailable: {},
+		size: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {},
+		name: {},
+		required: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["update:modelValue"],
+	setup(u, { emit: y }) {
+		let b = u, x = y, S = r(), C = o(() => b.id ?? S?.id.value), w = o(() => {
+			let e = b.modelValue;
+			return !e || !t(e) ? !1 : b.minValue && e < b.minValue || b.maxValue && e > b.maxValue ? !0 : b.isUnavailable?.(e) ?? !1;
+		}), T = o(() => (b.invalid ?? S?.invalid.value ?? !1) || w.value), E = e(), D = o(() => b.unstyled ?? E.unstyled), O = o(() => {
+			let e = b.isUnavailable;
+			if (e) return (t) => {
+				let r = n(t);
+				return r ? e(r) : !1;
+			};
+		}), k = o(() => i({
+			size: b.size,
+			invalid: T.value
+		})), A = o(() => D.value ? [b.ui?.root, b.class] : k.value.root({ class: [b.ui?.root, b.class] })), j = o(() => D.value ? b.ui?.segment : k.value.segment({ class: b.ui?.segment })), M = o(() => D.value ? b.ui?.literal : k.value.literal({ class: b.ui?.literal }));
+		return (e, r) => (f(), s(h(v), {
+			id: C.value,
+			"model-value": h(t)(b.modelValue),
+			"min-value": h(t)(b.minValue),
+			"max-value": h(t)(b.maxValue),
+			locale: b.locale,
+			"is-date-unavailable": O.value,
+			disabled: b.disabled,
+			readonly: b.readonly,
+			name: b.name,
+			required: b.required,
+			"aria-invalid": T.value || void 0,
+			"aria-describedby": h(S)?.describedBy.value,
+			class: d(A.value),
+			"onUpdate:modelValue": r[0] ||= (e) => x("update:modelValue", h(n)(e))
+		}, {
+			default: g(({ segments: e }) => [(f(!0), c(a, null, p(e, (e) => (f(), c(a, { key: e.part }, [e.part === "literal" ? (f(), c("span", {
+				key: 0,
+				class: d(M.value)
+			}, m(e.value), 3)) : (f(), s(h(_), {
+				key: 1,
+				part: e.part,
+				class: d(j.value)
+			}, {
+				default: g(() => [l(m(e.value), 1)]),
+				_: 2
+			}, 1032, ["part", "class"]))], 64))), 128))]),
+			_: 1
+		}, 8, [
+			"id",
+			"model-value",
+			"min-value",
+			"max-value",
+			"locale",
+			"is-date-unavailable",
+			"disabled",
+			"readonly",
+			"name",
+			"required",
+			"aria-invalid",
+			"aria-describedby",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { y as default };

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

@@ -15,6 +15,11 @@ export interface DatePickerProps {
     format?: Intl.DateTimeFormatOptions;
     /** 0 is Sunday. Defaults to the locale's own convention. */
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Refuse a date — a taken slot, a closed day. Given an ISO `YYYY-MM-DD`
+     * string. Unavailable days are struck through rather than hidden.
+     */
+    isUnavailable?: (date: string) => boolean;
     /** Offer a "clear" action in the footer. */
     clearable?: boolean;
     /** Footer and navigation labels — override for non-English apps. */
@@ -42,11 +47,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     unstyled: boolean;
     placeholder: string;
+    previousLabel: string;
+    nextLabel: string;
     invalid: boolean;
     clearLabel: string;
     todayLabel: string;
-    previousLabel: string;
-    nextLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;