@threadlabs/looma 0.14.8 → 0.15.1

package/vue/editor/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, nextTick, onBeforeUnmount, onMounted, reactive, ref, useId, watch } from "vue";
 import { DEFAULT_MENTION_RESULT_LIMIT, LOOMA_ICONS, createLoomaMentionExtension, createLoomaSlashCommandExtension, getActiveTableUiState, getDefaultEditorExtensions, getVisualViewportRect, handleTableAction, handleTableOverlayAction, measureTableOverlayGeometry, normalizeActiveTableColumnWidths, resolveTableCellAt, shouldShowTextFormattingToolbar } from "@threadlabs/looma/editor";
-import { EditorInsertTableGrid, EditorMentionMenu, EditorSlashMenu, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, IconButton, Popover, Tooltip } from "@threadlabs/looma/vue";
+import { EditorInsertTableGrid, EditorMentionMenu, EditorSlashMenu, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, IconButton, Menu, MenuItem, Popover, Tooltip } from "@threadlabs/looma/vue";
 import { BubbleMenu, EditorContent, useEditor } from "@tiptap/vue-3";
 import { Plugin, PluginKey, TextSelection } from "@tiptap/pm/state";
 import { Extension } from "@tiptap/core";
@@ -185,6 +185,12 @@ var EMPTY_DOCUMENT = {
 };
 var editorInstanceSequence = 0;
 var EMPTY_CAPABILITIES = {
+	canToggleHeaderRow: false,
+	canToggleHeaderColumn: false,
+	canMoveRowUp: false,
+	canMoveRowDown: false,
+	canMoveColumnLeft: false,
+	canMoveColumnRight: false,
 	canAddRowBefore: false,
 	canAddRowAfter: false,
 	canAddColumnBefore: false,
@@ -198,6 +204,22 @@ var EMPTY_CAPABILITIES = {
 function sameDocument(left, right) {
 	return JSON.stringify(left) === JSON.stringify(right);
 }
+function validLinkHref(value) {
+	const href = value.trim();
+	if (!href || /[\u0000-\u001f\u007f]/.test(href)) return null;
+	if (/^(\/|#|\?)/.test(href)) return href;
+	try {
+		const url = new URL(href);
+		return [
+			"http:",
+			"https:",
+			"mailto:",
+			"tel:"
+		].includes(url.protocol) ? href : null;
+	} catch {
+		return null;
+	}
+}
 function managedMenuAnchorRect(rect) {
 	if (!rect) return null;
 	return {
@@ -314,6 +336,16 @@ var LoomaEditor = defineComponent({
 		const root = ref(null);
 		const fileInput = ref(null);
 		const tablePickerAnchorId = `looma-editor-table-picker-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+		const blockActionAnchorId = `ui-block-tools-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+		let blockActionTarget = null;
+		const linkAnchorId = `looma-editor-link-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+		const linkUrlInput = ref(null);
+		const linkOpen = ref(false);
+		const linkHref = ref("");
+		const linkText = ref("");
+		const linkNewTab = ref(true);
+		const linkError = ref("");
+		let linkSelection = null;
 		const toolbarScope = `looma-editor-tool-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
 		const tooltipFor = ref("");
 		const tooltipLabel = ref("");
@@ -382,8 +414,11 @@ var LoomaEditor = defineComponent({
 			toolbarOpen: false,
 			overlayOpen: false,
 			menuOpen: false,
+			menuScope: "cell",
 			alignment: "left",
 			background: null,
+			headerRow: false,
+			headerColumn: false,
 			rows: 0,
 			cols: 0,
 			geometry: null,
@@ -451,6 +486,112 @@ var LoomaEditor = defineComponent({
 				emit("update", value);
 			}
 		});
+		const openLinkEditor = () => {
+			const instance = editor.value;
+			if (!instance || !props.editable) return;
+			const current = instance.state.selection;
+			const preserved = lastFocusedSelection?.text && lastFocusedSelection.from !== lastFocusedSelection.to ? lastFocusedSelection : null;
+			const from = current.empty && preserved ? preserved.from : current.from;
+			const to = current.empty && preserved ? preserved.to : current.to;
+			const empty = from === to;
+			const existing = instance.isActive("link");
+			linkSelection = {
+				from,
+				to,
+				existing
+			};
+			const attrs = existing ? instance.getAttributes("link") : {};
+			linkHref.value = typeof attrs.href === "string" ? attrs.href : "";
+			linkNewTab.value = attrs.target !== "_self";
+			linkText.value = empty && !existing ? "" : instance.state.doc.textBetween(from, to);
+			linkError.value = "";
+			linkOpen.value = true;
+			nextTick(() => linkUrlInput.value?.focus());
+		};
+		const saveLink = () => {
+			const instance = editor.value;
+			const selection = linkSelection;
+			if (!instance || !selection) return;
+			const href = validLinkHref(linkHref.value);
+			if (!href) {
+				linkError.value = "Enter an http, https, mailto, tel, or relative URL.";
+				linkUrlInput.value?.focus();
+				return;
+			}
+			const attrs = {
+				href,
+				target: linkNewTab.value ? "_blank" : "_self",
+				rel: linkNewTab.value ? "noopener noreferrer" : null
+			};
+			const chain = instance.chain().focus().setTextSelection({
+				from: selection.from,
+				to: selection.to
+			});
+			if (selection.from === selection.to && !selection.existing) {
+				const text = linkText.value.trim();
+				if (!text) {
+					linkError.value = "Enter link text.";
+					return;
+				}
+				chain.insertContent({
+					type: "text",
+					text,
+					marks: [{
+						type: "link",
+						attrs
+					}]
+				}).run();
+			} else {
+				if (selection.existing && selection.from === selection.to) chain.extendMarkRange("link");
+				chain.setLink(attrs).run();
+			}
+			linkOpen.value = false;
+		};
+		const removeLink = () => {
+			const instance = editor.value;
+			const selection = linkSelection;
+			if (!instance || !selection?.existing) return;
+			instance.chain().focus().setTextSelection({
+				from: selection.from,
+				to: selection.to
+			}).extendMarkRange("link").unsetLink().run();
+			linkOpen.value = false;
+		};
+		const captureBlockAction = () => {
+			const instance = editor.value;
+			const head = instance?.state.selection.$head;
+			const position = head && head.depth > 0 ? head.before(1) : null;
+			blockActionTarget = position === null ? null : {
+				position,
+				node: instance?.state.doc.nodeAt(position) ?? null
+			};
+		};
+		const runBlockAction = (value) => {
+			const instance = editor.value;
+			const target = blockActionTarget;
+			if (!instance || !target || !props.editable) return;
+			const { state } = instance;
+			const { position } = target;
+			const block = state.doc.nodeAt(position);
+			if (!block || block !== target.node) return;
+			const end = position + block.nodeSize;
+			const transaction = state.tr;
+			let focusAt = end + 1;
+			if (value === "insert-below") transaction.insert(end, state.schema.nodes.paragraph.create());
+			else if (value === "duplicate") transaction.insert(end, block);
+			else if (value === "delete") {
+				if (state.doc.childCount === 1) {
+					transaction.replaceWith(position, end, state.schema.nodes.paragraph.create());
+					focusAt = 1;
+				} else {
+					transaction.delete(position, end);
+					focusAt = Math.min(position + 1, transaction.doc.content.size);
+				}
+			} else return;
+			transaction.setSelection(TextSelection.near(transaction.doc.resolve(Math.min(focusAt, transaction.doc.content.size))));
+			instance.view.dispatch(transaction);
+			instance.commands.focus();
+		};
 		watch(() => props.editable, (editable) => editor.value?.setEditable(editable));
 		watch(() => props.label, (label) => {
 			editor.value?.setOptions({ editorProps: { attributes: {
@@ -495,8 +636,11 @@ var LoomaEditor = defineComponent({
 			tableUi.toolbarOpen = false;
 			tableUi.overlayOpen = false;
 			tableUi.menuOpen = false;
+			tableUi.menuScope = "cell";
 			tableUi.alignment = "left";
 			tableUi.background = null;
+			tableUi.headerRow = false;
+			tableUi.headerColumn = false;
 			tableUi.geometry = null;
 			tableUi.capabilities = { ...EMPTY_CAPABILITIES };
 			overlayTableElement = null;
@@ -542,6 +686,8 @@ var LoomaEditor = defineComponent({
 			tableUi.overlayOpen = !mobile.value;
 			tableUi.alignment = selectedTableIsActive ? state.cellAlignment : "left";
 			tableUi.background = selectedTableIsActive ? state.cellBackground : null;
+			tableUi.headerRow = selectedTableIsActive && state.headerRow;
+			tableUi.headerColumn = selectedTableIsActive && state.headerColumn;
 			tableUi.capabilities = selectedTableIsActive ? state.capabilities : { ...EMPTY_CAPABILITIES };
 			const selectedCell = selectedTableIsActive ? selectedTableCellElement(instance) : null;
 			const geometry = measureTableOverlayGeometry(table, selectedCell, hoveredTableCell && table.contains(hoveredTableCell) ? hoveredTableCell : null);
@@ -737,6 +883,7 @@ var LoomaEditor = defineComponent({
 			event.preventDefault();
 			if (selectedTableCellElement(instance) !== cell && !cell.classList.contains("selectedCell")) instance.chain().focus().setTextSelection(instance.view.posAtDOM(cell, 0) + 1).run();
 			updateTableUi();
+			tableUi.menuScope = "cell";
 			tableUi.menuOpen = true;
 			tableUi.menuStyle = {
 				top: `${event.clientY}px`,
@@ -762,6 +909,17 @@ var LoomaEditor = defineComponent({
 				if (cell && selectedCell !== cell && !cell.classList.contains("selectedCell")) instance.chain().focus().setTextSelection(instance.view.posAtDOM(cell, 0) + 1).run();
 				else instance.commands.focus();
 				updateTableUi();
+				tableUi.menuScope = "cell";
+				tableUi.menuStyle = {
+					top: `${detail.anchor.bottom + 4}px`,
+					left: `${detail.anchor.right}px`
+				};
+				tableUi.menuOpen = true;
+				return;
+			}
+			if (detail.action === "open-row-menu" || detail.action === "open-column-menu") {
+				updateTableUi();
+				tableUi.menuScope = detail.action === "open-row-menu" ? "row" : "column";
 				tableUi.menuStyle = {
 					top: `${detail.anchor.bottom + 4}px`,
 					left: `${detail.anchor.right}px`
@@ -841,6 +999,20 @@ var LoomaEditor = defineComponent({
 				commandButton("Strike", "strikethrough", instance.isActive("strike"), !instance.can().toggleStrike(), () => instance.chain().focus().toggleStrike().run()),
 				commandButton("Highlight", "highlighter", instance.isActive("highlight"), !instance.can().toggleHighlight(), () => instance.chain().focus().toggleHighlight().run()),
 				commandButton("Inline code", "code-xml", instance.isActive("code"), !instance.can().toggleCode(), () => instance.chain().focus().toggleCode().run()),
+				h(IconButton, {
+					id: linkAnchorId,
+					class: "looma-editor__toolbar-button",
+					label: "Link",
+					size: "sm",
+					variant: "ghost",
+					"aria-expanded": linkOpen.value ? "true" : "false",
+					"aria-pressed": instance.isActive("link") ? "true" : "false",
+					"data-active": instance.isActive("link") ? "true" : "false",
+					onPointerenter: () => showTool(linkAnchorId, "Link", false),
+					onPointerleave: hideTool,
+					onFocusin: () => showTool(linkAnchorId, "Link", true),
+					onFocusout: hideTool
+				}, () => loomaIcon("link")),
 				h("span", {
 					class: "divider",
 					"aria-hidden": "true"
@@ -852,6 +1024,17 @@ var LoomaEditor = defineComponent({
 				commandButton("Numbered list", "list-ordered", instance.isActive("orderedList"), false, () => instance.chain().focus().toggleOrderedList().run()),
 				commandButton("Blockquote", "quote", instance.isActive("blockquote"), !instance.can().toggleBlockquote(), () => instance.chain().focus().toggleBlockquote().run()),
 				commandButton("Code block", "braces", instance.isActive("codeBlock"), !instance.can().toggleCodeBlock(), () => instance.chain().focus().toggleCodeBlock().run()),
+				h(IconButton, {
+					id: blockActionAnchorId,
+					class: "looma-editor__toolbar-button",
+					label: "Block actions",
+					size: "sm",
+					variant: "ghost",
+					onPointerenter: () => showTool(blockActionAnchorId, "Block actions", false),
+					onPointerleave: hideTool,
+					onFocusin: () => showTool(blockActionAnchorId, "Block actions", true),
+					onFocusout: hideTool
+				}, () => loomaIcon("ellipsis")),
 				h("span", {
 					class: "divider",
 					"aria-hidden": "true"
@@ -909,6 +1092,12 @@ var LoomaEditor = defineComponent({
 				...tableUi.capabilities.canAddRowAfter ? ["add-row-after"] : [],
 				...tableUi.capabilities.canAddColumnBefore ? ["add-column-before"] : [],
 				...tableUi.capabilities.canAddColumnAfter ? ["add-column-after"] : [],
+				...tableUi.capabilities.canToggleHeaderRow ? ["toggle-header-row"] : [],
+				...tableUi.capabilities.canToggleHeaderColumn ? ["toggle-header-column"] : [],
+				...tableUi.capabilities.canMoveRowUp ? ["move-row-up"] : [],
+				...tableUi.capabilities.canMoveRowDown ? ["move-row-down"] : [],
+				...tableUi.capabilities.canMoveColumnLeft ? ["move-column-left"] : [],
+				...tableUi.capabilities.canMoveColumnRight ? ["move-column-right"] : [],
 				...tableUi.capabilities.canMergeCells ? ["merge-cells"] : [],
 				...tableUi.capabilities.canSplitCell ? ["split-cell"] : [],
 				...tableUi.capabilities.canDeleteRow ? ["delete-row"] : [],
@@ -919,6 +1108,8 @@ var LoomaEditor = defineComponent({
 				open: true,
 				cellAlignment: tableUi.alignment,
 				cellBackground: tableUi.background ?? void 0,
+				headerRow: tableUi.headerRow,
+				headerColumn: tableUi.headerColumn,
 				actions: tableActions,
 				onAction: runTableAction
 			};
@@ -1012,6 +1203,73 @@ var LoomaEditor = defineComponent({
 					class: "looma-editor__drop-overlay",
 					"aria-hidden": "true"
 				}, [loomaIcon("image"), h("span", "Drop image to upload")]) : null,
+				h(Popover, {
+					class: "looma-editor__link-popover",
+					open: linkOpen.value,
+					for: linkAnchorId,
+					placement: mobile.value ? "top-start" : "bottom-start",
+					onOpen: openLinkEditor,
+					onClose: () => {
+						linkOpen.value = false;
+					}
+				}, () => h("form", {
+					class: "looma-editor__link-form",
+					"aria-label": "Edit link",
+					onSubmit: (event) => {
+						event.preventDefault();
+						saveLink();
+					}
+				}, [
+					linkSelection?.from === linkSelection?.to && !linkSelection?.existing ? h("label", [h("span", "Text"), h("input", {
+						value: linkText.value,
+						onInput: (event) => {
+							linkText.value = event.target.value;
+							linkError.value = "";
+						}
+					})]) : null,
+					h("label", [h("span", "URL"), h("input", {
+						ref: linkUrlInput,
+						type: "text",
+						inputmode: "url",
+						value: linkHref.value,
+						"aria-invalid": linkError.value ? "true" : void 0,
+						onInput: (event) => {
+							linkHref.value = event.target.value;
+							linkError.value = "";
+						}
+					})]),
+					h("label", { class: "looma-editor__link-new-tab" }, [h("input", {
+						type: "checkbox",
+						checked: linkNewTab.value,
+						onChange: (event) => {
+							linkNewTab.value = event.target.checked;
+						}
+					}), h("span", "Open in new tab")]),
+					linkError.value ? h("p", {
+						class: "looma-editor__link-error",
+						role: "alert"
+					}, linkError.value) : null,
+					validLinkHref(linkHref.value) ? h("a", {
+						class: "looma-editor__link-preview",
+						href: validLinkHref(linkHref.value),
+						target: "_blank",
+						rel: "noopener noreferrer"
+					}, "Preview link") : null,
+					h("div", { class: "looma-editor__link-actions" }, [linkSelection?.existing ? h("button", {
+						type: "button",
+						onClick: removeLink
+					}, "Remove link") : null, h("button", { type: "submit" }, "Save link")])
+				])),
+				h(Menu, {
+					for: blockActionAnchorId,
+					placement: mobile.value ? "top-start" : "bottom-start",
+					onOpen: captureBlockAction,
+					onSelect: ({ value }) => runBlockAction(value)
+				}, () => [
+					h(MenuItem, { value: "insert-below" }, () => "Insert paragraph below"),
+					h(MenuItem, { value: "duplicate" }, () => "Duplicate block"),
+					h(MenuItem, { value: "delete" }, () => "Delete block")
+				]),
 				h(Popover, {
 					class: "looma-editor__table-picker-popover",
 					open: tablePickerOpen.value,
@@ -1079,7 +1337,10 @@ var LoomaEditor = defineComponent({
 					ref: tableMenuShell,
 					class: "looma-editor__table-menu-shell",
 					style: tableUi.menuStyle
-				}, [h(EditorTableContextMenu, tableProps)]) : null
+				}, [h(EditorTableContextMenu, {
+					...tableProps,
+					scope: tableUi.menuScope
+				})]) : null
 			]);
 		};
 	}

package/vue/index.d.ts

@@ -21,7 +21,10 @@ export { default as Disclosure } from "./UiDisclosure.js";
 export { default as Editable } from "./UiEditable.js";
 export { default as EditorInsertTableGrid } from "./UiEditorInsertTableGrid.js";
 export { default as EditorMentionMenu } from "./UiEditorMentionMenu.js";
+export { default as EditorMentionMenuItem } from "./UiEditorMentionMenuItem.js";
 export { default as EditorSlashMenu } from "./UiEditorSlashMenu.js";
+export { default as EditorSlashMenuGroup } from "./UiEditorSlashMenuGroup.js";
+export { default as EditorSlashMenuItem } from "./UiEditorSlashMenuItem.js";
 export { default as EditorTableContextMenu } from "./UiEditorTableContextMenu.js";
 export { default as EditorTableOverlay } from "./UiEditorTableOverlay.js";
 export { default as EditorTableToolbar } from "./UiEditorTableToolbar.js";
@@ -35,7 +38,9 @@ export { default as Input } from "./UiInput.js";
 export { default as InputGroup } from "./UiInputGroup.js";
 export { default as List } from "./UiList.js";
 export { default as ListItem } from "./UiListItem.js";
+export { default as Listbox } from "./UiListbox.js";
 export { default as Menu } from "./UiMenu.js";
+export { default as MenuGroup } from "./UiMenuGroup.js";
 export { default as MenuItem } from "./UiMenuItem.js";
 export { default as Meter } from "./UiMeter.js";
 export { default as NavItem } from "./UiNavItem.js";
@@ -60,6 +65,7 @@ export { default as Table } from "./UiTable.js";
 export { default as Tabs } from "./UiTabs.js";
 export { default as Text } from "./UiText.js";
 export { default as Textarea } from "./UiTextarea.js";
+export { default as Toast } from "./UiToast.js";
 export { default as ToastRegion } from "./UiToastRegion.js";
 export { default as Tooltip } from "./UiTooltip.js";
 export { default as TopBar } from "./UiTopBar.js";

package/vue/index.js

@@ -1,11 +1,12 @@
 import { t as UiActionBar_default } from "./chunks/UiActionBar.js";
 import { t as UiAffordanceScope_default } from "./chunks/UiAffordanceScope.js";
+import { t as UiIcon_default } from "./chunks/UiIcon.js";
 import { t as UiAvatar_default } from "./chunks/UiAvatar.js";
 import { t as UiAvatarGroup_default } from "./chunks/UiAvatarGroup.js";
 import { t as UiBadge_default } from "./chunks/UiBadge.js";
-import { t as UiIcon_default } from "./chunks/UiIcon.js";
 import { t as UiBreadcrumbItem_default } from "./chunks/UiBreadcrumbItem.js";
 import { t as UiBreadcrumbs_default } from "./chunks/UiBreadcrumbs.js";
+import { t as UiSpinner_default } from "./chunks/UiSpinner.js";
 import { t as UiButton_default } from "./chunks/UiButton.js";
 import { t as UiCallout_default } from "./chunks/UiCallout.js";
 import { t as UiCard_default } from "./chunks/UiCard.js";
@@ -23,7 +24,10 @@ import { t as UiDisclosure_default } from "./chunks/UiDisclosure.js";
 import { t as UiEditable_default } from "./chunks/UiEditable.js";
 import { t as UiEditorInsertTableGrid_default } from "./chunks/UiEditorInsertTableGrid.js";
 import { t as UiEditorMentionMenu_default } from "./chunks/UiEditorMentionMenu.js";
+import { t as UiEditorMentionMenuItem_default } from "./chunks/UiEditorMentionMenuItem.js";
 import { t as UiEditorSlashMenu_default } from "./chunks/UiEditorSlashMenu.js";
+import { t as UiEditorSlashMenuGroup_default } from "./chunks/UiEditorSlashMenuGroup.js";
+import { t as UiEditorSlashMenuItem_default } from "./chunks/UiEditorSlashMenuItem.js";
 import { t as UiEditorTableContextMenu_default } from "./chunks/UiEditorTableContextMenu.js";
 import { t as UiEditorTableOverlay_default } from "./chunks/UiEditorTableOverlay.js";
 import { t as UiEditorTableToolbar_default } from "./chunks/UiEditorTableToolbar.js";
@@ -36,7 +40,9 @@ import { t as UiInput_default } from "./chunks/UiInput.js";
 import { t as UiInputGroup_default } from "./chunks/UiInputGroup.js";
 import { t as UiList_default } from "./chunks/UiList.js";
 import { t as UiListItem_default } from "./chunks/UiListItem.js";
+import { t as UiListbox_default } from "./chunks/UiListbox.js";
 import { t as UiMenu_default } from "./chunks/UiMenu.js";
+import { t as UiMenuGroup_default } from "./chunks/UiMenuGroup.js";
 import { t as UiMenuItem_default } from "./chunks/UiMenuItem.js";
 import { t as UiMeter_default } from "./chunks/UiMeter.js";
 import { t as UiNavItem_default } from "./chunks/UiNavItem.js";
@@ -52,7 +58,6 @@ 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 UiSpinner_default } from "./chunks/UiSpinner.js";
 import { t as UiStack_default } from "./chunks/UiStack.js";
 import { t as UiStatusMessage_default } from "./chunks/UiStatusMessage.js";
 import { t as UiSwitch_default } from "./chunks/UiSwitch.js";
@@ -61,9 +66,10 @@ import { t as UiTable_default } from "./chunks/UiTable.js";
 import { t as UiTabs_default } from "./chunks/UiTabs.js";
 import { t as UiText_default } from "./chunks/UiText.js";
 import { t as UiTextarea_default } from "./chunks/UiTextarea.js";
+import { t as UiToast_default } from "./chunks/UiToast.js";
 import { t as UiToastRegion_default } from "./chunks/UiToastRegion.js";
 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, UiCombobox_default as Combobox, UiContainer_default as Container, UiContextMenu_default as ContextMenu, UiCover_default as Cover, UiDescriptionItem_default as DescriptionItem, UiDescriptionList_default as DescriptionList, UiDialog_default as Dialog, UiDisclosure_default as Disclosure, UiEditable_default as Editable, UiEditorInsertTableGrid_default as EditorInsertTableGrid, UiEditorMentionMenu_default as EditorMentionMenu, UiEditorSlashMenu_default as EditorSlashMenu, 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, UiInput_default as Input, UiInputGroup_default as InputGroup, UiList_default as List, UiListItem_default as ListItem, UiMenu_default as Menu, UiMenuItem_default as MenuItem, UiMeter_default as Meter, UiNavItem_default as NavItem, 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, UiSpinner_default as Spinner, UiStack_default as Stack, UiStatusMessage_default as StatusMessage, UiSwitch_default as Switch, UiSwitcher_default as Switcher, UiTable_default as Table, UiTabs_default as Tabs, UiText_default as Text, UiTextarea_default as Textarea, 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, UiCombobox_default as Combobox, UiContainer_default as Container, UiContextMenu_default as ContextMenu, UiCover_default as Cover, UiDescriptionItem_default as DescriptionItem, UiDescriptionList_default as DescriptionList, UiDialog_default as Dialog, UiDisclosure_default as Disclosure, UiEditable_default as Editable, UiEditorInsertTableGrid_default as EditorInsertTableGrid, UiEditorMentionMenu_default as EditorMentionMenu, UiEditorMentionMenuItem_default as EditorMentionMenuItem, UiEditorSlashMenu_default as EditorSlashMenu, UiEditorSlashMenuGroup_default as EditorSlashMenuGroup, UiEditorSlashMenuItem_default as EditorSlashMenuItem, 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, UiInput_default as Input, UiInputGroup_default as InputGroup, 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, 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, UiSpinner_default as Spinner, UiStack_default as Stack, UiStatusMessage_default as StatusMessage, 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 };