@threadlabs/looma 0.37.4 → 0.37.6

package/vue/editor/index.js

@@ -3505,6 +3505,7 @@ var A$3 = [
 			"data-ui-button-prop-rel",
 			"data-ui-button-prop-shape",
 			"data-ui-button-prop-size",
+			"data-ui-button-prop-square",
 			"data-ui-button-prop-stretch",
 			"data-ui-button-prop-target",
 			"data-ui-button-prop-tone",
@@ -3538,6 +3539,7 @@ var A$3 = [
 			"data-ui-button-prop-rel",
 			"data-ui-button-prop-shape",
 			"data-ui-button-prop-size",
+			"data-ui-button-prop-square",
 			"data-ui-button-prop-stretch",
 			"data-ui-button-prop-target",
 			"data-ui-button-prop-tone",
@@ -3569,6 +3571,7 @@ var A$3 = [
 			"data-ui-button-prop-rel",
 			"data-ui-button-prop-shape",
 			"data-ui-button-prop-size",
+			"data-ui-button-prop-square",
 			"data-ui-button-prop-stretch",
 			"data-ui-button-prop-target",
 			"data-ui-button-prop-tone",
@@ -3602,6 +3605,7 @@ var A$3 = [
 			"data-ui-button-prop-rel",
 			"data-ui-button-prop-shape",
 			"data-ui-button-prop-size",
+			"data-ui-button-prop-square",
 			"data-ui-button-prop-stretch",
 			"data-ui-button-prop-target",
 			"data-ui-button-prop-tone",
@@ -3719,6 +3723,14 @@ var D$18 = {
 			j: 0,
 			m: ["p", formatOf(keywordFormat)]
 		},
+		"square": {
+			"required": false,
+			"default": false,
+			c: checkBoolean,
+			t: "boolean",
+			j: 0,
+			m: "b"
+		},
 		"stretch": {
 			"required": false,
 			"default": false,
@@ -3802,6 +3814,7 @@ function createUiButton(options = {}, html) {
 		null,
 		null,
 		null,
+		null,
 		null
 	];
 	let B = acceptProps(void 0, D$18, S$18.n, v, componentProps, [], html);
@@ -3821,11 +3834,12 @@ function createUiButton(options = {}, html) {
 		if (j === 9) return awaitInput(B, "rel", true);
 		if (j === 10) return awaitInput(B, "shape", true);
 		if (j === 11) return awaitInput(B, "size", true);
-		if (j === 12) return awaitInput(B, "stretch", true);
-		if (j === 13) return awaitInput(B, "target", true);
-		if (j === 14) return awaitInput(B, "tone", true);
-		if (j === 15) return awaitInput(B, "type", true);
-		if (j === 16) return awaitInput(B, "variant", true);
+		if (j === 12) return awaitInput(B, "square", true);
+		if (j === 13) return awaitInput(B, "stretch", true);
+		if (j === 14) return awaitInput(B, "target", true);
+		if (j === 15) return awaitInput(B, "tone", true);
+		if (j === 16) return awaitInput(B, "type", true);
+		if (j === 17) return awaitInput(B, "variant", true);
 		return v[j] === void 0 ? UNRESOLVED_INPUT : READY_INPUT;
 	};
 	const X = {
@@ -3837,7 +3851,7 @@ function createUiButton(options = {}, html) {
 	};
 	const ke = [];
 	const K = [() => readIndex({
-		"none": inputRead(v[16], inputStatus(16)),
+		"none": inputRead(v[17], inputStatus(17)),
 		"primary": "solid",
 		"standard": "solid",
 		"quiet": "ghost",
@@ -3851,8 +3865,8 @@ function createUiButton(options = {}, html) {
 	], [
 		readIndex({
 			"true": "danger",
-			"false": inputRead(v[14], inputStatus(14))
-		}, textCall("concat", [inputRead(v[16], inputStatus(16)) === "danger"])),
+			"false": inputRead(v[15], inputStatus(15))
+		}, textCall("concat", [inputRead(v[17], inputStatus(17)) === "danger"])),
 		"accent",
 		"neutral",
 		"neutral",
@@ -4048,12 +4062,12 @@ function createUiButton(options = {}, html) {
 		return r;
 	};
 	const p0 = (r, c, d) => {
-		if (c & 1073807616) {
+		if (c & 1073873152) {
 			const x0 = g(0);
 			const s0 = toAttribute(x0, "data-appearance");
 			if (s0 !== r.v0) writeAttribute(r.n, "data-appearance", r.v0 = s0);
 		}
-		if (c & 1073824e3) {
+		if (c & 1073905920) {
 			const x1 = g(1);
 			if (x1 !== NONCONFORMING) {
 				const s1 = toAttribute(x1, "data-tone");
@@ -4070,8 +4084,8 @@ function createUiButton(options = {}, html) {
 				if (s2 !== r.v2) writeUrlAttribute(r.n, "href", r.v2 = s2);
 			}
 		}
-		if (c & 8192) {
-			const x3 = v[13];
+		if (c & 16384) {
+			const x3 = v[14];
 			const s3 = toAttribute(x3, "target");
 			if (s3 !== r.v3) writeAttribute(r.n, "target", r.v3 = s3);
 		}
@@ -4105,19 +4119,21 @@ function createUiButton(options = {}, html) {
 				if (s7 !== r.v7) writeAttribute(r.n, "tabindex", r.v7 = s7);
 			}
 		}
-		if (c & 7364) {
+		if (c & 15556) {
 			const s8 = hostState([
 				"align",
 				"stretch",
 				"size",
 				"shape",
+				"square",
 				"loading",
 				"pending"
 			], [
 				v[2],
-				v[12],
+				v[13],
 				v[11],
 				v[10],
+				v[12],
 				v[6],
 				v[7]
 			]);
@@ -4204,20 +4220,20 @@ function createUiButton(options = {}, html) {
 		return r;
 	};
 	const p6 = (r, c, d) => {
-		if (c & 1073807616) {
+		if (c & 1073873152) {
 			const x0 = g(0);
 			const s0 = toAttribute(x0, "data-appearance");
 			if (s0 !== r.v0) writeAttribute(r.n, "data-appearance", r.v0 = s0);
 		}
-		if (c & 1073824e3) {
+		if (c & 1073905920) {
 			const x1 = g(1);
 			if (x1 !== NONCONFORMING) {
 				const s1 = toAttribute(x1, "data-tone");
 				if (s1 !== r.v1) writeAttribute(r.n, "data-tone", r.v1 = s1);
 			}
 		}
-		if (c & 1073774592) {
-			const x2 = v[15];
+		if (c & 1073807360) {
+			const x2 = v[16];
 			const s2 = toAttribute(x2, "type");
 			if (s2 !== r.v2) writeAttribute(r.n, "type", r.v2 = s2);
 		}
@@ -4241,19 +4257,21 @@ function createUiButton(options = {}, html) {
 			const s5 = toAttribute(x5, "aria-busy");
 			if (s5 !== r.v5) writeAttribute(r.n, "aria-busy", r.v5 = s5);
 		}
-		if (c & 7364) {
+		if (c & 15556) {
 			const s6 = hostState([
 				"align",
 				"stretch",
 				"size",
 				"shape",
+				"square",
 				"loading",
 				"pending"
 			], [
 				v[2],
-				v[12],
+				v[13],
 				v[11],
 				v[10],
+				v[12],
 				v[6],
 				v[7]
 			]);
@@ -4335,12 +4353,12 @@ function createUiButton(options = {}, html) {
 		return r;
 	};
 	const p12 = (r, c, d) => {
-		if (c & 1073807616) {
+		if (c & 1073873152) {
 			const x0 = g(0);
 			const s0 = toAttribute(x0, "data-appearance");
 			if (s0 !== r.v0) writeAttribute(r.n, "data-appearance", r.v0 = s0);
 		}
-		if (c & 1073824e3) {
+		if (c & 1073905920) {
 			const x1 = g(1);
 			if (x1 !== NONCONFORMING) {
 				const s1 = toAttribute(x1, "data-tone");
@@ -4357,8 +4375,8 @@ function createUiButton(options = {}, html) {
 				if (s2 !== r.v2) writeUrlAttribute(r.n, "href", r.v2 = s2);
 			}
 		}
-		if (c & 8192) {
-			const x3 = v[13];
+		if (c & 16384) {
+			const x3 = v[14];
 			const s3 = toAttribute(x3, "target");
 			if (s3 !== r.v3) writeAttribute(r.n, "target", r.v3 = s3);
 		}
@@ -4392,19 +4410,21 @@ function createUiButton(options = {}, html) {
 				if (s7 !== r.v7) writeAttribute(r.n, "tabindex", r.v7 = s7);
 			}
 		}
-		if (c & 7364) {
+		if (c & 15556) {
 			const s8 = hostState([
 				"align",
 				"stretch",
 				"size",
 				"shape",
+				"square",
 				"loading",
 				"pending"
 			], [
 				v[2],
-				v[12],
+				v[13],
 				v[11],
 				v[10],
+				v[12],
 				v[6],
 				v[7]
 			]);
@@ -4474,20 +4494,20 @@ function createUiButton(options = {}, html) {
 		return r;
 	};
 	const p16 = (r, c, d) => {
-		if (c & 1073807616) {
+		if (c & 1073873152) {
 			const x0 = g(0);
 			const s0 = toAttribute(x0, "data-appearance");
 			if (s0 !== r.v0) writeAttribute(r.n, "data-appearance", r.v0 = s0);
 		}
-		if (c & 1073824e3) {
+		if (c & 1073905920) {
 			const x1 = g(1);
 			if (x1 !== NONCONFORMING) {
 				const s1 = toAttribute(x1, "data-tone");
 				if (s1 !== r.v1) writeAttribute(r.n, "data-tone", r.v1 = s1);
 			}
 		}
-		if (c & 1073774592) {
-			const x2 = v[15];
+		if (c & 1073807360) {
+			const x2 = v[16];
 			const s2 = toAttribute(x2, "type");
 			if (s2 !== r.v2) writeAttribute(r.n, "type", r.v2 = s2);
 		}
@@ -4511,19 +4531,21 @@ function createUiButton(options = {}, html) {
 			const s5 = toAttribute(x5, "aria-busy");
 			if (s5 !== r.v5) writeAttribute(r.n, "aria-busy", r.v5 = s5);
 		}
-		if (c & 7364) {
+		if (c & 15556) {
 			const s6 = hostState([
 				"align",
 				"stretch",
 				"size",
 				"shape",
+				"square",
 				"loading",
 				"pending"
 			], [
 				v[2],
-				v[12],
+				v[13],
 				v[11],
 				v[10],
+				v[12],
 				v[6],
 				v[7]
 			]);
@@ -4581,7 +4603,7 @@ function createUiButton(options = {}, html) {
 			R = M[a](element, d);
 			return;
 		}
-		if (c & 1073807624) {
+		if (c & 1073873160) {
 			const t = g(0) === "card" && v[3] === "a" ? 0 : g(0) === "card" ? 1 : v[3] === "a" ? 2 : 3;
 			if (t !== a) {
 				dispose(R);
@@ -4614,6 +4636,7 @@ defineComponent$1("ui-button", createUiButton, [
 	"rel",
 	"shape",
 	"size",
+	"square",
 	"stretch",
 	"target",
 	"tone",
@@ -8147,6 +8170,84 @@ defineComponent$1("ui-list", createUiList, [
 	"markers"
 ]);
 //#endregion
+//#region components/shared/active-item-reveal.js
+var pending = /* @__PURE__ */ new WeakMap();
+function cancelActiveItemReveal(root) {
+	const current = pending.get(root);
+	if (!current) return;
+	root.ownerDocument.defaultView.cancelAnimationFrame(current.frame);
+	pending.delete(root);
+}
+function scrollport(root, item, view) {
+	for (let parent = item.parentElement; parent && root.contains(parent); parent = parent.parentElement) {
+		if (parent.scrollHeight > parent.clientHeight && /^(auto|scroll|hidden)$/.test(view.getComputedStyle(parent).overflowY)) return parent;
+		if (parent === root) break;
+	}
+	return null;
+}
+function destination(port, item, view) {
+	const bounds = port.getBoundingClientRect();
+	const scale = port.offsetHeight ? bounds.height / port.offsetHeight : 1;
+	if (!scale) return port.scrollTop;
+	const style = view.getComputedStyle(port);
+	const fade = style.maskImage !== "none" ? parseFloat(style.getPropertyValue("--_ui-scroll-fade-size")) || 0 : 0;
+	const top = bounds.top + (port.clientTop + Math.max(parseFloat(style.scrollPaddingTop) || 0, fade)) * scale;
+	const bottom = bounds.top + (port.clientTop + port.clientHeight - Math.max(parseFloat(style.scrollPaddingBottom) || 0, fade)) * scale;
+	const row = item.getBoundingClientRect();
+	const delta = row.top < top ? row.top - top : row.bottom > bottom ? Math.min(row.bottom - bottom, row.top - top) : 0;
+	return Math.max(0, Math.min(port.scrollHeight - port.clientHeight, port.scrollTop + delta / scale));
+}
+/** Resolve after rendering so HTML and framework adapters reveal the same active row. */
+function revealActiveItem(root, resolve) {
+	const view = root.ownerDocument.defaultView;
+	const item = typeof resolve === "function" ? resolve() : resolve;
+	if (item && pending.get(root)?.item === item) return;
+	cancelActiveItemReveal(root);
+	const current = {
+		item,
+		frame: 0
+	};
+	pending.set(root, current);
+	current.frame = view.requestAnimationFrame(() => {
+		current.item = typeof resolve === "function" ? resolve() : resolve;
+		if (!root.isConnected || !current.item?.getClientRects().length || !root.contains(current.item)) {
+			pending.delete(root);
+			return;
+		}
+		const port = scrollport(root, current.item, view);
+		if (!port) {
+			pending.delete(root);
+			return;
+		}
+		const from = port.scrollTop;
+		const to = destination(port, current.item, view);
+		const token = view.getComputedStyle(root).getPropertyValue("--ui-motion-fast").trim();
+		const duration = view.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : (parseFloat(token) || 0) * (token.endsWith("ms") ? 1 : 1e3);
+		if (Math.abs(to - from) < 1 || duration <= 0) {
+			port.scrollTop = to;
+			pending.delete(root);
+			return;
+		}
+		const started = view.performance.now();
+		const animate = (now) => {
+			if (!root.isConnected || !current.item.getClientRects().length) {
+				pending.delete(root);
+				return;
+			}
+			const progress = Math.min(1, (now - started) / duration);
+			port.scrollTop = from + (to - from) * (1 - (1 - progress) ** 3);
+			if (progress < 1) current.frame = view.requestAnimationFrame(animate);
+			else pending.delete(root);
+		};
+		current.frame = view.requestAnimationFrame(animate);
+	});
+}
+function focusAndRevealItem(root, item) {
+	if (!item) return;
+	item.focus({ preventScroll: true });
+	revealActiveItem(root, item);
+}
+//#endregion
 //#region components/shared/menu-navigation.js
 var itemSelector = "[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]";
 var searches = /* @__PURE__ */ new WeakMap();
@@ -8200,7 +8301,7 @@ function navigateMenu(event, menu) {
 		}
 	}
 	event.preventDefault();
-	if (next >= 0) items[next].focus();
+	if (next >= 0) focusAndRevealItem(menu, items[next]);
 	return true;
 }
 //#endregion
@@ -8236,11 +8337,12 @@ function connect$7(host) {
 				reason: "action",
 				trigger
 			});
-			requestAnimationFrame(() => items()[0]?.focus());
+			requestAnimationFrame(() => focusAndRevealItem(element, items()[0]));
 		}
 	};
 	const close = (reason, trigger) => {
 		if (!host.state.internalOpen) return;
+		cancelActiveItemReveal(element);
 		host.state.internalOpen = false;
 		host.dispatch("close", {
 			open: false,
@@ -8336,6 +8438,7 @@ function connect$7(host) {
 			reason: "action",
 			trigger
 		});
+		cancelActiveItemReveal(element);
 		host.state.internalOpen = false;
 	};
 	const onClick = (event) => select(menuItemFrom(event.target), triggerFor(event));
@@ -8365,6 +8468,7 @@ function connect$7(host) {
 	const stop = host.effect(apply);
 	apply();
 	return () => {
+		cancelActiveItemReveal(element);
 		stop();
 		ids.stop();
 		element.removeEventListener("click", onClick);

package/vue/index.d.ts

@@ -59,6 +59,7 @@ export { default as Meter } from "./UiMeter.js";
 export { default as NavItem } from "./UiNavItem.js";
 export { default as NumberInput } from "./UiNumberInput.js";
 export { default as PageHeader } from "./UiPageHeader.js";
+export { default as Pagination } from "./UiPagination.js";
 export { default as Popover } from "./UiPopover.js";
 export { default as Radio } from "./UiRadio.js";
 export { default as RadioGroup } from "./UiRadioGroup.js";
@@ -70,6 +71,7 @@ export { default as Section } from "./UiSection.js";
 export { default as Select } from "./UiSelect.js";
 export { default as Separator } from "./UiSeparator.js";
 export { default as Sidebar } from "./UiSidebar.js";
+export { default as Skeleton } from "./UiSkeleton.js";
 export { default as Slider } from "./UiSlider.js";
 export { default as Spinner } from "./UiSpinner.js";
 export { default as Stack } from "./UiStack.js";

package/vue/index.js

@@ -69,6 +69,7 @@ import { t as UiMenuGroup_default } from "./chunks/UiMenuGroup.js";
 import { t as UiMeter_default } from "./chunks/UiMeter.js";
 import { t as UiNavItem_default } from "./chunks/UiNavItem.js";
 import { t as UiPageHeader_default } from "./chunks/UiPageHeader.js";
+import { t as UiPagination_default } from "./chunks/UiPagination.js";
 import { t as UiRadio_default } from "./chunks/UiRadio.js";
 import { t as UiReel_default } from "./chunks/UiReel.js";
 import { t as UiSearchShell_default } from "./chunks/UiSearchShell.js";
@@ -76,6 +77,7 @@ import { t as UiSection_default } from "./chunks/UiSection.js";
 import { t as UiSelect_default } from "./chunks/UiSelect.js";
 import { t as UiSeparator_default } from "./chunks/UiSeparator.js";
 import { t as UiSidebar_default } from "./chunks/UiSidebar.js";
+import { t as UiSkeleton_default } from "./chunks/UiSkeleton.js";
 import { t as UiSlider_default } from "./chunks/UiSlider.js";
 import { t as UiStatusMessage_default } from "./chunks/UiStatusMessage.js";
 import { t as UiSwitch_default } from "./chunks/UiSwitch.js";
@@ -88,4 +90,4 @@ import { t as UiTopBar_default } from "./chunks/UiTopBar.js";
 import { t as UiTree_default } from "./chunks/UiTree.js";
 import { t as UiTreeItem_default } from "./chunks/UiTreeItem.js";
 import { trackInputModality } from "@threadlabs/looma/components/shared/input-modality.js";
-export { UiActionBar_default as ActionBar, UiAffordanceScope_default as AffordanceScope, UiAvatar_default as Avatar, UiAvatarGroup_default as AvatarGroup, UiBadge_default as Badge, UiBreadcrumbItem_default as BreadcrumbItem, UiBreadcrumbs_default as Breadcrumbs, UiButton_default as Button, UiCallout_default as Callout, UiCard_default as Card, UiCheckbox_default as Checkbox, UiCluster_default as Cluster, UiColorPicker_default as ColorPicker, UiCombobox_default as Combobox, UiContainer_default as Container, UiContextMenu_default as ContextMenu, UiCover_default as Cover, UiCurveEditor_default as CurveEditor, UiCycleButton_default as CycleButton, UiDescriptionItem_default as DescriptionItem, UiDescriptionList_default as DescriptionList, UiDialog_default as Dialog, UiDisclosure_default as Disclosure, UiEditable_default as Editable, UiEditorBlockActions_default as EditorBlockActions, UiEditorChipEditor_default as EditorChipEditor, UiEditorCodeLanguage_default as EditorCodeLanguage, UiEditorFootnoteEditor_default as EditorFootnoteEditor, UiEditorImageToolbar_default as EditorImageToolbar, UiEditorInsertTableGrid_default as EditorInsertTableGrid, UiEditorLinkCard_default as EditorLinkCard, UiEditorLinkForm_default as EditorLinkForm, UiEditorMentionMenu_default as EditorMentionMenu, UiEditorMentionMenuItem_default as EditorMentionMenuItem, UiEditorSlashMenu_default as EditorSlashMenu, UiEditorSlashMenuGroup_default as EditorSlashMenuGroup, UiEditorSlashMenuItem_default as EditorSlashMenuItem, UiEditorSurface_default as EditorSurface, UiEditorTableContextMenu_default as EditorTableContextMenu, UiEditorTableOverlay_default as EditorTableOverlay, UiEditorTableToolbar_default as EditorTableToolbar, UiEditorToolbar_default as EditorToolbar, UiFloatingActionButton_default as FloatingActionButton, UiFormField_default as FormField, UiGrid_default as Grid, UiIcon_default as Icon, UiIconButton_default as IconButton, UiImage_default as Image, UiInput_default as Input, UiInputGroup_default as InputGroup, UiLightEditor_default as LightEditor, UiList_default as List, UiListItem_default as ListItem, UiListbox_default as Listbox, UiMenu_default as Menu, UiMenuGroup_default as MenuGroup, UiMenuItem_default as MenuItem, UiMeter_default as Meter, UiNavItem_default as NavItem, UiNumberInput_default as NumberInput, UiPageHeader_default as PageHeader, UiPopover_default as Popover, UiRadio_default as Radio, UiRadioGroup_default as RadioGroup, UiReel_default as Reel, UiScrollArea_default as ScrollArea, UiSearchResultRow_default as SearchResultRow, UiSearchShell_default as SearchShell, UiSection_default as Section, UiSelect_default as Select, UiSeparator_default as Separator, UiSidebar_default as Sidebar, UiSlider_default as Slider, UiSpinner_default as Spinner, UiStack_default as Stack, UiStatusMessage_default as StatusMessage, UiSwatch_default as Swatch, UiSwitch_default as Switch, UiSwitcher_default as Switcher, UiTable_default as Table, UiTabs_default as Tabs, UiText_default as Text, UiTextarea_default as Textarea, UiToast_default as Toast, UiToastRegion_default as ToastRegion, UiTooltip_default as Tooltip, UiTopBar_default as TopBar, UiTree_default as Tree, UiTreeItem_default as TreeItem, trackInputModality };
+export { UiActionBar_default as ActionBar, UiAffordanceScope_default as AffordanceScope, UiAvatar_default as Avatar, UiAvatarGroup_default as AvatarGroup, UiBadge_default as Badge, UiBreadcrumbItem_default as BreadcrumbItem, UiBreadcrumbs_default as Breadcrumbs, UiButton_default as Button, UiCallout_default as Callout, UiCard_default as Card, UiCheckbox_default as Checkbox, UiCluster_default as Cluster, UiColorPicker_default as ColorPicker, UiCombobox_default as Combobox, UiContainer_default as Container, UiContextMenu_default as ContextMenu, UiCover_default as Cover, UiCurveEditor_default as CurveEditor, UiCycleButton_default as CycleButton, UiDescriptionItem_default as DescriptionItem, UiDescriptionList_default as DescriptionList, UiDialog_default as Dialog, UiDisclosure_default as Disclosure, UiEditable_default as Editable, UiEditorBlockActions_default as EditorBlockActions, UiEditorChipEditor_default as EditorChipEditor, UiEditorCodeLanguage_default as EditorCodeLanguage, UiEditorFootnoteEditor_default as EditorFootnoteEditor, UiEditorImageToolbar_default as EditorImageToolbar, UiEditorInsertTableGrid_default as EditorInsertTableGrid, UiEditorLinkCard_default as EditorLinkCard, UiEditorLinkForm_default as EditorLinkForm, UiEditorMentionMenu_default as EditorMentionMenu, UiEditorMentionMenuItem_default as EditorMentionMenuItem, UiEditorSlashMenu_default as EditorSlashMenu, UiEditorSlashMenuGroup_default as EditorSlashMenuGroup, UiEditorSlashMenuItem_default as EditorSlashMenuItem, UiEditorSurface_default as EditorSurface, UiEditorTableContextMenu_default as EditorTableContextMenu, UiEditorTableOverlay_default as EditorTableOverlay, UiEditorTableToolbar_default as EditorTableToolbar, UiEditorToolbar_default as EditorToolbar, UiFloatingActionButton_default as FloatingActionButton, UiFormField_default as FormField, UiGrid_default as Grid, UiIcon_default as Icon, UiIconButton_default as IconButton, UiImage_default as Image, UiInput_default as Input, UiInputGroup_default as InputGroup, UiLightEditor_default as LightEditor, UiList_default as List, UiListItem_default as ListItem, UiListbox_default as Listbox, UiMenu_default as Menu, UiMenuGroup_default as MenuGroup, UiMenuItem_default as MenuItem, UiMeter_default as Meter, UiNavItem_default as NavItem, UiNumberInput_default as NumberInput, UiPageHeader_default as PageHeader, UiPagination_default as Pagination, UiPopover_default as Popover, UiRadio_default as Radio, UiRadioGroup_default as RadioGroup, UiReel_default as Reel, UiScrollArea_default as ScrollArea, UiSearchResultRow_default as SearchResultRow, UiSearchShell_default as SearchShell, UiSection_default as Section, UiSelect_default as Select, UiSeparator_default as Separator, UiSidebar_default as Sidebar, UiSkeleton_default as Skeleton, UiSlider_default as Slider, UiSpinner_default as Spinner, UiStack_default as Stack, UiStatusMessage_default as StatusMessage, UiSwatch_default as Swatch, UiSwitch_default as Switch, UiSwitcher_default as Switcher, UiTable_default as Table, UiTabs_default as Tabs, UiText_default as Text, UiTextarea_default as Textarea, UiToast_default as Toast, UiToastRegion_default as ToastRegion, UiTooltip_default as Tooltip, UiTopBar_default as TopBar, UiTree_default as Tree, UiTreeItem_default as TreeItem, trackInputModality };