@maanlamp/react-web-ui 0.0.0-stage → 0.1.0

package/dist/components/combobox-field/combobox.js

@@ -0,0 +1,647 @@
+import SvgCheck from "../../vendor/@material-design-icons/svg/outlined/check.js";
+import SvgClose from "../../vendor/@material-design-icons/svg/outlined/close.js";
+import SvgExpandMore from "../../vendor/@material-design-icons/svg/outlined/expand_more.js";
+import { usePopupEdgePadding } from "../../lib/popup-edge-padding.js";
+import { CheckboxGlyph } from "../checkbox-field/checkbox-glyph.js";
+import { Field } from "../field/field.js";
+import { fieldStateAttributes } from "../field/field-state.js";
+import { useFieldFocus, withFieldFocus } from "../field/use-field-focus.js";
+import { Icon } from "../icon/icon.js";
+import { Tooltip } from "../tooltip/tooltip.js";
+import combobox_module_default from "./combobox.module.js";
+import { c } from "react/compiler-runtime";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { Button, Tag, TagGroup, TagList } from "react-aria-components";
+import { Combobox } from "@base-ui/react/combobox";
+// src/components/combobox-field/combobox.tsx
+var ComboboxRoot = (t0) => {
+	const $ = c(6);
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({autoHighlight: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+	} else {
+		props = $[1];
+		t1 = $[2];
+	}
+	const t2 = t1 === void 0 ? "always" : t1;
+	let t3;
+	if ($[3] !== props || $[4] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Combobox.Root, {
+			autoHighlight: t2,
+			...props
+		});
+		$[3] = props;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+};
+var NO_STATE = {};
+var CONTROL_SELECTOR = "[data-combobox-control]";
+var TAG_SELECTOR = "[data-combobox-tag]";
+var TRIGGER_SELECTOR = "[data-combobox-trigger]";
+var tagsOf = (control) => control === null ? [] : [...control.querySelectorAll(TAG_SELECTOR)];
+var focusTagAt = (control, edge) => {
+	const tags = tagsOf(control);
+	const tag = edge === "first" ? tags.at(0) : tags.at(-1);
+	tag?.focus();
+	return tag !== void 0;
+};
+var focusTrigger = (control) => {
+	control?.querySelector(TRIGGER_SELECTOR)?.focus();
+};
+var ComboboxControl = (t0) => {
+	const $ = c(35);
+	let children;
+	let className;
+	let props;
+	let t1;
+	let tags;
+	if ($[0] !== t0) {
+		({className, children, tags, state: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = tags;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		tags = $[5];
+	}
+	const state = t1 === void 0 ? NO_STATE : t1;
+	const focus = useFieldFocus(props);
+	let t2;
+	if ($[6] !== focus || $[7] !== state) {
+		t2 = fieldStateAttributes(withFieldFocus(state, focus));
+		$[6] = focus;
+		$[7] = state;
+		$[8] = t2;
+	} else t2 = $[8];
+	let attributes;
+	let busy;
+	if ($[9] !== t2) {
+		({"aria-busy": busy, ...attributes} = t2);
+		$[9] = t2;
+		$[10] = attributes;
+		$[11] = busy;
+	} else {
+		attributes = $[10];
+		busy = $[11];
+	}
+	const t3 = state.disabled === true || void 0;
+	let t4;
+	if ($[12] !== className) {
+		t4 = clsx(combobox_module_default.control, className);
+		$[12] = className;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== tags) {
+		t5 = tags !== void 0 && /* @__PURE__ */ jsx("div", {
+			className: combobox_module_default.content,
+			onKeyDownCapture: _temp,
+			children: tags
+		});
+		$[14] = tags;
+		$[15] = t5;
+	} else t5 = $[15];
+	const t6 = state.invalid === true || void 0;
+	const t7 = tags === void 0 ? combobox_module_default.content : combobox_module_default.spokenValue;
+	let t8;
+	if ($[16] !== children || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsx("span", {
+			className: t7,
+			children
+		});
+		$[16] = children;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== state.pending) {
+		t9 = state.pending === true && /* @__PURE__ */ jsx(Field.Pending, {});
+		$[19] = state.pending;
+		$[20] = t9;
+	} else t9 = $[20];
+	let t10;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Combobox.Icon, {
+			className: combobox_module_default.icon,
+			children: /* @__PURE__ */ jsx(Icon, {
+				svg: SvgExpandMore,
+				label: ""
+			})
+		});
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== busy || $[23] !== t6 || $[24] !== t8 || $[25] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(Combobox.Trigger, {
+			"data-combobox-trigger": "",
+			"aria-invalid": t6,
+			"aria-busy": busy,
+			className: combobox_module_default.trigger,
+			onKeyDown: _temp2,
+			children: [
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[22] = busy;
+		$[23] = t6;
+		$[24] = t8;
+		$[25] = t9;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== attributes || $[28] !== focus.props || $[29] !== props || $[30] !== t11 || $[31] !== t3 || $[32] !== t4 || $[33] !== t5) {
+		t12 = /* @__PURE__ */ jsxs(Combobox.InputGroup, {
+			"data-combobox-control": "",
+			"aria-disabled": t3,
+			className: t4,
+			...attributes,
+			...props,
+			...focus.props,
+			children: [t5, t11]
+		});
+		$[27] = attributes;
+		$[28] = focus.props;
+		$[29] = props;
+		$[30] = t11;
+		$[31] = t3;
+		$[32] = t4;
+		$[33] = t5;
+		$[34] = t12;
+	} else t12 = $[34];
+	return t12;
+};
+var ComboboxTags = (t0) => {
+	const $ = c(31);
+	const { label, items, itemKey, itemLabel, removeLabel, removeHint, children, onRemove, disabled: t1, readOnly: t2 } = t0;
+	const disabled = t1 === void 0 ? false : t1;
+	const readOnly = t2 === void 0 ? false : t2;
+	const ref = useRef(null);
+	const locked = disabled || readOnly;
+	let t3;
+	if ($[0] !== disabled || $[1] !== itemKey || $[2] !== items) {
+		t3 = disabled ? items.map(itemKey) : [];
+		$[0] = disabled;
+		$[1] = itemKey;
+		$[2] = items;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== itemKey || $[5] !== items || $[6] !== locked || $[7] !== onRemove) {
+		t4 = locked ? void 0 : (keys) => {
+			const remaining = items.filter((item) => !keys.has(itemKey(item)));
+			if (remaining.length === 0) focusTrigger(ref.current?.closest(CONTROL_SELECTOR));
+			onRemove(remaining);
+		};
+		$[4] = itemKey;
+		$[5] = items;
+		$[6] = locked;
+		$[7] = onRemove;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== children || $[10] !== itemKey || $[11] !== itemLabel || $[12] !== items || $[13] !== locked || $[14] !== removeHint || $[15] !== removeLabel) {
+		let t6;
+		if ($[17] !== children || $[18] !== itemKey || $[19] !== itemLabel || $[20] !== locked || $[21] !== removeHint || $[22] !== removeLabel) {
+			t6 = (item_0) => /* @__PURE__ */ jsxs(Tag, {
+				id: itemKey(item_0),
+				textValue: itemLabel(item_0),
+				"data-combobox-tag": "",
+				"data-tone": "neutral",
+				"data-variant": "subtle",
+				className: combobox_module_default.tag,
+				children: [children(item_0), /* @__PURE__ */ jsx(Tooltip, {
+					content: removeHint(item_0),
+					children: /* @__PURE__ */ jsx(Button, {
+						slot: "remove",
+						excludeFromTabOrder: true,
+						isDisabled: locked,
+						"aria-label": removeLabel,
+						className: combobox_module_default.tagRemove,
+						children: /* @__PURE__ */ jsx(Icon, {
+							svg: SvgClose,
+							label: "",
+							size: .875
+						})
+					})
+				})]
+			}, itemKey(item_0));
+			$[17] = children;
+			$[18] = itemKey;
+			$[19] = itemLabel;
+			$[20] = locked;
+			$[21] = removeHint;
+			$[22] = removeLabel;
+			$[23] = t6;
+		} else t6 = $[23];
+		t5 = items.map(t6);
+		$[9] = children;
+		$[10] = itemKey;
+		$[11] = itemLabel;
+		$[12] = items;
+		$[13] = locked;
+		$[14] = removeHint;
+		$[15] = removeLabel;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[24] !== t5) {
+		t6 = /* @__PURE__ */ jsx(TagList, {
+			className: combobox_module_default.tagList,
+			children: t5
+		});
+		$[24] = t5;
+		$[25] = t6;
+	} else t6 = $[25];
+	let t7;
+	if ($[26] !== label || $[27] !== t3 || $[28] !== t4 || $[29] !== t6) {
+		t7 = /* @__PURE__ */ jsx(TagGroup, {
+			ref,
+			"aria-label": label,
+			className: combobox_module_default.tags,
+			disabledKeys: t3,
+			onRemove: t4,
+			children: t6
+		});
+		$[26] = label;
+		$[27] = t3;
+		$[28] = t4;
+		$[29] = t6;
+		$[30] = t7;
+	} else t7 = $[30];
+	return t7;
+};
+var ComboboxPositioner = (t0) => {
+	const $ = c(11);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, sideOffset: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const sideOffset = t1 === void 0 ? 4 : t1;
+	const t2 = usePopupEdgePadding();
+	let t3;
+	if ($[4] !== className) {
+		t3 = clsx(combobox_module_default.positioner, className);
+		$[4] = className;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props || $[7] !== sideOffset || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Combobox.Positioner, {
+			...t2,
+			className: t3,
+			sideOffset,
+			...props
+		});
+		$[6] = props;
+		$[7] = sideOffset;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+};
+var ComboboxPopup = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(combobox_module_default.popup, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Combobox.Popup, {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+/**
+* The search box inside the popup. It names itself, clearing the field label
+* base-ui hands every labelable control under a field, which names the
+* field's own control.
+*/
+var ComboboxSearch = (t0) => {
+	const $ = c(10);
+	let className;
+	let label;
+	let props;
+	if ($[0] !== t0) {
+		({className, label, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = label;
+		$[3] = props;
+	} else {
+		className = $[1];
+		label = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = clsx(combobox_module_default.search, className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== label || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Combobox.Input, {
+			"aria-label": label,
+			"aria-labelledby": void 0,
+			className: t1,
+			...props
+		});
+		$[6] = label;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+};
+var ComboboxList = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(combobox_module_default.list, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Combobox.List, {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+var ComboboxOption = (t0) => {
+	const $ = c(16);
+	let children;
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, children, multiple: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const multiple = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[5] !== className) {
+		t2 = clsx(combobox_module_default.option, className);
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== multiple) {
+		t3 = multiple ? /* @__PURE__ */ jsx("span", {
+			className: combobox_module_default.checkbox,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
+				keepMounted: true,
+				className: combobox_module_default.checkboxIndicator,
+				children: /* @__PURE__ */ jsx(CheckboxGlyph, {})
+			})
+		}) : /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
+			className: combobox_module_default.indicator,
+			children: /* @__PURE__ */ jsx(Icon, {
+				svg: SvgCheck,
+				label: ""
+			})
+		});
+		$[7] = multiple;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== children) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: combobox_module_default.optionText,
+			children
+		});
+		$[9] = children;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== props || $[12] !== t2 || $[13] !== t3 || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Combobox.Item, {
+			className: t2,
+			...props,
+			children: [t3, t4]
+		});
+		$[11] = props;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
+};
+var ComboboxEmpty = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(combobox_module_default.empty, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Combobox.Empty, {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+var ComboboxStatus = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(combobox_module_default.status, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Combobox.Status, {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+var ComboboxStatusArea = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(combobox_module_default.statusArea, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+/**
+* The styled parts of a base-ui Combobox: a filterable select whose control
+* matches `Select`'s trigger and whose popup is the shared popup surface. Every
+* unstyled base-ui part stays reachable. For the ordinary case, use
+* `ComboboxField`. The positioner takes the control as its `anchor`.
+*
+* @example
+* <Combobox.Root items={statuses}>
+* 	<Combobox.Control ref={anchorRef}>
+* 		<Combobox.Value>{(status: string | null) => status}</Combobox.Value>
+* 	</Combobox.Control>
+* 	<Combobox.Portal>
+* 		<Combobox.Positioner anchor={anchorRef}>
+* 			<Combobox.Popup>
+* 				<Combobox.Search label="Search" />
+* 				<Combobox.List>
+* 					{(status: string) => <Combobox.Option key={status} value={status}>{status}</Combobox.Option>}
+* 				</Combobox.List>
+* 			</Combobox.Popup>
+* 		</Combobox.Positioner>
+* 	</Combobox.Portal>
+* </Combobox.Root>
+*/
+var Combobox$1 = {
+	...Combobox,
+	Root: ComboboxRoot,
+	Control: ComboboxControl,
+	Tags: ComboboxTags,
+	Positioner: ComboboxPositioner,
+	Popup: ComboboxPopup,
+	Search: ComboboxSearch,
+	List: ComboboxList,
+	Option: ComboboxOption,
+	Empty: ComboboxEmpty,
+	Status: ComboboxStatus,
+	StatusArea: ComboboxStatusArea,
+	Pending: Field.Pending
+};
+function _temp(event) {
+	const edges = tagsOf(event.currentTarget);
+	if (event.key === "ArrowRight" && edges.at(-1) === event.target || event.key === "ArrowLeft" && edges.at(0) === event.target) {
+		event.preventDefault();
+		event.stopPropagation();
+		focusTrigger(event.currentTarget.parentElement);
+	}
+}
+function _temp2(event_0) {
+	const control = event_0.currentTarget.parentElement;
+	if (event_0.key === "ArrowRight" && focusTagAt(control, "first")) event_0.preventDefault();
+	if (event_0.key === "ArrowLeft" && focusTagAt(control, "last")) event_0.preventDefault();
+}
+export { Combobox$1 as Combobox };

package/dist/components/combobox-field/combobox.module.js

@@ -0,0 +1,46 @@
+import './combobox.css';// src/components/combobox-field/combobox.module.scss
+var control = "_control_duzjy_3";
+var content = "_content_duzjy_78";
+var trigger = "_trigger_duzjy_93";
+var spokenValue = "_spokenValue_duzjy_104";
+var icon = "_icon_duzjy_112";
+var tags = "_tags_duzjy_116";
+var tagList = "_tagList_duzjy_119";
+var tag = "_tag_duzjy_116";
+var tagRemove = "_tagRemove_duzjy_236";
+var positioner = "_positioner_duzjy_270";
+var popup = "_popup_duzjy_284";
+var search = "_search_duzjy_312";
+var statusArea = "_statusArea_duzjy_382";
+var status = "_status_duzjy_382";
+var empty = "_empty_duzjy_392";
+var list = "_list_duzjy_408";
+var option = "_option_duzjy_416";
+var indicator = "_indicator_duzjy_464";
+var checkbox = "_checkbox_duzjy_469";
+var checkboxIndicator = "_checkboxIndicator_duzjy_494";
+var optionText = "_optionText_duzjy_520";
+var combobox_module_default = {
+	control,
+	content,
+	trigger,
+	spokenValue,
+	icon,
+	tags,
+	tagList,
+	tag,
+	tagRemove,
+	positioner,
+	popup,
+	search,
+	statusArea,
+	status,
+	empty,
+	list,
+	option,
+	indicator,
+	checkbox,
+	checkboxIndicator,
+	optionText
+};
+export { checkbox, checkboxIndicator, content, control, combobox_module_default as default, empty, icon, indicator, list, option, optionText, popup, positioner, search, spokenValue, status, statusArea, tag, tagList, tagRemove, tags, trigger };

package/dist/components/combobox-field/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./combobox.tsx";
+export * from "./combobox-field.tsx";
+export type { ComboboxItems, ItemQuery, PagedQuery, } from "./combobox-items.ts";
+export type { ComboboxPopupLabels } from "./combobox-popup-body.tsx";
+export type { ComboboxMode, ComboboxMultipleLabels, } from "./selection.ts";
+export * from "./tsf-combobox-field.tsx";
+export type { ItemLookup, ValueStateLabels, } from "./value-state.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/combobox-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,YAAY,EACX,aAAa,EACb,SAAS,EACT,UAAU,GACV,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,YAAY,EACX,YAAY,EACZ,sBAAsB,GACtB,MAAM,gBAAgB,CAAC;AACxB,cAAc,0BAA0B,CAAC;AACzC,YAAY,EACX,UAAU,EACV,gBAAgB,GAChB,MAAM,kBAAkB,CAAC"}

package/dist/components/combobox-field/index.js

@@ -0,0 +1,4 @@
+import { Combobox } from "./combobox.js";
+import { ComboboxField } from "./combobox-field.js";
+import { TSFComboboxField } from "./tsf-combobox-field.js";
+export { Combobox, ComboboxField, TSFComboboxField };