themelia-ui 3.0.0 → 3.2.0

package/dist/value-inputs-Q4ymjXlV.js

@@ -1,716 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-BkxEiwQ1.js";
-import { d as n } from "./display-B3Q17h5z.js";
-import { o as r } from "./structure-D0WGQAP3.js";
-import { d as i, l as a } from "./text-inputs-DF_lD7pA.js";
-import { s as o } from "./choice-inputs-OUDn0kQw.js";
-import { c as s, u as c } from "./date-pickers-DOwIT-Nk.js";
-import { XIcon as l } from "lucide-react";
-import * as u from "react";
-import { forwardRef as d, useCallback as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Slider as y } from "@base-ui/react/slider";
-import { Field as b } from "@base-ui/react/field";
-import { converter as x, formatHsl as S, formatRgb as C, parse as w } from "culori";
-//#region src/components/base/value-inputs/value-inputs.strings.ts
-var T = {
-	thumb: (e) => e === 0 ? "Minimum" : "Maximum",
-	label: "Value"
-}, E = {
-	...i,
-	picker: "Choose a colour"
-}, D = {
-	...i,
-	prefixPlaceholder: "Code",
-	prefix: "Country dial code"
-}, O = {
-	...i,
-	clearAll: "Clear all",
-	removeTag: (e) => `Remove ${e}`,
-	notAdded: (e) => `Not added: ${e}.`,
-	placeholder: "Add a tag…"
-}, k = {
-	sliderRoot: "value-inputs__sliderRoot___TVz5X",
-	slider: "value-inputs__slider___Jn7Np",
-	sliderControl: "value-inputs__sliderControl___5mXkK",
-	sliderThumb: "value-inputs__sliderThumb___PA1oN",
-	sliderTrack: "value-inputs__sliderTrack___OZ4qQ",
-	sliderRange: "value-inputs__sliderRange___qgdN0",
-	sliderMd: "value-inputs__sliderMd___V1S23",
-	sliderValue: "value-inputs__sliderValue___Jcfq4",
-	tagsShell: "value-inputs__tagsShell___R-B11",
-	tag: "value-inputs__tag___6Ch0s",
-	tagRemove: "value-inputs__tagRemove___vPeFa",
-	tagsInput: "value-inputs__tagsInput___88_8P",
-	tagsFooter: "value-inputs__tagsFooter___dEqPc",
-	tagsOverLimit: "value-inputs__tagsOverLimit___i3u32",
-	tagsClear: "value-inputs__tagsClear___DpqXx",
-	colorRoot: "value-inputs__colorRoot___4TlRL",
-	colorPicker: "value-inputs__colorPicker___oCBbz",
-	colorNative: "value-inputs__colorNative___M0EBv",
-	colorSwatch: "value-inputs__colorSwatch___IKK_t",
-	colorText: "value-inputs__colorText___t1CW9",
-	phoneRoot: "value-inputs__phoneRoot___H2Jvj",
-	phonePrefix: "value-inputs__phonePrefix___f5PTY",
-	phoneNumber: "value-inputs__phoneNumber___vIwkj"
-}, A = d(function({ name: n, id: r, value: i, defaultValue: a, min: o = 0, max: s = 100, step: c = 1, disabled: l = !1, invalid: u = !1, orientation: d = "horizontal", size: f = "sm", onChange: m, onValueChange: h, onValueCommitted: g, showValue: x = !1, formatValue: S, unit: C, className: w, "aria-label": E, "aria-labelledby": D, "aria-describedby": O, "aria-invalid": A, strings: j }, M) {
-	let N = {
-		...T,
-		...j
-	}, P = E ?? N.label, F = p(), I = r ?? F, L = n ?? I, R = i ?? a, z = Array.isArray(R), B = ((e, t) => e === void 0 ? [t] : Array.isArray(e) ? e : [e])(R, o), V = (e) => S ? S(e) : C ? `${e}${C}` : String(e);
-	return /* @__PURE__ */ _(b.Root, {
-		invalid: u || A !== void 0 && A !== !1 && A !== "false",
-		"data-size": f,
-		className: e("slider--component", k.sliderRoot, f === "md" && k.sliderMd, w),
-		children: /* @__PURE__ */ v(y.Root, {
-			ref: M,
-			id: I,
-			name: n,
-			"aria-label": D ? void 0 : P,
-			"aria-labelledby": D,
-			"aria-describedby": O,
-			"aria-invalid": u || A || void 0,
-			value: i,
-			defaultValue: a ?? o,
-			min: o,
-			max: s,
-			step: c,
-			disabled: l,
-			orientation: d,
-			onValueChange: (e) => {
-				h?.(e), m?.({ target: {
-					name: L,
-					value: e
-				} });
-			},
-			onValueCommitted: (e) => g?.(e),
-			className: k.slider,
-			children: [/* @__PURE__ */ v(y.Control, {
-				className: k.sliderControl,
-				children: [/* @__PURE__ */ _(y.Track, {
-					className: k.sliderTrack,
-					children: /* @__PURE__ */ _(y.Indicator, { className: k.sliderRange })
-				}), B.map((e, t) => /* @__PURE__ */ _(y.Thumb, {
-					index: t,
-					"aria-labelledby": z ? void 0 : D,
-					"aria-describedby": O,
-					"aria-invalid": u || A || void 0,
-					getAriaLabel: () => z ? N.thumb(t) : P ?? "",
-					getAriaValueText: (e, t) => V(t),
-					className: k.sliderThumb
-				}, t))]
-			}), x && /* @__PURE__ */ _(y.Value, {
-				render: /* @__PURE__ */ _(t, {
-					tag: "span",
-					size: "inherit",
-					type: u ? "error" : "secondary",
-					className: k.sliderValue
-				}),
-				children: (e, t) => t.map(V).join("–")
-			})]
-		})
-	});
-}), j = d(function(e, t) {
-	return /* @__PURE__ */ _(A, {
-		ref: t,
-		...e
-	});
-}), M = [];
-function N({ value: t, defaultValue: r, onValueChange: i, placeholder: a, disabled: o = !1, invalid: s = !1, name: c, maxTags: u, showCount: d = !1, showClearAll: p = !1, strings: y, allowDuplicates: b = !1, caseSensitive: x = !1, sortTags: S = !1, minLength: C = 1, maxLength: w, validate: T, delimiter: E = /[\n,]/, addOnBlur: D = !0, renderTag: A, className: j, id: N, "aria-label": P, "aria-labelledby": F, "aria-describedby": I, "aria-invalid": L, "aria-required": R }) {
-	let z = {
-		...O,
-		...y
-	}, B = t !== void 0, [V, H] = g(r ?? []), U = B ? t ?? M : V, [W, G] = g(""), K = h(null), q = h(null), [J, Y] = g(null), [X, ee] = g(""), Z = f((e) => {
-		B || H(e), i?.(e);
-	}, [B, i]), te = f((e, t) => {
-		if (x) return t.includes(e);
-		let n = e.toLowerCase();
-		return t.some((e) => e.toLowerCase() === n);
-	}, [x]), ne = f((e) => {
-		let t = [...U], n = [];
-		for (let r of e) {
-			let e = r.trim();
-			if (e) {
-				if (e.length < C || w !== void 0 && e.length > w || u !== void 0 && t.length >= u || !b && te(e, t) || T && !T(e)) {
-					n.push(e);
-					continue;
-				}
-				t.push(e);
-			}
-		}
-		return t.length !== U.length && (S && (t = t.sort((e, t) => e.localeCompare(t))), Z(t)), n.join(typeof E == "string" ? E : ", ");
-	}, [
-		b,
-		Z,
-		E,
-		te,
-		w,
-		u,
-		C,
-		S,
-		U,
-		T
-	]), Q = f((e) => Z(U.filter((t, n) => n !== e)), [Z, U]), $ = (e) => {
-		let t = ne(e);
-		G(t), Y(t || null), ee(t ? (z.notAdded ?? O.notAdded)(t) : "");
-	}, re = (e) => {
-		Q(e), requestAnimationFrame(() => {
-			let t = q.current?.querySelectorAll("[data-tag-remove]");
-			(t?.[Math.min(e, t.length - 1)] ?? K.current)?.focus();
-		});
-	}, ie = (e) => {
-		if (!(e.nativeEvent.isComposing || e.keyCode === 229)) {
-			if (e.key === "Enter") {
-				e.preventDefault(), $(W.split(E));
-				return;
-			}
-			e.key === "Backspace" && W === "" && U.length > 0 && (e.preventDefault(), Q(U.length - 1));
-		}
-	}, ae = (e) => {
-		let t = e.clipboardData.getData("text");
-		if (!t) return;
-		let n = e.currentTarget.selectionStart ?? W.length, r = e.currentTarget.selectionEnd ?? n, i = `${W.slice(0, n)}${t}${W.slice(r)}`.split(E);
-		i.length <= 1 || (e.preventDefault(), $(i));
-	}, oe = u !== void 0 && U.length > u, se = d && u !== void 0 || p && U.length > 0, ce = m(() => u === void 0 ? null : `${U.length} / ${u}`, [u, U.length]);
-	return /* @__PURE__ */ v("div", {
-		ref: q,
-		className: e("tags-input--component", j),
-		children: [
-			/* @__PURE__ */ _(n, {
-				role: "status",
-				"aria-live": "polite",
-				children: X
-			}),
-			!!c && U.map((e, t) => /* @__PURE__ */ _("input", {
-				type: "hidden",
-				name: `${c}[]`,
-				value: e,
-				disabled: o
-			}, `${e}-${t}`)),
-			/* @__PURE__ */ v("div", {
-				"data-field-shell": "",
-				"aria-invalid": s || L || void 0,
-				className: k.tagsShell,
-				onClick: () => K.current?.focus(),
-				children: [U.map((e, t) => A ? A(e, t, Q) : /* @__PURE__ */ v("span", {
-					className: k.tag,
-					children: [e, /* @__PURE__ */ _("button", {
-						type: "button",
-						"data-hit-area": !0,
-						className: k.tagRemove,
-						"aria-label": z.removeTag(e),
-						"data-tag-remove": "",
-						disabled: o,
-						onClick: (e) => {
-							e.stopPropagation(), re(t);
-						},
-						children: /* @__PURE__ */ _(l, { "aria-hidden": !0 })
-					})]
-				}, `${e}-${t}`)), /* @__PURE__ */ _("input", {
-					ref: K,
-					id: N,
-					"data-field-control": "",
-					className: k.tagsInput,
-					value: W,
-					placeholder: U.length === 0 ? a ?? z.placeholder : void 0,
-					disabled: o,
-					"aria-label": P,
-					"aria-labelledby": F,
-					"aria-describedby": I,
-					"aria-invalid": s || L || J !== null || void 0,
-					"aria-required": R,
-					onChange: (e) => {
-						let t = e.target.value.split(E);
-						if (t.length > 1) {
-							$(t);
-							return;
-						}
-						Y(null), G(e.target.value);
-					},
-					onKeyDown: ie,
-					onPaste: ae,
-					onBlur: () => {
-						!D || o || W === J || $(W.split(E));
-					}
-				})]
-			}),
-			se && /* @__PURE__ */ v("div", {
-				className: k.tagsFooter,
-				children: [/* @__PURE__ */ _("span", {
-					className: e(oe && k.tagsOverLimit),
-					children: d ? ce : null
-				}), p && U.length > 0 && /* @__PURE__ */ _("button", {
-					type: "button",
-					"data-hit-area": !0,
-					className: k.tagsClear,
-					onClick: () => {
-						Z([]), K.current?.focus();
-					},
-					disabled: o,
-					children: z.clearAll
-				})]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/base/value-inputs/color-input.tsx
-function P(e) {
-	let t = e.trim().toLowerCase();
-	return /^#[0-9a-f]{6}$/.test(t) ? t : /^#[0-9a-f]{3}$/.test(t) ? `#${t.slice(1).split("").map((e) => `${e}${e}`).join("")}` : null;
-}
-function F(e, t) {
-	let n = Number(e.toFixed(t));
-	return Object.is(n, -0) ? 0 : n;
-}
-var I = x("oklch");
-function L(e, t) {
-	if (t === "hex") return e;
-	let n = w(e);
-	if (!n) return e;
-	if (t === "rgb") return C(n) ?? e;
-	if (t === "hsl") return S(n) ?? e;
-	let r = I(n);
-	return r ? `oklch(${F(r.l, 4)} ${F(r.c, 4)} ${F(r.h ?? 0, 2)})` : e;
-}
-function R(e, t) {
-	let n = window.getComputedStyle(e).backgroundColor;
-	if (!n) return t;
-	let r = document.createElement("canvas");
-	r.width = 1, r.height = 1;
-	let i = r.getContext("2d", { willReadFrequently: !0 });
-	if (!i) return t;
-	i.fillStyle = "#000000", i.fillStyle = n;
-	let a = i.fillStyle;
-	if (i.fillStyle = "#ffffff", i.fillStyle = n, a !== i.fillStyle) return t;
-	i.clearRect(0, 0, 1, 1), i.fillRect(0, 0, 1, 1);
-	let [o, s, c, l] = i.getImageData(0, 0, 1, 1).data;
-	if (l === 0) return t;
-	let u = (e) => e.toString(16).padStart(2, "0");
-	return `#${u(o ?? 0)}${u(s ?? 0)}${u(c ?? 0)}`;
-}
-function z(e) {
-	return typeof CSS > "u" || typeof CSS.supports != "function" || CSS.supports("color", e);
-}
-var B = u.forwardRef(function({ className: t, value: n, defaultValue: r, onChange: i, onValueChange: o, previewValue: s, strings: c, format: l, emitHex: d = !1, disabled: f, readOnly: p, onFocus: m, onBlur: h, ...g }, y) {
-	let b = {
-		...E,
-		...c
-	}, [x, S] = u.useState(String(r ?? "")), C = n === void 0 ? x : String(n), w = s ?? C, T = u.useId(), [D, O] = u.useState(!1), A = w.trim() !== "" && !z(w), j = g["aria-invalid"] ?? (A && !D ? !0 : void 0), M = u.useRef(null), [N, F] = u.useState(() => P(C) ?? "#000000");
-	u.useLayoutEffect(() => {
-		let e = P(w);
-		if (e) {
-			F(e);
-			return;
-		}
-		M.current && F((e) => R(M.current, e));
-	}, [w]);
-	let I = (e) => {
-		n === void 0 && S(e.target.value), i?.(e), o?.(e.target.value);
-	}, B = (e) => {
-		let t = e.currentTarget.value, r = L(P(t) ?? t, l ?? (d ? "hex" : "oklch"));
-		n === void 0 && S(r), o?.(r);
-	}, V = g["aria-labelledby"] ?? (g["aria-label"] ? T : void 0);
-	return /* @__PURE__ */ v("div", {
-		className: e("color-input--component", k.colorRoot, t),
-		children: [/* @__PURE__ */ v("label", {
-			className: k.colorPicker,
-			"data-disabled": f || p || void 0,
-			"data-invalid": j === !0 || j === "true" || void 0,
-			children: [
-				/* @__PURE__ */ _("span", {
-					ref: M,
-					"aria-hidden": !0,
-					className: k.colorSwatch,
-					"data-empty": !w.trim() || A || void 0,
-					"data-unreadable": A || void 0,
-					style: { background: w.trim() && !A ? w : void 0 }
-				}),
-				!!g["aria-label"] && !g["aria-labelledby"] && /* @__PURE__ */ _("span", {
-					id: T,
-					hidden: !0,
-					children: g["aria-label"]
-				}),
-				/* @__PURE__ */ _("input", {
-					type: "color",
-					className: k.colorNative,
-					value: N,
-					disabled: f || p,
-					"aria-label": b.picker,
-					"aria-describedby": V,
-					onInput: B
-				})
-			]
-		}), /* @__PURE__ */ _(a, {
-			...g,
-			ref: y,
-			value: C,
-			disabled: f,
-			readOnly: p,
-			"aria-invalid": j,
-			onChange: I,
-			onFocus: (e) => {
-				O(!0), m?.(e);
-			},
-			onBlur: (e) => {
-				O(!1), h?.(e);
-			},
-			className: k.colorText
-		})]
-	});
-}), V = {
-	US: {
-		value: "+1",
-		label: "United States",
-		iso: "US"
-	},
-	CA: {
-		value: "+1",
-		label: "Canada",
-		iso: "CA"
-	},
-	AU: {
-		value: "+61",
-		label: "Australia",
-		iso: "AU"
-	},
-	BG: {
-		value: "+359",
-		label: "Bulgaria",
-		iso: "BG"
-	},
-	GR: {
-		value: "+30",
-		label: "Greece",
-		iso: "GR"
-	},
-	GB: {
-		value: "+44",
-		label: "United Kingdom",
-		iso: "GB"
-	},
-	DE: {
-		value: "+49",
-		label: "Germany",
-		iso: "DE"
-	},
-	FR: {
-		value: "+33",
-		label: "France",
-		iso: "FR"
-	},
-	IT: {
-		value: "+39",
-		label: "Italy",
-		iso: "IT"
-	},
-	ES: {
-		value: "+34",
-		label: "Spain",
-		iso: "ES"
-	},
-	NL: {
-		value: "+31",
-		label: "Netherlands",
-		iso: "NL"
-	},
-	BE: {
-		value: "+32",
-		label: "Belgium",
-		iso: "BE"
-	},
-	AT: {
-		value: "+43",
-		label: "Austria",
-		iso: "AT"
-	},
-	CH: {
-		value: "+41",
-		label: "Switzerland",
-		iso: "CH"
-	},
-	PL: {
-		value: "+48",
-		label: "Poland",
-		iso: "PL"
-	},
-	RO: {
-		value: "+40",
-		label: "Romania",
-		iso: "RO"
-	},
-	RS: {
-		value: "+381",
-		label: "Serbia",
-		iso: "RS"
-	},
-	HR: {
-		value: "+385",
-		label: "Croatia",
-		iso: "HR"
-	},
-	SI: {
-		value: "+386",
-		label: "Slovenia",
-		iso: "SI"
-	},
-	MK: {
-		value: "+389",
-		label: "North Macedonia",
-		iso: "MK"
-	},
-	TR: {
-		value: "+90",
-		label: "Turkey",
-		iso: "TR"
-	},
-	RU: {
-		value: "+7",
-		label: "Russia",
-		iso: "RU"
-	},
-	UA: {
-		value: "+380",
-		label: "Ukraine",
-		iso: "UA"
-	},
-	SK: {
-		value: "+421",
-		label: "Slovakia",
-		iso: "SK"
-	},
-	CZ: {
-		value: "+420",
-		label: "Czech Republic",
-		iso: "CZ"
-	},
-	HU: {
-		value: "+36",
-		label: "Hungary",
-		iso: "HU"
-	},
-	PT: {
-		value: "+351",
-		label: "Portugal",
-		iso: "PT"
-	},
-	IE: {
-		value: "+353",
-		label: "Ireland",
-		iso: "IE"
-	},
-	SE: {
-		value: "+46",
-		label: "Sweden",
-		iso: "SE"
-	},
-	NO: {
-		value: "+47",
-		label: "Norway",
-		iso: "NO"
-	},
-	DK: {
-		value: "+45",
-		label: "Denmark",
-		iso: "DK"
-	},
-	FI: {
-		value: "+358",
-		label: "Finland",
-		iso: "FI"
-	},
-	CY: {
-		value: "+357",
-		label: "Cyprus",
-		iso: "CY"
-	},
-	AL: {
-		value: "+355",
-		label: "Albania",
-		iso: "AL"
-	},
-	ME: {
-		value: "+382",
-		label: "Montenegro",
-		iso: "ME"
-	},
-	BA: {
-		value: "+387",
-		label: "Bosnia and Herzegovina",
-		iso: "BA"
-	},
-	XK: {
-		value: "+383",
-		label: "Kosovo",
-		iso: "XK"
-	},
-	MD: {
-		value: "+373",
-		label: "Moldova",
-		iso: "MD"
-	},
-	BY: {
-		value: "+375",
-		label: "Belarus",
-		iso: "BY"
-	},
-	LT: {
-		value: "+370",
-		label: "Lithuania",
-		iso: "LT"
-	},
-	LV: {
-		value: "+371",
-		label: "Latvia",
-		iso: "LV"
-	},
-	EE: {
-		value: "+372",
-		label: "Estonia",
-		iso: "EE"
-	}
-}, H = [
-	"US",
-	"CA",
-	"GB",
-	"DE",
-	"FR",
-	"IT",
-	"ES",
-	"AU"
-];
-function U(e) {
-	return typeof e == "string" ? V[e.toUpperCase()] ?? null : e;
-}
-//#endregion
-//#region src/components/base/value-inputs/phone-input.tsx
-var W = /* @__PURE__ */ new Set([
-	"+39",
-	"+378",
-	"+379"
-]);
-function G(e, t, n) {
-	let r = /\s*(?:ext\.?|extension|x|#)\s*(\d+)\s*$/i.exec(e), i = (r ? e.slice(0, r.index) : e).trim().replace(/\s+/g, " ").replace(/[^\d ()+-]/g, "");
-	return t && i.startsWith(t) && (i = i.slice(t.length).replace(/^[\s-]+/, "")), t && n && !W.has(t) && i.startsWith("0") && (i = i.slice(1)), r ? `${i} ext. ${r[1]}` : i;
-}
-function K(e, t) {
-	let n = e.toUpperCase();
-	return t.find((e) => e.iso.toUpperCase() === n) ?? V[n];
-}
-function q(e, t) {
-	return e ? e.startsWith("+") ? e : K(e, t)?.value ?? e : t[0]?.value ?? "";
-}
-function J(e, t) {
-	return e ? e.startsWith("+") ? void 0 : K(e, t)?.iso : t[0]?.iso;
-}
-var Y = d(function({ prefix: t, defaultPrefix: n, onPrefixChange: r, prefixes: i = H, disablePrefixSelector: s = !1, strings: c, normalizeOnBlur: l = !0, showCountryName: u = !0, value: d, onChange: p, onBlur: h, disabled: y, readOnly: b, invalid: x, className: S, ...C }, w) {
-	let T = {
-		...D,
-		...c
-	}, E = m(() => i.map(U).filter((e) => e !== null), [i]), O = t !== void 0, [A, j] = g(() => q(n, E)), M = O ? q(t, E) : A, [N, P] = g(() => J(n, E)), F = f((e) => {
-		let t = (e ? E.find((t) => t.iso === e)?.value : void 0) ?? "";
-		P(e), O || j(t), r?.(t);
-	}, [
-		O,
-		r,
-		E
-	]), I = m(() => E.map((e) => ({
-		value: e.iso,
-		label: e.value,
-		description: u ? e.label : void 0
-	})), [E, u]), L = m(() => {
-		let e = O ? J(t, E) : void 0, n = E.filter((e) => e.value === M);
-		return (n.find((t) => t.iso === e) ?? n.find((e) => e.iso === N) ?? n[0])?.iso;
-	}, [
-		O,
-		E,
-		N,
-		t,
-		M
-	]), R = (e) => {
-		if (l && !y && !b) {
-			let t = G(e.target.value, M, !s);
-			t !== e.target.value && (e.target.value = t, p?.(e));
-		}
-		h?.(e);
-	};
-	return /* @__PURE__ */ v("div", {
-		className: e("phone-input--component", k.phoneRoot, S),
-		children: [!s && /* @__PURE__ */ _("div", {
-			className: k.phonePrefix,
-			children: /* @__PURE__ */ _(o, {
-				options: I,
-				value: L ?? null,
-				onValueChange: F,
-				placeholder: T.prefixPlaceholder,
-				disabled: y || b,
-				invalid: x,
-				"aria-label": T.prefix
-			})
-		}), /* @__PURE__ */ _(a, {
-			...C,
-			ref: w,
-			type: "tel",
-			inputMode: "tel",
-			value: d,
-			onChange: p,
-			onBlur: R,
-			disabled: y,
-			readOnly: b,
-			"aria-invalid": x || C["aria-invalid"] || void 0,
-			className: k.phoneNumber
-		})]
-	});
-}), X = d(function({ id: t, value: n, onValueChange: i, placeholder: a, displayFormat: o, minuteStep: l = 15, withSeconds: u = !1, disabled: d, invalid: p, className: m, "aria-labelledby": h, "aria-describedby": g, "aria-invalid": y, "aria-required": b }, x) {
-	let S = p || y === !0 || y === "true", C = n ? new Date(n) : void 0, w = C && !Number.isNaN(C.getTime()) ? C : void 0, T = {
-		hours: w?.getHours() ?? 0,
-		minutes: w?.getMinutes() ?? 0,
-		seconds: w?.getSeconds() ?? 0
-	}, E = f((e) => {
-		if (!(e instanceof Date)) {
-			i?.(void 0);
-			return;
-		}
-		let t = new Date(e);
-		t.setHours(T.hours, T.minutes, T.seconds ?? 0, 0), i?.(t.toISOString());
-	}, [
-		i,
-		T.hours,
-		T.minutes,
-		T.seconds
-	]), D = f((e) => {
-		let t = new Date(w ?? /* @__PURE__ */ new Date());
-		t.setHours(e.hours, e.minutes, e.seconds ?? 0, 0), i?.(t.toISOString());
-	}, [i, w]);
-	return /* @__PURE__ */ v(r, {
-		ref: x,
-		direction: "horizontal",
-		gap: "sm",
-		align: "center",
-		className: e("date-time-input--component", m),
-		children: [/* @__PURE__ */ _(c, {
-			id: t,
-			value: w,
-			onValueChange: E,
-			placeholder: a,
-			displayFormat: o,
-			disabled: d,
-			invalid: S,
-			"aria-labelledby": h,
-			"aria-describedby": g,
-			"aria-required": b
-		}), /* @__PURE__ */ _(s, {
-			value: T,
-			onValueChange: D,
-			minuteStep: l,
-			withSeconds: u,
-			disabled: d,
-			invalid: S,
-			"aria-labelledby": h,
-			"aria-describedby": g,
-			"aria-required": b
-		})]
-	});
-});
-//#endregion
-export { U as a, j as c, D as d, T as f, H as i, A as l, Y as n, B as o, O as p, V as r, N as s, X as t, E as u };