@jfrader/ui 0.5.1 → 0.7.0

package/dist/{search-field-DMvho0KQ.js → search-field-CbsajaZb.js}

@@ -1,89 +1,90 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
-import { t as o } from "./input-control-DmMuAuPS.js";
-import { a as s, n as c, r as ee, t as l } from "./field-anatomy-COVdNpf5.js";
-import { useEffect as u, useRef as d } from "react";
-import { vars as f } from "@jfrader/tokens/vars";
-import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
-import { useMergeRefs as h } from "@floating-ui/react";
+import { t as o } from "./input-control-B6HVBgwl.js";
+import { a as s, n as ee, r as te, t as c } from "./field-anatomy-BDIP42MI.js";
+import { useEffect as l, useRef as u } from "react";
+import { vars as d } from "@jfrader/tokens/vars";
+import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { useMergeRefs as m } from "@floating-ui/react";
 //#region src/components/search-field/search-field.tsx
-var g = e({
+var h = e({
 	display: "grid",
-	gap: f.space[1],
+	gap: d.space[1],
 	inlineSize: "100%",
 	minInlineSize: 0
-}), te = e({
+}), ne = e({
 	display: "flex",
 	alignItems: "center",
 	minInlineSize: 0,
-	paddingInline: f.space[2],
-	borderRadius: f.radius.sm,
+	paddingInline: d.space[2],
+	borderRadius: d.radius.sm,
 	"&[data-disabled]": {
 		opacity: .55,
 		cursor: "not-allowed"
 	},
-	"&[aria-invalid=\"true\"]:not(:focus-within)": { borderColor: f.color.dangerText },
-	[r]: { borderColor: "CanvasText" }
-}), _ = {
+	"&[aria-invalid=\"true\"]:not(:focus-within)": { borderColor: d.color.dangerText },
+	[n]: { borderColor: "CanvasText" }
+}), g = {
 	sm: e({
-		blockSize: f.space[8],
-		fontSize: f.textSize.sm,
-		"--search-action-size": f.space[6],
-		"--search-control-size": f.space[8]
+		blockSize: d.space[8],
+		fontSize: d.textSize.sm,
+		"--search-action-size": d.space[6],
+		"--search-control-size": d.space[8]
 	}),
 	md: e({
-		blockSize: f.space[10],
-		fontSize: f.textSize.sm,
-		"--search-action-size": f.space[8],
-		"--search-control-size": f.space[10]
+		blockSize: d.space[10],
+		fontSize: d.textSize.sm,
+		"--search-action-size": d.space[8],
+		"--search-control-size": d.space[10]
 	}),
 	lg: e({
-		blockSize: f.space[12],
-		fontSize: f.textSize.md,
-		"--search-action-size": f.space[8],
-		"--search-control-size": f.space[12]
+		blockSize: d.space[12],
+		fontSize: d.textSize.md,
+		"--search-action-size": d.space[8],
+		"--search-control-size": d.space[12]
 	})
-}, v = e({
+}, _ = e({
 	display: "inline-flex",
 	flexShrink: 0,
-	inlineSize: f.space[4],
-	blockSize: f.space[4],
-	color: f.color.textMuted,
+	inlineSize: d.space[4],
+	blockSize: d.space[4],
+	color: d.color.textMuted,
 	"& > svg": {
 		inlineSize: "100%",
 		blockSize: "100%"
 	}
-}), y = e({
+}), v = e({
 	flex: "1 1 0%",
 	minInlineSize: 0,
 	blockSize: "var(--search-control-size)",
 	margin: 0,
-	paddingInline: f.space[2],
+	paddingInline: d.space[2],
 	border: 0,
 	outline: "none",
 	backgroundColor: "transparent",
-	color: f.color.text,
-	fontFamily: f.font.sans,
+	color: d.color.text,
+	fontFamily: d.font.sans,
 	fontSize: "inherit",
-	lineHeight: f.lineHeight.base,
-	"&::placeholder": { color: f.color.textSubtle },
+	lineHeight: d.lineHeight.base,
+	"&::placeholder": { color: d.color.textSubtle },
 	"&:disabled": { cursor: "not-allowed" },
 	"&::-webkit-search-cancel-button, &::-webkit-search-decoration": {
 		appearance: "none",
 		display: "none"
 	},
-	"@media (pointer: coarse)": { fontSize: f.textSize.md }
-}), b = e({
+	"@media (pointer: coarse)": { fontSize: d.textSize.md }
+}), y = e({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center",
 	flexShrink: 0,
 	inlineSize: "var(--search-action-size)",
 	blockSize: "var(--search-action-size)"
-}), x = e({
+}), b = e({
 	display: "inline-flex",
 	alignItems: "center",
 	justifyContent: "center",
@@ -91,24 +92,24 @@ var g = e({
 	blockSize: "100%",
 	padding: 0,
 	border: "1px solid transparent",
-	borderRadius: f.radius.sm,
-	color: f.color.textMuted,
+	borderRadius: d.radius.sm,
+	color: d.color.textMuted,
 	backgroundColor: "transparent",
 	cursor: "pointer",
 	transitionProperty: "background-color, color, opacity, transform",
-	transitionDuration: f.motion.duration.fast,
-	transitionTimingFunction: f.motion.easeStandard,
+	transitionDuration: d.motion.duration.fast,
+	transitionTimingFunction: d.motion.easeStandard,
 	"&:hover:not(:disabled)": {
-		backgroundColor: f.color.surfaceHover,
-		color: f.color.text
+		backgroundColor: d.color.surfaceHover,
+		color: d.color.text
 	},
-	"&:focus-visible": n,
+	"&:focus-visible": t,
 	"&:disabled": { cursor: "not-allowed" },
 	"&[data-enter]": { "@starting-style": {
 		opacity: 0,
 		transform: "scale(0.9)"
 	} },
-	[i]: {
+	[r]: {
 		transitionDuration: "0s",
 		transform: "none",
 		"&[data-enter]": { "@starting-style": {
@@ -116,50 +117,50 @@ var g = e({
 			transform: "none"
 		} }
 	},
-	[r]: {
+	[n]: {
 		borderColor: "ButtonText",
 		color: "ButtonText"
 	}
-}), S = { clear: "Clear search" }, C = /* @__PURE__ */ m("svg", {
+}), x = { clear: "Clear search" }, S = /* @__PURE__ */ p("svg", {
 	"aria-hidden": !0,
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: "2",
-	children: [/* @__PURE__ */ p("circle", {
+	children: [/* @__PURE__ */ f("circle", {
 		cx: "10.5",
 		cy: "10.5",
 		r: "6.5"
-	}), /* @__PURE__ */ p("path", { d: "m16 16 5 5" })]
-}), w = /* @__PURE__ */ p("svg", {
+	}), /* @__PURE__ */ f("path", { d: "m16 16 5 5" })]
+}), C = /* @__PURE__ */ f("svg", {
 	"aria-hidden": !0,
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: "2",
-	children: /* @__PURE__ */ p("path", { d: "m6 6 12 12M18 6 6 18" })
+	children: /* @__PURE__ */ f("path", { d: "m6 6 12 12M18 6 6 18" })
 });
-function T({ ref: e, value: n, defaultValue: r = "", onValueChange: i, label: f, description: T, error: E, size: ne = "md", clearable: D = !0, messages: O, searchIcon: k = C, clearIcon: A = w, slotProps: j, className: M, sx: N, dir: P, required: F, disabled: I, readOnly: L, onChange: R, onKeyDown: z, id: B, "aria-describedby": V, "aria-invalid": H, ...U }) {
+function w({ ref: e, value: t, defaultValue: n = "", onValueChange: r, label: d, description: w, error: T, size: E = "md", clearable: D = !0, messages: O, searchIcon: k = S, clearIcon: A = C, slotProps: j, className: M, sx: N, dir: P, required: F, disabled: I, readOnly: L, onChange: R, onKeyDown: z, id: B, "aria-describedby": V, "aria-invalid": H, ...U }) {
 	let W = s({
 		id: B,
-		description: T,
-		error: E,
+		description: w,
+		error: T,
 		"aria-describedby": V,
 		"aria-invalid": H
-	}), G = d(null), K = h([G, e]), q = d(r), J = d(!1), [Y = "", X] = a(n, q.current, (e) => {
-		J.current || i?.(e);
-	}), Z = d({
-		value: n,
+	}), G = u(null), K = m([G, e]), q = u(n), J = u(!1), [Y = "", X] = a(t, q.current, (e) => {
+		J.current || r?.(e);
+	}), Z = u({
+		value: t,
 		query: Y
 	});
 	Z.current = {
-		value: n,
+		value: t,
 		query: Y
 	};
-	let Q = d(!1);
-	u(() => {
+	let Q = u(!1);
+	l(() => {
 		Q.current = !0;
-	}, []), u(() => {
+	}, []), l(() => {
 		let e = G.current, t = e?.form;
 		if (!t || !e) return;
 		let n = !0, r = (t) => {
@@ -181,39 +182,39 @@ function T({ ref: e, value: n, defaultValue: r = "", onValueChange: i, label: f,
 	let $ = () => {
 		X(""), G.current?.focus();
 	}, re = [M, j?.root?.className].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ p(t, {
+	return /* @__PURE__ */ f(i, {
 		className: re,
-		styles: [g, j?.root?.css],
+		styles: [h, j?.root?.css],
 		sx: N,
-		children: (e) => /* @__PURE__ */ m("div", {
+		children: (e) => /* @__PURE__ */ p("div", {
 			"data-ui": "search-field",
 			dir: P,
 			className: e,
 			children: [
-				/* @__PURE__ */ p(ee, {
+				/* @__PURE__ */ f(te, {
 					htmlFor: W.id,
 					required: F,
 					part: j?.label,
-					children: f
+					children: d
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ p("div", {
 					"aria-invalid": W.ariaInvalid,
 					"data-disabled": I ? "" : void 0,
 					className: j?.shell?.className,
 					css: [
 						o,
-						te,
-						_[ne],
+						ne,
+						g[E],
 						j?.shell?.css
 					],
 					children: [
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							"aria-hidden": !0,
 							className: j?.icon?.className,
-							css: [v, j?.icon?.css],
+							css: [_, j?.icon?.css],
 							children: k
 						}),
-						/* @__PURE__ */ p("input", {
+						/* @__PURE__ */ f("input", {
 							...U,
 							ref: K,
 							type: "search",
@@ -226,7 +227,7 @@ function T({ ref: e, value: n, defaultValue: r = "", onValueChange: i, label: f,
 							"aria-describedby": W.describedBy,
 							"aria-invalid": W.ariaInvalid,
 							className: j?.control?.className,
-							css: [y, j?.control?.css],
+							css: [v, j?.control?.css],
 							onChange: (e) => {
 								R?.(e), !I && !L && X(e.currentTarget.value);
 							},
@@ -234,41 +235,41 @@ function T({ ref: e, value: n, defaultValue: r = "", onValueChange: i, label: f,
 								z?.(e), !(e.defaultPrevented || e.key !== "Escape" || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229 || Y === "" || !D || I || L) && (e.preventDefault(), $());
 							}
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							className: j?.clearSlot?.className,
-							css: [b, j?.clearSlot?.css],
-							children: D && !L && Y !== "" && /* @__PURE__ */ p("button", {
+							css: [y, j?.clearSlot?.css],
+							children: D && !L && Y !== "" && /* @__PURE__ */ f("button", {
 								type: "button",
 								disabled: I,
 								"data-enter": Q.current ? "" : void 0,
-								"aria-label": O?.clear || S.clear,
+								"aria-label": O?.clear || x.clear,
 								"aria-controls": W.id,
 								onClick: $,
 								className: j?.clear?.className,
-								css: [x, j?.clear?.css],
-								children: /* @__PURE__ */ p("span", {
+								css: [b, j?.clear?.css],
+								children: /* @__PURE__ */ f("span", {
 									"aria-hidden": !0,
-									css: v,
+									css: _,
 									children: A
 								})
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ p(l, {
+				/* @__PURE__ */ f(c, {
 					id: W.descriptionId,
 					part: j?.description,
-					children: T
+					children: w
 				}),
-				/* @__PURE__ */ p(c, {
+				/* @__PURE__ */ f(ee, {
 					id: W.errorId,
 					part: j?.error,
-					children: E
+					children: T
 				})
 			]
 		})
 	});
 }
-T.displayName = "SearchField";
+w.displayName = "SearchField";
 //#endregion
-export { T as t };
+export { w as t };

package/dist/search-field.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as SearchField } from "./search-field-DMvho0KQ.js";
+export { t as SearchField } from "./search-field-CbsajaZb.js";

package/dist/{segmented-control-8ZUGnsZm.js → segmented-control-DCh-4ca-.js}

@@ -1,7 +1,8 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { n as a, r as o, t as s } from "./roving-focus-CYlo_Kf8.js";
 import { t as c } from "./use-controlled-state-DpeVQZNR.js";
 import { t as l } from "./renderable-DzcIj1Lo.js";
@@ -28,7 +29,7 @@ var E = u(null), D = {
 	borderRadius: y.radius.md,
 	backgroundColor: y.color.surfaceInset,
 	fontFamily: y.font.sans,
-	[r]: { borderColor: "CanvasText" }
+	[n]: { borderColor: "CanvasText" }
 }), j = e({
 	display: "flex",
 	position: "relative",
@@ -41,7 +42,7 @@ var E = u(null), D = {
 	borderInlineEnd: "1px solid transparent",
 	"&[data-overflow-start=\"true\"]": { borderInlineStartColor: y.color.borderControl },
 	"&[data-overflow-end=\"true\"]": { borderInlineEndColor: y.color.borderControl },
-	[r]: {
+	[n]: {
 		"&[data-overflow-start=\"true\"]": { borderInlineStartColor: "CanvasText" },
 		"&[data-overflow-end=\"true\"]": { borderInlineEndColor: "CanvasText" }
 	}
@@ -77,13 +78,13 @@ var E = u(null), D = {
 		borderColor: y.color.borderControl,
 		color: y.color.text
 	},
-	"&:focus-visible": { ...n },
+	"&:focus-visible": { ...t },
 	"&:disabled": {
 		opacity: .55,
 		cursor: "not-allowed"
 	},
-	[i]: { transitionDuration: "0s" },
-	[r]: { "&[aria-checked=\"true\"]": {
+	[r]: { transitionDuration: "0s" },
+	[n]: { "&[aria-checked=\"true\"]": {
 		borderColor: "Highlight",
 		color: "CanvasText",
 		textDecoration: "underline"
@@ -106,7 +107,7 @@ var E = u(null), D = {
 		color: y.color.accentContrast,
 		borderColor: y.color.accentContrast
 	},
-	[r]: { "&[aria-checked=\"true\"]": {
+	[n]: { "&[aria-checked=\"true\"]": {
 		color: "CanvasText",
 		borderColor: "Highlight"
 	} }
@@ -116,7 +117,7 @@ var E = u(null), D = {
 	zIndex: -1,
 	borderRadius: "inherit",
 	pointerEvents: "none",
-	[r]: {
+	[n]: {
 		backgroundColor: "Canvas",
 		boxShadow: "none"
 	}
@@ -155,8 +156,8 @@ function L({ ref: e, variant: t, slotProps: n, style: r, ...i }) {
 	});
 }
 var R = w.create(L);
-function z({ ref: e, value: n, defaultValue: r, onValueChange: i, disabled: l = !1, size: u = "md", variant: d = "soft", label: y, onOptionIntent: x, slotProps: w, className: k, sx: M, children: N, onKeyDown: P, ...F }) {
-	let [I, L] = c(n, r, i), [R, z] = v(null), [B, V] = v(), H = _(null), U = _(null);
+function z({ ref: e, value: t, defaultValue: n, onValueChange: r, disabled: l = !1, size: u = "md", variant: d = "soft", label: y, onOptionIntent: x, slotProps: w, className: k, sx: M, children: N, onKeyDown: P, ...F }) {
+	let [I, L] = c(t, n, r), [R, z] = v(null), [B, V] = v(), H = _(null), U = _(null);
 	m(e, () => H.current, []);
 	let W = p(), G = T(), K = _(!1);
 	h(() => {
@@ -236,7 +237,7 @@ function z({ ref: e, value: n, defaultValue: r, onValueChange: i, disabled: l =
 			reducedMotion: "user",
 			children: /* @__PURE__ */ b(S, {
 				id: W,
-				children: /* @__PURE__ */ b(t, {
+				children: /* @__PURE__ */ b(i, {
 					className: k,
 					styles: A,
 					sx: M,
@@ -267,11 +268,11 @@ function z({ ref: e, value: n, defaultValue: r, onValueChange: i, disabled: l =
 	});
 }
 z.displayName = "SegmentedControl";
-function B({ ref: e, value: n, accessory: r, children: i, disabled: a, className: o, sx: s, onClick: c, onFocus: u, onPointerEnter: f, "aria-labelledby": m, "aria-describedby": h, ...g }) {
+function B({ ref: e, value: t, accessory: n, children: r, disabled: a, className: o, sx: s, onClick: c, onFocus: u, onPointerEnter: f, "aria-labelledby": m, "aria-describedby": h, ...g }) {
 	let _ = d(E);
 	if (!_) throw Error("SegmentedControl.Item must be rendered inside <SegmentedControl>.");
-	let v = p(), y = _.disabled || a, S = _.value === n, C = l(i), w = l(r);
-	return /* @__PURE__ */ b(t, {
+	let v = p(), y = _.disabled || a, S = _.value === t, C = l(r), w = l(n);
+	return /* @__PURE__ */ b(i, {
 		className: o,
 		styles: [
 			M,
@@ -279,28 +280,28 @@ function B({ ref: e, value: n, accessory: r, children: i, disabled: a, className
 			_.variant === "solid" && P
 		],
 		sx: s,
-		children: (t) => /* @__PURE__ */ x("button", {
+		children: (i) => /* @__PURE__ */ x("button", {
 			...g,
 			ref: e,
 			type: "button",
 			role: "radio",
 			"data-ui": "segmented-control-item",
-			"data-value": n,
+			"data-value": t,
 			"aria-checked": S,
 			disabled: y,
-			tabIndex: !y && _.tabStop === n ? 0 : -1,
+			tabIndex: !y && _.tabStop === t ? 0 : -1,
 			"aria-labelledby": [m, C && `${v}-label`].filter(Boolean).join(" ") || void 0,
 			"aria-describedby": [h, w && `${v}-accessory`].filter(Boolean).join(" ") || void 0,
 			onClick: (e) => {
-				c?.(e), !e.defaultPrevented && !y && _.requestChange(n);
+				c?.(e), !e.defaultPrevented && !y && _.requestChange(t);
 			},
 			onFocus: (e) => {
-				u?.(e), y || (_.setFocused(n), _.onOptionIntent?.(n));
+				u?.(e), y || (_.setFocused(t), _.onOptionIntent?.(t));
 			},
 			onPointerEnter: (e) => {
-				f?.(e), y || _.onOptionIntent?.(n);
+				f?.(e), y || _.onOptionIntent?.(t);
 			},
-			className: t,
+			className: i,
 			children: [
 				S && /* @__PURE__ */ b(R, {
 					variant: _.variant,
@@ -311,11 +312,11 @@ function B({ ref: e, value: n, accessory: r, children: i, disabled: a, className
 				}),
 				C && /* @__PURE__ */ b("span", {
 					id: `${v}-label`,
-					children: i
+					children: r
 				}),
 				w && /* @__PURE__ */ b("span", {
 					id: `${v}-accessory`,
-					children: r
+					children: n
 				})
 			]
 		})

package/dist/segmented-control.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as SegmentedControl } from "./segmented-control-8ZUGnsZm.js";
+export { t as SegmentedControl } from "./segmented-control-DCh-4ca-.js";

package/dist/{select-D5rhJ8gi.js → select-SrcQqZjo.js}

@@ -1,12 +1,13 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./sx-BJXJ2xJK.js";
 import { t as n } from "./use-controlled-state-DpeVQZNR.js";
-import { t as r } from "./trigger-style-B1KVC8O1.js";
+import { t as r } from "./trigger-style-CtOrdPk4.js";
 import { t as i } from "./overlay-layer-qEbpEtb8.js";
-import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "./listbox-style-WX-RASp1.js";
-import { a as f, r as p, t as m } from "./collection-registry-k6JcD3Jr.js";
-import { t as h } from "./overlay-portal-C4JZFq2M.js";
-import { t as g } from "./use-overlay-floating-Bx2jBKAA.js";
+import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "./listbox-style-DNOxAulu.js";
+import { t as f } from "./overlay-portal-C9igMHnC.js";
+import { t as p } from "./use-overlay-floating-Bx2jBKAA.js";
+import { a as m, r as h, t as g } from "./collection-registry-k6JcD3Jr.js";
 import { createContext as _, useContext as v, useId as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as C } from "react";
 import { vars as w } from "@jfrader/tokens/vars";
 import { jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
@@ -38,8 +39,8 @@ var V = e({
 	"&[data-placeholder]": { color: w.color.textMuted }
 });
 function U({ value: e, defaultValue: t, onValueChange: r, open: i, defaultOpen: a = !1, onOpenChange: o, placement: s = "bottom-start", disabled: c = !1, name: l, children: u }) {
-	let d = y(), [p, m] = n(e, t, r), [h = !1, _] = n(i, a, o), [v, b] = C(null), [w, D] = C(!1), [M, P] = f(), [I, R] = C(null), z = S([]), B = S([]), V = S(null);
-	!h && w && (D(!1), b(null));
+	let d = y(), [f, h] = n(e, t, r), [g = !1, _] = n(i, a, o), [v, b] = C(null), [w, D] = C(!1), [M, P] = m(), [I, R] = C(null), z = S([]), B = S([]), V = S(null);
+	!g && w && (D(!1), b(null));
 	let { valuesByIndex: H, disabledIndices: U } = x(() => {
 		let e = [], t = /* @__PURE__ */ new Set();
 		return M.forEach((n, r) => {
@@ -48,8 +49,8 @@ function U({ value: e, defaultValue: t, onValueChange: r, open: i, defaultOpen:
 			valuesByIndex: e,
 			disabledIndices: t
 		};
-	}, [M]), W = p === void 0 ? void 0 : M.get(p), G = W && W.index !== -1 ? W.index : null, { refs: K, floatingStyles: q, context: J } = g({
-		open: h,
+	}, [M]), W = f === void 0 ? void 0 : M.get(f), G = W && W.index !== -1 ? W.index : null, { refs: K, floatingStyles: q, context: J } = p({
+		open: g,
 		placement: s,
 		onOpenChange: (e) => _(e)
 	}), Y = O(J), X = N(J, { role: "listbox" }), ee = k(J, {
@@ -72,13 +73,13 @@ function U({ value: e, defaultValue: t, onValueChange: r, open: i, defaultOpen:
 		te
 	]), ne = x(() => {
 		let e = (e) => {
-			m(e), _(!1);
+			h(e), _(!1);
 		};
 		return {
 			baseId: d,
-			open: h,
+			open: g,
 			disabled: c,
-			selectedValue: p,
+			selectedValue: f,
 			activeIndex: v,
 			options: M,
 			triggerLabelling: I,
@@ -95,7 +96,7 @@ function U({ value: e, defaultValue: t, onValueChange: r, open: i, defaultOpen:
 				for (let r = 1; r <= t.length; r += 1) {
 					let i = (n + r) % t.length, a = t[i];
 					if (!(a == null || U.has(i)) && F.compare(a.slice(0, e.length), e) === 0) {
-						b(i), h || (D(!0), _(!0));
+						b(i), g || (D(!0), _(!0));
 						return;
 					}
 				}
@@ -110,9 +111,9 @@ function U({ value: e, defaultValue: t, onValueChange: r, open: i, defaultOpen:
 		};
 	}, [
 		d,
-		h,
+		g,
 		c,
-		p,
+		f,
 		v,
 		M,
 		I,
@@ -123,7 +124,7 @@ function U({ value: e, defaultValue: t, onValueChange: r, open: i, defaultOpen:
 		$,
 		H,
 		U,
-		m,
+		h,
 		_,
 		P
 	]);
@@ -132,7 +133,7 @@ function U({ value: e, defaultValue: t, onValueChange: r, open: i, defaultOpen:
 		children: [u, l !== void 0 && /* @__PURE__ */ T("input", {
 			type: "hidden",
 			name: l,
-			value: p ?? "",
+			value: f ?? "",
 			disabled: c
 		})]
 	});
@@ -205,10 +206,10 @@ function K({ ref: e, placeholder: n, className: r, sx: i, ...a }) {
 }
 K.displayName = "Select.Value";
 function q({ ref: e, style: n, onMouseDown: r, children: i, className: a, sx: o, ...s }) {
-	let { open: l, triggerLabelling: d, refs: f, floatingStyles: p, elementsRef: m, getFloatingProps: g } = z("Content"), _ = M([l ? f.setFloating : null, e]), v = s["aria-labelledby"] !== void 0 || s["aria-label"] !== void 0 ? {} : d?.labelledBy === void 0 ? d?.label === void 0 ? { "aria-labelledby": d?.id } : { "aria-label": d.label } : { "aria-labelledby": d.labelledBy }, y = (e) => {
+	let { open: l, triggerLabelling: d, refs: p, floatingStyles: m, elementsRef: h, getFloatingProps: g } = z("Content"), _ = M([l ? p.setFloating : null, e]), v = s["aria-labelledby"] !== void 0 || s["aria-label"] !== void 0 ? {} : d?.labelledBy === void 0 ? d?.label === void 0 ? { "aria-labelledby": d?.id } : { "aria-label": d.label } : { "aria-labelledby": d.labelledBy }, y = (e) => {
 		r?.(e), e.preventDefault();
 	};
-	return /* @__PURE__ */ T(h, { children: /* @__PURE__ */ T(t, {
+	return /* @__PURE__ */ T(f, { children: /* @__PURE__ */ T(t, {
 		className: a,
 		styles: [u, c],
 		sx: o,
@@ -224,11 +225,11 @@ function q({ ref: e, style: n, onMouseDown: r, children: i, className: a, sx: o,
 			"data-ui": "select-listbox",
 			style: {
 				...n,
-				...p
+				...m
 			},
 			className: e,
 			children: /* @__PURE__ */ T(D, {
-				elementsRef: m,
+				elementsRef: h,
 				children: /* @__PURE__ */ T(R.Provider, {
 					value: !0,
 					children: i
@@ -238,8 +239,8 @@ function q({ ref: e, style: n, onMouseDown: r, children: i, className: a, sx: o,
 	}) });
 }
 q.displayName = "Select.Content";
-function J({ ref: e, value: n, disabled: r = !1, onClick: i, children: c, className: u, sx: f, ...h }) {
-	let { baseId: g, selectedValue: _, activeIndex: v, labelsRef: y, getItemProps: b, selectValue: x, registration: C } = B(), w = S(null), { ref: D, index: O } = p(n, C, w, (e, t) => ({
+function J({ ref: e, value: n, disabled: r = !1, onClick: i, children: c, className: u, sx: f, ...p }) {
+	let { baseId: m, selectedValue: _, activeIndex: v, labelsRef: y, getItemProps: b, selectValue: x, registration: C } = B(), w = S(null), { ref: D, index: O } = h(n, C, w, (e, t) => ({
 		index: e,
 		label: t,
 		disabled: r
@@ -259,8 +260,8 @@ function J({ ref: e, value: n, disabled: r = !1, onClick: i, children: c, classN
 		sx: f,
 		children: (e) => /* @__PURE__ */ E("div", {
 			...b({
-				id: m(g, n),
-				...h,
+				id: g(m, n),
+				...p,
 				onClick: N
 			}),
 			ref: k,

package/dist/select.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Select } from "./select-D5rhJ8gi.js";
+export { t as Select } from "./select-SrcQqZjo.js";