@noxickon/onyx 5.0.2 → 6.0.0

package/dist/node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbar.js

@@ -0,0 +1,109 @@
+"use client";
+import { useDirection as e } from "../../internals/direction-context/DirectionContext.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { addEventListener as n } from "../../../utils/addEventListener.js";
+import { contains as r, getTarget as i } from "../../internals/shadowDom.js";
+import { useScrollAreaRootContext as a } from "../root/ScrollAreaRootContext.js";
+import { ScrollAreaRootCssVars as o } from "../root/ScrollAreaRootCssVars.js";
+import { getOffset as s } from "../utils/getOffset.js";
+import { scrollAreaStateAttributesMapping as c } from "../root/stateAttributes.js";
+import { ScrollAreaScrollbarContext as l } from "./ScrollAreaScrollbarContext.js";
+import { ScrollAreaScrollbarCssVars as u } from "./ScrollAreaScrollbarCssVars.js";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbar.mjs
+var p = /*#__PURE__*/ d.forwardRef(function(p, m) {
+	let { render: h, className: g, orientation: _ = "vertical", keepMounted: v = !1, style: y, ...b } = p, { hovering: x, scrollingX: S, scrollingY: C, hiddenState: w, overflowEdges: T, scrollbarYRef: E, scrollbarXRef: D, viewportRef: O, thumbYRef: k, thumbXRef: A, handlePointerDown: j, handlePointerUp: M, handleScroll: N, rootId: P, thumbSize: F, hasMeasuredScrollbar: I } = a(), L = {
+		hovering: x,
+		scrolling: {
+			horizontal: S,
+			vertical: C
+		}[_],
+		orientation: _,
+		hasOverflowX: !w.x,
+		hasOverflowY: !w.y,
+		overflowXStart: T.xStart,
+		overflowXEnd: T.xEnd,
+		overflowYStart: T.yStart,
+		overflowYEnd: T.yEnd,
+		cornerHidden: w.corner
+	}, R = e(), z = !I && !v, B = _ === "vertical" ? w.y : w.x, V = v || !B;
+	d.useEffect(() => {
+		if (!V) return;
+		let e = O.current, t = _ === "vertical" ? E.current : D.current;
+		if (!t) return;
+		function r(n) {
+			if (!e || !t || n.ctrlKey) return;
+			let r = _ === "horizontal", i = r ? "scrollLeft" : "scrollTop", a = r ? n.deltaX : n.deltaY;
+			if (a === 0) return;
+			let o = r ? e.scrollWidth - e.clientWidth : e.scrollHeight - e.clientHeight, s = r && R === "rtl" ? -o : 0, c = r && R === "rtl" ? 0 : o, l = e[i];
+			l <= s && a < 0 || l >= c && a > 0 || (n.preventDefault(), e[i] = Math.min(c, Math.max(s, l + a)), N({
+				x: e.scrollLeft,
+				y: e.scrollTop
+			}));
+		}
+		return n(t, "wheel", r, { passive: !1 });
+	}, [
+		R,
+		N,
+		_,
+		D,
+		E,
+		V,
+		O
+	]);
+	let H = {
+		...P && { "data-id": `${P}-scrollbar` },
+		onPointerDown(e) {
+			if (e.button !== 0) return;
+			let t = i(e.nativeEvent), n = _ === "vertical" ? k.current : A.current;
+			if (!(n && r(n, t)) && O.current) {
+				if (k.current && E.current && _ === "vertical") {
+					let t = s(k.current, "margin", "y"), n = s(E.current, "padding", "y"), r = k.current.offsetHeight, i = E.current.getBoundingClientRect(), a = e.clientY - i.top - r / 2 - n + t / 2, o = O.current.scrollHeight, c = O.current.clientHeight, l = a / (E.current.offsetHeight - r - n - t) * (o - c);
+					O.current.scrollTop = l;
+				}
+				if (A.current && D.current && _ === "horizontal") {
+					let t = s(A.current, "margin", "x"), n = s(D.current, "padding", "x"), r = A.current.offsetWidth, i = D.current.getBoundingClientRect(), a = e.clientX - i.left - r / 2 - n + t / 2, o = O.current.scrollWidth, c = O.current.clientWidth, l = a / (D.current.offsetWidth - r - n - t), u;
+					R === "rtl" ? (u = (1 - l) * (o - c), O.current.scrollLeft <= 0 && (u = -u)) : u = l * (o - c), O.current.scrollLeft = u;
+				}
+				N({
+					x: O.current.scrollLeft,
+					y: O.current.scrollTop
+				}), j(e);
+			}
+		},
+		onPointerUp: M,
+		onPointerCancel: M,
+		style: {
+			position: "absolute",
+			touchAction: "none",
+			WebkitUserSelect: "none",
+			userSelect: "none",
+			visibility: z ? "hidden" : void 0,
+			..._ === "vertical" && {
+				top: 0,
+				bottom: `var(${o.scrollAreaCornerHeight})`,
+				insetInlineEnd: 0,
+				[u.scrollAreaThumbHeight]: `${F.height}px`
+			},
+			..._ === "horizontal" && {
+				insetInlineStart: 0,
+				insetInlineEnd: `var(${o.scrollAreaCornerWidth})`,
+				bottom: 0,
+				[u.scrollAreaThumbWidth]: `${F.width}px`
+			}
+		}
+	}, U = t("div", p, {
+		ref: [m, _ === "vertical" ? E : D],
+		state: L,
+		props: [H, b],
+		stateAttributesMapping: c
+	}), W = d.useMemo(() => ({ orientation: _ }), [_]);
+	return V ? /*#__PURE__*/ f(l.Provider, {
+		value: W,
+		children: U
+	}) : null;
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "ScrollAreaScrollbar");
+//#endregion
+export { p as ScrollAreaScrollbar };

package/dist/node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "ScrollAreaScrollbarContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(54) : "Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>.");
+	return r;
+}
+//#endregion
+export { n as ScrollAreaScrollbarContext, r as useScrollAreaScrollbarContext };

