@commercetools/nimbus 3.3.0 → 3.5.0

package/dist/chunks/select-CyA7Ka87.es.js

@@ -0,0 +1,613 @@
+import { i as e, n as t } from "./CollectionBuilder-oYRKyja7.es.js";
+import { c as n, f as r } from "./utils-BjO0qCqL.es.js";
+import { a as i, i as a, t as o } from "./mergeProps-CcIgWXT_.es.js";
+import { n as s } from "./useFocusVisible-Cjy9Bow-.es.js";
+import { t as c } from "./useKeyboard-d3XQzuFQ.es.js";
+import { t as l } from "./useObjectRef-CHgRzzQD.es.js";
+import { t as u } from "./Hidden-Bae8LtNg.es.js";
+import { u as d } from "./useCollection-YPNnVO78.es.js";
+import { t as f } from "./I18nProvider-BcYoienQ.es.js";
+import { n as p } from "./useLocalizedStringFormatter-Cv9nFd_5.es.js";
+import { t as m } from "./filterDOMProps-RkUgmfic.es.js";
+import { t as h } from "./useFormReset-Dn-T_qw4.es.js";
+import { a as g, o as _ } from "./useFormValidationState-Co7F4vQo.es.js";
+import { t as v } from "./useField-v8KAMCXP.es.js";
+import { t as y } from "./useControlledState-C6X2KYid.es.js";
+import { n as b } from "./VisuallyHidden-xzelpFPL.es.js";
+import { a as x, i as S, n as C, r as w, t as T } from "./ListBox-D11GGAkW.es.js";
+import { n as E } from "./useSelectableList-DxPelq_a.es.js";
+import { _ as ee, d as D, i as O, u as k } from "./Dialog-BzG3Frv3.es.js";
+import { t as A } from "./useOverlayTriggerState-pJbUmYKp.es.js";
+import { t as j } from "./Header-kbdKcfSD.es.js";
+import { t as te } from "./useCollator-L9gHuLOH.es.js";
+import { n as M } from "./PressResponder-Da0QL8Tk.es.js";
+import { t as N } from "./useFocusRing-BAJbDUqQ.es.js";
+import { c as P, i as ne, n as F, o as re, r as ie, s as ae, t as oe } from "./utils-CKSsq74B.es.js";
+import { t as se } from "./Label-Hj8Xb5Cw.es.js";
+import { n as ce, t as le } from "./Button-_rkp3bHy.es.js";
+import { n as I } from "./Text-vfkfCZwv.es.js";
+import { t as ue } from "./FieldError-VTP49IAD.es.js";
+import { t as de } from "./Form-D0OUh775.es.js";
+import { t as fe } from "./intlStrings-CTQXmJZ3.es.js";
+import { t as pe } from "./useListState-CiuesnhX.es.js";
+import { t as me } from "./icon-button-DjZvlfLQ.es.js";
+import { t as L } from "./box-CZyqYgLL.es.js";
+import { n as he, t as R } from "./normalize-messages-CLkiPWgQ.es.js";
+import { t as z } from "./flex-BB3-rbwF.es.js";
+import { o as ge } from "./theme-D4M8vpcI.es.js";
+import { t as B } from "./extract-style-props-C2dRz9Jv.es.js";
+import { t as _e } from "./merge-refs-C1GcH9iY.es.js";
+import V, { Fragment as ve, createContext as H, useCallback as ye, useContext as U, 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 be, KeyboardArrowDown as xe, Loop as Se } from "@commercetools/nimbus-icons";
+import { chakra as Ce, createSlotRecipeContext as we, useSlotRecipe as Te } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria@3.51.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/i18n/useListFormatter.mjs
+function Ee(e = {}) {
+	let { locale: t } = f();
+	return W(() => new Intl.ListFormat(t, e), [t, e]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.51.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 De(e, t, r) {
+	let { keyboardDelegate: l, isDisabled: u, isRequired: f, name: p, form: h, validationBehavior: g = "aria" } = e, _ = te({
+		usage: "search",
+		sensitivity: "base"
+	}), y = W(() => l || new E(t.collection, t.disabledKeys, r, _), [
+		l,
+		t.collection,
+		t.disabledKeys,
+		_,
+		r
+	]), { menuTriggerProps: b, menuProps: x } = ee({
+		isDisabled: u,
+		type: "listbox"
+	}, t, r), { keyboardProps: S } = c({
+		shortcuts: {
+			ArrowLeft: () => {
+				if (t.selectionManager.selectionMode === "multiple") return !1;
+				let e = t.selectedKey == null ? y.getFirstKey?.() : y.getKeyAbove?.(t.selectedKey);
+				e != null && t.setSelectedKey(e);
+			},
+			ArrowRight: () => {
+				if (t.selectionManager.selectionMode === "multiple") return !1;
+				let e = t.selectedKey == null ? y.getFirstKey?.() : y.getKeyBelow?.(t.selectedKey);
+				e != null && t.setSelectedKey(e);
+			}
+		},
+		allowRepeats: !0,
+		onKeyDown: e.onKeyDown,
+		onKeyUp: e.onKeyUp
+	}), { typeSelectProps: C } = d({
+		keyboardDelegate: y,
+		selectionManager: t.selectionManager,
+		onTypeSelect(e) {
+			t.setSelectedKey(e);
+		}
+	}), { isInvalid: w, validationErrors: T, validationDetails: D } = t.displayValidation, { labelProps: O, fieldProps: k, descriptionProps: A, errorMessageProps: j } = v({
+		...e,
+		labelElementType: "span",
+		isInvalid: w,
+		errorMessage: e.errorMessage || T
+	});
+	t.selectionManager.selectionMode === "multiple" && (C = {});
+	let M = m(e, { labelable: !0 }), N = o(C, b, k), P = a();
+	return Y.set(t, {
+		isDisabled: u,
+		isRequired: f,
+		name: p,
+		form: h,
+		validationBehavior: g
+	}), {
+		labelProps: {
+			...O,
+			onClick: () => {
+				e.isDisabled || (r.current?.focus(), s("keyboard"));
+			}
+		},
+		triggerProps: o(M, {
+			...N,
+			isDisabled: u,
+			onKeyDown: i(N.onKeyDown, S.onKeyDown),
+			onKeyUp: S.onKeyUp,
+			"aria-labelledby": [
+				P,
+				N["aria-labelledby"],
+				N["aria-label"] && !N["aria-labelledby"] ? N.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: P },
+		menuProps: {
+			...x,
+			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"], N["aria-label"] && !k["aria-labelledby"] ? N.id : null].filter(Boolean).join(" ")
+		},
+		descriptionProps: A,
+		errorMessageProps: j,
+		isInvalid: w,
+		validationErrors: T,
+		validationDetails: D,
+		hiddenSelectProps: {
+			isDisabled: u,
+			name: p,
+			label: e.label,
+			state: t,
+			triggerRef: r,
+			form: h
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.51.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/select/HiddenSelect.mjs
+function Oe(e, t, n) {
+	let i = Y.get(t) || {}, { autoComplete: a, name: o = i.name, form: s = i.form, isDisabled: c = i.isDisabled } = e, { validationBehavior: l, isRequired: u } = i, { visuallyHiddenProps: d } = b({ style: {
+		position: "fixed",
+		top: 0,
+		left: 0
+	} });
+	h(e.selectRef, t.defaultValue, t.setValue), _({
+		validationBehavior: l,
+		focus: () => n.current?.focus()
+	}, t, e.selectRef);
+	let f = t.setValue, p = ye((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 ke(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 } = Oe({
+		...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__*/ V.createElement("div", {
+		...l,
+		"data-testid": "hidden-select-container"
+	}, /*#__PURE__*/ V.createElement("label", null, r, /*#__PURE__*/ V.createElement("select", {
+		...u,
+		ref: s
+	}, /*#__PURE__*/ V.createElement("option", {
+		value: "",
+		label: "\xA0"
+	}, "\xA0"), [...t.collection.getKeys()].map((e) => {
+		let n = t.collection.getItem(e);
+		if (n && n.type === "item") return /*#__PURE__*/ V.createElement("option", {
+			key: n.key,
+			value: n.key
+		}, n.textValue);
+	}), t.collection.size === 0 && i && d.map((e, t) => /*#__PURE__*/ V.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__*/ V.createElement("input", {
+				key: n,
+				...r,
+				ref: n === 0 ? c : null,
+				style: { display: "none" },
+				type: "text",
+				required: n === 0 && u.required,
+				onChange: () => {}
+			}) : /*#__PURE__*/ V.createElement("input", {
+				key: n,
+				...r,
+				ref: n === 0 ? c : null
+			});
+		});
+		return /*#__PURE__*/ V.createElement(V.Fragment, null, n);
+	}
+	return null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.49.0_react@19.2.0/node_modules/react-stately/dist/private/select/useSelectState.mjs
+function Ae(e) {
+	let { selectionMode: t = "single", shouldCloseOnSelect: n = t === "single" } = e, r = A(e), [i, a] = K(null), o = W(() => e.defaultValue === void 0 ? t === "single" ? e.defaultSelectedKey ?? null : [] : e.defaultValue, [
+		e.defaultValue,
+		e.defaultSelectedKey,
+		t
+	]), s = W(() => e.value === void 0 ? t === "single" ? e.selectedKey : void 0 : e.value, [
+		e.value,
+		e.selectedKey,
+		t
+	]), [c, l] = y(s, o, e.onChange), u = t === "single" && Array.isArray(c) ? c[0] : c, d = (n) => {
+		if (t === "single") {
+			let t = Array.isArray(n) ? n[0] ?? null : n;
+			l(t), t !== u && e.onSelectionChange?.(t);
+		} else {
+			let e = [];
+			Array.isArray(n) ? e = n : n != null && (e = [n]), l(e);
+		}
+	}, f = pe({
+		...e,
+		selectionMode: t,
+		disallowEmptySelection: t === "single",
+		allowDuplicateSelectionEvents: !0,
+		selectedKeys: W(() => je(u), [u]),
+		onSelectionChange: (e) => {
+			if (e !== "all") {
+				if (t === "single") {
+					let t = e.values().next().value ?? null;
+					d(t);
+				} else d([...e]);
+				n && r.close(), h.commitValidation();
+			}
+		}
+	}), p = f.selectionManager.firstSelectedKey, m = W(() => [...f.selectionManager.selectedKeys].map((e) => f.collection.getItem(e)).filter((e) => e != null), [f.selectionManager.selectedKeys, f.collection]), h = g({
+		...e,
+		value: Array.isArray(u) && u.length === 0 ? null : u
+	}), [_, v] = K(!1), [b] = K(u);
+	return {
+		...h,
+		...f,
+		...r,
+		value: u,
+		defaultValue: o ?? b,
+		setValue: d,
+		selectedKey: p,
+		setSelectedKey: d,
+		selectedItem: m[0] ?? null,
+		selectedItems: m,
+		defaultSelectedKey: e.defaultSelectedKey ?? (e.selectionMode === "single" ? b : null),
+		focusStrategy: i,
+		open(t = null) {
+			(f.collection.size !== 0 || e.allowsEmptyCollection) && (a(t), r.open());
+		},
+		toggle(t = null) {
+			(f.collection.size !== 0 || e.allowsEmptyCollection) && (a(t), r.toggle());
+		},
+		isFocused: _,
+		setFocused: v
+	};
+}
+function je(e) {
+	if (e !== void 0) return e === null ? [] : Array.isArray(e) ? e : [e];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.20.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Select.mjs
+function Me(e) {
+	return e && e.__esModule ? e.default : e;
+}
+var X = /*#__PURE__*/ H(null), Z = /*#__PURE__*/ H(null), Ne = /*#__PURE__*/ u(function(e, n) {
+	[e, n] = F(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__*/ V.createElement(t, { content: s }, (t) => /*#__PURE__*/ V.createElement(Fe, {
+		props: e,
+		collection: t,
+		selectRef: n
+	}));
+}), Pe = [
+	se,
+	le,
+	I
+];
+function Fe({ props: e, selectRef: t, collection: n }) {
+	let { validationBehavior: r } = P(de) || {}, i = e.validationBehavior ?? r ?? "native", a = Ae({
+		...e,
+		collection: n,
+		children: void 0,
+		validationBehavior: i
+	}), { isFocusVisible: s, focusProps: c } = N({ within: !0 }), l = G(null), [u, d] = ne(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: f, triggerProps: p, valueProps: h, menuProps: g, descriptionProps: _, errorMessageProps: v, hiddenSelectProps: y, ...b } = De({
+		...ae(e),
+		label: d,
+		validationBehavior: i
+	}, a, l), x = W(() => ({
+		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
+	]), S = ie({
+		...e,
+		values: x,
+		defaultClassName: "react-aria-Select"
+	}), T = m(e, { global: !0 });
+	delete T.id;
+	let E = G(null);
+	return /*#__PURE__*/ V.createElement(oe, { values: [
+		[X, e],
+		[Z, a],
+		[Ie, h],
+		[se, {
+			...f,
+			ref: u,
+			elementType: "span"
+		}],
+		[le, {
+			...p,
+			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: Pe
+		}],
+		[w, {
+			...g,
+			ref: E
+		}],
+		[C, a],
+		[I, { slots: {
+			description: _,
+			errorMessage: v
+		} }],
+		[ue, b]
+	] }, /*#__PURE__*/ V.createElement(re.div, {
+		...o(T, S, 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
+	}, S.children, /*#__PURE__*/ V.createElement(ke, {
+		...y,
+		autoComplete: e.autoComplete
+	})));
+}
+var Ie = /*#__PURE__*/ H(null), Le = /*#__PURE__*/ u(function(e, t) {
+	[e, t] = F(e, t, Ie);
+	let n = U(Z), { placeholder: r } = P(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 = Ee(), o = W(() => n.selectedItems.map((e) => e?.textValue), [n.selectedItems]), s = n.selectionManager.selectionMode, c = W(() => s === "single" ? o[0] ?? "" : a.format(o), [
+		s,
+		a,
+		o
+	]), l = W(() => {
+		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__*/ V.createElement(ve, { key: t }, i[t++]) : e.value);
+	}, [
+		s,
+		a,
+		o,
+		i
+	]), u = p(Me(fe), "react-aria-components"), d = ie({
+		...e,
+		defaultChildren: l ?? r ?? u.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: c,
+			isPlaceholder: n.selectedItems.length === 0,
+			state: n
+		}
+	}), f = m(e, { global: !0 });
+	return /*#__PURE__*/ V.createElement(re.span, {
+		ref: t,
+		...f,
+		...d,
+		"data-placeholder": n.selectedItems.length === 0 || void 0
+	}, /*#__PURE__*/ V.createElement(I.Provider, { value: void 0 }, d.children));
+}), { withProvider: Re, withContext: Q } = we({ key: "nimbusSelect" }), ze = Re("div", "root"), Be = Q("div", "leadingElement"), Ve = Q("button", "trigger"), He = Q("span", "triggerLabel"), Ue = Q("div", "options"), We = Q("div", "option"), Ge = Q("div", "optionGroup"), Ke = {
+	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" })
+}, qe = ({ isDisabled: e }) => {
+	let t = he(Ke), n = U(Z);
+	return n?.selectedKey ? /* @__PURE__ */ q(M, { children: /* @__PURE__ */ q(me, {
+		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(be, {})
+	}) }) : null;
+};
+qe.displayName = "Select.ClearButton";
+//#endregion
+//#region src/components/select/components/select.root.tsx
+var Je = function({ ref: e, children: t, leadingElement: n, isLoading: r, isDisabled: i, isClearable: a = !0, ...o }) {
+	let s = G(null), c = l(_e(s, e)), [u, d] = Te({ recipe: ge }).splitVariantProps(o), [f, p] = B(d), m = {
+		...p,
+		isDisabled: r || i
+	};
+	return /* @__PURE__ */ q(ze, {
+		asChild: !0,
+		ref: c,
+		...u,
+		...f,
+		children: /* @__PURE__ */ J(Ne, {
+			...m,
+			children: [/* @__PURE__ */ J(Ce.div, {
+				position: "relative",
+				children: [/* @__PURE__ */ q(Ve, {
+					zIndex: 0,
+					asChild: !0,
+					children: /* @__PURE__ */ J(ce, { children: [n && /* @__PURE__ */ q(Be, {
+						asChild: !0,
+						children: n
+					}), /* @__PURE__ */ q(He, {
+						asChild: !0,
+						children: /* @__PURE__ */ q(Le, {})
+					})] })
+				}), /* @__PURE__ */ J(z, {
+					position: "absolute",
+					top: "0",
+					bottom: "0",
+					zIndex: 1,
+					right: "400",
+					pointerEvents: "none",
+					children: [a && /* @__PURE__ */ q(z, {
+						width: "600",
+						my: "auto",
+						children: /* @__PURE__ */ q(qe, { 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(Se, {})
+							}) : /* @__PURE__ */ q(xe, {})
+						})
+					})]
+				})]
+			}), /* @__PURE__ */ q(k, { children: t })]
+		})
+	});
+};
+Je.displayName = "Select.Root";
+//#endregion
+//#region src/components/select/components/select.options.tsx
+var Ye = (e) => {
+	let { ref: t, ...n } = e, [r, i] = B(n);
+	return /* @__PURE__ */ q(Ue, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ q(T, {
+			ref: t,
+			...i
+		})
+	});
+};
+Ye.displayName = "Select.Options";
+//#endregion
+//#region src/components/select/components/select.option.tsx
+var Xe = (e) => {
+	let { ref: t, ...n } = e, [r, i] = B(n);
+	return /* @__PURE__ */ q(We, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ q(S, {
+			ref: t,
+			...i
+		})
+	});
+};
+Xe.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(Ce.section, {
+		...s,
+		asChild: !0,
+		children: /* @__PURE__ */ J(x, {
+			ref: n,
+			...c,
+			children: [/* @__PURE__ */ q(Ge, {
+				asChild: !0,
+				children: /* @__PURE__ */ q(j, { 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 Ze = {
+	Root: Je,
+	Options: Ye,
+	Option: Xe,
+	OptionGroup: $
+};
+//#endregion
+export { Ze as t };
+
+//# sourceMappingURL=select-CyA7Ka87.es.js.map