@linyao.tw/ui 1.0.0 → 1.1.0

package/dist/components/selection/combobox.js

@@ -1,5 +1,5 @@
-import e from "./selection.module.js";
-import { mergeStateClassName as t } from "./classnames.js";
+import { withStateClassName as e } from "../../internal/class-names.js";
+import { useMessages as t } from "../../intl/provider.js";
 import { forwardRef as n, useMemo as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { XIcon as o } from "@phosphor-icons/react/dist/csr/X";
@@ -8,65 +8,65 @@ import { CheckIcon as c } from "@phosphor-icons/react/dist/csr/Check";
 import { CaretDownIcon as l } from "@phosphor-icons/react/dist/csr/CaretDown";
 import { Autocomplete as u } from "@base-ui/react/autocomplete";
 //#region src/components/selection/combobox.tsx
-var d = n(function({ className: n, ...r }, a) {
+var d = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.InputGroup, {
-		...r,
-		className: t(e.comboboxInputGroup, n),
-		ref: a
+		...n,
+		className: e("lyds-combobox__input-group", t),
+		ref: r
 	});
-}), f = n(function({ className: n, ...r }, a) {
+}), f = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.Input, {
-		...r,
-		className: t(e.comboboxInput, n),
-		ref: a
+		...n,
+		className: e("lyds-combobox__input", t),
+		ref: r
 	});
-}), p = n(function({ className: n, ...r }, a) {
+}), p = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.Trigger, {
-		...r,
-		className: t(e.comboboxTrigger, n),
-		ref: a
+		...n,
+		className: e("lyds-combobox__trigger", t),
+		ref: r
 	});
-}), m = n(function({ className: n, ...r }, a) {
+}), m = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.Clear, {
-		...r,
-		className: t(e.comboboxClear, n),
-		ref: a
+		...n,
+		className: e("lyds-combobox__clear", t),
+		ref: r
 	});
-}), h = n(function({ className: n, ...r }, a) {
+}), h = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.Positioner, {
-		...r,
-		className: t(e.positioner, n),
-		ref: a
+		...n,
+		className: e("lyds-listbox__positioner", t),
+		ref: r
 	});
-}), g = n(function({ className: n, ...r }, a) {
+}), g = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.Popup, {
-		...r,
-		className: t(e.popup, n),
-		ref: a
+		...n,
+		className: e("lyds-listbox__popup", t),
+		ref: r
 	});
-}), _ = n(function({ className: n, ...r }, a) {
+}), _ = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.List, {
-		...r,
-		className: t(e.optionList, n),
-		ref: a
+		...n,
+		className: e("lyds-listbox__list", t),
+		ref: r
 	});
-}), v = n(function({ className: n, ...r }, a) {
+}), v = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.Item, {
-		...r,
-		className: t(e.option, n),
-		ref: a
+		...n,
+		className: e("lyds-listbox__option", t),
+		ref: r
 	});
-}), y = n(function({ className: n, ...r }, a) {
+}), y = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.ItemIndicator, {
-		...r,
-		className: t(e.optionIndicator, n),
-		ref: a
+		...n,
+		className: e("lyds-listbox__option-indicator", t),
+		ref: r
 	});
-}), b = n(function({ className: n, ...r }, a) {
+}), b = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(s.Empty, {
-		...r,
-		className: t(e.emptyOption, n),
-		ref: a
+		...n,
+		className: e("lyds-listbox__empty", t),
+		ref: r
 	});
 });
 function x(e) {
@@ -88,21 +88,21 @@ function x(e) {
 		}
 	};
 }
