@spear-ai/spectral 1.11.3 → 1.12.1

package/dist/DateTimePicker/DateTimeDisplayInput.js

@@ -1,14 +1,14 @@
 "use client";
 import "../styles/main.css";
-import { t as e } from "../twUtils-VNWgstKL.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
 import { getInputClasses as t } from "../utils/formFieldUtils.js";
 import { useUncontrolledState as n } from "../hooks/useUncontrolledState.js";
 import { Label as r } from "../Label.js";
-import { S as i, b as a, f as o } from "../DateTimeUtils-DVvG6H-p.js";
-import { forwardRef as s, useCallback as c, useEffect as l, useMemo as u, useRef as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { S as i, b as a, f as o } from "../DateTimeUtils-DrR2JWoU.js";
+import { forwardRef as s, useCallback as c, useEffect as l, useId as u, useMemo as d, useRef as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/DateTimePicker/DateTimeDisplayInput.tsx
-var m = {
+var h = {
 	month: {
 		type: "month",
 		min: 1,
@@ -51,13 +51,13 @@ var m = {
 		max: 1,
 		length: 2
 	}
-}, h = (e, t) => e === 2 ? t % 4 == 0 && t % 100 != 0 || t % 400 == 0 ? 29 : 28 : [
+}, g = (e, t) => e === 2 ? t % 4 == 0 && t % 100 != 0 || t % 400 == 0 ? 29 : 28 : [
 	4,
 	6,
 	9,
 	11
-].includes(e) ? 30 : 31, g = ({ ariaLabel: t, config: n, disabled: r, onLeftFocus: i, onRightFocus: a, onValueChange: o, periodLabels: s, value: p }) => {
-	let m = d(null), h = d(""), g = d(!1), _ = u(() => {
+].includes(e) ? 30 : 31, _ = ({ ariaLabel: t, config: n, disabled: r, onLeftFocus: i, onRightFocus: a, onValueChange: o, periodLabels: s, value: u }) => {
+	let m = f(null), h = f(""), g = f(!1), _ = d(() => {
 		switch (n.type) {
 			case "month": return "MM";
 			case "day": return "dd";
@@ -71,8 +71,8 @@ var m = {
 		n.type,
 		n.max,
 		s
-	]), v = u(() => p === void 0 ? _ : n.type === "period" ? (p === 0 ? s?.am ?? "am" : s?.pm ?? "pm").toLowerCase() : p.toString().padStart(n.length, "0"), [
-		p,
+	]), v = d(() => u === void 0 ? _ : n.type === "period" ? (u === 0 ? s?.am ?? "am" : s?.pm ?? "pm").toLowerCase() : u.toString().padStart(n.length, "0"), [
+		u,
 		n,
 		s,
 		_
@@ -107,15 +107,15 @@ var m = {
 				return;
 			}
 			if (n.type === "period") {
-				e.preventDefault(), e.key === "ArrowUp" || e.key === "ArrowDown" ? o(p === 0 ? 1 : 0) : e.key.toLowerCase() === "a" ? o(0) : e.key.toLowerCase() === "p" && o(1);
+				e.preventDefault(), e.key === "ArrowUp" || e.key === "ArrowDown" ? o(+(u === 0)) : e.key.toLowerCase() === "a" ? o(0) : e.key.toLowerCase() === "p" && o(1);
 				return;
 			}
 			if (e.key === "ArrowUp") {
-				e.preventDefault(), h.current = "", g.current = !1, o(p === void 0 || p >= n.max ? n.min : p + 1);
+				e.preventDefault(), h.current = "", g.current = !1, o(u === void 0 || u >= n.max ? n.min : u + 1);
 				return;
 			}
 			if (e.key === "ArrowDown") {
-				e.preventDefault(), h.current = "", g.current = !1, o(p === void 0 || p <= n.min ? n.max : p - 1);
+				e.preventDefault(), h.current = "", g.current = !1, o(u === void 0 || u <= n.min ? n.max : u - 1);
 				return;
 			}
 			if (e.key === "Home") {
@@ -145,12 +145,12 @@ var m = {
 			if (e.key === "Backspace") if (e.preventDefault(), h.current) {
 				let e = h.current.slice(0, -1);
 				h.current = e, g.current = e.length > 0, m.current && (m.current.value = e || v);
-			} else p !== void 0 && (h.current = "", g.current = !0, o(n.min), m.current && (m.current.value = _));
+			} else u !== void 0 && (h.current = "", g.current = !0, o(n.min), m.current && (m.current.value = _));
 		}
 	}, [
 		r,
 		n,
-		p,
+		u,
 		v,
 		_,
 		o,
@@ -200,12 +200,12 @@ var m = {
 				paddingLeft: 0
 			};
 		}
-	}, [n.type]), T = u(() => w(), [w]), E = u(() => p === void 0, [p]);
-	return /* @__PURE__ */ f("input", {
+	}, [n.type]), T = d(() => w(), [w]), E = d(() => u === void 0, [u]);
+	return /* @__PURE__ */ p("input", {
 		"aria-label": t,
 		"aria-valuemax": n.max,
 		"aria-valuemin": n.min,
-		"aria-valuenow": p,
+		"aria-valuenow": u,
 		className: e("rounded inline-flex items-center justify-center text-center tabular-nums", "border-none bg-transparent outline-none", "focus:bg-bg-tertiary focus:text-text-primary focus:ring-1 focus:ring-accent", "hover:bg-bg-secondary", r && "cursor-not-allowed opacity-50", E && "text-text-placeholder text-sm"),
 		"data-segment": n.type,
 		defaultValue: v,
@@ -220,13 +220,13 @@ var m = {
 		style: T,
 		tabIndex: r ? -1 : 0
 	});
-}, _ = s(({ className: s, defaultValue: l, disabled: _, endIcon: v, hourFormat: y = "12", id: b, label: x, locale: S, onChange: C, showTime: w = !0, state: T = "default", value: E, date: D, onDateChange: O, ...k }, A) => {
-	let j = d(null), [M, N] = n({
+}, v = s(({ className: s, defaultValue: l, disabled: v, endIcon: y, hourFormat: b = "12", id: x, label: S, locale: C, onChange: w, showTime: T = !0, state: E = "default", value: D, "aria-labelledby": O, date: k, onDateChange: A, ...j }, M) => {
+	let N = u(), P = x ?? `datetime-display-input-${N}`, F = `${P}-label`, I = f(null), L = [S ? F : void 0, O].filter(Boolean).join(" ") || void 0, [R, z] = n({
 		defaultValue: l,
-		onChange: C ?? O,
-		value: E ?? D
-	}), P = u(() => i(S), [S]), F = u(() => a(P), [P]), I = u(() => {
-		if (!M) return {
+		onChange: w ?? A,
+		value: D ?? k
+	}), B = d(() => i(C), [C]), V = d(() => a(B), [B]), H = d(() => {
+		if (!R) return {
 			month: void 0,
 			day: void 0,
 			year: void 0,
@@ -234,104 +234,105 @@ var m = {
 			minute: void 0,
 			period: void 0
 		};
-		let e = M.getHours(), t, n;
-		return y === "24" ? (t = e, n = 0) : (n = e >= 12 ? 1 : 0, t = e % 12, t === 0 && (t = 12)), {
-			month: M.getMonth() + 1,
-			day: M.getDate(),
-			year: M.getFullYear(),
+		let e = R.getHours(), t, n;
+		return b === "24" ? (t = e, n = 0) : (n = +(e >= 12), t = e % 12, t === 0 && (t = 12)), {
+			month: R.getMonth() + 1,
+			day: R.getDate(),
+			year: R.getFullYear(),
 			hour: t,
-			minute: M.getMinutes(),
+			minute: R.getMinutes(),
 			period: n
 		};
-	}, [M, y]), L = I.month !== void 0 && I.day !== void 0 && I.year !== void 0, R = c((e) => {
+	}, [R, b]), U = H.month !== void 0 && H.day !== void 0 && H.year !== void 0, W = c((e) => {
 		let t = {
-			...I,
+			...H,
 			...e
 		};
 		if (t.month === void 0 && t.day === void 0 && t.year === void 0) {
-			N(void 0);
+			z(void 0);
 			return;
 		}
-		let n = /* @__PURE__ */ new Date(), r = (t.month ?? n.getMonth() + 1) - 1, i = t.day ?? n.getDate(), a = t.year ?? n.getFullYear(), o = h(r + 1, a), s = Math.min(i, o), c = I.month !== void 0 && I.day !== void 0 && I.year !== void 0, l = t.month !== void 0 && t.day !== void 0 && t.year !== void 0, u = !c && l, d;
-		if (y === "24") d = u ? 0 : t.hour ?? 0;
+		let n = /* @__PURE__ */ new Date(), r = (t.month ?? n.getMonth() + 1) - 1, i = t.day ?? n.getDate(), a = t.year ?? n.getFullYear(), o = g(r + 1, a), s = Math.min(i, o), c = H.month !== void 0 && H.day !== void 0 && H.year !== void 0, l = t.month !== void 0 && t.day !== void 0 && t.year !== void 0, u = !c && l, d;
+		if (b === "24") d = u ? 0 : t.hour ?? 0;
 		else {
 			let e = u ? 12 : t.hour ?? 12, n = u ? 1 : t.period ?? 0, r = e, i = n;
 			d = r === 12 ? i === 0 ? 0 : 12 : i === 0 ? r : r + 12;
 		}
 		let f = u ? 0 : t.minute ?? 0;
-		N(new Date(a, r, s, d, f, 0, 0));
+		z(new Date(a, r, s, d, f, 0, 0));
 	}, [
-		I,
-		y,
-		N
-	]), z = u(() => {
+		H,
+		b,
+		z
+	]), G = d(() => {
 		let e = [
 			{
 				key: "month",
-				config: m.month,
+				config: h.month,
 				ariaLabel: "Month"
 			},
 			{
 				key: "day",
-				config: m.day,
+				config: h.day,
 				ariaLabel: "Day"
 			},
 			{
 				key: "year",
-				config: m.year,
+				config: h.year,
 				ariaLabel: "Year"
 			}
 		];
-		if (!w) return e;
-		let t = y === "24" ? [{
+		if (!T) return e;
+		let t = b === "24" ? [{
 			key: "hour",
-			config: m.hour24,
+			config: h.hour24,
 			ariaLabel: "Hours"
 		}, {
 			key: "minute",
-			config: m.minute,
+			config: h.minute,
 			ariaLabel: "Minutes"
 		}] : [
 			{
 				key: "hour",
-				config: m.hour12,
+				config: h.hour12,
 				ariaLabel: "Hours"
 			},
 			{
 				key: "minute",
-				config: m.minute,
+				config: h.minute,
 				ariaLabel: "Minutes"
 			},
 			{
 				key: "period",
-				config: m.period,
-				ariaLabel: o(F, "Select {am} or {pm}")
+				config: h.period,
+				ariaLabel: o(V, "Select {am} or {pm}")
 			}
 		];
 		return [...e, ...t];
 	}, [
-		w,
-		y,
-		F
-	]), B = c((e) => {
-		(j.current?.querySelectorAll("[role='spinbutton']")[e])?.focus();
-	}, []), V = e(t(T, s));
-	return /* @__PURE__ */ p("div", {
+		T,
+		b,
+		V
+	]), K = c((e) => {
+		(I.current?.querySelectorAll("[role='spinbutton']")[e])?.focus();
+	}, []), q = t(E);
+	return /* @__PURE__ */ m("div", {
 		className: "gap-1.5 flex flex-col",
-		children: [x && /* @__PURE__ */ f(r, {
+		children: [S && /* @__PURE__ */ p(r, {
 			className: "text-sm font-medium text-text-primary",
-			htmlFor: b,
-			children: x
-		}), /* @__PURE__ */ p("div", {
-			className: e(V, "relative", (_ ?? T === "disabled") && "cursor-not-allowed", s),
+			id: F,
+			children: S
+		}), /* @__PURE__ */ m("div", {
+			className: e(q, "relative", (v ?? E === "disabled") && "cursor-not-allowed", s),
 			"data-slot": "datetime-display-input",
-			id: b ?? "datetime-display-input",
-			ref: A ?? j,
-			...k,
-			children: [/* @__PURE__ */ f("div", {
+			id: P,
+			ref: M ?? I,
+			"aria-labelledby": L,
+			...j,
+			children: [/* @__PURE__ */ p("div", {
 				className: "flex items-center",
-				ref: j,
-				children: z.map((e, t) => {
+				ref: I,
+				children: G.map((e, t) => {
 					let n = [
 						"month",
 						"day",
@@ -340,31 +341,31 @@ var m = {
 						"hour",
 						"minute",
 						"period"
-					].includes(e.key), i = e.key === "year", a = e.key === "hour", o = _ ?? (r && !L);
-					return /* @__PURE__ */ p("span", {
+					].includes(e.key), i = e.key === "year", a = e.key === "hour", o = v ?? (r && !U);
+					return /* @__PURE__ */ m("span", {
 						className: "flex items-center",
 						children: [
-							a && /* @__PURE__ */ f("span", {
+							a && /* @__PURE__ */ p("span", {
 								"aria-hidden": "true",
 								className: "text-text-secondary select-none",
 								children: ",\xA0"
 							}),
-							/* @__PURE__ */ f(g, {
+							/* @__PURE__ */ p(_, {
 								ariaLabel: e.ariaLabel,
 								config: e.config,
 								disabled: o,
-								onLeftFocus: () => t > 0 && B(t - 1),
-								onRightFocus: () => t < z.length - 1 && B(t + 1),
-								onValueChange: (t) => R({ [e.key]: t }),
-								periodLabels: F,
-								value: I[e.key]
+								onLeftFocus: () => t > 0 && K(t - 1),
+								onRightFocus: () => t < G.length - 1 && K(t + 1),
+								onValueChange: (t) => W({ [e.key]: t }),
+								periodLabels: V,
+								value: H[e.key]
 							}),
-							n && !i && /* @__PURE__ */ f("span", {
+							n && !i && /* @__PURE__ */ p("span", {
 								"aria-hidden": "true",
 								className: "text-text-secondary select-none",
 								children: "/"
 							}),
-							a && /* @__PURE__ */ f("span", {
+							a && /* @__PURE__ */ p("span", {
 								"aria-hidden": "true",
 								className: "text-inherit select-none",
 								children: ":"
@@ -372,10 +373,10 @@ var m = {
 						]
 					}, e.key);
 				})
-			}), v]
+			}), y]
 		})]
 	});
 });
-_.displayName = "DateTimeDisplayInput";
+v.displayName = "DateTimeDisplayInput";
 //#endregion
-export { _ as DateTimeDisplayInput };
+export { v as DateTimeDisplayInput };

package/dist/DateTimePicker/DateTimeInput.js

@@ -1,8 +1,8 @@
 "use client";
 import "../styles/main.css";
-import { t as e } from "../twUtils-VNWgstKL.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
 import { Input as t } from "../primitives/input.js";
-import { F as n, S as r, _ as i, g as a, h as o, m as s, p as c, t as l, v as u } from "../DateTimeUtils-DVvG6H-p.js";
+import { F as n, S as r, _ as i, g as a, h as o, m as s, p as c, t as l, v as u } from "../DateTimeUtils-DrR2JWoU.js";
 import { useCallback as d, useEffect as f, useMemo as p, useRef as m } from "react";
 import { jsx as h } from "react/jsx-runtime";
 //#region src/components/DateTimePicker/DateTimeInput.tsx

package/dist/DateTimePicker/DateTimeUtils.js

@@ -1,2 +1,2 @@
-import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, v as N, w as P, x as F, y as I } from "../DateTimeUtils-DVvG6H-p.js";
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, v as N, w as P, x as F, y as I } from "../DateTimeUtils-DrR2JWoU.js";
 export { j as DEFAULT_TRANSLATIONS, E as DateTimeConfigSchema, k as HourFormatSchema, x as PICKER_TYPES, m as PeriodSchema, D as TIME_BOUNDS, A as TimePickerTypeSchema, g as TimeValueSchema, w as convert12HourTo24Hour, M as detectHourFormat, _ as display12HourValue, v as formatSelectPeriodLabel, O as formatTimeNumber, T as getAriaLabel, b as getAriaValueMinMax, y as getAriaValueNow, p as getArrowByType, N as getDateByType, I as getLocalizedPeriodLabel, h as getLocalizedPeriodLabels, F as getPeriodFromHours, d as getResolvedLocale, t as getValid12Hour, P as getValidArrow12Hour, f as getValidArrowHour, r as getValidArrowMinute, n as getValidArrowNumber, l as getValidHour, C as getValidMinute, e as getValidNumber, S as isValid12Hour, s as isValidHour, c as isValidMinute, u as set12Hours, i as setDateByType, a as setHours, o as setMinutes };

package/dist/DateTimePicker/TimePeriodSelect.js

@@ -1,6 +1,6 @@
 "use client";
 import "../styles/main.css";
-import { t as e } from "../twUtils-VNWgstKL.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
 import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../primitives/select.js";
 import { forwardRef as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -8,41 +8,38 @@ import { jsx as s, jsxs as c } from "react/jsx-runtime";
 var l = {
 	am: "AM",
 	pm: "PM"
-}, u = o(({ ariaLabel: o, className: u, disabled: d, labels: f = l, onLeftFocus: p, onPeriodChange: m, onRightFocus: h, period: g, ..._ }, v) => {
-	let y = o ?? `Select ${f.am} or ${f.pm}`, b = (e) => {
-		e.key === "ArrowRight" && (e.preventDefault(), h?.()), e.key === "ArrowLeft" && (e.preventDefault(), p?.());
-	};
-	return /* @__PURE__ */ c(t, {
-		defaultValue: g,
-		disabled: d,
-		onValueChange: (e) => m(e),
-		value: g,
-		children: [/* @__PURE__ */ s(i, {
-			"aria-label": y,
-			className: e("w-fit", u),
-			"data-slot": "time-period-select",
-			"data-testid": "spectral-time-period-select",
-			onKeyDown: b,
-			ref: v,
-			size: "sm",
-			..._,
-			children: /* @__PURE__ */ s(a, { children: g === "AM" ? f.am : f.pm })
-		}), /* @__PURE__ */ c(n, {
-			"data-testid": "spectral-time-period-select-content",
-			position: "popper",
-			sideOffset: 4,
-			children: [/* @__PURE__ */ s(r, {
-				"data-testid": "spectral-time-period-select-am",
-				value: "AM",
-				children: f.am
-			}), /* @__PURE__ */ s(r, {
-				"data-testid": "spectral-time-period-select-pm",
-				value: "PM",
-				children: f.pm
-			})]
+}, u = o(({ ariaLabel: o, className: u, disabled: d, labels: f = l, onLeftFocus: p, onPeriodChange: m, onRightFocus: h, period: g, ..._ }, v) => /* @__PURE__ */ c(t, {
+	defaultValue: g,
+	disabled: d,
+	onValueChange: (e) => m(e),
+	value: g,
+	children: [/* @__PURE__ */ s(i, {
+		"aria-label": o ?? `Select ${f.am} or ${f.pm}`,
+		className: e("w-fit", u),
+		"data-slot": "time-period-select",
+		"data-testid": "spectral-time-period-select",
+		onKeyDown: (e) => {
+			e.key === "ArrowRight" && (e.preventDefault(), h?.()), e.key === "ArrowLeft" && (e.preventDefault(), p?.());
+		},
+		ref: v,
+		size: "sm",
+		..._,
+		children: /* @__PURE__ */ s(a, { children: g === "AM" ? f.am : f.pm })
+	}), /* @__PURE__ */ c(n, {
+		"data-testid": "spectral-time-period-select-content",
+		position: "popper",
+		sideOffset: 4,
+		children: [/* @__PURE__ */ s(r, {
+			"data-testid": "spectral-time-period-select-am",
+			value: "AM",
+			children: f.am
+		}), /* @__PURE__ */ s(r, {
+			"data-testid": "spectral-time-period-select-pm",
+			value: "PM",
+			children: f.pm
 		})]
-	});
-});
+	})]
+}));
 u.displayName = "TimePeriodSelect";
 //#endregion
 export { u as TimePeriodSelect };

package/dist/DateTimePicker/TimePicker.js

@@ -1,7 +1,7 @@
 "use client";
 import "../styles/main.css";
-import { t as e } from "../twUtils-VNWgstKL.js";
-import { S as t, b as n, f as r, t as i, u as a, x as o } from "../DateTimeUtils-DVvG6H-p.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
+import { S as t, b as n, f as r, t as i, u as a, x as o } from "../DateTimeUtils-DrR2JWoU.js";
 import { DateTimeInput as s } from "./DateTimeInput.js";
 import { TimePeriodSelect as c } from "./TimePeriodSelect.js";
 import { useMemo as l, useRef as u } from "react";

package/dist/DateTimePicker.d.ts

@@ -20,7 +20,7 @@ export interface DateTimePickerProps extends Omit<ComponentProps<'div'>, 'onChan
     value?: Date;
 }
 export declare const DateTimePicker: {
-    ({ calendarProps, className, defaultValue, disabled, disablePastDates, errorMessage, hourFormat, label, locale, onChange, showTimePicker, state, timeLocale, timeTranslations, value, ...props }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+    ({ calendarProps, className, defaultValue, disabled, disablePastDates, errorMessage, hourFormat, label, locale, onChange, showTimePicker, state, timeLocale, timeTranslations, value, id, ...props }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Calendar } from './Calendar';

package/dist/DateTimePicker.js

@@ -1,12 +1,12 @@
 "use client";
 import "./styles/main.css";
 import { CalendarIcon as e } from "./Icons/CalendarIcon.js";
-import { t } from "./twUtils-VNWgstKL.js";
-import { ErrorMessage as n } from "./utils/formFieldUtils.js";
-import { useUncontrolledState as r } from "./hooks/useUncontrolledState.js";
-import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "./Popover.js";
-import { t as s } from "./Calendar-s4lyijkn.js";
-import { A as c, C as l, D as u, E as d, F as f, I as p, L as m, M as h, N as g, O as _, P as v, S as y, T as b, _ as x, a as S, b as C, c as w, d as T, f as E, g as D, h as O, i as k, j as A, k as j, l as M, m as N, n as P, o as F, p as I, r as L, s as R, t as z, u as B, v as V, w as H, x as U, y as W } from "./DateTimeUtils-DVvG6H-p.js";
+import { t } from "./twUtils-D_qzdiwM.js";
+import { ErrorMessage as n, getErrorMessageId as r, useFormFieldId as i } from "./utils/formFieldUtils.js";
+import { useUncontrolledState as a } from "./hooks/useUncontrolledState.js";
+import { Popover as o, PopoverContent as s, PopoverTrigger as ee } from "./Popover.js";
+import { t as c } from "./Calendar-2UVWeLYp.js";
+import { A as l, C as u, D as d, E as f, F as p, I as m, L as h, M as g, N as _, O as v, P as y, S as b, T as x, _ as S, a as C, b as w, c as T, d as E, f as D, g as O, h as k, i as A, j, k as M, l as N, m as P, n as F, o as I, p as L, r as te, s as R, t as z, u as B, v as V, w as H, x as U, y as W } from "./DateTimeUtils-DrR2JWoU.js";
 import { DateTimeDisplayInput as G } from "./DateTimePicker/DateTimeDisplayInput.js";
 import { DateTimeInput as K } from "./DateTimePicker/DateTimeInput.js";
 import { TimePeriodSelect as q } from "./DateTimePicker/TimePeriodSelect.js";
@@ -14,77 +14,80 @@ import { TimePicker as J } from "./DateTimePicker/TimePicker.js";
 import { useCallback as Y, useMemo as X } from "react";
 import { jsx as Z, jsxs as Q } from "react/jsx-runtime";
 //#region src/components/DateTimePicker/DateTimePicker.tsx
-var $ = ({ calendarProps: c, className: l, defaultValue: u, disabled: d = !1, disablePastDates: f = !0, errorMessage: p, hourFormat: m, label: h, locale: g, onChange: _, showTimePicker: v = !0, state: b = "default", timeLocale: x, timeTranslations: S, value: C, ...w }) => {
-	let [T, E] = r({
-		defaultValue: u,
-		onChange: _,
-		value: C
-	}), D = X(() => y(x), [x]), O = X(() => m ?? B(D), [m, D]), k = (e) => {
+var $ = ({ calendarProps: l, className: u, defaultValue: d, disabled: f = !1, disablePastDates: p = !0, errorMessage: m, hourFormat: h, label: g, locale: _, onChange: v, showTimePicker: y = !0, state: x = "default", timeLocale: S, timeTranslations: C, value: w, id: T, ...E }) => {
+	let D = i(T), O = r(D), k = x === "error" && m ? O : void 0, [A, j] = a({
+		defaultValue: d,
+		onChange: v,
+		value: w
+	}), M = X(() => b(S), [S]), N = X(() => h ?? B(M), [h, M]), P = (e) => {
 		if (!e) {
-			E(void 0);
+			j(void 0);
 			return;
 		}
-		T && e.setHours(T.getHours(), T.getMinutes(), 0, 0), E(e);
-	}, A = Y((e) => {
-		E(e);
-	}, [E]), j = (e) => {}, M = (e) => {
-		E(e);
+		A && e.setHours(A.getHours(), A.getMinutes(), 0, 0), j(e);
+	}, F = Y((e) => {
+		j(e);
+	}, [j]), I = (e) => {}, L = (e) => {
+		j(e);
 	};
-	return /* @__PURE__ */ Q(i, { children: [/* @__PURE__ */ Q("div", {
-		className: t("w-full", l),
+	return /* @__PURE__ */ Q(o, { children: [/* @__PURE__ */ Q("div", {
+		className: t("w-full", u),
 		"data-slot": "datetime-picker",
 		"data-testid": "spectral-datetime-picker",
-		...w,
+		...E,
 		children: [/* @__PURE__ */ Z(G, {
-			className: t("gap-4 pr-12 flex w-full justify-start", !T && "text-text-secondary"),
+			"aria-describedby": k,
+			"aria-invalid": x === "error",
+			className: t("gap-4 pr-12 flex w-full justify-start", !A && "text-text-secondary"),
 			"data-testid": "spectral-datetime-picker-input",
-			disabled: d,
-			endIcon: /* @__PURE__ */ Z(o, {
+			disabled: f,
+			endIcon: /* @__PURE__ */ Z(ee, {
 				asChild: !0,
-				disabled: d,
+				disabled: f,
 				children: /* @__PURE__ */ Z(e, {
 					"aria-label": "Open date picker",
-					className: t("right-4 text-input-icon hover:text-input-icon--hover absolute top-1/2 -translate-y-1/2 cursor-pointer focus:outline-none", d ? "pointer-events-none cursor-not-allowed opacity-50" : "hover:text-input-icon--hover cursor-pointer"),
+					className: t("right-4 text-input-icon hover:text-input-icon--hover absolute top-1/2 -translate-y-1/2 cursor-pointer focus:outline-none", f ? "pointer-events-none cursor-not-allowed opacity-50" : "hover:text-input-icon--hover cursor-pointer"),
 					"data-testid": "spectral-datetime-picker-trigger",
-					disabled: d
+					disabled: f
 				})
 			}),
-			hourFormat: O,
-			label: h,
-			onChange: M,
-			showTime: v,
-			state: b,
-			value: T
-		}), b === "error" && p && /* @__PURE__ */ Z(n, {
-			message: p,
+			hourFormat: N,
+			id: D,
+			label: g,
+			onChange: L,
+			showTime: y,
+			state: x,
+			value: A
+		}), x === "error" && m && /* @__PURE__ */ Z(n, {
 			dataTestId: "spectral-datetime-picker-error-message",
-			id: "datetime-picker-error"
+			id: O,
+			message: m
 		})]
-	}), /* @__PURE__ */ Q(a, {
+	}), /* @__PURE__ */ Q(s, {
 		align: "start",
-		className: t("rounded-lg py-4 px-6 flex", !v && "w-[330px]", v && O === "24" && "w-[486px]", v && O === "12" && "w-[560px]"),
+		className: t("rounded-lg py-4 px-6 flex", !y && "w-[330px]", y && N === "24" && "w-[486px]", y && N === "12" && "w-[560px]"),
 		"data-testid": "spectral-datetime-picker-popover",
 		onOpenAutoFocus: (e) => e.preventDefault(),
-		children: [/* @__PURE__ */ Z(s, {
-			...c,
-			disablePastDates: f,
-			locale: g,
+		children: [/* @__PURE__ */ Z(c, {
+			...l,
+			disablePastDates: p,
+			locale: _,
 			mode: "single",
-			onSelect: k,
-			selected: T
-		}), v && /* @__PURE__ */ Z("div", {
+			onSelect: P,
+			selected: A
+		}), y && /* @__PURE__ */ Z("div", {
 			className: "pl-6 border-l border-border-secondary",
 			children: /* @__PURE__ */ Z(J, {
-				date: T,
-				hourFormat: O,
-				locale: D,
-				onChange: A,
-				onPeriodChange: j,
-				translations: S
+				date: A,
+				hourFormat: N,
+				locale: M,
+				onChange: F,
+				onPeriodChange: I,
+				translations: C
 			})
 		})]
 	})] });
 };
 $.displayName = "DateTimePicker";
 //#endregion
-export { s as Calendar, z as DEFAULT_TRANSLATIONS, P as DateTimeConfigSchema, G as DateTimeDisplayInput, K as DateTimeInput, $ as DateTimePicker, L as HourFormatSchema, k as PICKER_TYPES, S as PeriodSchema, F as TIME_BOUNDS, q as TimePeriodSelect, J as TimePicker, R as TimePickerTypeSchema, w as TimeValueSchema, M as convert12HourTo24Hour, B as detectHourFormat, T as display12HourValue, E as formatSelectPeriodLabel, I as formatTimeNumber, N as getAriaLabel, O as getAriaValueMinMax, D as getAriaValueNow, x as getArrowByType, V as getDateByType, W as getLocalizedPeriodLabel, C as getLocalizedPeriodLabels, U as getPeriodFromHours, y as getResolvedLocale, l as getValid12Hour, H as getValidArrow12Hour, b as getValidArrowHour, d as getValidArrowMinute, u as getValidArrowNumber, _ as getValidHour, j as getValidMinute, c as getValidNumber, A as isValid12Hour, h as isValidHour, g as isValidMinute, v as set12Hours, f as setDateByType, p as setHours, m as setMinutes };
+export { c as Calendar, z as DEFAULT_TRANSLATIONS, F as DateTimeConfigSchema, G as DateTimeDisplayInput, K as DateTimeInput, $ as DateTimePicker, te as HourFormatSchema, A as PICKER_TYPES, C as PeriodSchema, I as TIME_BOUNDS, q as TimePeriodSelect, J as TimePicker, R as TimePickerTypeSchema, T as TimeValueSchema, N as convert12HourTo24Hour, B as detectHourFormat, E as display12HourValue, D as formatSelectPeriodLabel, L as formatTimeNumber, P as getAriaLabel, k as getAriaValueMinMax, O as getAriaValueNow, S as getArrowByType, V as getDateByType, W as getLocalizedPeriodLabel, w as getLocalizedPeriodLabels, U as getPeriodFromHours, b as getResolvedLocale, u as getValid12Hour, H as getValidArrow12Hour, x as getValidArrowHour, f as getValidArrowMinute, d as getValidArrowNumber, v as getValidHour, M as getValidMinute, l as getValidNumber, j as isValid12Hour, g as isValidHour, _ as isValidMinute, y as set12Hours, p as setDateByType, m as setHours, h as setMinutes };

package/dist/{DateTimeUtils-DVvG6H-p.js → DateTimeUtils-DrR2JWoU.js}

@@ -62,7 +62,7 @@ function c(e) {
 	return e == null;
 }
 function l(e) {
-	let t = e.startsWith("^") ? 1 : 0, n = e.endsWith("$") ? e.length - 1 : e.length;
+	let t = +!!e.startsWith("^"), n = e.endsWith("$") ? e.length - 1 : e.length;
 	return e.slice(t, n);
 }
 function u(e, t) {

package/dist/Dialog.js

@@ -1,8 +1,8 @@
 import "./styles/main.css";
 import { CloseIcon as e } from "./Icons/CloseIcon.js";
-import { t } from "./twUtils-VNWgstKL.js";
-import { n } from "./es2015-YHaMV-St.js";
-import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./dist-B9tup-4O.js";
+import { t } from "./twUtils-D_qzdiwM.js";
+import { t as n } from "./Combination-9q50p_Vu.js";
+import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./dist-D6QANKSj.js";
 import "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/Dialog/Dialog.tsx

package/dist/Drawer.js

@@ -1,6 +1,6 @@
 import "./styles/main.css";
 import { SpectralProvider as e } from "./SpectralProvider.js";
-import { t } from "./dist-3Af8168y.js";
+import { t } from "./dist-Tbzy5UFA.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Drawer/Drawer.tsx