@commercetools/nimbus 2.11.0 → 3.1.0

package/dist/chunks/select-Bt7xRJe6.esm.js

@@ -0,0 +1,600 @@
+import { i as e, n as t } from "./CollectionBuilder-KjzRvxuG.esm.js";
+import { i as n, o as r, t as i } from "./mergeProps-CTd2pucx.esm.js";
+import { t as a } from "./useObjectRef-ClgudS2C.esm.js";
+import { c as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./utils-fV6_MPu5.esm.js";
+import { d as p } from "./useCollection-DhquvReo.esm.js";
+import { f as m, l as h } from "./utils-CZ0yNo7D.esm.js";
+import { n as g } from "./useFocusVisible-CQrATqhN.esm.js";
+import { t as _ } from "./I18nProvider-BwhNFoRj.esm.js";
+import { n as v } from "./useLocalizedStringFormatter-CxsqGu8w.esm.js";
+import { t as y } from "./useControlledState-C0Hu0UZe.esm.js";
+import { t as b } from "./Hidden-D6B5oH9U.esm.js";
+import { t as x } from "./filterDOMProps-CIO9R_wo.esm.js";
+import { t as S } from "./useFocusRing-Bh1_4eDl.esm.js";
+import { t as C } from "./Label-B6WKFGrB.esm.js";
+import { n as w, t as T } from "./Button-DegJUc0f.esm.js";
+import { t as E } from "./Text-BFxO9Dri.esm.js";
+import { n as D } from "./VisuallyHidden-PFIB5Wjf.esm.js";
+import { n as O, t as k } from "./Form-BqCVTKex.esm.js";
+import { n as A, s as j, t as M } from "./useFormValidation-DBXffqmk.esm.js";
+import { t as N } from "./useField-DWMBpSnc.esm.js";
+import { t as P } from "./intlStrings-Ciwo6tCh.esm.js";
+import { a as F, i as I, n as ee, r as te, t as ne } from "./ListBox-Dmju30in.esm.js";
+import { a as re, r as ie } from "./getItemCount-B1NiTCO5.esm.js";
+import { t as ae } from "./useCollator-BLTsHy-N.esm.js";
+import { t as oe } from "./useListState-BQrBk-Ha.esm.js";
+import { t as se } from "./useOverlayTriggerState-CuS-a6-U.esm.js";
+import { d as ce, f as le, h as ue, i as de, u as fe } from "./Dialog-Caa1FSzo.esm.js";
+import { t as pe } from "./icon-button-nyzcQ8NF.esm.js";
+import { a as me } from "./theme-CwhQYvW9.esm.js";
+import { t as L } from "./box-DQiakoKP.esm.js";
+import { n as he, t as R } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as z } from "./flex-BB3-rbwF.esm.js";
+import { t as B } from "./extract-style-props-4RoFSvGV.esm.js";
+import { t as ge } from "./merge-refs-C1GcH9iY.esm.js";
+import { chakra as V, createSlotRecipeContext as _e, useSlotRecipe as ve } from "@chakra-ui/react/styled-system";
+import H, { Fragment as ye, createContext as U, useCallback as be, useContext as xe, useMemo as W, useRef as G, useState as K } from "react";
+import { jsx as q, jsxs as J } from "react/jsx-runtime";
+import { Close as Se, KeyboardArrowDown as Ce, Loop as we } from "@commercetools/nimbus-icons";
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/i18n/useListFormatter.mjs
+function Te(e = {}) {
+	let { locale: t } = _();
+	return W(() => new Intl.ListFormat(t, e), [t, e]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/select/useSelect.mjs
+var Y = /* @__PURE__ */ new WeakMap();
+function Ee(e, t, a) {
+	let { keyboardDelegate: o, isDisabled: s, isRequired: c, name: l, form: u, validationBehavior: d = "aria" } = e, f = ae({
+		usage: "search",
+		sensitivity: "base"
+	}), m = W(() => o || new ie(t.collection, t.disabledKeys, a, f), [
+		o,
+		t.collection,
+		t.disabledKeys,
+		f,
+		a
+	]), { menuTriggerProps: _, menuProps: v } = fe({
+		isDisabled: s,
+		type: "listbox"
+	}, t, a), y = (e) => {
+		if (t.selectionManager.selectionMode !== "multiple") switch (e.key) {
+			case "ArrowLeft": {
+				e.preventDefault();
+				let n = t.selectedKey == null ? m.getFirstKey?.() : m.getKeyAbove?.(t.selectedKey);
+				n != null && t.setSelectedKey(n);
+				break;
+			}
+			case "ArrowRight": {
+				e.preventDefault();
+				let n = t.selectedKey == null ? m.getFirstKey?.() : m.getKeyBelow?.(t.selectedKey);
+				n != null && t.setSelectedKey(n);
+				break;
+			}
+		}
+	}, { typeSelectProps: b } = p({
+		keyboardDelegate: m,
+		selectionManager: t.selectionManager,
+		onTypeSelect(e) {
+			t.setSelectedKey(e);
+		}
+	}), { isInvalid: S, validationErrors: C, validationDetails: w } = t.displayValidation, { labelProps: T, fieldProps: E, descriptionProps: D, errorMessageProps: O } = N({
+		...e,
+		labelElementType: "span",
+		isInvalid: S,
+		errorMessage: e.errorMessage || C
+	});
+	b.onKeyDown = b.onKeyDownCapture, delete b.onKeyDownCapture, t.selectionManager.selectionMode === "multiple" && (b = {});
+	let k = x(e, { labelable: !0 }), A = i(b, _, E), j = n();
+	return Y.set(t, {
+		isDisabled: s,
+		isRequired: c,
+		name: l,
+		form: u,
+		validationBehavior: d
+	}), {
+		labelProps: {
+			...T,
+			onClick: () => {
+				e.isDisabled || (a.current?.focus(), g("keyboard"));
+			}
+		},
+		triggerProps: i(k, {
+			...A,
+			isDisabled: s,
+			onKeyDown: r(A.onKeyDown, y, e.onKeyDown),
+			onKeyUp: e.onKeyUp,
+			"aria-labelledby": [
+				j,
+				A["aria-labelledby"],
+				A["aria-label"] && !A["aria-labelledby"] ? A.id : null
+			].filter(Boolean).join(" "),
+			onFocus(n) {
+				t.isFocused || (e.onFocus && e.onFocus(n), e.onFocusChange && e.onFocusChange(!0), t.setFocused(!0));
+			},
+			onBlur(n) {
+				t.isOpen || (e.onBlur && e.onBlur(n), e.onFocusChange && e.onFocusChange(!1), t.setFocused(!1));
+			}
+		}),
+		valueProps: { id: j },
+		menuProps: {
+			...v,
+			autoFocus: t.focusStrategy || !0,
+			shouldSelectOnPressUp: !0,
+			shouldFocusOnHover: !0,
+			disallowEmptySelection: !0,
+			linkBehavior: "selection",
+			onBlur: (n) => {
+				h(n.currentTarget, n.relatedTarget) || (e.onBlur && e.onBlur(n), e.onFocusChange && e.onFocusChange(!1), t.setFocused(!1));
+			},
+			"aria-labelledby": [E["aria-labelledby"], A["aria-label"] && !E["aria-labelledby"] ? A.id : null].filter(Boolean).join(" ")
+		},
+		descriptionProps: D,
+		errorMessageProps: O,
+		isInvalid: S,
+		validationErrors: C,
+		validationDetails: w,
+		hiddenSelectProps: {
+			isDisabled: s,
+			name: l,
+			label: e.label,
+			state: t,
+			triggerRef: a,
+			form: u
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/select/HiddenSelect.mjs
+function De(e, t, n) {
+	let r = Y.get(t) || {}, { autoComplete: i, name: a = r.name, form: o = r.form, isDisabled: s = r.isDisabled } = e, { validationBehavior: c, isRequired: l } = r, { visuallyHiddenProps: u } = D({ style: {
+		position: "fixed",
+		top: 0,
+		left: 0
+	} });
+	A(e.selectRef, t.defaultValue, t.setValue), M({
+		validationBehavior: c,
+		focus: () => n.current?.focus()
+	}, t, e.selectRef);
+	let d = t.setValue, f = be((e) => {
+		let t = m(e);
+		t.multiple ? d(Array.from(t.selectedOptions, (e) => e.value)) : d(e.currentTarget.value);
+	}, [d]);
+	return {
+		containerProps: {
+			...u,
+			"aria-hidden": !0,
+			"data-react-aria-prevent-focus": !0,
+			"data-a11y-ignore": "aria-hidden-focus"
+		},
+		inputProps: { style: { display: "none" } },
+		selectProps: {
+			tabIndex: -1,
+			autoComplete: i,
+			disabled: s,
+			multiple: t.selectionManager.selectionMode === "multiple",
+			required: c === "native" && l,
+			name: a,
+			form: o,
+			value: t.value ?? "",
+			onChange: f,
+			onInput: f
+		}
+	};
+}
+function Oe(e) {
+	let { state: t, triggerRef: n, label: r, name: i, form: a, isDisabled: o } = e, s = G(null), c = G(null), { containerProps: l, selectProps: u } = De({
+		...e,
+		selectRef: t.collection.size <= 300 ? s : c
+	}, t, n), d = Array.isArray(t.value) ? t.value : [t.value];
+	if (t.collection.size <= 300) return /*#__PURE__*/ H.createElement("div", {
+		...l,
+		"data-testid": "hidden-select-container"
+	}, /*#__PURE__*/ H.createElement("label", null, r, /*#__PURE__*/ H.createElement("select", {
+		...u,
+		ref: s
+	}, /*#__PURE__*/ H.createElement("option", {
+		value: "",
+		label: "\xA0"
+	}, "\xA0"), [...t.collection.getKeys()].map((e) => {
+		let n = t.collection.getItem(e);
+		if (n && n.type === "item") return /*#__PURE__*/ H.createElement("option", {
+			key: n.key,
+			value: n.key
+		}, n.textValue);
+	}), t.collection.size === 0 && i && d.map((e, t) => /*#__PURE__*/ H.createElement("option", {
+		key: t,
+		value: e ?? ""
+	})))));
+	if (i) {
+		let { validationBehavior: e } = Y.get(t) || {};
+		d.length === 0 && (d = [null]);
+		let n = d.map((t, n) => {
+			let r = {
+				type: "hidden",
+				autoComplete: u.autoComplete,
+				name: i,
+				form: a,
+				disabled: o,
+				value: t ?? ""
+			};
+			return e === "native" ? /*#__PURE__*/ H.createElement("input", {
+				key: n,
+				...r,
+				ref: n === 0 ? c : null,
+				style: { display: "none" },
+				type: "text",
+				required: n === 0 ? u.required : !1,
+				onChange: () => {}
+			}) : /*#__PURE__*/ H.createElement("input", {
+				key: n,
+				...r,
+				ref: n === 0 ? c : null
+			});
+		});
+		return /*#__PURE__*/ H.createElement(H.Fragment, null, n);
+	}
+	return null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.47.0_react@19.2.0/node_modules/react-stately/dist/private/select/useSelectState.mjs
+function ke(e) {
+	let { selectionMode: t = "single", shouldCloseOnSelect: n = t === "single" } = e, r = se(e), [i, a] = K(null), o = W(() => e.defaultValue === void 0 ? t === "single" ? e.defaultSelectedKey ?? null : [] : e.defaultValue, [
+		e.defaultValue,
+		e.defaultSelectedKey,
+		t
+	]), [s, c] = y(W(() => e.value === void 0 ? t === "single" ? e.selectedKey : void 0 : e.value, [
+		e.value,
+		e.selectedKey,
+		t
+	]), o, e.onChange), l = t === "single" && Array.isArray(s) ? s[0] : s, u = (n) => {
+		if (t === "single") {
+			let t = Array.isArray(n) ? n[0] ?? null : n;
+			c(t), t !== l && e.onSelectionChange?.(t);
+		} else {
+			let e = [];
+			Array.isArray(n) ? e = n : n != null && (e = [n]), c(e);
+		}
+	}, d = oe({
+		...e,
+		selectionMode: t,
+		disallowEmptySelection: t === "single",
+		allowDuplicateSelectionEvents: !0,
+		selectedKeys: W(() => Ae(l), [l]),
+		onSelectionChange: (e) => {
+			e !== "all" && (u(t === "single" ? e.values().next().value ?? null : [...e]), n && r.close(), m.commitValidation());
+		}
+	}), f = d.selectionManager.firstSelectedKey, p = W(() => [...d.selectionManager.selectedKeys].map((e) => d.collection.getItem(e)).filter((e) => e != null), [d.selectionManager.selectedKeys, d.collection]), m = j({
+		...e,
+		value: Array.isArray(l) && l.length === 0 ? null : l
+	}), [h, g] = K(!1), [_] = K(l);
+	return {
+		...m,
+		...d,
+		...r,
+		value: l,
+		defaultValue: o ?? _,
+		setValue: u,
+		selectedKey: f,
+		setSelectedKey: u,
+		selectedItem: p[0] ?? null,
+		selectedItems: p,
+		defaultSelectedKey: e.defaultSelectedKey ?? (e.selectionMode === "single" ? _ : null),
+		focusStrategy: i,
+		open(t = null) {
+			(d.collection.size !== 0 || e.allowsEmptyCollection) && (a(t), r.open());
+		},
+		toggle(t = null) {
+			(d.collection.size !== 0 || e.allowsEmptyCollection) && (a(t), r.toggle());
+		},
+		isFocused: h,
+		setFocused: g
+	};
+}
+function Ae(e) {
+	if (e !== void 0) return e === null ? [] : Array.isArray(e) ? e : [e];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Select.mjs
+function je(e) {
+	return e && e.__esModule ? e.default : e;
+}
+var X = /*#__PURE__*/ U(null), Z = /*#__PURE__*/ U(null), Me = /*#__PURE__*/ b(function(e, n) {
+	[e, n] = c(e, n, X);
+	let { children: r, isDisabled: i = !1, isInvalid: a = !1, isRequired: o = !1 } = e, s = W(() => typeof r == "function" ? r({
+		isOpen: !1,
+		isDisabled: i,
+		isInvalid: a,
+		isRequired: o,
+		isFocused: !1,
+		isFocusVisible: !1,
+		defaultChildren: null
+	}) : r, [
+		r,
+		i,
+		a,
+		o
+	]);
+	return /*#__PURE__*/ H.createElement(t, { content: s }, (t) => /*#__PURE__*/ H.createElement(Pe, {
+		props: e,
+		collection: t,
+		selectRef: n
+	}));
+}), Ne = [
+	C,
+	T,
+	E
+];
+function Pe({ props: e, selectRef: t, collection: n }) {
+	let { validationBehavior: r } = o(k) || {}, a = e.validationBehavior ?? r ?? "native", c = ke({
+		...e,
+		collection: n,
+		children: void 0,
+		validationBehavior: a
+	}), { isFocusVisible: p, focusProps: m } = S({ within: !0 }), h = G(null), [g, _] = s(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: v, triggerProps: y, valueProps: b, menuProps: w, descriptionProps: D, errorMessageProps: A, hiddenSelectProps: j, ...M } = Ee({
+		...d(e),
+		label: _,
+		validationBehavior: a
+	}, c, h), N = W(() => ({
+		isOpen: c.isOpen,
+		isFocused: c.isFocused,
+		isFocusVisible: p,
+		isDisabled: e.isDisabled || !1,
+		isInvalid: M.isInvalid || !1,
+		isRequired: e.isRequired || !1
+	}), [
+		c.isOpen,
+		c.isFocused,
+		p,
+		e.isDisabled,
+		M.isInvalid,
+		e.isRequired
+	]), P = u({
+		...e,
+		values: N,
+		defaultClassName: "react-aria-Select"
+	}), F = x(e, { global: !0 });
+	delete F.id;
+	let I = G(null);
+	return /*#__PURE__*/ H.createElement(f, { values: [
+		[X, e],
+		[Z, c],
+		[Fe, b],
+		[C, {
+			...v,
+			ref: g,
+			elementType: "span"
+		}],
+		[T, {
+			...y,
+			ref: h,
+			isPressed: c.isOpen,
+			autoFocus: e.autoFocus
+		}],
+		[de, c],
+		[le, {
+			trigger: "Select",
+			triggerRef: h,
+			scrollRef: I,
+			placement: "bottom start",
+			"aria-labelledby": w["aria-labelledby"],
+			clearContexts: Ne
+		}],
+		[te, {
+			...w,
+			ref: I
+		}],
+		[ee, c],
+		[E, { slots: {
+			description: D,
+			errorMessage: A
+		} }],
+		[O, M]
+	] }, /*#__PURE__*/ H.createElement(l.div, {
+		...i(F, P, m),
+		ref: t,
+		slot: e.slot || void 0,
+		"data-focused": c.isFocused || void 0,
+		"data-focus-visible": p || void 0,
+		"data-open": c.isOpen || void 0,
+		"data-disabled": e.isDisabled || void 0,
+		"data-invalid": M.isInvalid || void 0,
+		"data-required": e.isRequired || void 0
+	}, P.children, /*#__PURE__*/ H.createElement(Oe, {
+		...j,
+		autoComplete: e.autoComplete
+	})));
+}
+var Fe = /*#__PURE__*/ U(null), Ie = /*#__PURE__*/ b(function(e, t) {
+	[e, t] = c(e, t, Fe);
+	let n = xe(Z), { placeholder: r } = o(X), i = n.selectedItems.map((e) => {
+		let t = e.props?.children;
+		return typeof t == "function" && (t = t({
+			isHovered: !1,
+			isPressed: !1,
+			isSelected: !1,
+			isFocused: !1,
+			isFocusVisible: !1,
+			isDisabled: !1,
+			selectionMode: "single",
+			selectionBehavior: "toggle"
+		})), t;
+	}), a = Te(), s = W(() => n.selectedItems.map((e) => e?.textValue), [n.selectedItems]), d = n.selectionManager.selectionMode, f = W(() => d === "single" ? s[0] ?? "" : a.format(s), [
+		d,
+		a,
+		s
+	]), p = W(() => {
+		if (d === "single") return i[0];
+		let e = a.formatToParts(s);
+		if (e.length === 0) return null;
+		let t = 0;
+		return e.map((e) => e.type === "element" ? /*#__PURE__*/ H.createElement(ye, { key: t }, i[t++]) : e.value);
+	}, [
+		d,
+		a,
+		s,
+		i
+	]), m = v(je(P), "react-aria-components"), h = u({
+		...e,
+		defaultChildren: p ?? r ?? m.format("selectPlaceholder"),
+		defaultClassName: "react-aria-SelectValue",
+		values: {
+			selectedItem: n.selectedItems[0]?.value ?? null,
+			selectedItems: W(() => n.selectedItems.map((e) => e.value ?? null), [n.selectedItems]),
+			selectedText: f,
+			isPlaceholder: n.selectedItems.length === 0,
+			state: n
+		}
+	}), g = x(e, { global: !0 });
+	return /*#__PURE__*/ H.createElement(l.span, {
+		ref: t,
+		...g,
+		...h,
+		"data-placeholder": n.selectedItems.length === 0 || void 0
+	}, /*#__PURE__*/ H.createElement(E.Provider, { value: void 0 }, h.children));
+}), { withProvider: Le, withContext: Q } = _e({ key: "nimbusSelect" }), Re = Le("div", "root"), ze = Q("div", "leadingElement"), Be = Q("button", "trigger"), Ve = Q("span", "triggerLabel"), He = Q("div", "options"), Ue = Q("div", "option"), We = Q("div", "optionGroup"), Ge = {
+	en: R({ clearSelection: "Clear selection" }),
+	de: R({ clearSelection: "Auswahl löschen" }),
+	es: R({ clearSelection: "Borrar selección" }),
+	"fr-FR": R({ clearSelection: "Effacer la sélection" }),
+	"pt-BR": R({ clearSelection: "Limpar seleção" })
+}, Ke = ({ isDisabled: e }) => {
+	let t = he(Ge), n = xe(Z);
+	return n?.selectedKey ? /* @__PURE__ */ q(ue, { children: /* @__PURE__ */ q(pe, {
+		slot: null,
+		pointerEvents: e ? "none" : "all",
+		size: "2xs",
+		variant: "ghost",
+		isDisabled: e,
+		"aria-label": t.format("clearSelection"),
+		"aria-labelledby": "",
+		onPress: () => {
+			n?.setSelectedKey(null);
+		},
+		children: /* @__PURE__ */ q(Se, {})
+	}) }) : null;
+};
+Ke.displayName = "Select.ClearButton";
+//#endregion
+//#region src/components/select/components/select.root.tsx
+var qe = function({ ref: e, children: t, leadingElement: n, isLoading: r, isDisabled: i, isClearable: o = !0, ...s }) {
+	let c = a(ge(G(null), e)), [l, u] = ve({ recipe: me }).splitVariantProps(s), [d, f] = B(u), p = {
+		...f,
+		isDisabled: r || i
+	};
+	return /* @__PURE__ */ q(Re, {
+		asChild: !0,
+		ref: c,
+		...l,
+		...d,
+		children: /* @__PURE__ */ J(Me, {
+			...p,
+			children: [/* @__PURE__ */ J(V.div, {
+				position: "relative",
+				children: [/* @__PURE__ */ q(Be, {
+					zIndex: 0,
+					asChild: !0,
+					children: /* @__PURE__ */ J(w, { children: [n && /* @__PURE__ */ q(ze, {
+						asChild: !0,
+						children: n
+					}), /* @__PURE__ */ q(Ve, {
+						asChild: !0,
+						children: /* @__PURE__ */ q(Ie, {})
+					})] })
+				}), /* @__PURE__ */ J(z, {
+					position: "absolute",
+					top: "0",
+					bottom: "0",
+					zIndex: 1,
+					right: "400",
+					pointerEvents: "none",
+					children: [o && /* @__PURE__ */ q(z, {
+						width: "600",
+						my: "auto",
+						children: /* @__PURE__ */ q(Ke, { isDisabled: r || i })
+					}), /* @__PURE__ */ q(z, {
+						my: "auto",
+						w: "600",
+						h: "600",
+						children: /* @__PURE__ */ q(L, {
+							color: "neutral.9",
+							asChild: !0,
+							m: "auto",
+							w: "400",
+							h: "400",
+							children: r ? /* @__PURE__ */ q(L, {
+								asChild: !0,
+								animation: "spin",
+								animationDuration: "slowest",
+								children: /* @__PURE__ */ q(we, {})
+							}) : /* @__PURE__ */ q(Ce, {})
+						})
+					})]
+				})]
+			}), /* @__PURE__ */ q(ce, { children: t })]
+		})
+	});
+};
+qe.displayName = "Select.Root";
+//#endregion
+//#region src/components/select/components/select.options.tsx
+var Je = (e) => {
+	let { ref: t, ...n } = e, [r, i] = B(n);
+	return /* @__PURE__ */ q(He, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ q(ne, {
+			ref: t,
+			...i
+		})
+	});
+};
+Je.displayName = "Select.Options";
+//#endregion
+//#region src/components/select/components/select.option.tsx
+var Ye = (e) => {
+	let { ref: t, ...n } = e, [r, i] = B(n);
+	return /* @__PURE__ */ q(Ue, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ q(I, {
+			ref: t,
+			...i
+		})
+	});
+};
+Ye.displayName = "Select.Option";
+//#endregion
+//#region src/components/select/components/select.option-group.tsx
+var $ = (t) => {
+	let { ref: n, label: r, items: i, children: a, ...o } = t, [s, c] = B(o);
+	if (i && typeof a != "function") throw Error("SelectOptionGroup: When \"items\" is provided, \"children\" must be a function");
+	return /* @__PURE__ */ q(V.section, {
+		...s,
+		asChild: !0,
+		children: /* @__PURE__ */ J(F, {
+			ref: n,
+			...c,
+			children: [/* @__PURE__ */ q(We, {
+				asChild: !0,
+				children: /* @__PURE__ */ q(re, { children: r })
+			}), i ? /* @__PURE__ */ q(e, {
+				items: i,
+				children: (e) => typeof a == "function" ? a(e) : null
+			}) : a]
+		})
+	});
+};
+$.displayName = "Select.OptionGroup";
+//#endregion
+//#region src/components/select/select.tsx
+var Xe = {
+	Root: qe,
+	Options: Je,
+	Option: Ye,
+	OptionGroup: $
+};
+//#endregion
+export { Xe as t };
+
+//# sourceMappingURL=select-Bt7xRJe6.esm.js.map