@jfrader/ui 0.3.0 → 0.4.0

package/dist/{menu-DU60SMdt.js → menu-CGPTNRnF.js}

@@ -5,21 +5,21 @@ import { n as r } from "./media-D_eA_I-e.js";
 import { t as i } from "./use-controlled-state-CVXDa-qM.js";
 import { f as a, i as o, n as s, o as c } from "./collection-registry-BTYi6zGh.js";
 import { t as l } from "./trigger-style-B1KVC8O1.js";
-import { t as u } from "./use-overlay-floating-efeqppiw.js";
-import { createContext as d, useContext as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-import { vars as _ } from "@jfrader/tokens/vars";
-import { jsx as v } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as y, FloatingList as b, FloatingPortal as x, useClick as S, useDismiss as C, useInteractions as w, useListNavigation as T, useMergeRefs as E, useRole as D, useTypeahead as O } from "@floating-ui/react";
+import { n as u, t as d } from "./use-overlay-floating-Bit-f0FU.js";
+import { createContext as f, useContext as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { vars as v } from "@jfrader/tokens/vars";
+import { jsx as y } from "@emotion/react/jsx-runtime";
+import { FloatingFocusManager as b, FloatingList as x, useClick as S, useDismiss as C, useInteractions as w, useListNavigation as T, useMergeRefs as E, useRole as D, useTypeahead as O } from "@floating-ui/react";
 //#region src/components/menu/menu.tsx
-var k = 500, A = d(null), j = d(!1);
+var k = 500, A = f(null), j = f(!1);
 function M(e) {
-	let t = f(A);
+	let t = p(A);
 	if (!t) throw Error(`Menu.${e} must be rendered inside <Menu>.`);
 	return t;
 }
 function N() {
 	let e = M("Item");
-	if (!f(j)) throw Error("Menu.Item must be rendered inside <Menu.Content>.");
+	if (!p(j)) throw Error("Menu.Item must be rendered inside <Menu.Content>.");
 	return e;
 }
 var P = e({
@@ -30,46 +30,46 @@ var P = e({
 	inlineSize: "100%",
 	minBlockSize: "32px",
 	border: 0,
-	borderRadius: _.radius.sm,
+	borderRadius: v.radius.sm,
 	backgroundColor: "transparent",
-	paddingBlock: _.space[1],
-	paddingInline: _.space[2],
+	paddingBlock: v.space[1],
+	paddingInline: v.space[2],
 	font: "inherit",
-	fontSize: _.textSize.sm,
-	color: _.color.text,
+	fontSize: v.textSize.sm,
+	color: v.color.text,
 	textAlign: "start",
 	cursor: "pointer",
 	transitionProperty: "background-color",
-	transitionDuration: _.motion.duration.fast,
-	transitionTimingFunction: _.motion.easeStandard,
+	transitionDuration: v.motion.duration.fast,
+	transitionTimingFunction: v.motion.easeStandard,
 	"&:focus-visible": { ...n },
 	[r]: { transitionDuration: "0s" }
 }), F = e({
 	blockSize: "1px",
-	marginBlock: _.space[1],
-	backgroundColor: _.color.border
+	marginBlock: v.space[1],
+	backgroundColor: v.color.border
 });
 function I({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bottom-start", children: a }) {
-	let [o = !1, s] = i(e, t, n), [c, l] = g(null), d = h([]), f = h([]), _ = h(/* @__PURE__ */ new Set()), y = h(!1), { refs: b, floatingStyles: x, context: E } = u({
+	let [o = !1, s] = i(e, t, n), [c, l] = _(null), u = g([]), f = g([]), p = g(/* @__PURE__ */ new Set()), v = g(!1), { refs: b, floatingStyles: x, context: E } = d({
 		open: o,
 		placement: r,
 		onOpenChange: (e, t, n) => {
-			e || (y.current = n === "escape-key"), s(e);
+			e || (v.current = n === "escape-key"), s(e);
 		}
 	});
-	p(() => {
-		!o && y.current && (y.current = !1, b.domReference.current?.focus());
+	m(() => {
+		!o && v.current && (v.current = !1, b.domReference.current?.focus());
 	}, [o, b]);
 	let j = S(E), M = D(E, { role: "menu" }), N = C(E, {
 		escapeKey: !0,
 		outsidePress: !0
 	}), P = T(E, {
-		listRef: d,
+		listRef: u,
 		activeIndex: c,
 		onNavigate: l,
 		loop: !0,
 		orientation: "vertical",
-		disabledIndices: (e) => _.current.has(e),
+		disabledIndices: (e) => p.current.has(e),
 		focusItemOnOpen: !0
 	}), F = O(E, {
 		listRef: f,
@@ -82,18 +82,18 @@ function I({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bott
 		N,
 		P,
 		F
-	]), z = m(() => ({
+	]), z = h(() => ({
 		open: o,
 		requestClose: (e = !1) => {
-			e && (y.current = !0), s(!1);
+			e && (v.current = !0), s(!1);
 		},
 		activeIndex: c,
 		refs: b,
 		floatingContext: E,
 		floatingStyles: x,
-		elementsRef: d,
+		elementsRef: u,
 		labelsRef: f,
-		disabledIndices: _.current,
+		disabledIndices: p.current,
 		getReferenceProps: I,
 		getFloatingProps: L,
 		getItemProps: R
@@ -108,7 +108,7 @@ function I({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bott
 		L,
 		R
 	]);
-	return /* @__PURE__ */ v(A.Provider, {
+	return /* @__PURE__ */ y(A.Provider, {
 		value: z,
 		children: a
 	});
@@ -116,11 +116,11 @@ function I({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bott
 I.displayName = "Menu";
 function L({ ref: e, className: n, sx: r, ...i }) {
 	let { refs: a, getReferenceProps: o } = M("Trigger"), s = E([a.setReference, e]);
-	return /* @__PURE__ */ v(t, {
+	return /* @__PURE__ */ y(t, {
 		className: n,
 		styles: l,
 		sx: r,
-		children: (e) => /* @__PURE__ */ v("button", {
+		children: (e) => /* @__PURE__ */ y("button", {
 			type: "button",
 			...o(i),
 			ref: s,
@@ -131,30 +131,30 @@ function L({ ref: e, className: n, sx: r, ...i }) {
 }
 L.displayName = "Menu.Trigger";
 function R({ ref: e, style: n, children: r, className: i, sx: o, ...s }) {
-	let { open: c, refs: l, floatingContext: u, floatingStyles: d, elementsRef: f, labelsRef: p, getFloatingProps: m } = M("Content"), h = E([l.setFloating, e]);
-	return c ? /* @__PURE__ */ v(x, { children: /* @__PURE__ */ v(y, {
-		context: u,
+	let { open: c, refs: l, floatingContext: d, floatingStyles: f, elementsRef: p, labelsRef: m, getFloatingProps: h } = M("Content"), g = E([l.setFloating, e]);
+	return c ? /* @__PURE__ */ y(u, { children: /* @__PURE__ */ y(b, {
+		context: d,
 		modal: !1,
 		initialFocus: -1,
 		returnFocus: !1,
 		restoreFocus: !0,
-		children: /* @__PURE__ */ v(t, {
+		children: /* @__PURE__ */ y(t, {
 			className: i,
 			styles: a,
 			sx: o,
-			children: (e) => /* @__PURE__ */ v("div", {
-				...m(s),
-				ref: h,
+			children: (e) => /* @__PURE__ */ y("div", {
+				...h(s),
+				ref: g,
 				"data-ui": "menu",
 				style: {
 					...n,
-					...d
+					...f
 				},
 				className: e,
-				children: /* @__PURE__ */ v(b, {
-					elementsRef: f,
-					labelsRef: p,
-					children: /* @__PURE__ */ v(j.Provider, {
+				children: /* @__PURE__ */ y(x, {
+					elementsRef: p,
+					labelsRef: m,
+					children: /* @__PURE__ */ y(j.Provider, {
 						value: !0,
 						children: r
 					})
@@ -165,16 +165,16 @@ function R({ ref: e, style: n, children: r, className: i, sx: o, ...s }) {
 }
 R.displayName = "Menu.Content";
 function z({ ref: e, onSelect: n, disabled: r = !1, onClick: i, className: a, sx: l, ...u }) {
-	let { activeIndex: d, requestClose: f, disabledIndices: p, getItemProps: m } = N(), { ref: h, index: g } = o({ label: r ? null : void 0 }), _ = E([h, e]), y = g !== -1 && d === g;
+	let { activeIndex: d, requestClose: f, disabledIndices: p, getItemProps: m } = N(), { ref: h, index: g } = o({ label: r ? null : void 0 }), _ = E([h, e]), v = g !== -1 && d === g;
 	s(g, r, p);
 	let b = (e) => {
 		r || (i?.(e), n?.(), e.defaultPrevented || f(!0));
 	};
-	return /* @__PURE__ */ v(t, {
+	return /* @__PURE__ */ y(t, {
 		className: a,
 		styles: [P, c],
 		sx: l,
-		children: (e) => /* @__PURE__ */ v("button", {
+		children: (e) => /* @__PURE__ */ y("button", {
 			type: "button",
 			...m({
 				...u,
@@ -182,9 +182,9 @@ function z({ ref: e, onSelect: n, disabled: r = !1, onClick: i, className: a, sx
 			}),
 			ref: _,
 			role: "menuitem",
-			tabIndex: y ? 0 : -1,
+			tabIndex: v ? 0 : -1,
 			"aria-disabled": r || void 0,
-			"data-active": y || void 0,
+			"data-active": v || void 0,
 			"data-ui": "menu-item",
 			className: e
 		})
@@ -192,11 +192,11 @@ function z({ ref: e, onSelect: n, disabled: r = !1, onClick: i, className: a, sx
 }
 z.displayName = "Menu.Item";
 function B({ ref: e, className: n, sx: r, ...i }) {
-	return /* @__PURE__ */ v(t, {
+	return /* @__PURE__ */ y(t, {
 		className: n,
 		styles: F,
 		sx: r,
-		children: (t) => /* @__PURE__ */ v("div", {
+		children: (t) => /* @__PURE__ */ y("div", {
 			...i,
 			ref: e,
 			role: "separator",

package/dist/menu.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Menu } from "./menu-DU60SMdt.js";
+export { t as Menu } from "./menu-CGPTNRnF.js";

package/dist/{popover-BtN_0ejj.js → popover-CdRXjQqI.js}

@@ -3,37 +3,37 @@ import { r as e, t } from "./sx-Dx9JUKp5.js";
 import { t as n } from "./use-controlled-state-CVXDa-qM.js";
 import { t as r } from "./trigger-style-B1KVC8O1.js";
 import { n as i } from "./surface-DZ4d-2aL.js";
-import { t as a } from "./use-overlay-floating-efeqppiw.js";
-import { createContext as o, useContext as s, useEffect as c, useMemo as l, useRef as u } from "react";
-import { vars as d } from "@jfrader/tokens/vars";
-import { jsx as f } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as p, FloatingPortal as m, useClick as h, useDismiss as g, useInteractions as _, useMergeRefs as v, useRole as y } from "@floating-ui/react";
+import { n as a, t as o } from "./use-overlay-floating-Bit-f0FU.js";
+import { createContext as s, useContext as c, useEffect as l, useMemo as u, useRef as d } from "react";
+import { vars as f } from "@jfrader/tokens/vars";
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { FloatingFocusManager as m, useClick as h, useDismiss as g, useInteractions as _, useMergeRefs as v, useRole as y } from "@floating-ui/react";
 //#region src/components/popover/popover.tsx
-var b = o(null);
+var b = s(null);
 function x(e) {
-	let t = s(b);
+	let t = c(b);
 	if (!t) throw Error(`Popover.${e} must be rendered inside <Popover>.`);
 	return t;
 }
 var S = e({
 	...i,
-	borderRadius: d.radius.lg,
-	boxShadow: d.shadow.overlay,
-	padding: d.space[4],
+	borderRadius: f.radius.lg,
+	boxShadow: f.shadow.overlay,
+	padding: f.space[4],
 	minInlineSize: "200px",
 	maxInlineSize: "min(360px, calc(100vw - 32px))",
-	fontSize: d.textSize.sm
+	fontSize: f.textSize.sm
 });
-function C({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: i = "bottom", children: o }) {
-	let [s = !1, d] = n(e, t, r), p = u(!1), { refs: m, floatingStyles: v, context: x } = a({
+function C({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: i = "bottom", children: a }) {
+	let [s = !1, c] = n(e, t, r), f = d(!1), { refs: m, floatingStyles: v, context: x } = o({
 		open: s,
 		placement: i,
 		onOpenChange: (e, t, n) => {
-			e || (p.current = n === "escape-key"), d(e);
+			e || (f.current = n === "escape-key"), c(e);
 		}
 	});
-	c(() => {
-		!s && p.current && (p.current = !1, m.domReference.current?.focus());
+	l(() => {
+		!s && f.current && (f.current = !1, m.domReference.current?.focus());
 	}, [s, m]);
 	let S = h(x), C = g(x, {
 		escapeKey: !0,
@@ -42,7 +42,7 @@ function C({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: i = "bott
 		S,
 		C,
 		w
-	]), D = l(() => ({
+	]), D = u(() => ({
 		open: s,
 		refs: m,
 		floatingContext: x,
@@ -57,19 +57,19 @@ function C({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: i = "bott
 		T,
 		E
 	]);
-	return /* @__PURE__ */ f(b.Provider, {
+	return /* @__PURE__ */ p(b.Provider, {
 		value: D,
-		children: o
+		children: a
 	});
 }
 C.displayName = "Popover";
 function w({ ref: e, className: n, sx: i, ...a }) {
 	let { refs: o, getReferenceProps: s } = x("Trigger"), c = v([o.setReference, e]);
-	return /* @__PURE__ */ f(t, {
+	return /* @__PURE__ */ p(t, {
 		className: n,
 		styles: r,
 		sx: i,
-		children: (e) => /* @__PURE__ */ f("button", {
+		children: (e) => /* @__PURE__ */ p("button", {
 			type: "button",
 			...s(a),
 			ref: c,
@@ -79,25 +79,25 @@ function w({ ref: e, className: n, sx: i, ...a }) {
 	});
 }
 w.displayName = "Popover.Trigger";
-function T({ ref: e, style: n, className: r, sx: i, ...a }) {
-	let { open: o, refs: s, floatingContext: c, floatingStyles: l, getFloatingProps: u } = x("Content"), d = v([s.setFloating, e]);
-	return o ? /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f(p, {
-		context: c,
+function T({ ref: e, style: n, className: r, sx: i, ...o }) {
+	let { open: s, refs: c, floatingContext: l, floatingStyles: u, getFloatingProps: d } = x("Content"), f = v([c.setFloating, e]);
+	return s ? /* @__PURE__ */ p(a, { children: /* @__PURE__ */ p(m, {
+		context: l,
 		modal: !1,
 		initialFocus: -1,
 		returnFocus: !1,
 		closeOnFocusOut: !1,
-		children: /* @__PURE__ */ f(t, {
+		children: /* @__PURE__ */ p(t, {
 			className: r,
 			styles: S,
 			sx: i,
-			children: (e) => /* @__PURE__ */ f("div", {
-				...u(a),
-				ref: d,
+			children: (e) => /* @__PURE__ */ p("div", {
+				...d(o),
+				ref: f,
 				"data-ui": "popover",
 				style: {
 					...n,
-					...l
+					...u
 				},
 				className: e
 			})

package/dist/popover.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Popover } from "./popover-BtN_0ejj.js";
+export { t as Popover } from "./popover-CdRXjQqI.js";

package/dist/{select-BCS0-LVW.js → select-BgG7WgSh.js}

@@ -3,40 +3,40 @@ import { r as e, t } from "./sx-Dx9JUKp5.js";
 import { t as n } from "./use-controlled-state-CVXDa-qM.js";
 import { a as r, c as i, d as a, f as o, l as s, o as c, r as l, s as u, t as d, u as f } from "./collection-registry-BTYi6zGh.js";
 import { t as p } from "./trigger-style-B1KVC8O1.js";
-import { t as m } from "./use-overlay-floating-efeqppiw.js";
-import { createContext as h, useContext as g, useId as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x } from "react";
-import { vars as S } from "@jfrader/tokens/vars";
-import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
-import { FloatingList as T, FloatingPortal as E, useClick as D, useDismiss as O, useInteractions as k, useListNavigation as A, useMergeRefs as j, useRole as M } from "@floating-ui/react";
+import { n as m, t as h } from "./use-overlay-floating-Bit-f0FU.js";
+import { createContext as g, useContext as _, useId as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { vars as C } from "@jfrader/tokens/vars";
+import { jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
+import { FloatingList as E, useClick as D, useDismiss as O, useInteractions as k, useListNavigation as A, useMergeRefs as j, useRole as M } from "@floating-ui/react";
 //#region src/components/select/select.tsx
 var N = 500, P = new Intl.Collator(void 0, {
 	usage: "search",
 	sensitivity: "base"
-}), F = "✓", I = h(null), L = h(!1);
+}), F = "✓", I = g(null), L = g(!1);
 function R(e) {
-	let t = g(I);
+	let t = _(I);
 	if (!t) throw Error(`Select.${e} must be rendered inside <Select>.`);
 	return t;
 }
 function z() {
 	let e = R("Item");
-	if (!g(L)) throw Error("Select.Item must be rendered inside <Select.Content>.");
+	if (!_(L)) throw Error("Select.Item must be rendered inside <Select.Content>.");
 	return e;
 }
 var B = e({
 	justifyContent: "flex-start",
 	minInlineSize: "180px",
-	"&[aria-expanded=\"true\"]": { backgroundColor: S.color.surfaceHover }
+	"&[aria-expanded=\"true\"]": { backgroundColor: C.color.surfaceHover }
 }), V = e({
 	overflow: "hidden",
 	textOverflow: "ellipsis",
 	whiteSpace: "nowrap",
-	"&[data-placeholder]": { color: S.color.textMuted }
+	"&[data-placeholder]": { color: C.color.textMuted }
 });
 function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen: o = !1, onOpenChange: s, placement: c = "bottom-start", disabled: l = !1, name: u, children: d }) {
-	let f = _(), [p, h] = n(e, t, i), [g = !1, v] = n(a, o, s), [S, T] = x(null), [E, j] = x(!1), [N, F] = r(), [L, R] = x(null), z = b([]), B = b([]), V = b(null);
-	!g && E && (j(!1), T(null));
-	let { valuesByIndex: H, disabledIndices: U } = y(() => {
+	let f = v(), [p, m] = n(e, t, i), [g = !1, _] = n(a, o, s), [y, C] = S(null), [E, j] = S(!1), [N, F] = r(), [L, R] = S(null), z = x([]), B = x([]), V = x(null);
+	!g && E && (j(!1), C(null));
+	let { valuesByIndex: H, disabledIndices: U } = b(() => {
 		let e = [], t = /* @__PURE__ */ new Set();
 		return N.forEach((n, r) => {
 			n.index !== -1 && (e[n.index] = r, n.disabled && t.add(n.index));
@@ -44,17 +44,17 @@ function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 			valuesByIndex: e,
 			disabledIndices: t
 		};
-	}, [N]), W = p === void 0 ? void 0 : N.get(p), G = W && W.index !== -1 ? W.index : null, { refs: K, floatingStyles: q, context: J } = m({
+	}, [N]), W = p === void 0 ? void 0 : N.get(p), G = W && W.index !== -1 ? W.index : null, { refs: K, floatingStyles: q, context: J } = h({
 		open: g,
 		placement: c,
-		onOpenChange: (e) => v(e)
+		onOpenChange: (e) => _(e)
 	}), Y = D(J), X = M(J, { role: "listbox" }), ee = O(J, {
 		escapeKey: !0,
 		outsidePress: !0
 	}), te = A(J, {
 		listRef: z,
-		activeIndex: S,
-		onNavigate: T,
+		activeIndex: y,
+		onNavigate: C,
 		virtual: !0,
 		virtualItemRef: V,
 		loop: !0,
@@ -66,16 +66,16 @@ function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 		X,
 		ee,
 		te
-	]), ne = y(() => {
+	]), ne = b(() => {
 		let e = (e) => {
-			h(e), v(!1);
+			m(e), _(!1);
 		};
 		return {
 			baseId: f,
 			open: g,
 			disabled: l,
 			selectedValue: p,
-			activeIndex: S,
+			activeIndex: y,
 			options: N,
 			triggerLabelling: L,
 			refs: K,
@@ -87,11 +87,11 @@ function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 			getItemProps: $,
 			selectValue: e,
 			matchTypeahead: (e) => {
-				let t = B.current, n = S ?? -1;
+				let t = B.current, n = y ?? -1;
 				for (let r = 1; r <= t.length; r += 1) {
 					let i = (n + r) % t.length, a = t[i];
 					if (!(a == null || U.has(i)) && P.compare(a.slice(0, e.length), e) === 0) {
-						T(i), g || (j(!0), v(!0));
+						C(i), g || (j(!0), _(!0));
 						return;
 					}
 				}
@@ -100,7 +100,7 @@ function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 				let n = H[t];
 				n === void 0 || U.has(t) || e(n);
 			},
-			requestOpenChange: v,
+			requestOpenChange: _,
 			registration: F,
 			setTriggerLabelling: R
 		};
@@ -109,7 +109,7 @@ function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 		g,
 		l,
 		p,
-		S,
+		y,
 		N,
 		L,
 		K,
@@ -119,13 +119,13 @@ function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 		$,
 		H,
 		U,
-		h,
-		v,
+		m,
+		_,
 		F
 	]);
-	return /* @__PURE__ */ w(I.Provider, {
+	return /* @__PURE__ */ T(I.Provider, {
 		value: ne,
-		children: [d, u !== void 0 && /* @__PURE__ */ C("input", {
+		children: [d, u !== void 0 && /* @__PURE__ */ w("input", {
 			type: "hidden",
 			name: u,
 			value: p ?? "",
@@ -135,19 +135,19 @@ function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen:
 }
 H.displayName = "Select";
 function U({ ref: e, id: n, disabled: r, onKeyDown: i, className: a, sx: o, ...s }) {
-	let { baseId: c, open: l, disabled: u, activeIndex: d, refs: f, getReferenceProps: m, selectIndex: h, matchTypeahead: g, requestOpenChange: _, setTriggerLabelling: y } = R("Trigger"), x = j([f.setReference, e]), S = b({
+	let { baseId: c, open: l, disabled: u, activeIndex: d, refs: f, getReferenceProps: m, selectIndex: h, matchTypeahead: g, requestOpenChange: _, setTriggerLabelling: v } = R("Trigger"), b = j([f.setReference, e]), S = x({
 		search: "",
 		lastKeyAt: 0
-	}), w = n ?? `${c}-trigger`, T = s["aria-labelledby"], E = s["aria-label"];
-	v(() => (y({
-		id: w,
+	}), C = n ?? `${c}-trigger`, T = s["aria-labelledby"], E = s["aria-label"];
+	y(() => (v({
+		id: C,
 		labelledBy: T,
 		label: E
-	}), () => y(null)), [
-		w,
+	}), () => v(null)), [
+		C,
 		T,
 		E,
-		y
+		v
 	]);
 	let D = (e) => {
 		if (i?.(e), !(e.defaultPrevented || u || r)) {
@@ -160,19 +160,19 @@ function U({ ref: e, id: n, disabled: r, onKeyDown: i, className: a, sx: o, ...s
 			} else l && (e.key === "Tab" ? _(!1) : (e.key === "Enter" || e.key === " ") && d !== null && (e.preventDefault(), h(d)));
 		}
 	};
-	return /* @__PURE__ */ C(t, {
+	return /* @__PURE__ */ w(t, {
 		className: a,
 		styles: [p, B],
 		sx: o,
-		children: (e) => /* @__PURE__ */ C("button", {
+		children: (e) => /* @__PURE__ */ w("button", {
 			type: "button",
 			...m({
 				...s,
-				id: w,
+				id: C,
 				disabled: u || r,
 				onKeyDown: D
 			}),
-			ref: x,
+			ref: b,
 			"data-state": l ? "open" : "closed",
 			"data-ui": "select-trigger",
 			className: e
@@ -182,11 +182,11 @@ function U({ ref: e, id: n, disabled: r, onKeyDown: i, className: a, sx: o, ...s
 U.displayName = "Select.Trigger";
 function W({ ref: e, placeholder: n, className: r, sx: i, ...a }) {
 	let { selectedValue: o, options: s } = R("Value"), c = o === void 0 ? void 0 : s.get(o)?.label, l = c === void 0;
-	return /* @__PURE__ */ C(t, {
+	return /* @__PURE__ */ w(t, {
 		className: r,
 		styles: V,
 		sx: i,
-		children: (t) => /* @__PURE__ */ C("span", {
+		children: (t) => /* @__PURE__ */ w("span", {
 			...a,
 			ref: e,
 			"data-placeholder": l || void 0,
@@ -198,20 +198,20 @@ function W({ ref: e, placeholder: n, className: r, sx: i, ...a }) {
 }
 W.displayName = "Select.Value";
 function G({ ref: e, style: n, onMouseDown: r, children: i, className: s, sx: c, ...l }) {
-	let { open: u, triggerLabelling: d, refs: f, floatingStyles: p, elementsRef: m, getFloatingProps: h } = R("Content"), g = j([u ? f.setFloating : null, e]), _ = l["aria-labelledby"] !== void 0 || l["aria-label"] !== void 0 ? {} : d?.labelledBy === void 0 ? d?.label === void 0 ? { "aria-labelledby": d?.id } : { "aria-label": d.label } : { "aria-labelledby": d.labelledBy }, v = (e) => {
+	let { open: u, triggerLabelling: d, refs: f, floatingStyles: p, elementsRef: h, getFloatingProps: g } = R("Content"), _ = j([u ? f.setFloating : null, e]), v = l["aria-labelledby"] !== void 0 || l["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__ */ C(E, { children: /* @__PURE__ */ C(t, {
+	return /* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(t, {
 		className: s,
 		styles: [o, a],
 		sx: c,
-		children: (e) => /* @__PURE__ */ C("div", {
-			...h({
-				..._,
+		children: (e) => /* @__PURE__ */ w("div", {
+			...g({
+				...v,
 				...l,
-				onMouseDown: v
+				onMouseDown: y
 			}),
-			ref: g,
+			ref: _,
 			hidden: !u,
 			"data-state": u ? "open" : "closed",
 			"data-ui": "select-listbox",
@@ -220,9 +220,9 @@ function G({ ref: e, style: n, onMouseDown: r, children: i, className: s, sx: c,
 				...p
 			},
 			className: e,
-			children: /* @__PURE__ */ C(T, {
-				elementsRef: m,
-				children: /* @__PURE__ */ C(L.Provider, {
+			children: /* @__PURE__ */ w(E, {
+				elementsRef: h,
+				children: /* @__PURE__ */ w(L.Provider, {
 					value: !0,
 					children: i
 				})
@@ -232,7 +232,7 @@ function G({ ref: e, style: n, onMouseDown: r, children: i, className: s, sx: c,
 }
 G.displayName = "Select.Content";
 function K({ ref: e, value: n, disabled: r = !1, onClick: a, children: o, className: p, sx: m, ...h }) {
-	let { baseId: g, selectedValue: _, activeIndex: v, labelsRef: y, getItemProps: x, selectValue: S, registration: T } = z(), E = b(null), { ref: D, index: O } = l(n, T, E, (e, t) => ({
+	let { baseId: g, selectedValue: _, activeIndex: v, labelsRef: y, getItemProps: b, selectValue: S, registration: C } = z(), E = x(null), { ref: D, index: O } = l(n, C, E, (e, t) => ({
 		index: e,
 		label: t,
 		disabled: r
@@ -242,7 +242,7 @@ function K({ ref: e, value: n, disabled: r = !1, onClick: a, children: o, classN
 	}), k = j([D, e]), A = O !== -1 && v === O, M = _ === n, N = (e) => {
 		a?.(e), !(r || e.defaultPrevented) && S(n);
 	};
-	return /* @__PURE__ */ C(t, {
+	return /* @__PURE__ */ w(t, {
 		className: p,
 		styles: [
 			u,
@@ -250,8 +250,8 @@ function K({ ref: e, value: n, disabled: r = !1, onClick: a, children: o, classN
 			s
 		],
 		sx: m,
-		children: (e) => /* @__PURE__ */ w("div", {
-			...x({
+		children: (e) => /* @__PURE__ */ T("div", {
+			...b({
 				id: d(g, n),
 				...h,
 				onClick: N
@@ -263,11 +263,11 @@ function K({ ref: e, value: n, disabled: r = !1, onClick: a, children: o, classN
 			"data-active": A || void 0,
 			"data-ui": "select-item",
 			className: e,
-			children: [/* @__PURE__ */ C("span", {
+			children: [/* @__PURE__ */ w("span", {
 				ref: E,
 				css: f,
 				children: o
-			}), M && /* @__PURE__ */ C("span", {
+			}), M && /* @__PURE__ */ w("span", {
 				"aria-hidden": "true",
 				css: i,
 				children: F

package/dist/select.js

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