@commercetools/nimbus 3.2.0 → 3.4.0

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

@@ -0,0 +1,611 @@
+import { i as e, n as t } from "./CollectionBuilder-CrO7xw2e.esm.js";
+import { c as n, d as r } from "./utils-Bxhiv9E-.esm.js";
+import { a as i, i as a, t as o } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { n as s } from "./useFocusVisible-vN0uP_2v.esm.js";
+import { t as c } from "./useObjectRef-B_3vY5-Q.esm.js";
+import { t as l } from "./Hidden-CBt_qKQ-.esm.js";
+import { u } from "./useCollection-BCbt2V3u.esm.js";
+import { t as d } from "./I18nProvider-Cw-VVV-e.esm.js";
+import { n as f } from "./useLocalizedStringFormatter-DnGagN_9.esm.js";
+import { t as p } from "./filterDOMProps-Dk-4zxhC.esm.js";
+import { t as m } from "./useFormReset-CAZratNG.esm.js";
+import { a as h, o as g } from "./useFormValidationState-hfa069v5.esm.js";
+import { t as _ } from "./useField-BODQaE6H.esm.js";
+import { t as v } from "./useControlledState-DH1pZlhP.esm.js";
+import { n as y } from "./VisuallyHidden-C5SfYuNh.esm.js";
+import { a as b, i as x, n as S, r as C, t as w } from "./ListBox-B8JwiURT.esm.js";
+import { n as T } from "./useSelectableList-gohzq7dg.esm.js";
+import { _ as E, d as D, i as O, u as k } from "./Dialog-Dy3vyR1i.esm.js";
+import { t as ee } from "./useOverlayTriggerState-Bnf7l3Bn.esm.js";
+import { t as te } from "./Header-CwBpRO8i.esm.js";
+import { t as ne } from "./useCollator-duIsyVP8.esm.js";
+import { n as re } from "./PressResponder-BnRzlTCg.esm.js";
+import { t as A } from "./useFocusRing-CgvZuPOT.esm.js";
+import { c as j, i as ie, n as M, o as N, r as P, s as ae, t as oe } from "./utils-BYIK8Yf2.esm.js";
+import { t as F } from "./Label-CMtaxHxv.esm.js";
+import { n as se, t as I } from "./Button-B5g2BgY8.esm.js";
+import { n as L } from "./Text-B7tENZ_I.esm.js";
+import { t as ce } from "./FieldError-D4OJyjip.esm.js";
+import { t as le } from "./Form-lxOCK7Ln.esm.js";
+import { t as ue } from "./intlStrings-DTJ9HMKY.esm.js";
+import { t as de } from "./useListState-TSrPXjzi.esm.js";
+import { t as fe } from "./icon-button-CyhrlrIv.esm.js";
+import { t as R } from "./box-CZyqYgLL.esm.js";
+import { n as pe, t as z } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as B } from "./flex-BB3-rbwF.esm.js";
+import { o as me } from "./theme-CFqa_6UM.esm.js";
+import { t as V } from "./extract-style-props-D519tVOc.esm.js";
+import { t as he } from "./merge-refs-C1GcH9iY.esm.js";
+import H, { Fragment as ge, createContext as U, useCallback as _e, useContext as W, useMemo as G, useRef as K, useState as q } from "react";
+import { jsx as J, jsxs as Y } from "react/jsx-runtime";
+import { Close as ve, KeyboardArrowDown as ye, Loop as be } from "@commercetools/nimbus-icons";
+import { chakra as xe, createSlotRecipeContext as Se, useSlotRecipe as Ce } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/i18n/useListFormatter.mjs
+function we(e = {}) {
+	let { locale: t } = d();
+	return G(() => new Intl.ListFormat(t, e), [t, e]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/select/useSelect.mjs
+var X = /* @__PURE__ */ new WeakMap();
+function Te(e, t, r) {
+	let { keyboardDelegate: c, isDisabled: l, isRequired: d, name: f, form: m, validationBehavior: h = "aria" } = e, g = ne({
+		usage: "search",
+		sensitivity: "base"
+	}), v = G(() => c || new T(t.collection, t.disabledKeys, r, g), [
+		c,
+		t.collection,
+		t.disabledKeys,
+		g,
+		r
+	]), { menuTriggerProps: y, menuProps: b } = E({
+		isDisabled: l,
+		type: "listbox"
+	}, t, r), x = (e) => {
+		if (t.selectionManager.selectionMode !== "multiple") switch (e.key) {
+			case "ArrowLeft": {
+				e.preventDefault();
+				let n = t.selectedKey == null ? v.getFirstKey?.() : v.getKeyAbove?.(t.selectedKey);
+				n != null && t.setSelectedKey(n);
+				break;
+			}
+			case "ArrowRight": {
+				e.preventDefault();
+				let n = t.selectedKey == null ? v.getFirstKey?.() : v.getKeyBelow?.(t.selectedKey);
+				n != null && t.setSelectedKey(n);
+				break;
+			}
+		}
+	}, { typeSelectProps: S } = u({
+		keyboardDelegate: v,
+		selectionManager: t.selectionManager,
+		onTypeSelect(e) {
+			t.setSelectedKey(e);
+		}
+	}), { isInvalid: C, validationErrors: w, validationDetails: D } = t.displayValidation, { labelProps: O, fieldProps: k, descriptionProps: ee, errorMessageProps: te } = _({
+		...e,
+		labelElementType: "span",
+		isInvalid: C,
+		errorMessage: e.errorMessage || w
+	});
+	t.selectionManager.selectionMode === "multiple" && (S = {});
+	let re = p(e, { labelable: !0 }), A = o(S, y, k), j = a();
+	return X.set(t, {
+		isDisabled: l,
+		isRequired: d,
+		name: f,
+		form: m,
+		validationBehavior: h
+	}), {
+		labelProps: {
+			...O,
+			onClick: () => {
+				e.isDisabled || (r.current?.focus(), s("keyboard"));
+			}
+		},
+		triggerProps: o(re, {
+			...A,
+			isDisabled: l,
+			onKeyDown: i(A.onKeyDown, x, 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: {
+			...b,
+			onAction: void 0,
+			autoFocus: t.focusStrategy || !0,
+			shouldSelectOnPressUp: !0,
+			shouldFocusOnHover: !0,
+			disallowEmptySelection: !0,
+			linkBehavior: "selection",
+			onBlur: (r) => {
+				n(r.currentTarget, r.relatedTarget) || (e.onBlur && e.onBlur(r), e.onFocusChange && e.onFocusChange(!1), t.setFocused(!1));
+			},
+			"aria-labelledby": [k["aria-labelledby"], A["aria-label"] && !k["aria-labelledby"] ? A.id : null].filter(Boolean).join(" ")
+		},
+		descriptionProps: ee,
+		errorMessageProps: te,
+		isInvalid: C,
+		validationErrors: w,
+		validationDetails: D,
+		hiddenSelectProps: {
+			isDisabled: l,
+			name: f,
+			label: e.label,
+			state: t,
+			triggerRef: r,
+			form: m
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/select/HiddenSelect.mjs
+function Ee(e, t, n) {
+	let i = X.get(t) || {}, { autoComplete: a, name: o = i.name, form: s = i.form, isDisabled: c = i.isDisabled } = e, { validationBehavior: l, isRequired: u } = i, { visuallyHiddenProps: d } = y({ style: {
+		position: "fixed",
+		top: 0,
+		left: 0
+	} });
+	m(e.selectRef, t.defaultValue, t.setValue), g({
+		validationBehavior: l,
+		focus: () => n.current?.focus()
+	}, t, e.selectRef);
+	let f = t.setValue, p = _e((e) => {
+		let t = r(e);
+		t.multiple ? f(Array.from(t.selectedOptions, (e) => e.value)) : f(e.currentTarget.value);
+	}, [f]);
+	return {
+		containerProps: {
+			...d,
+			"aria-hidden": !0,
+			"data-react-aria-prevent-focus": !0,
+			"data-a11y-ignore": "aria-hidden-focus"
+		},
+		inputProps: { style: { display: "none" } },
+		selectProps: {
+			tabIndex: -1,
+			autoComplete: a,
+			disabled: c,
+			multiple: t.selectionManager.selectionMode === "multiple",
+			required: l === "native" && u,
+			name: o,
+			form: s,
+			value: t.value ?? "",
+			onChange: p,
+			onInput: p
+		}
+	};
+}
+function De(e) {
+	let { state: t, triggerRef: n, label: r, name: i, form: a, isDisabled: o } = e, s = K(null), c = K(null), { containerProps: l, selectProps: u } = Ee({
+		...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 } = X.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,
+				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.48.0_react@19.2.0/node_modules/react-stately/dist/private/select/useSelectState.mjs
+function Oe(e) {
+	let { selectionMode: t = "single", shouldCloseOnSelect: n = t === "single" } = e, r = ee(e), [i, a] = q(null), o = G(() => e.defaultValue === void 0 ? t === "single" ? e.defaultSelectedKey ?? null : [] : e.defaultValue, [
+		e.defaultValue,
+		e.defaultSelectedKey,
+		t
+	]), [s, c] = v(G(() => 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 = de({
+		...e,
+		selectionMode: t,
+		disallowEmptySelection: t === "single",
+		allowDuplicateSelectionEvents: !0,
+		selectedKeys: G(() => ke(l), [l]),
+		onSelectionChange: (e) => {
+			if (e !== "all") {
+				if (t === "single") {
+					let t = e.values().next().value ?? null;
+					u(t);
+				} else u([...e]);
+				n && r.close(), m.commitValidation();
+			}
+		}
+	}), f = d.selectionManager.firstSelectedKey, p = G(() => [...d.selectionManager.selectedKeys].map((e) => d.collection.getItem(e)).filter((e) => e != null), [d.selectionManager.selectedKeys, d.collection]), m = h({
+		...e,
+		value: Array.isArray(l) && l.length === 0 ? null : l
+	}), [g, _] = q(!1), [y] = q(l);
+	return {
+		...m,
+		...d,
+		...r,
+		value: l,
+		defaultValue: o ?? y,
+		setValue: u,
+		selectedKey: f,
+		setSelectedKey: u,
+		selectedItem: p[0] ?? null,
+		selectedItems: p,
+		defaultSelectedKey: e.defaultSelectedKey ?? (e.selectionMode === "single" ? y : 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: g,
+		setFocused: _
+	};
+}
+function ke(e) {
+	if (e !== void 0) return e === null ? [] : Array.isArray(e) ? e : [e];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.19.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Select.mjs
+function Ae(e) {
+	return e && e.__esModule ? e.default : e;
+}
+var Z = /*#__PURE__*/ U(null), Q = /*#__PURE__*/ U(null), je = /*#__PURE__*/ l(function(e, n) {
+	[e, n] = M(e, n, Z);
+	let { children: r, isDisabled: i = !1, isInvalid: a = !1, isRequired: o = !1 } = e, s = G(() => 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(Ne, {
+		props: e,
+		collection: t,
+		selectRef: n
+	}));
+}), Me = [
+	F,
+	I,
+	L
+];
+function Ne({ props: e, selectRef: t, collection: n }) {
+	let { validationBehavior: r } = j(le) || {}, i = e.validationBehavior ?? r ?? "native", a = Oe({
+		...e,
+		collection: n,
+		children: void 0,
+		validationBehavior: i
+	}), { isFocusVisible: s, focusProps: c } = A({ within: !0 }), l = K(null), [u, d] = ie(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: f, triggerProps: m, valueProps: h, menuProps: g, descriptionProps: _, errorMessageProps: v, hiddenSelectProps: y, ...b } = Te({
+		...ae(e),
+		label: d,
+		validationBehavior: i
+	}, a, l), x = G(() => ({
+		isOpen: a.isOpen,
+		isFocused: a.isFocused,
+		isFocusVisible: s,
+		isDisabled: e.isDisabled || !1,
+		isInvalid: b.isInvalid || !1,
+		isRequired: e.isRequired || !1
+	}), [
+		a.isOpen,
+		a.isFocused,
+		s,
+		e.isDisabled,
+		b.isInvalid,
+		e.isRequired
+	]), w = P({
+		...e,
+		values: x,
+		defaultClassName: "react-aria-Select"
+	}), T = p(e, { global: !0 });
+	delete T.id;
+	let E = K(null);
+	return /*#__PURE__*/ H.createElement(oe, { values: [
+		[Z, e],
+		[Q, a],
+		[Pe, h],
+		[F, {
+			...f,
+			ref: u,
+			elementType: "span"
+		}],
+		[I, {
+			...m,
+			ref: l,
+			isPressed: a.isOpen,
+			autoFocus: e.autoFocus
+		}],
+		[O, a],
+		[D, {
+			trigger: "Select",
+			triggerRef: l,
+			scrollRef: E,
+			placement: "bottom start",
+			"aria-labelledby": g["aria-labelledby"],
+			clearContexts: Me
+		}],
+		[C, {
+			...g,
+			ref: E
+		}],
+		[S, a],
+		[L, { slots: {
+			description: _,
+			errorMessage: v
+		} }],
+		[ce, b]
+	] }, /*#__PURE__*/ H.createElement(N.div, {
+		...o(T, w, c),
+		ref: t,
+		slot: e.slot || void 0,
+		"data-focused": a.isFocused || void 0,
+		"data-focus-visible": s || void 0,
+		"data-open": a.isOpen || void 0,
+		"data-disabled": e.isDisabled || void 0,
+		"data-invalid": b.isInvalid || void 0,
+		"data-required": e.isRequired || void 0
+	}, w.children, /*#__PURE__*/ H.createElement(De, {
+		...y,
+		autoComplete: e.autoComplete
+	})));
+}
+var Pe = /*#__PURE__*/ U(null), Fe = /*#__PURE__*/ l(function(e, t) {
+	[e, t] = M(e, t, Pe);
+	let n = W(Q), { placeholder: r } = j(Z), 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 = we(), o = G(() => n.selectedItems.map((e) => e?.textValue), [n.selectedItems]), s = n.selectionManager.selectionMode, c = G(() => s === "single" ? o[0] ?? "" : a.format(o), [
+		s,
+		a,
+		o
+	]), l = G(() => {
+		if (s === "single") return i[0];
+		let e = a.formatToParts(o);
+		if (e.length === 0) return null;
+		let t = 0;
+		return e.map((e) => e.type === "element" ? /*#__PURE__*/ H.createElement(ge, { key: t }, i[t++]) : e.value);
+	}, [
+		s,
+		a,
+		o,
+		i
+	]), u = f(Ae(ue), "react-aria-components"), d = P({
+		...e,
+		defaultChildren: l ?? r ?? u.format("selectPlaceholder"),
+		defaultClassName: "react-aria-SelectValue",
+		values: {
+			selectedItem: n.selectedItems[0]?.value ?? null,
+			selectedItems: G(() => n.selectedItems.map((e) => e.value ?? null), [n.selectedItems]),
+			selectedText: c,
+			isPlaceholder: n.selectedItems.length === 0,
+			state: n
+		}
+	}), m = p(e, { global: !0 });
+	return /*#__PURE__*/ H.createElement(N.span, {
+		ref: t,
+		...m,
+		...d,
+		"data-placeholder": n.selectedItems.length === 0 || void 0
+	}, /*#__PURE__*/ H.createElement(L.Provider, { value: void 0 }, d.children));
+}), { withProvider: Ie, withContext: $ } = Se({ key: "nimbusSelect" }), Le = Ie("div", "root"), Re = $("div", "leadingElement"), ze = $("button", "trigger"), Be = $("span", "triggerLabel"), Ve = $("div", "options"), He = $("div", "option"), Ue = $("div", "optionGroup"), We = {
+	en: z({ clearSelection: "Clear selection" }),
+	de: z({ clearSelection: "Auswahl löschen" }),
+	es: z({ clearSelection: "Borrar selección" }),
+	"fr-FR": z({ clearSelection: "Effacer la sélection" }),
+	"pt-BR": z({ clearSelection: "Limpar seleção" })
+}, Ge = ({ isDisabled: e }) => {
+	let t = pe(We), n = W(Q);
+	return n?.selectedKey ? /* @__PURE__ */ J(re, { children: /* @__PURE__ */ J(fe, {
+		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__ */ J(ve, {})
+	}) }) : null;
+};
+Ge.displayName = "Select.ClearButton";
+//#endregion
+//#region src/components/select/components/select.root.tsx
+var Ke = function({ ref: e, children: t, leadingElement: n, isLoading: r, isDisabled: i, isClearable: a = !0, ...o }) {
+	let s = c(he(K(null), e)), [l, u] = Ce({ recipe: me }).splitVariantProps(o), [d, f] = V(u), p = {
+		...f,
+		isDisabled: r || i
+	};
+	return /* @__PURE__ */ J(Le, {
+		asChild: !0,
+		ref: s,
+		...l,
+		...d,
+		children: /* @__PURE__ */ Y(je, {
+			...p,
+			children: [/* @__PURE__ */ Y(xe.div, {
+				position: "relative",
+				children: [/* @__PURE__ */ J(ze, {
+					zIndex: 0,
+					asChild: !0,
+					children: /* @__PURE__ */ Y(se, { children: [n && /* @__PURE__ */ J(Re, {
+						asChild: !0,
+						children: n
+					}), /* @__PURE__ */ J(Be, {
+						asChild: !0,
+						children: /* @__PURE__ */ J(Fe, {})
+					})] })
+				}), /* @__PURE__ */ Y(B, {
+					position: "absolute",
+					top: "0",
+					bottom: "0",
+					zIndex: 1,
+					right: "400",
+					pointerEvents: "none",
+					children: [a && /* @__PURE__ */ J(B, {
+						width: "600",
+						my: "auto",
+						children: /* @__PURE__ */ J(Ge, { isDisabled: r || i })
+					}), /* @__PURE__ */ J(B, {
+						my: "auto",
+						w: "600",
+						h: "600",
+						children: /* @__PURE__ */ J(R, {
+							color: "neutral.9",
+							asChild: !0,
+							m: "auto",
+							w: "400",
+							h: "400",
+							children: r ? /* @__PURE__ */ J(R, {
+								asChild: !0,
+								animation: "spin",
+								animationDuration: "slowest",
+								children: /* @__PURE__ */ J(be, {})
+							}) : /* @__PURE__ */ J(ye, {})
+						})
+					})]
+				})]
+			}), /* @__PURE__ */ J(k, { children: t })]
+		})
+	});
+};
+Ke.displayName = "Select.Root";
+//#endregion
+//#region src/components/select/components/select.options.tsx
+var qe = (e) => {
+	let { ref: t, ...n } = e, [r, i] = V(n);
+	return /* @__PURE__ */ J(Ve, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ J(w, {
+			ref: t,
+			...i
+		})
+	});
+};
+qe.displayName = "Select.Options";
+//#endregion
+//#region src/components/select/components/select.option.tsx
+var Je = (e) => {
+	let { ref: t, ...n } = e, [r, i] = V(n);
+	return /* @__PURE__ */ J(He, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ J(x, {
+			ref: t,
+			...i
+		})
+	});
+};
+Je.displayName = "Select.Option";
+//#endregion
+//#region src/components/select/components/select.option-group.tsx
+var Ye = (t) => {
+	let { ref: n, label: r, items: i, children: a, ...o } = t, [s, c] = V(o);
+	if (i && typeof a != "function") throw Error("SelectOptionGroup: When \"items\" is provided, \"children\" must be a function");
+	return /* @__PURE__ */ J(xe.section, {
+		...s,
+		asChild: !0,
+		children: /* @__PURE__ */ Y(b, {
+			ref: n,
+			...c,
+			children: [/* @__PURE__ */ J(Ue, {
+				asChild: !0,
+				children: /* @__PURE__ */ J(te, { children: r })
+			}), i ? /* @__PURE__ */ J(e, {
+				items: i,
+				children: (e) => typeof a == "function" ? a(e) : null
+			}) : a]
+		})
+	});
+};
+Ye.displayName = "Select.OptionGroup";
+//#endregion
+//#region src/components/select/select.tsx
+var Xe = {
+	Root: Ke,
+	Options: qe,
+	Option: Je,
+	OptionGroup: Ye
+};
+//#endregion
+export { Xe as t };
+
+//# sourceMappingURL=select-CZzyQOhP.esm.js.map