@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

package/dist/components/forms/DatePicker/DateRangePicker.mjs

@@ -1,24 +1,25 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useFormReset as t } from "../../../hooks/useFormReset.mjs";
-import { useLocale as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as r } from "../../../utils/cx.mjs";
-import { VisuallyHidden as i } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { IconButton as a } from "../../primitives/Button/Button.mjs";
-import { CalendarIcon as o, ErrorIcon as ee } from "../../primitives/Icon/icons.mjs";
-import { useFieldContext as te, useFieldControl as ne } from "../Field/FieldContext.mjs";
-import { Popover as s } from "../../overlays/Popover/Popover.mjs";
+import { cx as n } from "../../../utils/cx.mjs";
+import { Popover as r } from "../../overlays/Popover/Popover.mjs";
+import { IconButton as i } from "../../primitives/Button/Button.mjs";
+import { CalendarIcon as a, ErrorIcon as o } from "../../primitives/Icon/icons.mjs";
+import { VisuallyHidden as s } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { useFieldContext as ee, useFieldControl as te } from "../Field/FieldContext.mjs";
 import { Input as c } from "../Input/Input.mjs";
+import { Calendar as ne } from "./Calendar.mjs";
 import { formatFullDate as l, getDateFormatInfo as re, localizeDatePattern as ie, parseDateText as ae, parseISODate as oe } from "./dateUtils.mjs";
-import { Calendar as se } from "./Calendar.mjs";
 import u from "./DateRangePicker.module.css.mjs";