package/dist/node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarCssVars.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarCssVars.mjs
+var e = /*#__PURE__*/ function(e) {
+	return e.scrollAreaThumbHeight = "--scroll-area-thumb-height", e.scrollAreaThumbWidth = "--scroll-area-thumb-width", e;
+}({});
+//#endregion
+export { e as ScrollAreaScrollbarCssVars };

package/dist/node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarDataAttributes.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/scroll-area/scrollbar/ScrollAreaScrollbarDataAttributes.mjs
+var e = /*#__PURE__*/ function(e) {
+	return e.orientation = "data-orientation", e.hovering = "data-hovering", e.scrolling = "data-scrolling", e.hasOverflowX = "data-has-overflow-x", e.hasOverflowY = "data-has-overflow-y", e.overflowXStart = "data-overflow-x-start", e.overflowXEnd = "data-overflow-x-end", e.overflowYStart = "data-overflow-y-start", e.overflowYEnd = "data-overflow-y-end", e;
+}({});
+//#endregion
+export { e as ScrollAreaScrollbarDataAttributes };

package/dist/node_modules/@base-ui/react/scroll-area/thumb/ScrollAreaThumb.js

@@ -0,0 +1,34 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useScrollAreaRootContext as t } from "../root/ScrollAreaRootContext.js";
+import { useScrollAreaScrollbarContext as n } from "../scrollbar/ScrollAreaScrollbarContext.js";
+import { ScrollAreaScrollbarCssVars as r } from "../scrollbar/ScrollAreaScrollbarCssVars.js";
+import * as i from "react";
+//#region node_modules/@base-ui/react/scroll-area/thumb/ScrollAreaThumb.mjs
+var a = /*#__PURE__*/ i.forwardRef(function(i, a) {
+	let { render: o, className: s, style: c, ...l } = i, { thumbYRef: u, thumbXRef: d, handlePointerDown: f, handlePointerMove: p, handlePointerUp: m, setScrollingX: h, setScrollingY: g, scrollingX: _, scrollingY: v, hasMeasuredScrollbar: y } = t(), { orientation: b } = n(), x = {
+		scrolling: b === "horizontal" ? _ : v,
+		orientation: b
+	};
+	function S(e) {
+		b === "vertical" && g(!1), b === "horizontal" && h(!1), m(e);
+	}
+	return e("div", i, {
+		ref: [a, b === "vertical" ? u : d],
+		state: x,
+		props: [{
+			onPointerDown: f,
+			onPointerMove: p,
+			onPointerUp: S,
+			onPointerCancel: S,
+			style: {
+				visibility: y ? void 0 : "hidden",
+				...b === "vertical" && { height: `var(${r.scrollAreaThumbHeight})` },
+				...b === "horizontal" && { width: `var(${r.scrollAreaThumbWidth})` }
+			}
+		}, l]
+	});
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "ScrollAreaThumb");
+//#endregion
+export { a as ScrollAreaThumb };

package/dist/node_modules/@base-ui/react/scroll-area/utils/getOffset.js

@@ -0,0 +1,8 @@
+//#region node_modules/@base-ui/react/scroll-area/utils/getOffset.mjs
+function e(e, t, n) {
+	if (!e) return 0;
+	let r = getComputedStyle(e), i = n === "x" ? "Inline" : "Block";
+	return n === "x" && t === "margin" ? parseFloat(r[`${t}InlineStart`]) * 2 : parseFloat(r[`${t}${i}Start`]) + parseFloat(r[`${t}${i}End`]);
+}
+//#endregion
+export { e as getOffset };

package/dist/node_modules/@base-ui/react/scroll-area/viewport/ScrollAreaViewport.js

@@ -0,0 +1,187 @@
+"use client";
+import { useStableCallback as e } from "../../../utils/useStableCallback.js";
+import { useIsoLayoutEffect as t } from "../../../utils/useIsoLayoutEffect.js";
+import { useDirection as n } from "../../internals/direction-context/DirectionContext.js";
+import { useRenderElement as r } from "../../internals/useRenderElement.js";
+import { webkit as i } from "../../../utils/platform/engine.js";
+import { useTimeout as a } from "../../../utils/useTimeout.js";
+import { clamp as o } from "../../internals/clamp.js";
+import { normalizeScrollOffset as s } from "../../utils/scrollEdges.js";
+import { styleDisableScrollbar as c } from "../../utils/styles.js";
+import { useScrollAreaRootContext as l } from "../root/ScrollAreaRootContext.js";
+import { getOffset as u } from "../utils/getOffset.js";
+import { scrollAreaStateAttributesMapping as d } from "../root/stateAttributes.js";
+import { ScrollAreaViewportContext as f } from "./ScrollAreaViewportContext.js";
+import { ScrollAreaViewportCssVars as p } from "./ScrollAreaViewportCssVars.js";
+import * as m from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/scroll-area/viewport/ScrollAreaViewport.mjs
+var g = !1;
+function _() {
+	g || i || (typeof CSS < "u" && "registerProperty" in CSS && [
+		p.scrollAreaOverflowXStart,
+		p.scrollAreaOverflowXEnd,
+		p.scrollAreaOverflowYStart,
+		p.scrollAreaOverflowYEnd
+	].forEach((e) => {
+		try {
+			CSS.registerProperty({
+				name: e,
+				syntax: "<length>",
+				inherits: !1,
+				initialValue: "0px"
+			});
+		} catch {}
+	}), g = !0);
+}
+var v = /*#__PURE__*/ m.forwardRef(function(i, g) {
+	let { render: v, className: b, style: x, ...S } = i, { viewportRef: C, scrollbarYRef: te, scrollbarXRef: ne, thumbYRef: re, thumbXRef: ie, cornerRef: ae, cornerSize: w, setCornerSize: T, setThumbSize: oe, rootId: E, setHiddenState: se, hiddenState: D, setHasMeasuredScrollbar: ce, handleScroll: O, setHovering: k, setOverflowEdges: A, overflowEdges: j, overflowEdgeThreshold: M, scrollingX: N, scrollingY: P } = l(), F = n(), I = m.useRef(!0), L = m.useRef([
+		NaN,
+		NaN,
+		NaN,
+		NaN
+	]), R = a(), z = a(), B = e(() => {
+		let e = C.current, t = te.current, n = ne.current, r = re.current, i = ie.current, a = ae.current;
+		if (!e) return;
+		let c = e.scrollHeight, l = e.scrollWidth, d = e.clientHeight, f = e.clientWidth, m = e.scrollTop, h = e.scrollLeft, g = L.current, _ = Number.isNaN(g[0]);
+		if (g[0] = d, g[1] = c, g[2] = f, g[3] = l, _ && ce(!0), c === 0 || l === 0) return;
+		let v = y(e), b = v.y, x = v.x, S = f / l, E = d / c, D = Math.max(0, l - f), O = Math.max(0, c - d), k = 0, j = 0;
+		if (!x) {
+			let e = 0;
+			e = o(F === "rtl" ? -h : h, 0, D), k = s(e, D), j = D - k;
+		}
+		let N = b ? 0 : o(m, 0, O), P = b ? 0 : s(N, O), I = b ? 0 : O - P, R = x ? 0 : f, z = b ? 0 : d, B = 0, V = 0;
+		!x && !b && (B = t?.offsetWidth || 0, V = n?.offsetHeight || 0);
+		let H = w.width === 0 && w.height === 0, U = H ? B : 0, W = H ? V : 0, G = u(n, "padding", "x"), K = u(t, "padding", "y"), q = u(i, "margin", "x"), J = u(r, "margin", "y"), Y = R - G - q, X = z - K - J, le = n ? Math.min(n.offsetWidth - U, Y) : Y, ue = t ? Math.min(t.offsetHeight - W, X) : X, Z = Math.max(16, le * S), Q = Math.max(16, ue * E);
+		if (oe((e) => e.height === Q && e.width === Z ? e : {
+			width: Z,
+			height: Q
+		}), t && r) {
+			let e = t.offsetHeight - Q - K - J, n = c - d, i = n === 0 ? 0 : m / n, a = Math.min(e, Math.max(0, i * e));
+			r.style.transform = `translate3d(0,${a}px,0)`;
+		}
+		if (n && i) {
+			let e = n.offsetWidth - Z - G - q, t = l - f, r = t === 0 ? 0 : h / t, a = F === "rtl" ? o(r * e, -e, 0) : o(r * e, 0, e);
+			i.style.transform = `translate3d(${a}px,0,0)`;
+		}
+		let de = [
+			[p.scrollAreaOverflowXStart, k],
+			[p.scrollAreaOverflowXEnd, j],
+			[p.scrollAreaOverflowYStart, P],
+			[p.scrollAreaOverflowYEnd, I]
+		];
+		for (let [t, n] of de) e.style.setProperty(t, `${n}px`);
+		a && (x || b ? T({
+			width: 0,
+			height: 0
+		}) : !x && !b && T({
+			width: B,
+			height: V
+		})), se((e) => ee(e, v));
+		let $ = {
+			xStart: !x && k > M.xStart,
+			xEnd: !x && j > M.xEnd,
+			yStart: !b && P > M.yStart,
+			yEnd: !b && I > M.yEnd
+		};
+		A((e) => e.xStart === $.xStart && e.xEnd === $.xEnd && e.yStart === $.yStart && e.yEnd === $.yEnd ? e : $);
+	});
+	t(() => {
+		C.current && _();
+	}, [C]), t(() => {
+		queueMicrotask(B);
+	}, [
+		B,
+		D,
+		F,
+		M.xStart,
+		M.xEnd,
+		M.yStart,
+		M.yEnd
+	]), t(() => {
+		C.current?.matches(":hover") && k(!0);
+	}, [C, k]), t(() => {
+		let e = C.current;
+		if (typeof ResizeObserver > "u" || !e) return;
+		let t = !1, n = new ResizeObserver(() => {
+			if (!t) {
+				t = !0;
+				let n = L.current;
+				if (n[0] === e.clientHeight && n[1] === e.scrollHeight && n[2] === e.clientWidth && n[3] === e.scrollWidth) return;
+			}
+			B();
+		});
+		return n.observe(e), z.start(0, () => {
+			let t = e.getAnimations({ subtree: !0 });
+			t.length !== 0 && Promise.allSettled(t.map((e) => e.finished)).then(B).catch(() => {});
+		}), () => {
+			n.disconnect(), z.clear();
+		};
+	}, [
+		B,
+		C,
+		z
+	]);
+	function V() {
+		I.current = !1;
+	}
+	let H = {
+		role: "presentation",
+		...E && { "data-id": `${E}-viewport` },
+		tabIndex: D.x && D.y ? -1 : 0,
+		className: c.className,
+		style: { overflow: "scroll" },
+		onScroll() {
+			C.current && (B(), I.current || O({
+				x: C.current.scrollLeft,
+				y: C.current.scrollTop
+			}), R.start(100, () => {
+				I.current = !0;
+			}));
+		},
+		onWheel: V,
+		onTouchMove: V,
+		onPointerMove: V,
+		onPointerEnter: V,
+		onKeyDown: V
+	}, U = m.useMemo(() => ({
+		scrolling: N || P,
+		hasOverflowX: !D.x,
+		hasOverflowY: !D.y,
+		overflowXStart: j.xStart,
+		overflowXEnd: j.xEnd,
+		overflowYStart: j.yStart,
+		overflowYEnd: j.yEnd,
+		cornerHidden: D.corner
+	}), [
+		N,
+		P,
+		D.x,
+		D.y,
+		D.corner,
+		j
+	]), W = r("div", i, {
+		ref: [g, C],
+		state: U,
+		props: [H, S],
+		stateAttributesMapping: d
+	}), G = m.useMemo(() => ({ computeThumbPosition: B }), [B]);
+	return /*#__PURE__*/ h(f.Provider, {
+		value: G,
+		children: W
+	});
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "ScrollAreaViewport");
+function y(e) {
+	let t = e.clientHeight >= e.scrollHeight, n = e.clientWidth >= e.scrollWidth;
+	return {
+		y: t,
+		x: n,
+		corner: t || n
+	};
+}
+function ee(e, t) {
+	return e.y === t.y && e.x === t.x && e.corner === t.corner ? e : t;
+}
+//#endregion
+export { v as ScrollAreaViewport };

package/dist/node_modules/@base-ui/react/scroll-area/viewport/ScrollAreaViewportContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/scroll-area/viewport/ScrollAreaViewportContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "ScrollAreaViewportContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(55) : "Base UI: ScrollAreaViewportContext missing. ScrollAreaViewport parts must be placed within <ScrollArea.Viewport>.");
+	return r;
+}
+//#endregion
+export { n as ScrollAreaViewportContext, r as useScrollAreaViewportContext };

package/dist/node_modules/@base-ui/react/scroll-area/viewport/ScrollAreaViewportCssVars.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/scroll-area/viewport/ScrollAreaViewportCssVars.mjs
+var e = /*#__PURE__*/ function(e) {
+	return e.scrollAreaOverflowXStart = "--scroll-area-overflow-x-start", e.scrollAreaOverflowXEnd = "--scroll-area-overflow-x-end", e.scrollAreaOverflowYStart = "--scroll-area-overflow-y-start", e.scrollAreaOverflowYEnd = "--scroll-area-overflow-y-end", e;
+}({});
+//#endregion
+export { e as ScrollAreaViewportCssVars };

package/dist/node_modules/@base-ui/react/select/group/SelectGroup.js

@@ -0,0 +1,25 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { SelectGroupContext as t } from "./SelectGroupContext.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/select/group/SelectGroup.mjs
+var i = /*#__PURE__*/ n.forwardRef(function(i, a) {
+	let { render: o, className: s, style: c, ...l } = i, [u, d] = n.useState(), f = n.useMemo(() => ({
+		labelId: u,
+		setLabelId: d
+	}), [u, d]), p = e("div", i, {
+		ref: a,
+		props: [{
+			role: "group",
+			"aria-labelledby": u
+		}, l]
+	});
+	return /*#__PURE__*/ r(t.Provider, {
+		value: f,
+		children: p
+	});
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "SelectGroup");
+//#endregion
+export { i as SelectGroup };

package/dist/node_modules/@base-ui/react/select/group/SelectGroupContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/select/group/SelectGroupContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectGroupContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(56) : "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>.");
+	return r;
+}
+//#endregion
+export { n as SelectGroupContext, r as useSelectGroupContext };

