@jfrader/ui 0.4.0 → 0.5.1

package/dist/{text-field-D60ok14S.js → text-field-hU72iSVS.js}

@@ -1,6 +1,7 @@
 'use client';
 import { r as e } from "./sx-Dx9JUKp5.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./field-anatomy-D2ToMeRa.js";
+import { t } from "./input-control-DmMuAuPS.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-COVdNpf5.js";
 import { vars as s } from "@jfrader/tokens/vars";
 import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
 //#region src/components/text-field/text-field.tsx
@@ -21,50 +22,52 @@ var u = {
 		fontSize: s.textSize.md
 	})
 };
-function d({ ref: e, label: s, description: d, error: f, size: p = "md", onChange: m, onValueChange: h, slotProps: g, className: _, sx: v, required: y, id: b, "aria-describedby": x, "aria-invalid": S, ...C }) {
-	let w = t({
+function d({ ref: e, label: s, description: d, error: f, size: p = "md", onChange: m, onValueChange: h, slotProps: g, className: _, sx: v, required: y, id: b, dir: x, "aria-describedby": S, "aria-invalid": C, ...w }) {
+	let T = n({
 		id: b,
 		description: d,
 		error: f,
-		"aria-describedby": x,
-		"aria-invalid": S
-	}), T = (e) => {
+		"aria-describedby": S,
+		"aria-invalid": C
+	}), E = (e) => {
 		m?.(e), h?.(e.currentTarget.value);
 	};
-	return /* @__PURE__ */ l(n, {
+	return /* @__PURE__ */ l(r, {
 		"data-ui": "text-field",
+		dir: x,
 		className: _,
 		sx: v,
 		part: g?.root,
 		children: [
 			/* @__PURE__ */ c(a, {
-				htmlFor: w.id,
+				htmlFor: T.id,
 				required: y,
 				part: g?.label,
 				children: s
 			}),
 			/* @__PURE__ */ c("input", {
-				...C,
+				...w,
 				ref: e,
-				id: w.id,
+				id: T.id,
+				dir: x,
 				required: y,
-				"aria-describedby": w.describedBy,
-				"aria-invalid": w.ariaInvalid,
-				onChange: T,
+				"aria-describedby": T.describedBy,
+				"aria-invalid": T.ariaInvalid,
+				onChange: E,
 				className: g?.control?.className,
 				css: [
-					i,
+					t,
 					u[p],
 					g?.control?.css
 				]
 			}),
 			/* @__PURE__ */ c(o, {
-				id: w.descriptionId,
+				id: T.descriptionId,
 				part: g?.description,
 				children: d
 			}),
-			/* @__PURE__ */ c(r, {
-				id: w.errorId,
+			/* @__PURE__ */ c(i, {
+				id: T.errorId,
 				part: g?.error,
 				children: f
 			})

package/dist/text-field.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as TextField } from "./text-field-D60ok14S.js";
+export { t as TextField } from "./text-field-hU72iSVS.js";

package/dist/{textarea-DyfjtP0A.js → textarea-3k4Y0QQ3.js}

@@ -1,6 +1,7 @@
 'use client';
 import { r as e } from "./sx-Dx9JUKp5.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./field-anatomy-D2ToMeRa.js";
+import { t } from "./input-control-DmMuAuPS.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-COVdNpf5.js";
 import { vars as s } from "@jfrader/tokens/vars";
 import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
 //#region src/components/textarea/textarea.tsx
@@ -27,40 +28,42 @@ var u = e({
 	none: e({ resize: "none" }),
 	vertical: e({ resize: "vertical" })
 }, p = e({ fieldSizing: "content" });
-function m({ ref: e, label: s, description: m, error: h, size: g = "md", resize: _ = "vertical", autoResize: v = !1, rows: y = 3, onChange: b, onValueChange: x, slotProps: S, className: C, sx: w, required: T, id: E, "aria-describedby": D, "aria-invalid": O, ...k }) {
-	let A = t({
-		id: E,
+function m({ ref: e, label: s, description: m, error: h, size: g = "md", resize: _ = "vertical", autoResize: v = !1, rows: y = 3, onChange: b, onValueChange: x, slotProps: S, className: C, sx: w, dir: T, required: E, id: D, "aria-describedby": O, "aria-invalid": k, ...A }) {
+	let j = n({
+		id: D,
 		description: m,
 		error: h,
-		"aria-describedby": D,
-		"aria-invalid": O
-	}), j = (e) => {
+		"aria-describedby": O,
+		"aria-invalid": k
+	}), M = (e) => {
 		b?.(e), x?.(e.currentTarget.value);
 	};
-	return /* @__PURE__ */ l(n, {
+	return /* @__PURE__ */ l(r, {
 		"data-ui": "textarea",
+		dir: T,
 		className: C,
 		sx: w,
 		part: S?.root,
 		children: [
 			/* @__PURE__ */ c(a, {
-				htmlFor: A.id,
-				required: T,
+				htmlFor: j.id,
+				required: E,
 				part: S?.label,
 				children: s
 			}),
 			/* @__PURE__ */ c("textarea", {
-				...k,
+				...A,
 				ref: e,
-				id: A.id,
+				id: j.id,
 				rows: y,
-				required: T,
-				"aria-describedby": A.describedBy,
-				"aria-invalid": A.ariaInvalid,
-				onChange: j,
+				dir: T,
+				required: E,
+				"aria-describedby": j.describedBy,
+				"aria-invalid": j.ariaInvalid,
+				onChange: M,
 				className: S?.control?.className,
 				css: [
-					i,
+					t,
 					u,
 					d[g],
 					f[_],
@@ -69,12 +72,12 @@ function m({ ref: e, label: s, description: m, error: h, size: g = "md", resize:
 				]
 			}),
 			/* @__PURE__ */ c(o, {
-				id: A.descriptionId,
+				id: j.descriptionId,
 				part: S?.description,
 				children: m
 			}),
-			/* @__PURE__ */ c(r, {
-				id: A.errorId,
+			/* @__PURE__ */ c(i, {
+				id: j.errorId,
 				part: S?.error,
 				children: h
 			})

package/dist/textarea.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Textarea } from "./textarea-DyfjtP0A.js";
+export { t as Textarea } from "./textarea-3k4Y0QQ3.js";

package/dist/theme-root.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ThemeRoot } from "./theme-root-BbTBuLMQ.js";
+export { t as ThemeRoot } from "./theme-root-Bs1U3uPA.js";

package/dist/theme-switch-C505TtU8.js

@@ -0,0 +1,166 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./use-controlled-state-DpeVQZNR.js";
+import { t as a } from "./visually-hidden-BJdvqqvn.js";
+import { t as o } from "./renderable-DzcIj1Lo.js";
+import { t as s } from "./switch-C1WrKrf-.js";
+import { useId as c, useState as l } from "react";
+import { vars as u } from "@jfrader/tokens/vars";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+//#region src/components/theme-switch/theme-switch.tsx
+var p = e({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: u.space[2],
+	maxInlineSize: "100%",
+	minInlineSize: 0,
+	"&:has(input:disabled) [data-ui=\"theme-switch-icon-frame\"]": { cursor: "not-allowed" }
+}), m = e({
+	minBlockSize: u.space[8],
+	justifyContent: "center"
+}), h = e({
+	display: "inline-grid",
+	flexShrink: 0,
+	inlineSize: u.space[5],
+	blockSize: u.space[5],
+	alignItems: "center",
+	justifyItems: "center",
+	cursor: "pointer",
+	"&[data-animated=\"true\"]": {
+		transitionProperty: "transform",
+		transitionDuration: u.motion.duration.slow,
+		transitionTimingFunction: u.motion.easeStandard
+	},
+	[r]: {
+		transform: "none !important",
+		transitionDuration: "0s !important"
+	},
+	[n]: { color: "CanvasText" }
+}), g = e({
+	gridArea: "1 / 1",
+	display: "inline-flex",
+	inlineSize: "100%",
+	blockSize: "100%",
+	opacity: 0,
+	transform: "rotate(-30deg) scale(.8)",
+	"&[data-active=\"true\"]": {
+		opacity: 1,
+		transform: "none"
+	},
+	"&[data-animated=\"true\"]": {
+		transitionProperty: "opacity, transform",
+		transitionDuration: u.motion.duration.base,
+		transitionTimingFunction: u.motion.easeStandard
+	},
+	[r]: {
+		transform: "none",
+		transitionDuration: "0s !important"
+	}
+}), _ = {
+	reveal: e({ "&[data-value=\"dark\"]": { transform: "scale(1.08)" } }),
+	eclipse: e({
+		"&[data-value=\"dark\"]": { transform: `translateX(calc(${u.space[1]} / -2))` },
+		"&:dir(rtl)[data-value=\"dark\"]": { transform: `translateX(calc(${u.space[1]} / 2))` }
+	}),
+	split: e({
+		"&[data-value=\"dark\"]": { transform: `translateX(calc(${u.space[1]} / 4))` },
+		"&:dir(rtl)[data-value=\"dark\"]": { transform: `translateX(calc(${u.space[1]} / -4))` }
+	}),
+	rise: e({ "&[data-value=\"dark\"]": { transform: `translateY(calc(${u.space[1]} / -2))` } })
+}, v = /* @__PURE__ */ f("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	focusable: "false",
+	children: [/* @__PURE__ */ d("circle", {
+		cx: "12",
+		cy: "12",
+		r: "4"
+	}), /* @__PURE__ */ d("path", { d: "M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.5 1.5m11 11L19 19M5 19l1.5-1.5m11-11L19 5" })]
+}), y = /* @__PURE__ */ d("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	focusable: "false",
+	children: /* @__PURE__ */ d("path", { d: "M20 15A9 9 0 0 1 9 4a9 9 0 1 0 11 11Z" })
+});
+function b({ value: e, defaultValue: n = "light", onValueChange: r, label: u, iconOnly: b = !1, lightIcon: x = v, darkIcon: S = y, transition: C = "reveal", loading: w = !1, className: T, sx: E, slotProps: D, onChange: O, onClick: k, dir: A, id: j, ...M }) {
+	let N = c(), P = j ?? N, { iconFrame: F, lightIcon: I, darkIcon: L, ...R } = D ?? {}, [z, B] = i(e, n), [V, H] = l(!1), U = o(u) && u !== "", W = o(x) && x !== "", G = o(S) && S !== "", K = w || M["aria-disabled"] === !0 || M["aria-disabled"] === "true";
+	return /* @__PURE__ */ d(t, {
+		className: T,
+		styles: p,
+		sx: E,
+		children: (e) => /* @__PURE__ */ f("span", {
+			"data-ui": "theme-switch",
+			"data-value": z,
+			"data-transition": C,
+			dir: A,
+			className: e,
+			children: [(W || G) && /* @__PURE__ */ f("label", {
+				htmlFor: P,
+				"aria-hidden": "true",
+				"data-ui": "theme-switch-icon-frame",
+				"data-value": z,
+				"data-animated": V,
+				className: F?.className,
+				css: [
+					h,
+					_[C],
+					F?.css
+				],
+				children: [W && /* @__PURE__ */ d("span", {
+					"data-ui": "theme-switch-light-icon",
+					"data-active": z === "light",
+					"data-animated": V,
+					className: I?.className,
+					css: [g, I?.css],
+					children: x
+				}), G && /* @__PURE__ */ d("span", {
+					"data-ui": "theme-switch-dark-icon",
+					"data-active": z === "dark",
+					"data-animated": V,
+					className: L?.className,
+					css: [g, L?.css],
+					children: S
+				})]
+			}), /* @__PURE__ */ d(s, {
+				...M,
+				id: P,
+				dir: A,
+				checked: z === "dark",
+				"aria-busy": w || M["aria-busy"],
+				"aria-disabled": K || M["aria-disabled"],
+				description: M.description === "" ? void 0 : M.description,
+				slotProps: {
+					...R,
+					root: {
+						...R.root,
+						css: [m, R.root?.css]
+					}
+				},
+				onClick: (e) => {
+					k?.(e), K && e.preventDefault();
+				},
+				onChange: (e) => {
+					if (O?.(e), e.defaultPrevented || e.nativeEvent.defaultPrevented || K) return;
+					let t = e.currentTarget.checked ? "dark" : "light";
+					t !== z && (H(!0), B(t), r?.(t, {
+						transition: C,
+						trigger: e.currentTarget,
+						reducedMotion: e.currentTarget.ownerDocument.defaultView?.matchMedia("(prefers-reduced-motion: reduce)").matches ?? !1
+					}));
+				},
+				label: U ? /* @__PURE__ */ d("span", {
+					css: b && a,
+					children: u
+				}) : void 0
+			})]
+		})
+	});
+}
+b.displayName = "ThemeSwitch";
+//#endregion
+export { b as t };

package/dist/theme-switch.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as ThemeSwitch } from "./theme-switch-C505TtU8.js";

package/dist/time-picker-CPlhW0tr.js

@@ -0,0 +1,311 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n } from "./media-8yrN85VT.js";
+import { t as r } from "./use-controlled-state-DpeVQZNR.js";
+import { t as i } from "./renderable-DzcIj1Lo.js";
+import { t as a } from "./icon-wrapper-stN8sD7R.js";
+import { a as o } from "./field-anatomy-COVdNpf5.js";
+import { t as s } from "./select-D5rhJ8gi.js";
+import { useEffect as c, useId as ee, useMemo as te, useRef as l, useState as ne } from "react";
+import { vars as u } from "@jfrader/tokens/vars";
+import { createElement as re } from "@emotion/react";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+import { useMergeRefs as p } from "@floating-ui/react";
+//#region src/components/time-picker/time-picker.tsx
+var m = 60, ie = 1440, ae = 6e4, h = "250px", oe = "09:00", se = 8, ce = 8, g = /^([01]\d|2[0-3]):([0-5]\d)$/, le = () => typeof navigator > "u" ? void 0 : navigator.language;
+function _(e) {
+	if (e !== void 0 && g.test(e)) return Number(e.slice(0, 2)) * m + Number(e.slice(3));
+}
+function ue(e) {
+	return `${String(Math.floor(e / m)).padStart(2, "0")}:${String(e % m).padStart(2, "0")}`;
+}
+function v(e, t) {
+	e.offsetTop < t.scrollTop ? t.scrollTop = e.offsetTop : e.offsetTop + e.offsetHeight > t.scrollTop + t.clientHeight && (t.scrollTop = e.offsetTop + e.offsetHeight - t.clientHeight);
+}
+var de = e({
+	display: "grid",
+	gap: u.space[1],
+	inlineSize: "100%"
+}), fe = e({
+	fontSize: u.textSize.sm,
+	fontWeight: u.fontWeight.medium,
+	color: u.color.text
+}), pe = e({
+	fontSize: u.textSize.sm,
+	color: u.color.textMuted
+}), y = e({
+	fontSize: u.textSize.sm,
+	color: u.color.dangerText
+}), me = e({
+	minInlineSize: u.space[12],
+	inlineSize: "100%",
+	gap: u.space[2],
+	"&[aria-invalid=\"true\"]": { borderColor: u.color.dangerText },
+	[n]: {
+		backgroundColor: "Canvas",
+		color: "CanvasText",
+		borderColor: "CanvasText",
+		"&:focus-visible": { outlineColor: "Highlight" }
+	}
+}), he = {
+	sm: e({
+		minBlockSize: u.space[8],
+		paddingInline: u.space[3],
+		fontSize: u.textSize.sm
+	}),
+	md: e({
+		minBlockSize: u.space[10],
+		paddingInline: u.space[4],
+		fontSize: u.textSize.sm
+	}),
+	lg: e({
+		minBlockSize: u.space[12],
+		paddingInline: u.space[4],
+		fontSize: u.textSize.md
+	})
+}, ge = e({
+	flex: 1,
+	minInlineSize: 0,
+	textAlign: "start",
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	whiteSpace: "nowrap",
+	"&[data-placeholder]": { color: u.color.textMuted }
+}), _e = e({
+	inlineSize: "var(--time-picker-inline-size)",
+	minInlineSize: 0,
+	maxInlineSize: "calc(100vw - 16px)",
+	maxBlockSize: `min(${h}, var(--time-picker-available-height, ${h}))`,
+	overscrollBehavior: "contain",
+	[n]: {
+		backgroundColor: "Canvas",
+		color: "CanvasText",
+		borderColor: "CanvasText"
+	}
+}), ve = e({
+	minBlockSize: u.space[8],
+	[n]: {
+		"&[data-active]": { outlineColor: "Highlight" },
+		"&[aria-selected=\"true\"]": { border: "1px solid Highlight" }
+	}
+});
+function b({ ref: e, value: n, defaultValue: u = oe, onValueChange: m, open: h, defaultOpen: g = !1, onOpenChange: b, minuteStep: x = 15, min: ye, max: be, locale: S, hourCycle: C, label: w, description: T, error: E, placeholder: xe, size: Se = "md", disabled: Ce = !1, readOnly: D = !1, required: O = !1, name: k, icon: A, slotProps: j, className: we, sx: Te, dir: M, id: Ee, onClick: De, onKeyDown: Oe, onBlur: ke, ...N }) {
+	let P = l(u).current, [F = "", I, L] = r(n, P, m), [Ae = !1, je] = r(h, g, b), R = Ce || j?.control?.disabled === !0, z = R || D, B = Ae && !z, V = l(null), H = l(null), [U, Me] = ne(null), W = l(!1), Ne = p([
+		V,
+		e,
+		j?.control?.ref
+	]), Pe = p([
+		H,
+		Me,
+		j?.content?.ref
+	]), G = `${ee()}-label`, K = te(() => new Intl.DateTimeFormat(S ?? le(), {
+		hour: "numeric",
+		minute: "2-digit",
+		timeZone: "UTC",
+		...C === void 0 ? {} : { hourCycle: C }
+	}), [S, C]), q = _(ye), J = _(be), Y = ye !== void 0 && q === void 0 || be !== void 0 && J === void 0 || q !== void 0 && J !== void 0 && q > J, X = te(() => Y ? [] : Array.from({ length: ie / x }, (e, t) => t * x).filter((e) => e >= (q ?? 0) && e <= (J ?? 1439)).map((e) => ({
+		time: e,
+		value: ue(e),
+		label: K.format(/* @__PURE__ */ new Date(e * ae))
+	})), [
+		x,
+		q,
+		J,
+		Y,
+		K
+	]), Z = _(F), Fe = Y || F !== "" && Z === void 0, Q = j?.control, $ = o({
+		id: Ee ?? Q?.id,
+		description: T,
+		error: E,
+		"aria-describedby": [N["aria-describedby"], Q?.["aria-describedby"]].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": Fe ? !0 : N["aria-invalid"] ?? Q?.["aria-invalid"]
+	}), Ie = [
+		N["aria-labelledby"],
+		Q?.["aria-labelledby"],
+		i(w) && G
+	].filter(Boolean).join(" ") || void 0, Le = Z === void 0 ? xe : K.format(/* @__PURE__ */ new Date(Z * ae));
+	return c(() => {
+		let e = V.current?.form;
+		if (!e) return;
+		let t = (e) => {
+			queueMicrotask(() => {
+				e.defaultPrevented || (n === void 0 ? L() : I(P));
+			});
+		};
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [
+		n,
+		I,
+		L,
+		P,
+		N.form,
+		Q?.form
+	]), c(() => {
+		if (!B) return;
+		let e = V.current, t = U, n = e?.ownerDocument.defaultView;
+		if (!e || !t || !n) return;
+		let r = () => {
+			let r = e.getBoundingClientRect(), i = Math.max(r.top - ce - se, n.innerHeight - r.bottom - ce - se);
+			t.dir = n.getComputedStyle(e).direction, t.style.setProperty("--time-picker-inline-size", `${r.width}px`), t.style.setProperty("--time-picker-available-height", `${Math.max(0, Math.min(i, n.innerHeight - 16))}px`);
+		};
+		r();
+		let i = new ResizeObserver(r);
+		i.observe(e), n.addEventListener("resize", r);
+		let a = !1, o = () => {
+			let e = t.querySelector("[data-active]");
+			if (!e) return;
+			let n = e.offsetTop;
+			a ? v(e, t) : (t.scrollTop = n - (t.clientHeight - e.offsetHeight) / 2, a = !0);
+		}, s = new MutationObserver(o);
+		s.observe(t, {
+			attributes: !0,
+			subtree: !0,
+			attributeFilter: ["data-active"]
+		});
+		let c = n.requestAnimationFrame(() => {
+			if (!W.current && Z !== void 0 && !X.some((e) => e.value === F)) {
+				let e = X.find((e) => e.time >= Z) ?? X.at(-1);
+				(e && t.querySelector(`[data-time="${e.value}"]`))?.dispatchEvent(new n.MouseEvent("mousemove", { bubbles: !0 }));
+			}
+			o();
+		});
+		return () => {
+			i.disconnect(), s.disconnect(), n.removeEventListener("resize", r), n.cancelAnimationFrame(c);
+		};
+	}, [
+		B,
+		U,
+		Z,
+		X,
+		F,
+		M,
+		Q?.dir,
+		j?.root?.dir
+	]), /* @__PURE__ */ d(t, {
+		className: [we, j?.root?.className].filter(Boolean).join(" "),
+		styles: [de, j?.root?.css],
+		sx: Te,
+		children: (e) => /* @__PURE__ */ f("div", {
+			...j?.root,
+			css: void 0,
+			className: e,
+			dir: M ?? j?.root?.dir,
+			"data-ui": "time-picker",
+			children: [
+				i(w) && /* @__PURE__ */ f("label", {
+					...j?.label,
+					id: G,
+					htmlFor: $.id,
+					css: [fe, j?.label?.css],
+					children: [w, O && /* @__PURE__ */ f("span", {
+						"aria-hidden": !0,
+						css: y,
+						children: [" ", "*"]
+					})]
+				}),
+				/* @__PURE__ */ f(s, {
+					value: F,
+					onValueChange: I,
+					open: B,
+					onOpenChange: (e) => {
+						!z && (X.length > 0 || !e) && je(e);
+					},
+					disabled: R,
+					children: [/* @__PURE__ */ f(s.Trigger, {
+						...Q,
+						...N,
+						ref: Ne,
+						id: $.id,
+						disabled: R,
+						dir: M ?? Q?.dir,
+						"aria-label": N["aria-label"] ?? Q?.["aria-label"],
+						"aria-labelledby": Ie,
+						"aria-describedby": $.describedBy,
+						"aria-invalid": $.ariaInvalid,
+						"aria-readonly": D || N["aria-readonly"] || Q?.["aria-readonly"],
+						"aria-required": O || N["aria-required"] || Q?.["aria-required"],
+						css: [
+							me,
+							he[Se],
+							Q?.css
+						],
+						onClick: void 0,
+						onKeyDown: void 0,
+						onClickCapture: (e) => {
+							Q?.onClickCapture?.(e), N.onClickCapture?.(e), Q?.onClick?.(e), De?.(e), B || (W.current = !1), (z || X.length === 0) && e.preventDefault(), e.defaultPrevented && e.stopPropagation();
+						},
+						onKeyDownCapture: (e) => {
+							Q?.onKeyDownCapture?.(e), N.onKeyDownCapture?.(e), Q?.onKeyDown?.(e), Oe?.(e), B || (W.current = e.key.length === 1 && e.key !== " " && !e.ctrlKey && !e.altKey && !e.metaKey), (z || X.length === 0) && e.key !== "Tab" && e.preventDefault(), e.defaultPrevented && e.stopPropagation();
+						},
+						onBlur: (e) => {
+							Q?.onBlur?.(e), ke?.(e);
+						},
+						children: [
+							i(A) && /* @__PURE__ */ d("span", {
+								...j?.icon,
+								"aria-hidden": !0,
+								css: [a, j?.icon?.css],
+								children: A
+							}),
+							/* @__PURE__ */ d("span", {
+								css: ge,
+								"data-placeholder": Z === void 0 || void 0,
+								children: Le
+							}),
+							/* @__PURE__ */ d("span", {
+								"aria-hidden": !0,
+								children: "▾"
+							})
+						]
+					}), /* @__PURE__ */ d(s.Content, {
+						...j?.content,
+						ref: Pe,
+						dir: M,
+						css: [_e, j?.content?.css],
+						children: X.map((e) => /* @__PURE__ */ re(s.Item, {
+							...j?.option,
+							key: e.value,
+							value: e.value,
+							"data-time": e.value,
+							css: [ve, j?.option?.css],
+							ref: (e) => {
+								let t = j?.option?.ref, n = typeof t == "function" ? t(e) : void 0;
+								if (t && typeof t != "function" && (t.current = e), !e) return n;
+								let r = e.scrollIntoView;
+								return e.scrollIntoView = () => {
+									let t = H.current;
+									t && v(e, t);
+								}, () => {
+									e.scrollIntoView = r, typeof n == "function" ? n() : typeof t == "function" ? t(null) : t && (t.current = null);
+								};
+							}
+						}, e.label))
+					})]
+				}),
+				k !== void 0 && /* @__PURE__ */ d("input", {
+					type: "hidden",
+					name: k,
+					value: F,
+					disabled: R,
+					form: N.form ?? Q?.form
+				}),
+				i(T) && /* @__PURE__ */ d("span", {
+					...j?.description,
+					id: $.descriptionId,
+					css: [pe, j?.description?.css],
+					children: T
+				}),
+				i(E) && /* @__PURE__ */ d("span", {
+					...j?.error,
+					id: $.errorId,
+					role: "alert",
+					css: [y, j?.error?.css],
+					children: E
+				})
+			]
+		})
+	});
+}
+b.displayName = "TimePicker";
+//#endregion
+export { b as t };

package/dist/time-picker.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as TimePicker } from "./time-picker-CPlhW0tr.js";