+import { useLocale as se } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useEffect as d, useId as ce, useMemo as le, useRef as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/components/forms/DatePicker/DateRangePicker.tsx
-var ue = {
+// src/components/forms/DatePicker/DateRangePicker.tsx
+var g = {
 	start: null,
 	end: null
 };
-function de(e, t, n, r, i) {
+function ue(e, t, n, r, i) {
 	switch (t.reason) {
 		case "unparseable": return e.unparseable(t.pattern);
 		case "out-of-range": return r && i ? e.rangeBetween(n(r), n(i)) : r ? e.rangeOnOrAfter(n(r)) : e.rangeOnOrBefore(n(i));
@@ -26,39 +27,39 @@ function de(e, t, n, r, i) {
 		case "order": return t.part === "end" ? e.endBeforeStart : e.startAfterEnd;
 	}
 }
-var g = ({ value: g, defaultValue: _, onValueChange: fe, min: v, max: y, isDateDisabled: b, locale: pe, weekStartsOn: me, placement: he = "bottom-start", size: ge, startName: x, endName: _e, open: ve, defaultOpen: ye = !1, onOpenChange: be, onInvalidInput: xe, invalidMessage: S, startLabel: Se, endLabel: Ce, chooseRangeLabel: we, changeRangeLabel: Te, dialogLabel: Ee, formatDescription: De, today: Oe, numberOfMonths: ke = 2, invalid: Ae, required: je, disabled: Me, readOnly: Ne, fullWidth: Pe = !0, "aria-label": C, "aria-describedby": Fe, className: Ie, style: Le, id: Re }) => {
-	let { messages: w, locale: ze } = n(), T = pe ?? ze, Be = Se ?? w.datePicker.startDate, Ve = Ce ?? w.datePicker.endDate, He = we ?? w.datePicker.chooseDates, Ue = Te ?? w.datePicker.changeDates, We = Ee ?? w.datePicker.datesDialog, Ge = De ?? w.datePicker.format, E = te(), D = ne({
-		id: Re,
-		disabled: Me,
-		readOnly: Ne,
-		size: ge,
-		invalid: Ae,
-		required: je
-	}), O = D.size ?? "md", k = !D.disabled && !D.readOnly, A = le(() => re(T), [T]), { format: j } = A, M = ie(A.pattern, w.datePicker.pattern), [Ke, N] = e({
-		value: g,
-		defaultValue: _ ?? null,
-		onChange: fe
-	}), P = Ke ?? ue, F = (e) => e ? j(e) : "", [I, L] = p(() => F(P.start)), [R, z] = p(() => F(P.end)), [B, V] = p(null), H = f(P);
+var _ = ({ value: _, defaultValue: v, onValueChange: de, min: y, max: b, isDateDisabled: x, locale: fe, weekStartsOn: pe, placement: me = "bottom-start", size: he, startName: ge, endName: S, open: _e, defaultOpen: ve = !1, onOpenChange: ye, onInvalidInput: be, invalidMessage: C, startLabel: xe, endLabel: Se, chooseRangeLabel: Ce, changeRangeLabel: we, dialogLabel: Te, formatDescription: Ee, today: De, numberOfMonths: Oe = 2, invalid: ke, required: Ae, disabled: je, readOnly: Me, fullWidth: Ne = !0, "aria-label": w, "aria-describedby": Pe, className: Fe, style: Ie, id: Le }) => {
+	let { messages: T, locale: Re } = se(), E = fe ?? Re, ze = xe ?? T.datePicker.startDate, Be = Se ?? T.datePicker.endDate, Ve = Ce ?? T.datePicker.chooseDates, He = we ?? T.datePicker.changeDates, Ue = Te ?? T.datePicker.datesDialog, We = Ee ?? T.datePicker.format, D = ee(), O = te({
+		id: Le,
+		disabled: je,
+		readOnly: Me,
+		size: he,
+		invalid: ke,
+		required: Ae
+	}), k = O.size ?? "md", A = !O.disabled && !O.readOnly, j = le(() => re(E), [E]), { format: M } = j, N = ie(j.pattern, T.datePicker.pattern), [Ge, P] = e({
+		value: _,
+		defaultValue: v ?? null,
+		onChange: de
+	}), F = Ge ?? g, I = (e) => e ? M(e) : "", [L, R] = p(() => I(F.start)), [z, B] = p(() => I(F.end)), [V, H] = p(null), U = f(F);
 	d(() => {
-		let e = H.current;
-		(e.start !== P.start || e.end !== P.end) && (H.current = P, L(F(P.start)), z(F(P.end)), V(null));
+		let e = U.current;
+		(e.start !== F.start || e.end !== F.end) && (U.current = F, R(I(F.start)), B(I(F.end)), H(null));
 	}, [
-		P.start,
-		P.end,
-		j
+		F.start,
+		F.end,
+		M
 	]);
-	let U = (e) => {
-		H.current = e, L(F(e.start)), z(F(e.end)), N(e);
-	}, qe = (e) => v && e < v || y && e > y ? "out-of-range" : b?.(e, oe(e)) ? "unavailable" : null, W = (e) => {
-		let t = H.current, n = (e === "start" ? I : R).trim();
+	let W = (e) => {
+		U.current = e, R(I(e.start)), B(I(e.end)), P(e);
+	}, Ke = (e) => y && e < y || b && e > b ? "out-of-range" : x?.(e, oe(e)) ? "unavailable" : null, G = (e) => {
+		let t = U.current, n = (e === "start" ? L : z).trim();
 		if (!n) {
-			V((t) => t?.part === e ? null : t), t[e] !== null && U({
+			H((t) => t?.part === e ? null : t), t[e] !== null && W({
 				...t,
 				[e]: null
 			});
 			return;
 		}
-		let r = ae(n, T), i = r ? qe(r) : "unparseable";
+		let r = ae(n, E), i = r ? Ke(r) : "unparseable";
 		if (!i && r) {
 			let n = e === "start" ? t.end : t.start;
 			n && (e === "start" ? r > n : r < n) && (i = "order");
@@ -69,67 +70,67 @@ var g = ({ value: g, defaultValue: _, onValueChange: fe, min: v, max: y, isDateD
 				text: n,
 				reason: i,
 				date: r ?? void 0,
-				pattern: M
+				pattern: N
 			};
-			V(a);
+			H(a);
 			let o = {
 				...t,
 				[e]: null
 			};
-			H.current = o, N(o), xe?.(a);
+			U.current = o, P(o), be?.(a);
 			return;
 		}
-		V(null);
+		H(null);
 		let a = {
 			...t,
 			[e]: r
 		};
-		H.current = a, e === "start" ? L(j(r)) : z(j(r)), t[e] !== r && N(a);
-	}, G = f(null);
-	t(() => G.current, () => {
-		let e = _ ?? ue;
-		H.current = e, L(F(e.start)), z(F(e.end)), V(null), N(_ ?? null);
-	}, g === void 0);
-	let [Je, K] = e({
-		value: ve,
-		defaultValue: ye,
-		onChange: be
-	}), q = Je && k, [Ye, J] = p(P);
+		U.current = a, e === "start" ? R(M(r)) : B(M(r)), t[e] !== r && P(a);
+	}, K = f(null);
+	t(() => K.current, () => {
+		let e = v ?? g;
+		U.current = e, R(I(e.start)), B(I(e.end)), H(null), P(v ?? null);
+	}, _ === void 0);
+	let [qe, q] = e({
+		value: _e,
+		defaultValue: ve,
+		onChange: ye
+	}), J = qe && A, [Je, Y] = p(F);
 	d(() => {
-		q && J(H.current);
-	}, [q]);
-	let Y = f(null), Xe = () => Y.current?.querySelector("[data-active]") ?? null, Ze = (e) => {
-		J(e), e.start && e.end && (V(null), U(e), K(!1));
+		J && Y(U.current);
+	}, [J]);
+	let Ye = f(null), Xe = () => Ye.current?.querySelector("[data-active]") ?? null, Ze = (e) => {
+		Y(e), e.start && e.end && (H(null), W(e), q(!1));
 	}, X = (e) => (t) => {
-		k && (t.key === "Enter" ? W(e) : t.key === "ArrowDown" && t.altKey && (t.preventDefault(), W(e), K(!0)));
-	}, Z = ce(), Qe = `${Z}-name`, $e = `${Z}-start`, et = `${Z}-end`, tt = `${Z}-format`, nt = `${Z}-error`, rt = E?.labelId ?? (C ? Qe : void 0), it = (e) => [rt, e].filter(Boolean).join(" "), Q = B && S !== null ? typeof S == "function" ? S(B) : S ?? de(w.datePicker.invalid, B, j, v, y) : null, at = [
-		Fe,
+		A && (t.key === "Enter" ? G(e) : t.key === "ArrowDown" && t.altKey && (t.preventDefault(), G(e), q(!0)));
+	}, Z = ce(), Qe = `${Z}-name`, $e = `${Z}-start`, et = `${Z}-end`, tt = `${Z}-format`, nt = `${Z}-error`, rt = D?.labelId ?? (w ? Qe : void 0), it = (e) => [rt, e].filter(Boolean).join(" "), Q = V && C !== null ? typeof C == "function" ? C(V) : C ?? ue(T.datePicker.invalid, V, M, y, b) : null, at = [
+		Pe,
 		tt,
 		Q == null ? void 0 : nt
-	].filter(Boolean).join(" ") || void 0, ot = P.start && P.end ? `${l(P.start, T)} to ${l(P.end, T)}` : null, st = ot ? Ue(ot) : He, $ = {
+	].filter(Boolean).join(" ") || void 0, ot = F.start && F.end ? `${l(F.start, E)} to ${l(F.end, E)}` : null, st = ot ? He(ot) : Ve, $ = {
 		type: "text",
 		autoComplete: "off",
-		size: O,
-		disabled: D.disabled,
-		readOnly: D.readOnly,
-		required: D.required,
+		size: k,
+		disabled: O.disabled,
+		readOnly: O.readOnly,
+		required: O.required,
 		fullWidth: !0,
-		placeholder: M,
+		placeholder: N,
 		"aria-describedby": at,
-		invalid: D.invalid || void 0
+		invalid: O.invalid || void 0
 	};
 	return /* @__PURE__ */ h("div", {
-		className: r(u.root, Pe && u.fullWidth, Ie),
-		style: Le,
-		"data-size": O,
+		className: n(u.root, Ne && u.fullWidth, Fe),
+		style: Ie,
+		"data-size": k,
 		children: [
-			/* @__PURE__ */ h(s, {
-				open: q,
-				onOpenChange: K,
-				placement: he,
+			/* @__PURE__ */ h(r, {
+				open: J,
+				onOpenChange: q,
+				placement: me,
 				modal: !0,
 				closeOnAnchorFocus: !0,
-				children: [/* @__PURE__ */ m(s.Anchor, {
+				children: [/* @__PURE__ */ m(r.Anchor, {
 					asChild: !1,
 					className: u.anchor,
 					children: /* @__PURE__ */ h("div", {
@@ -142,16 +143,16 @@ var g = ({ value: g, defaultValue: _, onValueChange: fe, min: v, max: y, isDateD
 								children: [/* @__PURE__ */ m("span", {
 									id: $e,
 									className: u.partLabel,
-									children: Be
+									children: ze
 								}), /* @__PURE__ */ m(c, {
 									...$,
-									ref: G,
-									id: D.id,
+									ref: K,
+									id: O.id,
 									"aria-labelledby": it($e),
-									invalid: D.invalid || B?.part === "start" || void 0,
-									value: I,
-									onChange: (e) => L(e.target.value),
-									onBlur: () => k && W("start"),
+									invalid: O.invalid || V?.part === "start" || void 0,
+									value: L,
+									onChange: (e) => R(e.target.value),
+									onBlur: () => A && G("start"),
 									onKeyDown: X("start")
 								})]
 							}),
@@ -165,79 +166,79 @@ var g = ({ value: g, defaultValue: _, onValueChange: fe, min: v, max: y, isDateD
 								children: [/* @__PURE__ */ m("span", {
 									id: et,
 									className: u.partLabel,
-									children: Ve
+									children: Be
 								}), /* @__PURE__ */ m(c, {
 									...$,
 									id: `${Z}-end-input`,
 									"aria-labelledby": it(et),
-									invalid: D.invalid || B?.part === "end" || void 0,
-									value: R,
-									onChange: (e) => z(e.target.value),
-									onBlur: () => k && W("end"),
+									invalid: O.invalid || V?.part === "end" || void 0,
+									value: z,
+									onChange: (e) => B(e.target.value),
+									onBlur: () => A && G("end"),
 									onKeyDown: X("end"),
-									endElement: !D.readOnly && /* @__PURE__ */ m(s.Trigger, {
+									endElement: !O.readOnly && /* @__PURE__ */ m(r.Trigger, {
 										asChild: !0,
-										children: /* @__PURE__ */ m(a, {
-											size: O === "sm" ? "xs" : "sm",
+										children: /* @__PURE__ */ m(i, {
+											size: k === "sm" ? "xs" : "sm",
 											variant: "ghost",
 											tone: "neutral",
 											"aria-label": st,
-											disabled: D.disabled,
-											children: /* @__PURE__ */ m(o, {})
+											disabled: O.disabled,
+											children: /* @__PURE__ */ m(a, {})
 										})
 									})
 								})]
 							})
 						]
 					})
-				}), /* @__PURE__ */ m(s.Content, {
-					"aria-label": We,
+				}), /* @__PURE__ */ m(r.Content, {
+					"aria-label": Ue,
 					size: "sm",
 					maxWidth: "none",
 					initialFocus: Xe,
 					className: u.popup,
-					children: /* @__PURE__ */ m(se, {
-						ref: Y,
+					children: /* @__PURE__ */ m(ne, {
+						ref: Ye,
 						mode: "range",
-						value: Ye,
+						value: Je,
 						onValueChange: Ze,
-						min: v,
-						max: y,
-						isDateDisabled: b,
-						locale: T,
-						weekStartsOn: me,
-						size: O,
-						today: Oe,
-						numberOfMonths: ke
+						min: y,
+						max: b,
+						isDateDisabled: x,
+						locale: E,
+						weekStartsOn: pe,
+						size: k,
+						today: De,
+						numberOfMonths: Oe
 					})
 				})]
 			}),
-			C && !E?.labelId && /* @__PURE__ */ m(i, {
+			w && !D?.labelId && /* @__PURE__ */ m(s, {
 				id: Qe,
-				children: C
+				children: w
 			}),
-			/* @__PURE__ */ m(i, {
+			/* @__PURE__ */ m(s, {
 				id: tt,
-				children: Ge(M)
+				children: We(N)
 			}),
-			x !== void 0 && /* @__PURE__ */ m("input", {
+			ge !== void 0 && /* @__PURE__ */ m("input", {
 				type: "hidden",
-				name: x,
-				value: P.start ?? "",
-				disabled: D.disabled
+				name: ge,
+				value: F.start ?? "",
+				disabled: O.disabled
 			}),
-			_e !== void 0 && /* @__PURE__ */ m("input", {
+			S !== void 0 && /* @__PURE__ */ m("input", {
 				type: "hidden",
-				name: _e,
-				value: P.end ?? "",
-				disabled: D.disabled
+				name: S,
+				value: F.end ?? "",
+				disabled: O.disabled
 			}),
 			/* @__PURE__ */ m("div", {
 				"aria-live": "polite",
 				children: Q != null && /* @__PURE__ */ h("p", {
 					id: nt,
 					className: u.error,
-					children: [/* @__PURE__ */ m(ee, {
+					children: [/* @__PURE__ */ m(o, {
 						size: "sm",
 						className: u.errorIcon
 					}), /* @__PURE__ */ m("span", { children: Q })]
@@ -246,5 +247,4 @@ var g = ({ value: g, defaultValue: _, onValueChange: fe, min: v, max: y, isDateD
 		]
 	});
 };
-//#endregion
-export { g as DateRangePicker };
+export { _ as DateRangePicker };

package/dist/components/forms/DatePicker/DateRangePicker.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/DatePicker/DateRangePicker.module.css
+// src/components/forms/DatePicker/DateRangePicker.module.css
 var e = "_root_pyvlh_13", t = "_fullWidth_pyvlh_25", n = "_anchor_pyvlh_35", r = "_fields_pyvlh_49", i = "_part_pyvlh_63", a = "_partLabel_pyvlh_81", o = "_separator_pyvlh_97", s = "_popup_pyvlh_115", c = "_error_pyvlh_123", l = "_errorIcon_pyvlh_147", u = {
 	root: e,
 	fullWidth: t,
@@ -11,5 +11,4 @@ var e = "_root_pyvlh_13", t = "_fullWidth_pyvlh_25", n = "_anchor_pyvlh_35", r =
 	error: c,
 	errorIcon: l
 };
-//#endregion
 export { n as anchor, u as default, c as error, l as errorIcon, r as fields, t as fullWidth, i as part, a as partLabel, s as popup, e as root, o as separator };

package/dist/components/forms/DatePicker/dateUtils.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/DatePicker/dateUtils.ts
+// src/components/forms/DatePicker/dateUtils.ts
 var e = (e, t = 2) => String(e).padStart(t, "0");
 function t(e, t, n) {
 	let r = new Date(2e3, 0, 1);
@@ -200,5 +200,4 @@ function M(e, n) {
 		month: "long"
 	}).format(t(r[0], r[1], 1)) : "";
 }
-//#endregion
 export { c as addDays, l as addMonths, u as addMonthsToMonth, _ as clampDate, d as dayOfWeek, r as daysInMonth, p as endOfWeek, m as firstOfMonth, j as formatFullDate, M as formatMonthYear, T as getDateFormatInfo, A as getFormatter, y as getLocaleWeekStart, a as isISODate, h as lastOfMonth, x as localizeDatePattern, t as makeDate, g as monthGrid, O as parseDateText, i as parseISODate, s as parseISOMonth, f as startOfWeek, n as toISODate, o as toISOMonth, v as todayISO };

package/dist/components/forms/DateTimePicker/DateTimePicker.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),i=require("../Field/FieldContext.cjs.js"),a=require("../DatePicker/dateUtils.cjs.js"),o=require("../DatePicker/DatePicker.cjs.js"),s=require("../TimePicker/timeUtils.cjs.js"),c=require("../TimePicker/TimePicker.cjs.js"),l=require("./DateTimePicker.module.css.cjs.js");let u=require("react"),d=require("react/jsx-runtime");function f(e){return!e||e.length<16||e[10]!==`T`?!1:a.isISODate(e.slice(0,10))&&s.isISOTime(e.slice(11,16))}function p(e){return f(e)?{date:e.slice(0,10),time:e.slice(11,16)}:null}var m=({value:a,defaultValue:s,onValueChange:f,min:m,max:ee,isDateDisabled:te,step:ne=30,hourCycle:h,defaultTime:g,locale:_,weekStartsOn:v,today:y,size:b,name:x,clearable:S=!1,invalid:C,required:w,disabled:T,readOnly:E,placement:re=`bottom-start`,dateLabel:ie,timeLabel:ae,onInvalidDate:oe,onInvalidTime:se,fullWidth:ce=!0,id:D,"aria-label":O,"aria-describedby":k,className:A,style:j})=>{let{messages:M}=t.useLocale(),N=ie??M.timePicker.date,P=ae??M.timePicker.time,F=i.useFieldContext(),I=i.useFieldControl({id:D,disabled:T,readOnly:E,size:b,invalid:C,required:w}),[L,R]=e.useControllableState({value:a,defaultValue:s??null,onChange:f}),[z,B]=(0,u.useState)(()=>p(L)?.date??null),[V,H]=(0,u.useState)(()=>p(L)?.time??null),U=(0,u.useRef)(L);(0,u.useEffect)(()=>{if(U.current===L)return;U.current=L;let e=p(L);B(e?.date??null),H(e?.time??null)},[L]);let W=(e,t)=>{B(e),H(t);let n=e&&t?`${e}T${t}`:null;n!==L&&(U.current=n,R(n))},G=p(m),K=p(ee),le=G&&z===G.date?G.time:void 0,ue=K&&z===K.date?K.time:void 0,q=(0,u.useId)(),J=`${q}-name`,Y=`${q}-date`,X=`${q}-time`,Z=F?.labelId??(O?J:void 0),Q=e=>[Z,e].filter(Boolean).join(` `),$={locale:_,size:b,clearable:S,placement:re,invalid:I.invalid||void 0,required:I.required,disabled:I.disabled,readOnly:I.readOnly,fullWidth:!0,"aria-describedby":k};return(0,d.jsxs)(`div`,{className:n.cx(l.default.root,ce&&l.default.fullWidth,A),style:j,"data-size":I.size??`md`,children:[(0,d.jsxs)(`div`,{role:`group`,"aria-labelledby":Z,className:l.default.fields,children:[(0,d.jsxs)(`div`,{className:n.cx(l.default.part,l.default.datePart),children:[(0,d.jsx)(`span`,{id:Y,className:l.default.partLabel,children:N}),(0,d.jsx)(o.DatePicker,{...$,id:I.id??`${q}-date-input`,"aria-labelledby":Q(Y),value:z,onValueChange:e=>W(e,e&&!V&&g?g:V),min:G?.date,max:K?.date,isDateDisabled:te,weekStartsOn:v,today:y,onInvalidInput:oe})]}),(0,d.jsxs)(`div`,{className:n.cx(l.default.part,l.default.timePart),children:[(0,d.jsx)(`span`,{id:X,className:l.default.partLabel,children:P}),(0,d.jsx)(c.TimePicker,{...$,id:`${q}-time-input`,"aria-labelledby":Q(X),value:V,onValueChange:e=>W(z,e),min:le,max:ue,step:ne,hourCycle:h,onInvalidInput:se})]})]}),O&&!F?.labelId&&(0,d.jsx)(r.VisuallyHidden,{id:J,children:O}),x!==void 0&&(0,d.jsx)(`input`,{type:`hidden`,name:x,value:L??``,disabled:I.disabled})]})};exports.DateTimePicker=m,exports.isISODateTime=f;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),i=require("../DatePicker/DatePicker.cjs.js"),a=require("../DatePicker/dateUtils.cjs.js"),o=require("../Field/FieldContext.cjs.js"),s=require("../TimePicker/TimePicker.cjs.js"),c=require("../TimePicker/timeUtils.cjs.js"),l=require("./DateTimePicker.module.css.cjs.js");let u=require("react"),d=require("react/jsx-runtime");function f(e){return!e||e.length<16||e[10]!==`T`?!1:a.isISODate(e.slice(0,10))&&c.isISOTime(e.slice(11,16))}function p(e){return f(e)?{date:e.slice(0,10),time:e.slice(11,16)}:null}var m=({value:a,defaultValue:c,onValueChange:f,min:m,max:h,isDateDisabled:g,step:_=30,hourCycle:v,defaultTime:y,locale:b,weekStartsOn:x,today:S,size:C,name:w,clearable:T=!1,invalid:E,required:ee,disabled:te,readOnly:ne,placement:re=`bottom-start`,dateLabel:ie,timeLabel:ae,onInvalidDate:oe,onInvalidTime:se,fullWidth:ce=!0,id:D,"aria-label":O,"aria-describedby":k,className:A,style:j})=>{let{messages:M}=n.useLocale(),N=ie??M.timePicker.date,P=ae??M.timePicker.time,F=o.useFieldContext(),I=o.useFieldControl({id:D,disabled:te,readOnly:ne,size:C,invalid:E,required:ee}),[L,R]=e.useControllableState({value:a,defaultValue:c??null,onChange:f}),[z,B]=(0,u.useState)(()=>p(L)?.date??null),[V,H]=(0,u.useState)(()=>p(L)?.time??null),U=(0,u.useRef)(L);(0,u.useEffect)(()=>{if(U.current===L)return;U.current=L;let e=p(L);B(e?.date??null),H(e?.time??null)},[L]);let W=(e,t)=>{B(e),H(t);let n=e&&t?`${e}T${t}`:null;n!==L&&(U.current=n,R(n))},G=p(m),K=p(h),le=G&&z===G.date?G.time:void 0,ue=K&&z===K.date?K.time:void 0,q=(0,u.useId)(),J=`${q}-name`,Y=`${q}-date`,X=`${q}-time`,Z=F?.labelId??(O?J:void 0),Q=e=>[Z,e].filter(Boolean).join(` `),$={locale:b,size:C,clearable:T,placement:re,invalid:I.invalid||void 0,required:I.required,disabled:I.disabled,readOnly:I.readOnly,fullWidth:!0,"aria-describedby":k};return(0,d.jsxs)(`div`,{className:t.cx(l.default.root,ce&&l.default.fullWidth,A),style:j,"data-size":I.size??`md`,children:[(0,d.jsxs)(`div`,{role:`group`,"aria-labelledby":Z,className:l.default.fields,children:[(0,d.jsxs)(`div`,{className:t.cx(l.default.part,l.default.datePart),children:[(0,d.jsx)(`span`,{id:Y,className:l.default.partLabel,children:N}),(0,d.jsx)(i.DatePicker,{...$,id:I.id??`${q}-date-input`,"aria-labelledby":Q(Y),value:z,onValueChange:e=>W(e,e&&!V&&y?y:V),min:G?.date,max:K?.date,isDateDisabled:g,weekStartsOn:x,today:S,onInvalidInput:oe})]}),(0,d.jsxs)(`div`,{className:t.cx(l.default.part,l.default.timePart),children:[(0,d.jsx)(`span`,{id:X,className:l.default.partLabel,children:P}),(0,d.jsx)(s.TimePicker,{...$,id:`${q}-time-input`,"aria-labelledby":Q(X),value:V,onValueChange:e=>W(z,e),min:le,max:ue,step:_,hourCycle:v,onInvalidInput:se})]})]}),O&&!F?.labelId&&(0,d.jsx)(r.VisuallyHidden,{id:J,children:O}),w!==void 0&&(0,d.jsx)(`input`,{type:`hidden`,name:w,value:L??``,disabled:I.disabled})]})};exports.DateTimePicker=m,exports.isISODateTime=f;

package/dist/components/forms/DateTimePicker/DateTimePicker.mjs

@@ -1,18 +1,19 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useLocale as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { VisuallyHidden as ee } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { useFieldContext as r, useFieldControl as i } from "../Field/FieldContext.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { useLocale as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { DatePicker as i } from "../DatePicker/DatePicker.mjs";
 import { isISODate as a } from "../DatePicker/dateUtils.mjs";
-import { DatePicker as o } from "../DatePicker/DatePicker.mjs";
-import { isISOTime as s } from "../TimePicker/timeUtils.mjs";
-import { TimePicker as c } from "../TimePicker/TimePicker.mjs";
+import { useFieldContext as ee, useFieldControl as o } from "../Field/FieldContext.mjs";
+import { TimePicker as s } from "../TimePicker/TimePicker.mjs";
+import { isISOTime as c } from "../TimePicker/timeUtils.mjs";
 import l from "./DateTimePicker.module.css.mjs";
 import { useEffect as u, useId as te, useRef as ne, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/forms/DateTimePicker/DateTimePicker.tsx
+// src/components/forms/DateTimePicker/DateTimePicker.tsx
 function m(e) {
-	return !e || e.length < 16 || e[10] !== "T" ? !1 : a(e.slice(0, 10)) && s(e.slice(11, 16));
+	return !e || e.length < 16 || e[10] !== "T" ? !1 : a(e.slice(0, 10)) && c(e.slice(11, 16));
 }
 function h(e) {
 	return m(e) ? {
@@ -20,8 +21,8 @@ function h(e) {
 		time: e.slice(11, 16)
 	} : null;
 }
-var g = ({ value: a, defaultValue: s, onValueChange: m, min: g, max: _, isDateDisabled: v, step: y = 30, hourCycle: re, defaultTime: b, locale: ie, weekStartsOn: ae, today: oe, size: x, name: S, clearable: se = !1, invalid: ce, required: le, disabled: ue, readOnly: de, placement: fe = "bottom-start", dateLabel: C, timeLabel: w, onInvalidDate: T, onInvalidTime: E, fullWidth: D = !0, id: O, "aria-label": k, "aria-describedby": A, className: j, style: M }) => {
-	let { messages: N } = t(), P = C ?? N.timePicker.date, F = w ?? N.timePicker.time, I = r(), L = i({
+var g = ({ value: a, defaultValue: c, onValueChange: m, min: g, max: _, isDateDisabled: v, step: y = 30, hourCycle: re, defaultTime: b, locale: ie, weekStartsOn: ae, today: oe, size: x, name: S, clearable: se = !1, invalid: ce, required: le, disabled: ue, readOnly: de, placement: fe = "bottom-start", dateLabel: C, timeLabel: w, onInvalidDate: T, onInvalidTime: E, fullWidth: D = !0, id: O, "aria-label": k, "aria-describedby": A, className: j, style: M }) => {
+	let { messages: N } = n(), P = C ?? N.timePicker.date, F = w ?? N.timePicker.time, I = ee(), L = o({
 		id: O,
 		disabled: ue,
 		readOnly: de,
@@ -30,7 +31,7 @@ var g = ({ value: a, defaultValue: s, onValueChange: m, min: g, max: _, isDateDi
 		required: le
 	}), [R, pe] = e({
 		value: a,
-		defaultValue: s ?? null,
+		defaultValue: c ?? null,
 		onChange: m
 	}), [z, B] = d(() => h(R)?.date ?? null), [V, H] = d(() => h(R)?.time ?? null), U = ne(R);
 	u(() => {
@@ -56,7 +57,7 @@ var g = ({ value: a, defaultValue: s, onValueChange: m, min: g, max: _, isDateDi
 		"aria-describedby": A
 	};
 	return /* @__PURE__ */ p("div", {
-		className: n(l.root, D && l.fullWidth, j),
+		className: t(l.root, D && l.fullWidth, j),
 		style: M,
 		"data-size": L.size ?? "md",
 		children: [
@@ -65,12 +66,12 @@ var g = ({ value: a, defaultValue: s, onValueChange: m, min: g, max: _, isDateDi
 				"aria-labelledby": Z,
 				className: l.fields,
 				children: [/* @__PURE__ */ p("div", {
-					className: n(l.part, l.datePart),
+					className: t(l.part, l.datePart),
 					children: [/* @__PURE__ */ f("span", {
 						id: Y,
 						className: l.partLabel,
 						children: P
-					}), /* @__PURE__ */ f(o, {
+					}), /* @__PURE__ */ f(i, {
 						...$,
 						id: L.id ?? `${q}-date-input`,
 						"aria-labelledby": Q(Y),
@@ -84,12 +85,12 @@ var g = ({ value: a, defaultValue: s, onValueChange: m, min: g, max: _, isDateDi
 						onInvalidInput: T
 					})]
 				}), /* @__PURE__ */ p("div", {
-					className: n(l.part, l.timePart),
+					className: t(l.part, l.timePart),
 					children: [/* @__PURE__ */ f("span", {
 						id: X,
 						className: l.partLabel,
 						children: F
-					}), /* @__PURE__ */ f(c, {
+					}), /* @__PURE__ */ f(s, {
 						...$,
 						id: `${q}-time-input`,
 						"aria-labelledby": Q(X),
@@ -103,7 +104,7 @@ var g = ({ value: a, defaultValue: s, onValueChange: m, min: g, max: _, isDateDi
 					})]
 				})]
 			}),
-			k && !I?.labelId && /* @__PURE__ */ f(ee, {
+			k && !I?.labelId && /* @__PURE__ */ f(r, {
 				id: J,
 				children: k
 			}),
@@ -116,5 +117,4 @@ var g = ({ value: a, defaultValue: s, onValueChange: m, min: g, max: _, isDateDi
 		]
 	});
 };
-//#endregion
 export { g as DateTimePicker, m as isISODateTime };

package/dist/components/forms/DateTimePicker/DateTimePicker.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/DateTimePicker/DateTimePicker.module.css
+// src/components/forms/DateTimePicker/DateTimePicker.module.css
 var e = "_root_tmjqy_6", t = "_fullWidth_tmjqy_12", n = "_fields_tmjqy_17", r = "_part_tmjqy_24", i = "_datePart_tmjqy_32", a = "_timePart_tmjqy_36", o = "_partLabel_tmjqy_41", s = {
 	root: e,
 	fullWidth: t,
@@ -8,5 +8,4 @@ var e = "_root_tmjqy_6", t = "_fullWidth_tmjqy_12", n = "_fields_tmjqy_17", r =
 	timePart: a,
 	partLabel: o
 };
-//#endregion
 export { i as datePart, s as default, n as fields, t as fullWidth, r as part, o as partLabel, e as root, a as timePart };

package/dist/components/forms/Field/Field.cjs.js

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),r=require("./FieldContext.cjs.js"),i=require("./Field.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=(0,a.createContext)(null),c=e=>e!=null&&e!==!1&&e!==``;function l(e){let[t,n]=(0,a.useState)({hint:0,error:0}),r=(0,a.useCallback)(e=>(n(t=>({...t,[e]:t[e]+1})),()=>n(t=>({...t,[e]:t[e]-1}))),[]);return{parts:(0,a.useMemo)(()=>({hintId:`${e}-hint`,errorId:`${e}-error`,register:r}),[e,r]),counts:t}}function u(e,t){let n=(0,a.useContext)(s)?.register;(0,a.useLayoutEffect)(()=>{if(t&&n)return n(e)},[t,e,n])}var d={sm:i.default.sizeSm,md:i.default.sizeMd,lg:i.default.sizeLg};function f({required:e,requiredIndicator:t,optionalIndicator:n}){return e?t===!1||t===null?null:(0,o.jsx)(`span`,{className:i.default.requiredIndicator,"aria-hidden":`true`,children:t===void 0||t===!0?`*`:t}):c(n)?(0,o.jsx)(`span`,{className:i.default.optionalIndicator,children:n===!0?`(optional)`:n}):null}var p=`input:not([type="hidden"]), select, textarea, button, meter, output, progress`;function m({required:t,requiredIndicator:n,optionalIndicator:s,size:c,className:l,children:u,...m}){let h=r.useFieldContext(),g=t??h?.required??!1,_=c??h?.size??`md`,v=h&&!h.isGroup?h.controlId:void 0,[y,b]=(0,a.useState)(!0);return(0,a.useLayoutEffect)(()=>{let e=v?document.getElementById(v):null;b(!e||e.matches(p))},[v]),(0,o.jsxs)(`label`,{htmlFor:y?v:void 0,id:h?.labelId,...m,className:e.cx(i.default.label,d[_],h?.disabled&&i.default.labelDisabled,l),children:[u,(0,o.jsx)(f,{required:g,requiredIndicator:n,optionalIndicator:s})]})}function h({className:t,children:n,...r}){let l=(0,a.useContext)(s),d=c(n);return u(`hint`,d),d?(0,o.jsx)(`p`,{id:l?.hintId,...r,className:e.cx(i.default.hint,t),children:n}):null}function g({announce:t=!1,className:r,children:l,...d}){let f=(0,a.useContext)(s),p=c(l);u(`error`,p);let m=p?(0,o.jsxs)(`p`,{id:f?.errorId,...d,className:e.cx(i.default.error,r),children:[(0,o.jsx)(n.ErrorIcon,{size:`sm`,className:i.default.errorIcon}),(0,o.jsx)(`span`,{children:l})]}):null;return t?(0,o.jsx)(`div`,{role:`alert`,className:i.default.alertRegion,children:m}):m}function _({label:n,labelVisuallyHidden:u=!1,hint:f,error:p,invalid:_,required:v=!1,disabled:y=!1,readOnly:b=!1,size:x,id:S,requiredIndicator:C,optionalIndicator:w,announceError:T=!1,orientation:E=`vertical`,labelAction:D,counter:O,className:k,children:A,...j}){let M=(0,a.useId)(),{parts:N,counts:P}=l(M),F=c(p),I=_??F,L=F&&I,R=c(f),z=c(O),B=R||P.hint>0,V=L||P.error>0,H=(0,a.useMemo)(()=>({controlId:S??`${M}-control`,labelId:`${M}-label`,hintId:B?N.hintId:void 0,errorId:V?N.errorId:void 0,invalid:I,required:v,disabled:y,readOnly:b,size:x,isGroup:!1}),[S,M,B,V,N,I,v,y,b,x]),U=(0,o.jsx)(m,{requiredIndicator:C,optionalIndicator:w,children:n}),W=c(D);return(0,o.jsx)(r.FieldContext.Provider,{value:H,children:(0,o.jsx)(s.Provider,{value:N,children:(0,o.jsx)(`div`,{...j,"data-orientation":E,"data-invalid":I||void 0,"data-disabled":y||void 0,className:e.cx(i.default.field,E===`horizontal`&&i.default.horizontal,x&&d[x],k),children:(0,o.jsxs)(`div`,{className:i.default.layout,children:[u?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.VisuallyHidden,{children:U}),W&&(0,o.jsx)(`div`,{className:e.cx(i.default.labelRow,i.default.labelRowActionOnly),children:(0,o.jsx)(`span`,{className:i.default.labelAction,children:D})})]}):(0,o.jsxs)(`div`,{className:i.default.labelRow,children:[U,W&&(0,o.jsx)(`span`,{className:i.default.labelAction,children:D})]}),(0,o.jsxs)(`div`,{className:i.default.body,children:[A,(R||z)&&(0,o.jsxs)(`div`,{className:i.default.hintRow,children:[R&&(0,o.jsx)(h,{children:f}),z&&(0,o.jsx)(`span`,{className:i.default.counter,children:O})]}),(L||T)&&(0,o.jsx)(g,{announce:T,children:L?p:null})]})]})})})})}function v({id:e,invalid:t=!1,required:n=!1,disabled:i=!1,readOnly:c=!1,size:u,children:d}){let f=(0,a.useId)(),{parts:p,counts:m}=l(f),h=(0,a.useMemo)(()=>({controlId:e??`${f}-control`,labelId:`${f}-label`,hintId:m.hint>0?p.hintId:void 0,errorId:m.error>0?p.errorId:void 0,invalid:t,required:n,disabled:i,readOnly:c,size:u,isGroup:!1}),[e,f,m.hint,m.error,p,t,n,i,c,u]);return(0,o.jsx)(r.FieldContext.Provider,{value:h,children:(0,o.jsx)(s.Provider,{value:p,children:d})})}function y({label:n,labelVisuallyHidden:u=!1,hint:p,error:m,invalid:_,required:v=!1,disabled:y=!1,readOnly:b=!1,size:x,requiredIndicator:S,optionalIndicator:C,requiredText:w=`required`,announceError:T=!1,className:E,children:D,"aria-describedby":O,...k}){let A=(0,a.useId)(),{parts:j,counts:M}=l(A),N=c(m),P=_??N,F=N&&P,I=c(p),L=I||M.hint>0,R=F||M.error>0,z=`${A}-label`,B=(0,a.useMemo)(()=>({controlId:`${A}-control`,labelId:z,hintId:L?j.hintId:void 0,errorId:R?j.errorId:void 0,invalid:P,required:v,disabled:y,readOnly:b,size:x,isGroup:!0}),[A,z,L,R,j,P,v,y,b,x]),V=[O,L?j.hintId:void 0,P&&R?j.errorId:void 0].filter(Boolean).join(` `)||void 0,H=(0,o.jsxs)(o.Fragment,{children:[n,(0,o.jsx)(f,{required:v,requiredIndicator:S,optionalIndicator:C}),v&&(0,o.jsxs)(t.VisuallyHidden,{children:[` (`,w,`)`]})]});return(0,o.jsx)(r.FieldContext.Provider,{value:B,children:(0,o.jsx)(s.Provider,{value:j,children:(0,o.jsxs)(`fieldset`,{...k,disabled:y,"aria-describedby":V,"data-invalid":P||void 0,"data-disabled":y||void 0,className:e.cx(i.default.fieldset,x&&d[x],E),children:[(0,o.jsx)(`legend`,{id:z,className:e.cx(i.default.label,i.default.legend,d[x??`md`],y&&i.default.labelDisabled,u&&i.default.legendHidden),children:u?(0,o.jsx)(t.VisuallyHidden,{children:H}):H}),(0,o.jsxs)(`div`,{className:i.default.groupBody,children:[I&&(0,o.jsx)(h,{children:p}),D,(F||T)&&(0,o.jsx)(g,{announce:T,children:F?m:null})]})]})})})}exports.Field=_,exports.FieldError=g,exports.FieldHint=h,exports.FieldLabel=m,exports.FieldProvider=v,exports.Fieldset=y;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../primitives/Icon/icons.cjs.js"),n=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),r=require("./FieldContext.cjs.js"),i=require("./Field.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=(0,a.createContext)(null),c=e=>e!=null&&e!==!1&&e!==``;function l(e){let[t,n]=(0,a.useState)({hint:0,error:0}),r=(0,a.useCallback)(e=>(n(t=>({...t,[e]:t[e]+1})),()=>n(t=>({...t,[e]:t[e]-1}))),[]);return{parts:(0,a.useMemo)(()=>({hintId:`${e}-hint`,errorId:`${e}-error`,register:r}),[e,r]),counts:t}}function u(e,t){let n=(0,a.useContext)(s)?.register;(0,a.useLayoutEffect)(()=>{if(t&&n)return n(e)},[t,e,n])}var d={sm:i.default.sizeSm,md:i.default.sizeMd,lg:i.default.sizeLg};function f({required:e,requiredIndicator:t,optionalIndicator:n}){return e?t===!1||t===null?null:(0,o.jsx)(`span`,{className:i.default.requiredIndicator,"aria-hidden":`true`,children:t===void 0||t===!0?`*`:t}):c(n)?(0,o.jsx)(`span`,{className:i.default.optionalIndicator,children:n===!0?`(optional)`:n}):null}var p=`input:not([type="hidden"]), select, textarea, button, meter, output, progress`;function m({required:t,requiredIndicator:n,optionalIndicator:s,size:c,className:l,children:u,...m}){let h=r.useFieldContext(),g=t??h?.required??!1,_=c??h?.size??`md`,v=h&&!h.isGroup?h.controlId:void 0,[y,b]=(0,a.useState)(!0);return(0,a.useLayoutEffect)(()=>{let e=v?document.getElementById(v):null;b(!e||e.matches(p))},[v]),(0,o.jsxs)(`label`,{htmlFor:y?v:void 0,id:h?.labelId,...m,className:e.cx(i.default.label,d[_],h?.disabled&&i.default.labelDisabled,l),children:[u,(0,o.jsx)(f,{required:g,requiredIndicator:n,optionalIndicator:s})]})}function h({className:t,children:n,...r}){let l=(0,a.useContext)(s),d=c(n);return u(`hint`,d),d?(0,o.jsx)(`p`,{id:l?.hintId,...r,className:e.cx(i.default.hint,t),children:n}):null}function g({announce:n=!1,className:r,children:l,...d}){let f=(0,a.useContext)(s),p=c(l);u(`error`,p);let m=p?(0,o.jsxs)(`p`,{id:f?.errorId,...d,className:e.cx(i.default.error,r),children:[(0,o.jsx)(t.ErrorIcon,{size:`sm`,className:i.default.errorIcon}),(0,o.jsx)(`span`,{children:l})]}):null;return n?(0,o.jsx)(`div`,{role:`alert`,className:i.default.alertRegion,children:m}):m}function _({label:t,labelVisuallyHidden:u=!1,hint:f,error:p,invalid:_,required:v=!1,disabled:y=!1,readOnly:b=!1,size:x,id:S,requiredIndicator:C,optionalIndicator:w,announceError:T=!1,orientation:E=`vertical`,labelAction:D,counter:O,className:k,children:A,...j}){let M=(0,a.useId)(),{parts:N,counts:P}=l(M),F=c(p),I=_??F,L=F&&I,R=c(f),z=c(O),B=R||P.hint>0,V=L||P.error>0,H=(0,a.useMemo)(()=>({controlId:S??`${M}-control`,labelId:`${M}-label`,hintId:B?N.hintId:void 0,errorId:V?N.errorId:void 0,invalid:I,required:v,disabled:y,readOnly:b,size:x,isGroup:!1}),[S,M,B,V,N,I,v,y,b,x]),U=(0,o.jsx)(m,{requiredIndicator:C,optionalIndicator:w,children:t}),W=c(D);return(0,o.jsx)(r.FieldContext.Provider,{value:H,children:(0,o.jsx)(s.Provider,{value:N,children:(0,o.jsx)(`div`,{...j,"data-orientation":E,"data-invalid":I||void 0,"data-disabled":y||void 0,className:e.cx(i.default.field,E===`horizontal`&&i.default.horizontal,x&&d[x],k),children:(0,o.jsxs)(`div`,{className:i.default.layout,children:[u?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.VisuallyHidden,{children:U}),W&&(0,o.jsx)(`div`,{className:e.cx(i.default.labelRow,i.default.labelRowActionOnly),children:(0,o.jsx)(`span`,{className:i.default.labelAction,children:D})})]}):(0,o.jsxs)(`div`,{className:i.default.labelRow,children:[U,W&&(0,o.jsx)(`span`,{className:i.default.labelAction,children:D})]}),(0,o.jsxs)(`div`,{className:i.default.body,children:[A,(R||z)&&(0,o.jsxs)(`div`,{className:i.default.hintRow,children:[R&&(0,o.jsx)(h,{children:f}),z&&(0,o.jsx)(`span`,{className:i.default.counter,children:O})]}),(L||T)&&(0,o.jsx)(g,{announce:T,children:L?p:null})]})]})})})})}function v({id:e,invalid:t=!1,required:n=!1,disabled:i=!1,readOnly:c=!1,size:u,children:d}){let f=(0,a.useId)(),{parts:p,counts:m}=l(f),h=(0,a.useMemo)(()=>({controlId:e??`${f}-control`,labelId:`${f}-label`,hintId:m.hint>0?p.hintId:void 0,errorId:m.error>0?p.errorId:void 0,invalid:t,required:n,disabled:i,readOnly:c,size:u,isGroup:!1}),[e,f,m.hint,m.error,p,t,n,i,c,u]);return(0,o.jsx)(r.FieldContext.Provider,{value:h,children:(0,o.jsx)(s.Provider,{value:p,children:d})})}function y({label:t,labelVisuallyHidden:u=!1,hint:p,error:m,invalid:_,required:v=!1,disabled:y=!1,readOnly:b=!1,size:x,requiredIndicator:S,optionalIndicator:C,requiredText:w=`required`,announceError:T=!1,className:E,children:D,"aria-describedby":O,...k}){let A=(0,a.useId)(),{parts:j,counts:M}=l(A),N=c(m),P=_??N,F=N&&P,I=c(p),L=I||M.hint>0,R=F||M.error>0,z=`${A}-label`,B=(0,a.useMemo)(()=>({controlId:`${A}-control`,labelId:z,hintId:L?j.hintId:void 0,errorId:R?j.errorId:void 0,invalid:P,required:v,disabled:y,readOnly:b,size:x,isGroup:!0}),[A,z,L,R,j,P,v,y,b,x]),V=[O,L?j.hintId:void 0,P&&R?j.errorId:void 0].filter(Boolean).join(` `)||void 0,H=(0,o.jsxs)(o.Fragment,{children:[t,(0,o.jsx)(f,{required:v,requiredIndicator:S,optionalIndicator:C}),v&&(0,o.jsxs)(n.VisuallyHidden,{children:[` (`,w,`)`]})]});return(0,o.jsx)(r.FieldContext.Provider,{value:B,children:(0,o.jsx)(s.Provider,{value:j,children:(0,o.jsxs)(`fieldset`,{...k,disabled:y,"aria-describedby":V,"data-invalid":P||void 0,"data-disabled":y||void 0,className:e.cx(i.default.fieldset,x&&d[x],E),children:[(0,o.jsx)(`legend`,{id:z,className:e.cx(i.default.label,i.default.legend,d[x??`md`],y&&i.default.labelDisabled,u&&i.default.legendHidden),children:u?(0,o.jsx)(n.VisuallyHidden,{children:H}):H}),(0,o.jsxs)(`div`,{className:i.default.groupBody,children:[I&&(0,o.jsx)(h,{children:p}),D,(F||T)&&(0,o.jsx)(g,{announce:T,children:F?m:null})]})]})})})}exports.Field=_,exports.FieldError=g,exports.FieldHint=h,exports.FieldLabel=m,exports.FieldProvider=v,exports.Fieldset=y;