-function S({ "aria-describedby": t, "aria-label": n, "aria-labelledby": u, className: S, clearLabel: C = "清除選取", emptyMessage: w = "找不到符合的選項", inputProps: T, invalid: E = !1, itemToStringLabel: D, options: O, placeholder: k, popupProps: A, positionerProps: j, triggerLabel: M = "顯示選項", ...N }) {
-	let P = r(() => x(O), [O]), F = r(() => D ?? ((e) => {
-		let t = P.get(e)?.option;
+function S({ "aria-describedby": e, "aria-label": n, "aria-labelledby": u, className: S, clearLabel: C, emptyMessage: w, inputProps: T, invalid: E = !1, itemToStringLabel: D, options: O, placeholder: k, popupProps: A, positionerProps: j, triggerLabel: M, ...N }) {
+	let P = t(), F = r(() => x(O), [O]), I = r(() => D ?? ((e) => {
+		let t = F.get(e)?.option;
 		return t?.textValue ?? (typeof t?.label == "string" ? t.label : String(e));
-	}), [D, P]);
+	}), [D, F]);
 	return /* @__PURE__ */ a(s.Root, {
 		...N,
-		itemToStringLabel: F,
-		items: P.values,
+		itemToStringLabel: I,
+		items: F.values,
 		children: [/* @__PURE__ */ a(d, {
 			className: S,
 			children: [
 				/* @__PURE__ */ i(f, {
 					...T,
-					"aria-describedby": t ?? T?.["aria-describedby"],
+					"aria-describedby": e ?? T?.["aria-describedby"],
 					"aria-invalid": E || T?.["aria-invalid"] || void 0,
 					"aria-label": n ?? T?.["aria-label"],
 					"aria-labelledby": u ?? T?.["aria-labelledby"],
@@ -110,14 +110,14 @@ function S({ "aria-describedby": t, "aria-label": n, "aria-labelledby": u, class
 					placeholder: k
 				}),
 				/* @__PURE__ */ i(m, {
-					"aria-label": C,
+					"aria-label": C ?? P.comboboxClear,
 					children: /* @__PURE__ */ i(o, {
 						"aria-hidden": "true",
 						weight: "bold"
 					})
 				}),
 				/* @__PURE__ */ i(p, {
-					"aria-label": M,
+					"aria-label": M ?? P.comboboxTrigger,
 					children: /* @__PURE__ */ i(l, {
 						"aria-hidden": "true",
 						weight: "bold"
@@ -128,26 +128,26 @@ function S({ "aria-describedby": t, "aria-label": n, "aria-labelledby": u, class
 			...j,
 			children: /* @__PURE__ */ a(g, {
 				...A,
-				children: [/* @__PURE__ */ i(_, { children: (t, n) => {
-					let r = P.get(t);
-					if (!r) return null;
-					let { option: o, sourceIndex: s } = r;
+				children: [/* @__PURE__ */ i(_, { children: (e, t) => {
+					let n = F.get(e);
+					if (!n) return null;
+					let { option: r, sourceIndex: o } = n;
 					return /* @__PURE__ */ a(v, {
-						disabled: o.disabled,
-						index: n,
-						value: t,
+						disabled: r.disabled,
+						index: t,
+						value: e,
 						children: [/* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(c, {
 							"aria-hidden": "true",
 							weight: "bold"
 						}) }), /* @__PURE__ */ a("span", {
-							className: e.optionText,
-							children: [/* @__PURE__ */ i("span", { children: o.label }), o.description ? /* @__PURE__ */ i("span", {
-								className: e.optionDescription,
-								children: o.description
+							className: "lyds-listbox__option-text",
+							children: [/* @__PURE__ */ i("span", { children: r.label }), r.description ? /* @__PURE__ */ i("span", {
+								className: "lyds-listbox__option-description",
+								children: r.description
 							}) : null]
 						})]
-					}, o.key ?? o.textValue ?? s);
-				} }), /* @__PURE__ */ i(b, { children: w })]
+					}, r.key ?? r.textValue ?? o);
+				} }), /* @__PURE__ */ i(b, { children: w ?? P.comboboxEmpty })]
 			})
 		}) })]
 	});
@@ -181,34 +181,34 @@ var C = Object.assign(S, {
 	Value: s.Value,
 	useFilter: s.useFilter,
 	useFilteredItems: s.useFilteredItems
-}), w = n(function({ className: n, ...r }, a) {
+}), w = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(u.InputGroup, {
-		...r,
-		className: t(e.comboboxInputGroup, n),
-		ref: a
+		...n,
+		className: e("lyds-combobox__input-group", t),
+		ref: r
 	});
-}), T = n(function({ className: n, ...r }, a) {
+}), T = n(function({ className: t, ...n }, r) {
 	return /* @__PURE__ */ i(u.Item, {
-		...r,
-		className: t(e.option, n),
-		ref: a
+		...n,
+		className: e("lyds-listbox__option", t),
+		ref: r
 	});
 });
-function E({ "aria-describedby": t, "aria-label": n, "aria-labelledby": s, className: c, clearLabel: d = "清除搜尋內容", emptyMessage: p = "找不到建議項目", inputProps: v, invalid: y = !1, itemToStringValue: S, options: C, placeholder: E, popupProps: D, positionerProps: O, triggerLabel: k = "顯示建議項目", ...A }) {
-	let j = r(() => x(C), [C]), M = r(() => S ?? ((e) => {
-		let t = j.get(e)?.option;
+function E({ "aria-describedby": e, "aria-label": n, "aria-labelledby": s, className: c, clearLabel: d, emptyMessage: p, inputProps: v, invalid: y = !1, itemToStringValue: S, options: C, placeholder: E, popupProps: D, positionerProps: O, triggerLabel: k, ...A }) {
+	let j = t(), M = r(() => x(C), [C]), N = r(() => S ?? ((e) => {
+		let t = M.get(e)?.option;
 		return t?.textValue ?? (typeof t?.label == "string" ? t.label : String(e));
-	}), [S, j]);
+	}), [S, M]);
 	return /* @__PURE__ */ a(u.Root, {
 		...A,
-		itemToStringValue: M,
-		items: j.values,
+		itemToStringValue: N,
+		items: M.values,
 		children: [/* @__PURE__ */ a(w, {
 			className: c,
 			children: [
 				/* @__PURE__ */ i(f, {
 					...v,
-					"aria-describedby": t ?? v?.["aria-describedby"],
+					"aria-describedby": e ?? v?.["aria-describedby"],
 					"aria-invalid": y || v?.["aria-invalid"] || void 0,
 					"aria-label": n ?? v?.["aria-label"],
 					"aria-labelledby": s ?? v?.["aria-labelledby"],
@@ -216,15 +216,15 @@ function E({ "aria-describedby": t, "aria-label": n, "aria-labelledby": s, class
 					placeholder: E
 				}),
 				/* @__PURE__ */ i(m, {
-					"aria-label": d,
+					"aria-label": d ?? j.autocompleteClear,
 					children: /* @__PURE__ */ i(o, {
 						"aria-hidden": "true",
 						weight: "bold"
 					})
 				}),
 				/* @__PURE__ */ i(u.Trigger, {
-					"aria-label": k,
-					className: e.comboboxTrigger,
+					"aria-label": k ?? j.autocompleteTrigger,
+					className: "lyds-combobox__trigger",
 					children: /* @__PURE__ */ i(l, {
 						"aria-hidden": "true",
 						weight: "bold"
@@ -235,20 +235,20 @@ function E({ "aria-describedby": t, "aria-label": n, "aria-labelledby": s, class
 			...O,
 			children: /* @__PURE__ */ a(g, {
 				...D,
-				children: [/* @__PURE__ */ i(_, { children: (t, n) => {
-					let r = j.get(t);
-					if (!r) return null;
-					let { option: a, sourceIndex: o } = r;
+				children: [/* @__PURE__ */ i(_, { children: (e, t) => {
+					let n = M.get(e);
+					if (!n) return null;
+					let { option: r, sourceIndex: a } = n;
 					return /* @__PURE__ */ i(T, {
-						disabled: a.disabled,
-						index: n,
-						value: t,
+						disabled: r.disabled,
+						index: t,
+						value: e,
 						children: /* @__PURE__ */ i("span", {
-							className: e.optionText,
-							children: a.label
+							className: "lyds-listbox__option-text",
+							children: r.label
 						})
-					}, a.key ?? a.textValue ?? o);
-				} }), /* @__PURE__ */ i(b, { children: p })]
+					}, r.key ?? r.textValue ?? a);
+				} }), /* @__PURE__ */ i(b, { children: p ?? j.autocompleteEmpty })]
 			})
 		}) })]
 	});

package/dist/components/selection/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":[],"sources":["../../../src/components/selection/combobox.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete, type AutocompleteInputGroupProps, type AutocompleteItemProps, type AutocompleteRootProps } from \"@base-ui/react/autocomplete\";\nimport {\n\tCombobox as BaseCombobox,\n\ttype ComboboxClearProps,\n\ttype ComboboxEmptyProps,\n\ttype ComboboxInputGroupProps,\n\ttype ComboboxInputProps,\n\ttype ComboboxItemIndicatorProps,\n\ttype ComboboxItemProps,\n\ttype ComboboxListProps,\n\ttype ComboboxPopupProps,\n\ttype ComboboxPositionerProps,\n\ttype ComboboxRootProps,\n\ttype ComboboxTriggerProps\n} from \"@base-ui/react/combobox\";\nimport { CaretDownIcon } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { forwardRef, useMemo, type Key, type ReactNode } from \"react\";\n\nimport { mergeStateClassName } from \"./classnames\";\nimport styles from \"./selection.module.css\";\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(function ComboboxInputGroup({ className, ...props }, ref) {\n\treturn <BaseCombobox.InputGroup {...props} className={mergeStateClassName(styles.comboboxInputGroup, className)} ref={ref} />;\n});\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(function ComboboxInput({ className, ...props }, ref) {\n\treturn <BaseCombobox.Input {...props} className={mergeStateClassName(styles.comboboxInput, className)} ref={ref} />;\n});\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(function ComboboxTrigger({ className, ...props }, ref) {\n\treturn <BaseCombobox.Trigger {...props} className={mergeStateClassName(styles.comboboxTrigger, className)} ref={ref} />;\n});\n\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(function ComboboxClear({ className, ...props }, ref) {\n\treturn <BaseCombobox.Clear {...props} className={mergeStateClassName(styles.comboboxClear, className)} ref={ref} />;\n});\n\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(function ComboboxPositioner({ className, ...props }, ref) {\n\treturn <BaseCombobox.Positioner {...props} className={mergeStateClassName(styles.positioner, className)} ref={ref} />;\n});\n\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup({ className, ...props }, ref) {\n\treturn <BaseCombobox.Popup {...props} className={mergeStateClassName(styles.popup, className)} ref={ref} />;\n});\n\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList({ className, ...props }, ref) {\n\treturn <BaseCombobox.List {...props} className={mergeStateClassName(styles.optionList, className)} ref={ref} />;\n});\n\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem({ className, ...props }, ref) {\n\treturn <BaseCombobox.Item {...props} className={mergeStateClassName(styles.option, className)} ref={ref} />;\n});\n\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(function ComboboxItemIndicator({ className, ...props }, ref) {\n\treturn <BaseCombobox.ItemIndicator {...props} className={mergeStateClassName(styles.optionIndicator, className)} ref={ref} />;\n});\n\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty({ className, ...props }, ref) {\n\treturn <BaseCombobox.Empty {...props} className={mergeStateClassName(styles.emptyOption, className)} ref={ref} />;\n});\n\nexport interface ComboboxOption<Value> {\n\tdescription?: ReactNode;\n\tdisabled?: boolean;\n\tkey?: Key;\n\tlabel: ReactNode;\n\ttextValue?: string;\n\tvalue: Value;\n}\n\ninterface IndexedOption<Option> {\n\toption: Option;\n\tsourceIndex: number;\n}\n\nfunction createOptionIndex<Value, Option extends { value: Value }>(options: readonly Option[]) {\n\tconst values: Value[] = [];\n\tconst lookup = new Map<Value, IndexedOption<Option>>();\n\tlet negativeZero: IndexedOption<Option> | undefined;\n\tlet positiveZero: IndexedOption<Option> | undefined;\n\n\toptions.forEach((option, sourceIndex) => {\n\t\tconst value = option.value;\n\t\tconst indexed = { option, sourceIndex };\n\t\tvalues.push(value);\n\n\t\tif (typeof value === \"number\" && value === 0) {\n\t\t\tif (Object.is(value, -0)) negativeZero ??= indexed;\n\t\t\telse positiveZero ??= indexed;\n\t\t\treturn;\n\t\t}\n\n\t\tif (!lookup.has(value)) lookup.set(value, indexed);\n\t});\n\n\treturn {\n\t\tvalues,\n\t\tget(value: Value) {\n\t\t\tif (typeof value === \"number\" && value === 0) {\n\t\t\t\treturn Object.is(value, -0) ? negativeZero : positiveZero;\n\t\t\t}\n\t\t\treturn lookup.get(value);\n\t\t}\n\t};\n}\n\nexport interface ComboboxProps<Value> extends Omit<ComboboxRootProps<Value, false>, \"children\" | \"items\" | \"multiple\"> {\n\t\"aria-describedby\"?: string;\n\t\"aria-label\"?: string;\n\t\"aria-labelledby\"?: string;\n\tclassName?: string;\n\tclearLabel?: string;\n\temptyMessage?: ReactNode;\n\tinputProps?: Omit<ComboboxInputProps, \"className\" | \"placeholder\">;\n\tinvalid?: boolean;\n\toptions: readonly ComboboxOption<Value>[];\n\tplaceholder?: string;\n\tpopupProps?: ComboboxPopupProps;\n\tpositionerProps?: ComboboxPositionerProps;\n\ttriggerLabel?: string;\n}\n\nfunction ComboboxComponent<Value>({\n\t\"aria-describedby\": ariaDescribedby,\n\t\"aria-label\": ariaLabel,\n\t\"aria-labelledby\": ariaLabelledby,\n\tclassName,\n\tclearLabel = \"清除選取\",\n\temptyMessage = \"找不到符合的選項\",\n\tinputProps,\n\tinvalid = false,\n\titemToStringLabel,\n\toptions,\n\tplaceholder,\n\tpopupProps,\n\tpositionerProps,\n\ttriggerLabel = \"顯示選項\",\n\t...rootProps\n}: ComboboxProps<Value>) {\n\tconst optionIndex = useMemo(() => createOptionIndex<Value, ComboboxOption<Value>>(options), [options]);\n\tconst stringify = useMemo(\n\t\t() =>\n\t\t\titemToStringLabel ??\n\t\t\t((itemValue: Value) => {\n\t\t\t\tconst option = optionIndex.get(itemValue)?.option;\n\t\t\t\treturn option?.textValue ?? (typeof option?.label === \"string\" ? option.label : String(itemValue));\n\t\t\t}),\n\t\t[itemToStringLabel, optionIndex]\n\t);\n\n\treturn (\n\t\t<BaseCombobox.Root {...rootProps} itemToStringLabel={stringify} items={optionIndex.values}>\n\t\t\t<ComboboxInputGroup className={className}>\n\t\t\t\t<ComboboxInput\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\taria-describedby={ariaDescribedby ?? inputProps?.[\"aria-describedby\"]}\n\t\t\t\t\taria-invalid={invalid || inputProps?.[\"aria-invalid\"] || undefined}\n\t\t\t\t\taria-label={ariaLabel ?? inputProps?.[\"aria-label\"]}\n\t\t\t\t\taria-labelledby={ariaLabelledby ?? inputProps?.[\"aria-labelledby\"]}\n\t\t\t\t\tautoComplete={inputProps?.autoComplete ?? \"off\"}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t/>\n\t\t\t\t<ComboboxClear aria-label={clearLabel}>\n\t\t\t\t\t<XIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</ComboboxClear>\n\t\t\t\t<ComboboxTrigger aria-label={triggerLabel}>\n\t\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</ComboboxTrigger>\n\t\t\t</ComboboxInputGroup>\n\t\t\t<BaseCombobox.Portal>\n\t\t\t\t<ComboboxPositioner {...positionerProps}>\n\t\t\t\t\t<ComboboxPopup {...popupProps}>\n\t\t\t\t\t\t<ComboboxList>\n\t\t\t\t\t\t\t{(value: Value, index: number) => {\n\t\t\t\t\t\t\t\tconst indexed = optionIndex.get(value);\n\t\t\t\t\t\t\t\tif (!indexed) return null;\n\t\t\t\t\t\t\t\tconst { option, sourceIndex } = indexed;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ComboboxItem disabled={option.disabled} index={index} key={option.key ?? option.textValue ?? sourceIndex} value={value}>\n\t\t\t\t\t\t\t\t\t\t<ComboboxItemIndicator>\n\t\t\t\t\t\t\t\t\t\t\t<CheckIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t\t\t\t\t\t\t</ComboboxItemIndicator>\n\t\t\t\t\t\t\t\t\t\t<span className={styles.optionText}>\n\t\t\t\t\t\t\t\t\t\t\t<span>{option.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t{option.description ? <span className={styles.optionDescription}>{option.description}</span> : null}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</ComboboxItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ComboboxList>\n\t\t\t\t\t\t<ComboboxEmpty>{emptyMessage}</ComboboxEmpty>\n\t\t\t\t\t</ComboboxPopup>\n\t\t\t\t</ComboboxPositioner>\n\t\t\t</BaseCombobox.Portal>\n\t\t</BaseCombobox.Root>\n\t);\n}\n\nexport const Combobox = Object.assign(ComboboxComponent, {\n\tArrow: BaseCombobox.Arrow,\n\tBackdrop: BaseCombobox.Backdrop,\n\tChip: BaseCombobox.Chip,\n\tChipRemove: BaseCombobox.ChipRemove,\n\tChips: BaseCombobox.Chips,\n\tClear: ComboboxClear,\n\tCollection: BaseCombobox.Collection,\n\tEmpty: ComboboxEmpty,\n\tGroup: BaseCombobox.Group,\n\tGroupLabel: BaseCombobox.GroupLabel,\n\tIcon: BaseCombobox.Icon,\n\tInput: ComboboxInput,\n\tInputGroup: ComboboxInputGroup,\n\tItem: ComboboxItem,\n\tItemIndicator: ComboboxItemIndicator,\n\tLabel: BaseCombobox.Label,\n\tList: ComboboxList,\n\tPopup: ComboboxPopup,\n\tPortal: BaseCombobox.Portal,\n\tPositioner: ComboboxPositioner,\n\tRoot: BaseCombobox.Root,\n\tRow: BaseCombobox.Row,\n\tSeparator: BaseCombobox.Separator,\n\tStatus: BaseCombobox.Status,\n\tTrigger: ComboboxTrigger,\n\tValue: BaseCombobox.Value,\n\tuseFilter: BaseCombobox.useFilter,\n\tuseFilteredItems: BaseCombobox.useFilteredItems\n});\n\nexport const AutocompleteInputGroup = forwardRef<HTMLDivElement, AutocompleteInputGroupProps>(function AutocompleteInputGroup({ className, ...props }, ref) {\n\treturn <BaseAutocomplete.InputGroup {...props} className={mergeStateClassName(styles.comboboxInputGroup, className)} ref={ref} />;\n});\n\nexport const AutocompleteItem = forwardRef<HTMLDivElement, AutocompleteItemProps>(function AutocompleteItem({ className, ...props }, ref) {\n\treturn <BaseAutocomplete.Item {...props} className={mergeStateClassName(styles.option, className)} ref={ref} />;\n});\n\nexport interface AutocompleteOption<Value> {\n\tdisabled?: boolean;\n\tkey?: Key;\n\tlabel: ReactNode;\n\ttextValue?: string;\n\tvalue: Value;\n}\n\nexport interface AutocompleteProps<ItemValue> extends Omit<AutocompleteRootProps<ItemValue>, \"children\" | \"items\"> {\n\t\"aria-describedby\"?: string;\n\t\"aria-label\"?: string;\n\t\"aria-labelledby\"?: string;\n\tclassName?: string;\n\tclearLabel?: string;\n\temptyMessage?: ReactNode;\n\tinputProps?: Omit<ComboboxInputProps, \"className\" | \"placeholder\">;\n\tinvalid?: boolean;\n\toptions: readonly AutocompleteOption<ItemValue>[];\n\tplaceholder?: string;\n\tpopupProps?: ComboboxPopupProps;\n\tpositionerProps?: ComboboxPositionerProps;\n\ttriggerLabel?: string;\n}\n\nfunction AutocompleteComponent<ItemValue>({\n\t\"aria-describedby\": ariaDescribedby,\n\t\"aria-label\": ariaLabel,\n\t\"aria-labelledby\": ariaLabelledby,\n\tclassName,\n\tclearLabel = \"清除搜尋內容\",\n\temptyMessage = \"找不到建議項目\",\n\tinputProps,\n\tinvalid = false,\n\titemToStringValue,\n\toptions,\n\tplaceholder,\n\tpopupProps,\n\tpositionerProps,\n\ttriggerLabel = \"顯示建議項目\",\n\t...rootProps\n}: AutocompleteProps<ItemValue>) {\n\tconst optionIndex = useMemo(() => createOptionIndex<ItemValue, AutocompleteOption<ItemValue>>(options), [options]);\n\tconst stringify = useMemo(\n\t\t() =>\n\t\t\titemToStringValue ??\n\t\t\t((itemValue: ItemValue) => {\n\t\t\t\tconst option = optionIndex.get(itemValue)?.option;\n\t\t\t\treturn option?.textValue ?? (typeof option?.label === \"string\" ? option.label : String(itemValue));\n\t\t\t}),\n\t\t[itemToStringValue, optionIndex]\n\t);\n\n\treturn (\n\t\t<BaseAutocomplete.Root {...rootProps} itemToStringValue={stringify} items={optionIndex.values}>\n\t\t\t<AutocompleteInputGroup className={className}>\n\t\t\t\t<ComboboxInput\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\taria-describedby={ariaDescribedby ?? inputProps?.[\"aria-describedby\"]}\n\t\t\t\t\taria-invalid={invalid || inputProps?.[\"aria-invalid\"] || undefined}\n\t\t\t\t\taria-label={ariaLabel ?? inputProps?.[\"aria-label\"]}\n\t\t\t\t\taria-labelledby={ariaLabelledby ?? inputProps?.[\"aria-labelledby\"]}\n\t\t\t\t\tautoComplete={inputProps?.autoComplete ?? \"off\"}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t/>\n\t\t\t\t<ComboboxClear aria-label={clearLabel}>\n\t\t\t\t\t<XIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</ComboboxClear>\n\t\t\t\t<BaseAutocomplete.Trigger aria-label={triggerLabel} className={styles.comboboxTrigger}>\n\t\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</BaseAutocomplete.Trigger>\n\t\t\t</AutocompleteInputGroup>\n\t\t\t<BaseAutocomplete.Portal>\n\t\t\t\t<ComboboxPositioner {...positionerProps}>\n\t\t\t\t\t<ComboboxPopup {...popupProps}>\n\t\t\t\t\t\t<ComboboxList>\n\t\t\t\t\t\t\t{(value: ItemValue, index: number) => {\n\t\t\t\t\t\t\t\tconst indexed = optionIndex.get(value);\n\t\t\t\t\t\t\t\tif (!indexed) return null;\n\t\t\t\t\t\t\t\tconst { option, sourceIndex } = indexed;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<AutocompleteItem disabled={option.disabled} index={index} key={option.key ?? option.textValue ?? sourceIndex} value={value}>\n\t\t\t\t\t\t\t\t\t\t<span className={styles.optionText}>{option.label}</span>\n\t\t\t\t\t\t\t\t\t</AutocompleteItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ComboboxList>\n\t\t\t\t\t\t<ComboboxEmpty>{emptyMessage}</ComboboxEmpty>\n\t\t\t\t\t</ComboboxPopup>\n\t\t\t\t</ComboboxPositioner>\n\t\t\t</BaseAutocomplete.Portal>\n\t\t</BaseAutocomplete.Root>\n\t);\n}\n\nexport const Autocomplete = Object.assign(AutocompleteComponent, {\n\tArrow: BaseAutocomplete.Arrow,\n\tBackdrop: BaseAutocomplete.Backdrop,\n\tClear: ComboboxClear,\n\tCollection: BaseAutocomplete.Collection,\n\tEmpty: ComboboxEmpty,\n\tGroup: BaseAutocomplete.Group,\n\tGroupLabel: BaseAutocomplete.GroupLabel,\n\tIcon: BaseAutocomplete.Icon,\n\tInput: ComboboxInput,\n\tInputGroup: AutocompleteInputGroup,\n\tItem: AutocompleteItem,\n\tList: ComboboxList,\n\tPopup: ComboboxPopup,\n\tPortal: BaseAutocomplete.Portal,\n\tPositioner: ComboboxPositioner,\n\tRoot: BaseAutocomplete.Root,\n\tRow: BaseAutocomplete.Row,\n\tSeparator: BaseAutocomplete.Separator,\n\tStatus: BaseAutocomplete.Status,\n\tTrigger: BaseAutocomplete.Trigger,\n\tValue: BaseAutocomplete.Value,\n\tuseFilter: BaseAutocomplete.useFilter,\n\tuseFilteredItems: BaseAutocomplete.useFilteredItems\n});\n"],"mappings":"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"}
+{"version":3,"file":"combobox.js","names":[],"sources":["../../../src/components/selection/combobox.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete, type AutocompleteInputGroupProps, type AutocompleteItemProps, type AutocompleteRootProps } from \"@base-ui/react/autocomplete\";\nimport {\n\tCombobox as BaseCombobox,\n\ttype ComboboxClearProps,\n\ttype ComboboxEmptyProps,\n\ttype ComboboxInputGroupProps,\n\ttype ComboboxInputProps,\n\ttype ComboboxItemIndicatorProps,\n\ttype ComboboxItemProps,\n\ttype ComboboxListProps,\n\ttype ComboboxPopupProps,\n\ttype ComboboxPositionerProps,\n\ttype ComboboxRootProps,\n\ttype ComboboxTriggerProps\n} from \"@base-ui/react/combobox\";\nimport { CaretDownIcon } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { forwardRef, useMemo, type Key, type ReactNode } from \"react\";\n\nimport { withStateClassName } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(function ComboboxInputGroup({ className, ...props }, ref) {\n\treturn <BaseCombobox.InputGroup {...props} className={withStateClassName(\"lyds-combobox__input-group\", className)} ref={ref} />;\n});\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(function ComboboxInput({ className, ...props }, ref) {\n\treturn <BaseCombobox.Input {...props} className={withStateClassName(\"lyds-combobox__input\", className)} ref={ref} />;\n});\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(function ComboboxTrigger({ className, ...props }, ref) {\n\treturn <BaseCombobox.Trigger {...props} className={withStateClassName(\"lyds-combobox__trigger\", className)} ref={ref} />;\n});\n\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(function ComboboxClear({ className, ...props }, ref) {\n\treturn <BaseCombobox.Clear {...props} className={withStateClassName(\"lyds-combobox__clear\", className)} ref={ref} />;\n});\n\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(function ComboboxPositioner({ className, ...props }, ref) {\n\treturn <BaseCombobox.Positioner {...props} className={withStateClassName(\"lyds-listbox__positioner\", className)} ref={ref} />;\n});\n\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup({ className, ...props }, ref) {\n\treturn <BaseCombobox.Popup {...props} className={withStateClassName(\"lyds-listbox__popup\", className)} ref={ref} />;\n});\n\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList({ className, ...props }, ref) {\n\treturn <BaseCombobox.List {...props} className={withStateClassName(\"lyds-listbox__list\", className)} ref={ref} />;\n});\n\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem({ className, ...props }, ref) {\n\treturn <BaseCombobox.Item {...props} className={withStateClassName(\"lyds-listbox__option\", className)} ref={ref} />;\n});\n\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(function ComboboxItemIndicator({ className, ...props }, ref) {\n\treturn <BaseCombobox.ItemIndicator {...props} className={withStateClassName(\"lyds-listbox__option-indicator\", className)} ref={ref} />;\n});\n\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty({ className, ...props }, ref) {\n\treturn <BaseCombobox.Empty {...props} className={withStateClassName(\"lyds-listbox__empty\", className)} ref={ref} />;\n});\n\nexport interface ComboboxOption<Value> {\n\tdescription?: ReactNode;\n\tdisabled?: boolean;\n\tkey?: Key;\n\tlabel: ReactNode;\n\ttextValue?: string;\n\tvalue: Value;\n}\n\ninterface IndexedOption<Option> {\n\toption: Option;\n\tsourceIndex: number;\n}\n\nfunction createOptionIndex<Value, Option extends { value: Value }>(options: readonly Option[]) {\n\tconst values: Value[] = [];\n\tconst lookup = new Map<Value, IndexedOption<Option>>();\n\tlet negativeZero: IndexedOption<Option> | undefined;\n\tlet positiveZero: IndexedOption<Option> | undefined;\n\n\toptions.forEach((option, sourceIndex) => {\n\t\tconst value = option.value;\n\t\tconst indexed = { option, sourceIndex };\n\t\tvalues.push(value);\n\n\t\tif (typeof value === \"number\" && value === 0) {\n\t\t\tif (Object.is(value, -0)) negativeZero ??= indexed;\n\t\t\telse positiveZero ??= indexed;\n\t\t\treturn;\n\t\t}\n\n\t\tif (!lookup.has(value)) lookup.set(value, indexed);\n\t});\n\n\treturn {\n\t\tvalues,\n\t\tget(value: Value) {\n\t\t\tif (typeof value === \"number\" && value === 0) {\n\t\t\t\treturn Object.is(value, -0) ? negativeZero : positiveZero;\n\t\t\t}\n\t\t\treturn lookup.get(value);\n\t\t}\n\t};\n}\n\nexport interface ComboboxProps<Value> extends Omit<ComboboxRootProps<Value, false>, \"children\" | \"items\" | \"multiple\"> {\n\t\"aria-describedby\"?: string;\n\t\"aria-label\"?: string;\n\t\"aria-labelledby\"?: string;\n\tclassName?: string;\n\tclearLabel?: string;\n\temptyMessage?: ReactNode;\n\tinputProps?: Omit<ComboboxInputProps, \"className\" | \"placeholder\">;\n\tinvalid?: boolean;\n\toptions: readonly ComboboxOption<Value>[];\n\tplaceholder?: string;\n\tpopupProps?: ComboboxPopupProps;\n\tpositionerProps?: ComboboxPositionerProps;\n\ttriggerLabel?: string;\n}\n\nfunction ComboboxComponent<Value>({\n\t\"aria-describedby\": ariaDescribedby,\n\t\"aria-label\": ariaLabel,\n\t\"aria-labelledby\": ariaLabelledby,\n\tclassName,\n\tclearLabel,\n\temptyMessage,\n\tinputProps,\n\tinvalid = false,\n\titemToStringLabel,\n\toptions,\n\tplaceholder,\n\tpopupProps,\n\tpositionerProps,\n\ttriggerLabel,\n\t...rootProps\n}: ComboboxProps<Value>) {\n\tconst messages = useMessages();\n\tconst optionIndex = useMemo(() => createOptionIndex<Value, ComboboxOption<Value>>(options), [options]);\n\tconst stringify = useMemo(\n\t\t() =>\n\t\t\titemToStringLabel ??\n\t\t\t((itemValue: Value) => {\n\t\t\t\tconst option = optionIndex.get(itemValue)?.option;\n\t\t\t\treturn option?.textValue ?? (typeof option?.label === \"string\" ? option.label : String(itemValue));\n\t\t\t}),\n\t\t[itemToStringLabel, optionIndex]\n\t);\n\n\treturn (\n\t\t<BaseCombobox.Root {...rootProps} itemToStringLabel={stringify} items={optionIndex.values}>\n\t\t\t<ComboboxInputGroup className={className}>\n\t\t\t\t<ComboboxInput\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\taria-describedby={ariaDescribedby ?? inputProps?.[\"aria-describedby\"]}\n\t\t\t\t\taria-invalid={invalid || inputProps?.[\"aria-invalid\"] || undefined}\n\t\t\t\t\taria-label={ariaLabel ?? inputProps?.[\"aria-label\"]}\n\t\t\t\t\taria-labelledby={ariaLabelledby ?? inputProps?.[\"aria-labelledby\"]}\n\t\t\t\t\tautoComplete={inputProps?.autoComplete ?? \"off\"}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t/>\n\t\t\t\t<ComboboxClear aria-label={clearLabel ?? messages.comboboxClear}>\n\t\t\t\t\t<XIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</ComboboxClear>\n\t\t\t\t<ComboboxTrigger aria-label={triggerLabel ?? messages.comboboxTrigger}>\n\t\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</ComboboxTrigger>\n\t\t\t</ComboboxInputGroup>\n\t\t\t<BaseCombobox.Portal>\n\t\t\t\t<ComboboxPositioner {...positionerProps}>\n\t\t\t\t\t<ComboboxPopup {...popupProps}>\n\t\t\t\t\t\t<ComboboxList>\n\t\t\t\t\t\t\t{(value: Value, index: number) => {\n\t\t\t\t\t\t\t\tconst indexed = optionIndex.get(value);\n\t\t\t\t\t\t\t\tif (!indexed) return null;\n\t\t\t\t\t\t\t\tconst { option, sourceIndex } = indexed;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ComboboxItem disabled={option.disabled} index={index} key={option.key ?? option.textValue ?? sourceIndex} value={value}>\n\t\t\t\t\t\t\t\t\t\t<ComboboxItemIndicator>\n\t\t\t\t\t\t\t\t\t\t\t<CheckIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t\t\t\t\t\t\t</ComboboxItemIndicator>\n\t\t\t\t\t\t\t\t\t\t<span className={\"lyds-listbox__option-text\"}>\n\t\t\t\t\t\t\t\t\t\t\t<span>{option.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t{option.description ? <span className={\"lyds-listbox__option-description\"}>{option.description}</span> : null}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</ComboboxItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ComboboxList>\n\t\t\t\t\t\t<ComboboxEmpty>{emptyMessage ?? messages.comboboxEmpty}</ComboboxEmpty>\n\t\t\t\t\t</ComboboxPopup>\n\t\t\t\t</ComboboxPositioner>\n\t\t\t</BaseCombobox.Portal>\n\t\t</BaseCombobox.Root>\n\t);\n}\n\nexport const Combobox = Object.assign(ComboboxComponent, {\n\tArrow: BaseCombobox.Arrow,\n\tBackdrop: BaseCombobox.Backdrop,\n\tChip: BaseCombobox.Chip,\n\tChipRemove: BaseCombobox.ChipRemove,\n\tChips: BaseCombobox.Chips,\n\tClear: ComboboxClear,\n\tCollection: BaseCombobox.Collection,\n\tEmpty: ComboboxEmpty,\n\tGroup: BaseCombobox.Group,\n\tGroupLabel: BaseCombobox.GroupLabel,\n\tIcon: BaseCombobox.Icon,\n\tInput: ComboboxInput,\n\tInputGroup: ComboboxInputGroup,\n\tItem: ComboboxItem,\n\tItemIndicator: ComboboxItemIndicator,\n\tLabel: BaseCombobox.Label,\n\tList: ComboboxList,\n\tPopup: ComboboxPopup,\n\tPortal: BaseCombobox.Portal,\n\tPositioner: ComboboxPositioner,\n\tRoot: BaseCombobox.Root,\n\tRow: BaseCombobox.Row,\n\tSeparator: BaseCombobox.Separator,\n\tStatus: BaseCombobox.Status,\n\tTrigger: ComboboxTrigger,\n\tValue: BaseCombobox.Value,\n\tuseFilter: BaseCombobox.useFilter,\n\tuseFilteredItems: BaseCombobox.useFilteredItems\n});\n\nexport const AutocompleteInputGroup = forwardRef<HTMLDivElement, AutocompleteInputGroupProps>(function AutocompleteInputGroup({ className, ...props }, ref) {\n\treturn <BaseAutocomplete.InputGroup {...props} className={withStateClassName(\"lyds-combobox__input-group\", className)} ref={ref} />;\n});\n\nexport const AutocompleteItem = forwardRef<HTMLDivElement, AutocompleteItemProps>(function AutocompleteItem({ className, ...props }, ref) {\n\treturn <BaseAutocomplete.Item {...props} className={withStateClassName(\"lyds-listbox__option\", className)} ref={ref} />;\n});\n\nexport interface AutocompleteOption<Value> {\n\tdisabled?: boolean;\n\tkey?: Key;\n\tlabel: ReactNode;\n\ttextValue?: string;\n\tvalue: Value;\n}\n\nexport interface AutocompleteProps<ItemValue> extends Omit<AutocompleteRootProps<ItemValue>, \"children\" | \"items\"> {\n\t\"aria-describedby\"?: string;\n\t\"aria-label\"?: string;\n\t\"aria-labelledby\"?: string;\n\tclassName?: string;\n\tclearLabel?: string;\n\temptyMessage?: ReactNode;\n\tinputProps?: Omit<ComboboxInputProps, \"className\" | \"placeholder\">;\n\tinvalid?: boolean;\n\toptions: readonly AutocompleteOption<ItemValue>[];\n\tplaceholder?: string;\n\tpopupProps?: ComboboxPopupProps;\n\tpositionerProps?: ComboboxPositionerProps;\n\ttriggerLabel?: string;\n}\n\nfunction AutocompleteComponent<ItemValue>({\n\t\"aria-describedby\": ariaDescribedby,\n\t\"aria-label\": ariaLabel,\n\t\"aria-labelledby\": ariaLabelledby,\n\tclassName,\n\tclearLabel,\n\temptyMessage,\n\tinputProps,\n\tinvalid = false,\n\titemToStringValue,\n\toptions,\n\tplaceholder,\n\tpopupProps,\n\tpositionerProps,\n\ttriggerLabel,\n\t...rootProps\n}: AutocompleteProps<ItemValue>) {\n\tconst messages = useMessages();\n\tconst optionIndex = useMemo(() => createOptionIndex<ItemValue, AutocompleteOption<ItemValue>>(options), [options]);\n\tconst stringify = useMemo(\n\t\t() =>\n\t\t\titemToStringValue ??\n\t\t\t((itemValue: ItemValue) => {\n\t\t\t\tconst option = optionIndex.get(itemValue)?.option;\n\t\t\t\treturn option?.textValue ?? (typeof option?.label === \"string\" ? option.label : String(itemValue));\n\t\t\t}),\n\t\t[itemToStringValue, optionIndex]\n\t);\n\n\treturn (\n\t\t<BaseAutocomplete.Root {...rootProps} itemToStringValue={stringify} items={optionIndex.values}>\n\t\t\t<AutocompleteInputGroup className={className}>\n\t\t\t\t<ComboboxInput\n\t\t\t\t\t{...inputProps}\n\t\t\t\t\taria-describedby={ariaDescribedby ?? inputProps?.[\"aria-describedby\"]}\n\t\t\t\t\taria-invalid={invalid || inputProps?.[\"aria-invalid\"] || undefined}\n\t\t\t\t\taria-label={ariaLabel ?? inputProps?.[\"aria-label\"]}\n\t\t\t\t\taria-labelledby={ariaLabelledby ?? inputProps?.[\"aria-labelledby\"]}\n\t\t\t\t\tautoComplete={inputProps?.autoComplete ?? \"off\"}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t/>\n\t\t\t\t<ComboboxClear aria-label={clearLabel ?? messages.autocompleteClear}>\n\t\t\t\t\t<XIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</ComboboxClear>\n\t\t\t\t<BaseAutocomplete.Trigger aria-label={triggerLabel ?? messages.autocompleteTrigger} className={\"lyds-combobox__trigger\"}>\n\t\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</BaseAutocomplete.Trigger>\n\t\t\t</AutocompleteInputGroup>\n\t\t\t<BaseAutocomplete.Portal>\n\t\t\t\t<ComboboxPositioner {...positionerProps}>\n\t\t\t\t\t<ComboboxPopup {...popupProps}>\n\t\t\t\t\t\t<ComboboxList>\n\t\t\t\t\t\t\t{(value: ItemValue, index: number) => {\n\t\t\t\t\t\t\t\tconst indexed = optionIndex.get(value);\n\t\t\t\t\t\t\t\tif (!indexed) return null;\n\t\t\t\t\t\t\t\tconst { option, sourceIndex } = indexed;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<AutocompleteItem disabled={option.disabled} index={index} key={option.key ?? option.textValue ?? sourceIndex} value={value}>\n\t\t\t\t\t\t\t\t\t\t<span className={\"lyds-listbox__option-text\"}>{option.label}</span>\n\t\t\t\t\t\t\t\t\t</AutocompleteItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ComboboxList>\n\t\t\t\t\t\t<ComboboxEmpty>{emptyMessage ?? messages.autocompleteEmpty}</ComboboxEmpty>\n\t\t\t\t\t</ComboboxPopup>\n\t\t\t\t</ComboboxPositioner>\n\t\t\t</BaseAutocomplete.Portal>\n\t\t</BaseAutocomplete.Root>\n\t);\n}\n\nexport const Autocomplete = Object.assign(AutocompleteComponent, {\n\tArrow: BaseAutocomplete.Arrow,\n\tBackdrop: BaseAutocomplete.Backdrop,\n\tClear: ComboboxClear,\n\tCollection: BaseAutocomplete.Collection,\n\tEmpty: ComboboxEmpty,\n\tGroup: BaseAutocomplete.Group,\n\tGroupLabel: BaseAutocomplete.GroupLabel,\n\tIcon: BaseAutocomplete.Icon,\n\tInput: ComboboxInput,\n\tInputGroup: AutocompleteInputGroup,\n\tItem: AutocompleteItem,\n\tList: ComboboxList,\n\tPopup: ComboboxPopup,\n\tPortal: BaseAutocomplete.Portal,\n\tPositioner: ComboboxPositioner,\n\tRoot: BaseAutocomplete.Root,\n\tRow: BaseAutocomplete.Row,\n\tSeparator: BaseAutocomplete.Separator,\n\tStatus: BaseAutocomplete.Status,\n\tTrigger: BaseAutocomplete.Trigger,\n\tValue: BaseAutocomplete.Value,\n\tuseFilter: BaseAutocomplete.useFilter,\n\tuseFilteredItems: BaseAutocomplete.useFilteredItems\n});\n"],"mappings":"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"}

package/dist/components/selection/controls.d.ts

@@ -7,6 +7,7 @@ import { SwitchRootProps } from '@base-ui/react/switch';
 import { ToggleProps as BaseToggleProps } from '@base-ui/react/toggle';
 import { ToggleGroup as BaseToggleGroup, ToggleGroupProps as BaseToggleGroupProps } from '@base-ui/react/toggle-group';
 import { JSX, ReactNode, RefAttributes } from 'react';
+import { AccessibleName } from '../../internal/index.js';
 export interface CheckboxProps extends CheckboxRootProps {
     indicator?: ReactNode;
 }
@@ -51,7 +52,7 @@ export declare const Toggle: ToggleComponent;
 export type ToggleGroupProps<Value extends string = string> = BaseToggleGroupProps<Value>;
 type ToggleGroupComponent = <Value extends string = string>(props: ToggleGroupProps<Value> & RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const ToggleGroup: ToggleGroupComponent;
-export interface SegmentedControlProps<Value extends string = string> extends Omit<BaseToggleGroupProps<Value>, "aria-readonly" | "defaultValue" | "multiple" | "onValueChange" | "value"> {
+interface SegmentedControlOwnProps<Value extends string = string> extends Omit<BaseToggleGroupProps<Value>, "aria-label" | "aria-labelledby" | "aria-readonly" | "defaultValue" | "multiple" | "onValueChange" | "value"> {
     allowEmpty?: boolean;
     defaultValue?: Value | null;
     name?: string;
@@ -59,6 +60,8 @@ export interface SegmentedControlProps<Value extends string = string> extends Om
     size?: "sm" | "md";
     value?: Value | null;
 }
+/** The segments name themselves; the group they belong to does not, so it has to be told. */
+export type SegmentedControlProps<Value extends string = string> = SegmentedControlOwnProps<Value> & AccessibleName;
 type SegmentedControlComponent = <Value extends string = string>(props: SegmentedControlProps<Value> & RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const SegmentedControl: SegmentedControlComponent;
 export declare const SegmentedControlItem: ToggleComponent;