package/dist/node_modules/@base-ui/react/select/group-label/SelectGroupLabel.js

@@ -0,0 +1,19 @@
+"use client";
+import { useIsoLayoutEffect as e } from "../../../utils/useIsoLayoutEffect.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { useBaseUiId as n } from "../../internals/useBaseUiId.js";
+import { useSelectGroupContext as r } from "../group/SelectGroupContext.js";
+import * as i from "react";
+//#region node_modules/@base-ui/react/select/group-label/SelectGroupLabel.mjs
+var a = /*#__PURE__*/ i.forwardRef(function(i, a) {
+	let { render: o, className: s, style: c, id: l, ...u } = i, { setLabelId: d } = r(), f = n(l);
+	return e(() => {
+		d(f);
+	}, [f, d]), t("div", i, {
+		ref: a,
+		props: [{ id: f }, u]
+	});
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "SelectGroupLabel");
+//#endregion
+export { a as SelectGroupLabel };

package/dist/node_modules/@base-ui/react/select/icon/SelectIcon.js

@@ -0,0 +1,23 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useStore as t } from "../../../utils/store/useStore.js";
+import { triggerOpenStateMapping as n } from "../../utils/popupStateMapping.js";
+import { useSelectRootContext as r } from "../root/SelectRootContext.js";
+import { selectors as i } from "../store.js";
+import * as a from "react";
+//#region node_modules/@base-ui/react/select/icon/SelectIcon.mjs
+var o = /*#__PURE__*/ a.forwardRef(function(a, o) {
+	let { render: s, className: c, style: l, ...u } = a, { store: d } = r();
+	return e("span", a, {
+		state: { open: t(d, i.open) },
+		ref: o,
+		props: [{
+			"aria-hidden": !0,
+			children: "▼"
+		}, u],
+		stateAttributesMapping: n
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "SelectIcon");
+//#endregion
+export { o as SelectIcon };

package/dist/node_modules/@base-ui/react/select/item/SelectItem.js

@@ -0,0 +1,130 @@
+"use client";
+import { useIsoLayoutEffect as e } from "../../../utils/useIsoLayoutEffect.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { itemPress as n } from "../../internals/reason-parts.js";
+import { createChangeEventDetails as r } from "../../internals/createBaseUIEventDetails.js";
+import { IndexGuessBehavior as i, useCompositeListItem as a } from "../../internals/composite/list/useCompositeListItem.js";
+import { useButton as o } from "../../internals/use-button/useButton.js";
+import { isVirtualClick as s } from "../../floating-ui-react/utils/event.js";
+import { useStore as c } from "../../../utils/store/useStore.js";
+import { compareItemEquality as l, removeItem as u } from "../../internals/itemEquality.js";
+import { useSelectRootContext as d } from "../root/SelectRootContext.js";
+import { selectors as f } from "../store.js";
+import { SelectItemContext as p } from "./SelectItemContext.js";
+import * as m from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/select/item/SelectItem.mjs
+var g = /*#__PURE__*/ m.memo(/*#__PURE__*/ m.forwardRef(function(g, _) {
+	let { render: ee, className: te, style: ne, value: v = null, label: y, disabled: b = !1, nativeButton: x = !1, ...S } = g, C = m.useRef(null), w = a({
+		label: y,
+		textRef: C,
+		indexGuessBehavior: i.GuessFromOrder
+	}), { store: T, itemProps: E, setOpen: D, setValue: O, selectionRef: k, typingRef: A, valuesRef: j, multiple: M, selectedItemTextRef: N, disabled: P, readOnly: F } = d(), I = c(T, f.isActive, w.index), L = c(T, f.open), R = c(T, f.isSelected, v), z = c(T, f.isSelectedByFocus, w.index), B = c(T, f.isItemEqualToValue), V = w.index, H = V !== -1, U = m.useRef(null);
+	e(() => {
+		if (!H) return;
+		let e = j.current;
+		return e[V] = v, () => {
+			delete e[V];
+		};
+	}, [
+		H,
+		V,
+		v,
+		j
+	]), e(() => {
+		if (!H) return;
+		let e = T.state.value, t = e;
+		M && Array.isArray(e) && (t = e.length > 0 ? e[e.length - 1] : void 0), t !== void 0 && l(v, t, B) && (T.set("selectedIndex", V), C.current && (N.current = C.current));
+	}, [
+		H,
+		V,
+		M,
+		B,
+		T,
+		v,
+		N
+	]);
+	let W = m.useRef(null), G = m.useRef("mouse"), K = m.useRef(!1), { getButtonProps: q, buttonRef: J } = o({
+		disabled: b,
+		focusableWhenDisabled: !0,
+		native: x,
+		composite: !0
+	}), Y = {
+		disabled: b,
+		selected: R,
+		highlighted: I
+	};
+	function X(e) {
+		if (P || F) return;
+		let t = T.state.value;
+		if (M) {
+			let i = Array.isArray(t) ? t : [], a = R ? u(i, v, B) : [...i, v];
+			O(a, r(n, e));
+		} else O(v, r(n, e)), D(!1, r(n, e));
+	}
+	function Z() {
+		k.current.dragY = 0;
+	}
+	let Q = {
+		role: "option",
+		"aria-selected": R,
+		tabIndex: L && I ? 0 : -1,
+		onKeyDown(e) {
+			W.current = e.key, T.set("activeIndex", V), e.key === " " && A.current && e.preventDefault();
+		},
+		onClick(e) {
+			let t = e.type === "click" && G.current !== "touch", n = e.nativeEvent.pointerType, r = t && s(e.nativeEvent) && (n !== void 0 || I), i = t && !r && !K.current;
+			K.current = !1, !(e.type === "keydown" && W.current === null) && (b || e.type === "keydown" && W.current === " " && A.current || i || (W.current = null, X(e.nativeEvent)));
+		},
+		onPointerEnter(e) {
+			G.current = e.pointerType;
+		},
+		onPointerMove(e) {
+			if (e.pointerType === "mouse" && e.buttons === 1) {
+				let t = k.current;
+				t.dragY += e.movementY, t.dragY ** 2 >= 64 && (t.allowUnselectedMouseUp = !0);
+			}
+		},
+		onPointerDown(e) {
+			G.current = e.pointerType, K.current = !0, Z();
+		},
+		onMouseUp() {
+			if (Z(), b || G.current === "touch" || K.current) return;
+			let e = !k.current.allowSelectedMouseUp && R, t = !k.current.allowUnselectedMouseUp && !R;
+			e || t || (K.current = !0, U.current?.click(), K.current = !1);
+		}
+	}, $ = t("div", g, {
+		ref: [
+			J,
+			_,
+			w.ref,
+			U
+		],
+		state: Y,
+		props: [
+			E,
+			Q,
+			S,
+			q
+		]
+	}), re = m.useMemo(() => ({
+		selected: R,
+		index: V,
+		textRef: C,
+		selectedByFocus: z,
+		hasRegistered: H
+	}), [
+		R,
+		V,
+		C,
+		z,
+		H
+	]);
+	return /*#__PURE__*/ h(p.Provider, {
+		value: re,
+		children: $
+	});
+}));
+process.env.NODE_ENV !== "production" && (g.displayName = "SelectItem");
+//#endregion
+export { g as SelectItem };

package/dist/node_modules/@base-ui/react/select/item/SelectItemContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/select/item/SelectItemContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectItemContext");
+function r() {
+	let r = t.useContext(n);
+	if (!r) throw Error(process.env.NODE_ENV === "production" ? e(57) : "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>.");
+	return r;
+}
+//#endregion
+export { n as SelectItemContext, r as useSelectItemContext };

package/dist/node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.js

@@ -0,0 +1,41 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useTransitionStatus as t } from "../../internals/useTransitionStatus.js";
+import { transitionStatusMapping as n } from "../../internals/stateAttributesMapping.js";
+import { useOpenChangeComplete as r } from "../../internals/useOpenChangeComplete.js";
+import { useSelectItemContext as i } from "../item/SelectItemContext.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.mjs
+var s = /*#__PURE__*/ a.forwardRef(function(e, t) {
+	let n = e.keepMounted ?? !1, { selected: r } = i();
+	return n || r ? /*#__PURE__*/ o(c, {
+		...e,
+		ref: t
+	}) : null;
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "SelectItemIndicator");
+var c = /*#__PURE__*/ a.memo(/*#__PURE__*/ a.forwardRef((o, s) => {
+	let { render: c, className: l, style: u, keepMounted: d, ...f } = o, { selected: p } = i(), m = a.useRef(null), { transitionStatus: h, setMounted: g } = t(p), _ = e("span", o, {
+		ref: [s, m],
+		state: {
+			selected: p,
+			transitionStatus: h
+		},
+		props: [{
+			"aria-hidden": !0,
+			children: "✔️"
+		}, f],
+		stateAttributesMapping: n
+	});
+	return r({
+		open: p,
+		ref: m,
+		onComplete() {
+			p || g(!1);
+		}
+	}), _;
+}));
+process.env.NODE_ENV !== "production" && (c.displayName = "Inner");
+//#endregion
+export { s as SelectItemIndicator };