@threadlabs/looma 0.4.0 → 0.5.0

package/vue/editor/primitives.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The editor components, as Vue components. They are the converted components from
+ * `@threadlabs/looma/vue`, re-exported beside the editor that composes them.
+ */
+import type { InsertTableEventDetail, MentionMenuHighlightEventDetail, MentionMenuSelectEventDetail, SlashMenuHighlightEventDetail, SlashMenuSelectEventDetail, TableContextMenuActionEventDetail, TableOverlayActionEventDetail } from "@threadlabs/looma/editor";
+export { EditorInsertTableGrid, EditorMentionMenu, EditorSlashMenu, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, } from "@threadlabs/looma/vue";
+/** The editor components' event details, by event name. */
+export interface VueEditorAdapterEventMap {
+    highlight: MentionMenuHighlightEventDetail | SlashMenuHighlightEventDetail;
+    select: MentionMenuSelectEventDetail | SlashMenuSelectEventDetail;
+    action: TableContextMenuActionEventDetail | TableOverlayActionEventDetail;
+    insert: InsertTableEventDetail;
+}
+/** Each Vue editor component's element tag, for tooling that enumerates them. */
+export declare const EDITOR_ADAPTER_COMPONENT_TAG_MAP: {
+    readonly EditorToolbar: "ui-editor-toolbar";
+    readonly EditorSlashMenu: "ui-editor-slash-menu";
+    readonly EditorMentionMenu: "ui-editor-mention-menu";
+    readonly EditorTableContextMenu: "ui-editor-table-context-menu";
+    readonly EditorTableToolbar: "ui-editor-table-toolbar";
+    readonly EditorInsertTableGrid: "ui-editor-insert-table-grid";
+    readonly EditorTableOverlay: "ui-editor-table-overlay";
+};

package/vue/index.d.ts

@@ -1,604 +1,48 @@
-import * as _threadlabs_looma_core from '@threadlabs/looma/core';
-import { EditableChange } from '@threadlabs/looma/core';
-export { ComboboxChange, ComboboxOption, ComboboxValidationState, EditableChange, FieldIssue, MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from '@threadlabs/looma/core';
-import * as vue from 'vue';
-
-interface VueAdapterEventMap {
-    open: {
-        open: boolean;
-        reason: string;
-        trigger: string;
-    };
-    close: {
-        open: boolean;
-        reason: string;
-        trigger: string;
-    };
-    select: {
-        value: string;
-        previousValue?: string;
-        trigger: string;
-    };
-    change: {
-        checked: boolean;
-        value: string;
-        trigger: string;
-    };
-    input: {
-        value: string;
-        trigger: string;
-    };
-    dismiss: {
-        id: string;
-        reason: string;
-        trigger: string;
-    };
-    reorder: {
-        sourceId: string;
-        targetId: string;
-        position: "before" | "inside" | "after";
-        sourceType: string;
-        targetType: string;
-        sourceScope: string;
-        targetScope: string;
-        trigger: string;
-    };
-    reorderRejected: {
-        sourceId: string;
-        targetId: string;
-        position: "before" | "inside" | "after";
-        reason: "max-depth";
-        maxDepth?: number;
-        resultingDepth?: number;
-        trigger: string;
-    };
-    expand: {
-        id: string;
-        expanded: boolean;
-        trigger: string;
-    };
-    editChange: EditableChange;
-}
-
-interface AdapterBaseProps {
-    'data-allow-mismatch'?: string;
-}
-interface StackProps extends AdapterBaseProps {
-    "align"?: "start" | "center" | "end" | "stretch" | undefined;
-    "gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
-    "justify"?: "start" | "center" | "end" | "between" | undefined;
-}
-interface ClusterProps extends AdapterBaseProps {
-    "align"?: "start" | "center" | "end" | "stretch" | undefined;
-    "gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
-}
-interface GridProps extends AdapterBaseProps {
-    "gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
-    "min"?: "sm" | "md" | "lg" | undefined;
-}
-interface ContainerProps extends AdapterBaseProps {
-    "gutters"?: "s" | "m" | "l" | undefined;
-    "measure"?: "narrow" | "wide" | undefined;
-}
-interface SwitcherProps extends AdapterBaseProps {
-    "align"?: "start" | "center" | "end" | "stretch" | undefined;
-    "gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
-    "threshold"?: "xs" | "sm" | "md" | "lg" | undefined;
-}
-interface SidebarProps extends AdapterBaseProps {
-    "breakpoint"?: "sm" | "md" | "lg" | undefined;
-    "collapsed"?: boolean | undefined;
-    "maxWidth"?: number | undefined;
-    "minWidth"?: number | undefined;
-    "resizable"?: boolean | undefined;
-    "resizeLabel"?: string | undefined;
-    "resizeStep"?: number | undefined;
-    "side"?: "start" | "end" | undefined;
-    "width"?: number | undefined;
-}
-interface ReelProps extends AdapterBaseProps {
-    "gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
-    "itemWidth"?: "sm" | "md" | "lg" | undefined;
-    "snap"?: "start" | "center" | undefined;
-}
-interface SeparatorProps extends AdapterBaseProps {
-    "orientation"?: "horizontal" | "vertical" | undefined;
-}
-interface DisclosureProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "open"?: boolean | undefined;
-    "summary"?: string | undefined;
-    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
-    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
-}
-interface EditableProps extends AdapterBaseProps {
-    "actions"?: boolean | undefined;
-    "disabled"?: boolean | undefined;
-    "edit"?: boolean | undefined;
-    "hint"?: string | undefined;
-    "label"?: string | undefined;
-    "value"?: string | undefined;
-    "onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
-    "onEditChange"?: ((detail: VueAdapterEventMap['editChange']) => void) | undefined;
-    "onInput"?: ((detail: VueAdapterEventMap['input']) => void) | undefined;
-}
-interface TabsProps extends AdapterBaseProps {
-    "label"?: string | undefined;
-    "orientation"?: "horizontal" | "vertical" | undefined;
-    "stretch"?: boolean | undefined;
-    "value"?: string | undefined;
-    "onSelect"?: ((detail: VueAdapterEventMap['select']) => void) | undefined;
-}
-interface DialogProps extends AdapterBaseProps {
-    "dismissible"?: boolean | undefined;
-    "for"?: string | undefined;
-    "label"?: string | undefined;
-    "modal"?: boolean | undefined;
-    "open"?: boolean | undefined;
-    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
-}
-interface PopoverProps extends AdapterBaseProps {
-    "for"?: string | undefined;
-    "open"?: boolean | undefined;
-    "placement"?: string | undefined;
-    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
-    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
-}
-interface MenuProps extends AdapterBaseProps {
-    "for"?: string | undefined;
-    "open"?: boolean | undefined;
-    "placement"?: string | undefined;
-    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
-    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
-    "onSelect"?: ((detail: VueAdapterEventMap['select']) => void) | undefined;
-}
-interface MenuItemProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "value"?: string | undefined;
-}
-interface ContextMenuProps extends AdapterBaseProps {
-    "for"?: string | undefined;
-    "open"?: boolean | undefined;
-    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
-    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
-    "onSelect"?: ((detail: VueAdapterEventMap['select']) => void) | undefined;
-}
-interface AffordanceScopeProps extends AdapterBaseProps {
-    "nearRadius"?: number | undefined;
-}
-interface ButtonProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "size"?: "sm" | "md" | "lg" | undefined;
-    "variant"?: "outline" | "solid" | "danger" | "ghost" | "link" | undefined;
-}
-interface IconButtonProps extends AdapterBaseProps {
-    "anticipatory"?: boolean | undefined;
-    "disabled"?: boolean | undefined;
-    "label"?: string | undefined;
-    "round"?: boolean | undefined;
-    "size"?: "sm" | "md" | "lg" | undefined;
-    "variant"?: "ghost" | "outline" | "solid" | undefined;
-}
-interface InputProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "invalid"?: boolean | undefined;
-    "readonly"?: boolean | undefined;
-    "required"?: boolean | undefined;
-    "value"?: string | undefined;
-    "modelValue"?: string | undefined;
-    "onUpdate:modelValue"?: ((value: string) => void) | undefined;
-    "onInput"?: ((event: Event) => void) | undefined;
-    "onChange"?: ((event: Event) => void) | undefined;
-}
-interface SelectProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "invalid"?: boolean | undefined;
-    "multiple"?: boolean | undefined;
-    "required"?: boolean | undefined;
-    "value"?: string | undefined;
-    "modelValue"?: string | undefined;
-    "onUpdate:modelValue"?: ((value: string) => void) | undefined;
-    "onInput"?: ((event: Event) => void) | undefined;
-    "onChange"?: ((event: Event) => void) | undefined;
-}
-interface TextareaProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "invalid"?: boolean | undefined;
-    "readonly"?: boolean | undefined;
-    "required"?: boolean | undefined;
-    "rows"?: number | undefined;
-    "value"?: string | undefined;
-    "modelValue"?: string | undefined;
-    "onUpdate:modelValue"?: ((value: string) => void) | undefined;
-    "onInput"?: ((event: Event) => void) | undefined;
-    "onChange"?: ((event: Event) => void) | undefined;
-}
-interface FormFieldProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "invalid"?: boolean | undefined;
-    "required"?: boolean | undefined;
-}
-interface TooltipProps extends AdapterBaseProps {
-    "for"?: string | undefined;
-    "hideDelay"?: number | undefined;
-    "inverse"?: boolean | undefined;
-    "open"?: boolean | undefined;
-    "placement"?: string | undefined;
-    "showDelay"?: number | undefined;
-    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
-    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
-}
-interface ToastRegionProps extends AdapterBaseProps {
-    "auto"?: boolean | undefined;
-    "duration"?: number | undefined;
-    "message"?: string | undefined;
-    "open"?: boolean | undefined;
-    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
-    "onDismiss"?: ((detail: VueAdapterEventMap['dismiss']) => void) | undefined;
-}
-interface CheckboxProps extends AdapterBaseProps {
-    "checked"?: boolean | undefined;
-    "disabled"?: boolean | undefined;
-    "indeterminate"?: boolean | undefined;
-    "required"?: boolean | undefined;
-    "value"?: string | undefined;
-    "onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
-}
-interface SwitchProps extends AdapterBaseProps {
-    "checked"?: boolean | undefined;
-    "disabled"?: boolean | undefined;
-    "required"?: boolean | undefined;
-    "value"?: string | undefined;
-    "onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
-}
-interface RadioGroupProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "label"?: string | undefined;
-    "name"?: string | undefined;
-    "orientation"?: "horizontal" | "vertical" | undefined;
-    "required"?: boolean | undefined;
-    "value"?: string | undefined;
-    "onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
-    "onSelect"?: ((detail: VueAdapterEventMap['select']) => void) | undefined;
-}
-interface RadioProps extends AdapterBaseProps {
-    "checked"?: boolean | undefined;
-    "disabled"?: boolean | undefined;
-    "name"?: string | undefined;
-    "required"?: boolean | undefined;
-    "value"?: string | undefined;
-    "onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
-}
-interface BadgeProps extends AdapterBaseProps {
-    "tone"?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | undefined;
-    "variant"?: "solid" | "subtle" | undefined;
-}
-interface CalloutProps extends AdapterBaseProps {
-    "tone"?: "info" | "note" | "warning" | "success" | "danger" | undefined;
-}
-interface AvatarProps extends AdapterBaseProps {
-    "alt"?: string | undefined;
-    "fallback"?: string | undefined;
-    "name"?: string | undefined;
-    "src"?: string | undefined;
-}
-interface AvatarGroupProps extends AdapterBaseProps {
-    "label"?: string | undefined;
-    "max"?: number | undefined;
-}
-interface SearchShellProps extends AdapterBaseProps {
-    "dismissible"?: boolean | undefined;
-    "label"?: string | undefined;
-    "modal"?: boolean | undefined;
-    "open"?: boolean | undefined;
-    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
-}
-interface SearchResultRowProps extends AdapterBaseProps {
-    "disabled"?: boolean | undefined;
-    "selected"?: boolean | undefined;
-}
-interface TopBarProps extends AdapterBaseProps {
-}
-interface TreeProps extends AdapterBaseProps {
-    "hoverExpandDelay"?: number | undefined;
-    "label"?: string | undefined;
-    "maxDepth"?: number | undefined;
-    "onReorder"?: ((detail: VueAdapterEventMap['reorder']) => void) | undefined;
-    "onReorderRejected"?: ((detail: VueAdapterEventMap['reorderRejected']) => void) | undefined;
-}
-interface TreeItemProps extends AdapterBaseProps {
-    "accepts"?: string | undefined;
-    "container"?: boolean | undefined;
-    "disabled"?: boolean | undefined;
-    "dragType"?: string | undefined;
-    "dropDepth"?: number | undefined;
-    "dropScope"?: string | undefined;
-    "expanded"?: boolean | undefined;
-    "itemId"?: string | undefined;
-    "label"?: string | undefined;
-    "selected"?: boolean | undefined;
-    "sortable"?: boolean | undefined;
-    "subtreeDepth"?: number | undefined;
-    "onExpand"?: ((detail: VueAdapterEventMap['expand']) => void) | undefined;
-}
-interface AdapterComponentProps {
-    "Stack": StackProps;
-    "Cluster": ClusterProps;
-    "Grid": GridProps;
-    "Container": ContainerProps;
-    "Switcher": SwitcherProps;
-    "Sidebar": SidebarProps;
-    "Reel": ReelProps;
-    "Separator": SeparatorProps;
-    "Disclosure": DisclosureProps;
-    "Editable": EditableProps;
-    "Tabs": TabsProps;
-    "Dialog": DialogProps;
-    "Popover": PopoverProps;
-    "Menu": MenuProps;
-    "MenuItem": MenuItemProps;
-    "ContextMenu": ContextMenuProps;
-    "AffordanceScope": AffordanceScopeProps;
-    "Button": ButtonProps;
-    "IconButton": IconButtonProps;
-    "Input": InputProps;
-    "Select": SelectProps;
-    "Textarea": TextareaProps;
-    "FormField": FormFieldProps;
-    "Tooltip": TooltipProps;
-    "ToastRegion": ToastRegionProps;
-    "Checkbox": CheckboxProps;
-    "Switch": SwitchProps;
-    "RadioGroup": RadioGroupProps;
-    "Radio": RadioProps;
-    "Badge": BadgeProps;
-    "Callout": CalloutProps;
-    "Avatar": AvatarProps;
-    "AvatarGroup": AvatarGroupProps;
-    "SearchShell": SearchShellProps;
-    "SearchResultRow": SearchResultRowProps;
-    "TopBar": TopBarProps;
-    "Tree": TreeProps;
-    "TreeItem": TreeItemProps;
-}
-
-/** An option for the list. Rendered as a native <option> (inside <optgroup> when `group` is set). */
-interface ComboboxOptionInput {
-    readonly value: string;
-    readonly label?: string;
-    readonly group?: string;
-    readonly disabled?: boolean;
-}
-
-declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    modelValue: {
-        type: vue.PropType<string | readonly _threadlabs_looma_core.ComboboxOption[] | null>;
-        default: undefined;
-    };
-    query: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultValue: StringConstructor;
-    defaultQuery: StringConstructor;
-    options: {
-        type: vue.PropType<readonly ComboboxOptionInput[]>;
-        default: () => never[];
-    };
-    allowFreeText: BooleanConstructor;
-    allowCreate: BooleanConstructor;
-    placeholder: StringConstructor;
-    name: StringConstructor;
-    size: {
-        type: vue.PropType<"sm" | "md">;
-        default: string;
-    };
-    labelVisibility: {
-        type: vue.PropType<"visible" | "sr-only">;
-        default: string;
-    };
-    disabled: BooleanConstructor;
-    readOnly: BooleanConstructor;
-    required: BooleanConstructor;
-    disclosure: BooleanConstructor;
-    clearable: BooleanConstructor;
-    help: StringConstructor;
-    multiple: BooleanConstructor;
-    tokenSeparators: {
-        type: vue.PropType<readonly string[]>;
-        default: () => never[];
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (_value: string | null) => true;
-    'update:query': (_query: string) => true;
-    queryChange: (_detail: {
-        query: string;
-        display: string;
-        trigger: string;
-    }) => true;
-    valueChange: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.MultiComboboxItem[]) => true;
-    freeEntry: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
-    createEntry: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
-    validationChange: (_detail: _threadlabs_looma_core.ComboboxValidationState) => true;
-    addItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
-    removeItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
-    createItem: (_detail: _threadlabs_looma_core.MultiComboboxCreate) => true;
-    optionsChange: (_detail: readonly _threadlabs_looma_core.ComboboxOption[]) => true;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    modelValue: {
-        type: vue.PropType<string | readonly _threadlabs_looma_core.ComboboxOption[] | null>;
-        default: undefined;
-    };
-    query: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultValue: StringConstructor;
-    defaultQuery: StringConstructor;
-    options: {
-        type: vue.PropType<readonly ComboboxOptionInput[]>;
-        default: () => never[];
-    };
-    allowFreeText: BooleanConstructor;
-    allowCreate: BooleanConstructor;
-    placeholder: StringConstructor;
-    name: StringConstructor;
-    size: {
-        type: vue.PropType<"sm" | "md">;
-        default: string;
-    };
-    labelVisibility: {
-        type: vue.PropType<"visible" | "sr-only">;
-        default: string;
-    };
-    disabled: BooleanConstructor;
-    readOnly: BooleanConstructor;
-    required: BooleanConstructor;
-    disclosure: BooleanConstructor;
-    clearable: BooleanConstructor;
-    help: StringConstructor;
-    multiple: BooleanConstructor;
-    tokenSeparators: {
-        type: vue.PropType<readonly string[]>;
-        default: () => never[];
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: (_value: string | null) => any;
-    "onUpdate:query"?: (_query: string) => any;
-    onQueryChange?: (_detail: {
-        query: string;
-        display: string;
-        trigger: string;
-    }) => any;
-    onValueChange?: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.ComboboxOption[]) => any;
-    onFreeEntry?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
-    onCreateEntry?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
-    onValidationChange?: (_detail: _threadlabs_looma_core.ComboboxValidationState) => any;
-    onAddItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
-    onRemoveItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
-    onCreateItem?: (_detail: _threadlabs_looma_core.MultiComboboxCreate) => any;
-    onOptionsChange?: (_detail: readonly _threadlabs_looma_core.ComboboxOption[]) => any;
-}>, {
-    allowFreeText: boolean;
-    allowCreate: boolean;
-    disabled: boolean;
-    readOnly: boolean;
-    required: boolean;
-    disclosure: boolean;
-    clearable: boolean;
-    multiple: boolean;
-    modelValue: string | readonly _threadlabs_looma_core.ComboboxOption[] | null;
-    query: string;
-    options: readonly ComboboxOptionInput[];
-    size: "sm" | "md";
-    labelVisibility: "visible" | "sr-only";
-    tokenSeparators: readonly string[];
-}, vue.SlotsType<{
-    option: {
-        option: _threadlabs_looma_core.ComboboxOption;
-    };
-    item: {
-        item: _threadlabs_looma_core.MultiComboboxItem;
-    };
-    loading: Record<string, never>;
-    empty: Record<string, never>;
-    error: Record<string, never>;
-    create: {
-        query: string;
-    };
-    start: Record<string, never>;
-    footer: Record<string, never>;
-}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
-declare const Stack: vue.DefineComponent<StackProps>;
-declare const Cluster: vue.DefineComponent<ClusterProps>;
-declare const Grid: vue.DefineComponent<GridProps>;
-declare const Container: vue.DefineComponent<ContainerProps>;
-declare const Switcher: vue.DefineComponent<SwitcherProps>;
-declare const Sidebar: vue.DefineComponent<SidebarProps>;
-declare const Reel: vue.DefineComponent<ReelProps>;
-declare const Separator: vue.DefineComponent<SeparatorProps>;
-declare const Disclosure: vue.DefineComponent<DisclosureProps>;
-declare const Editable: vue.DefineComponent<EditableProps>;
-declare const Tabs: vue.DefineComponent<TabsProps>;
-declare const Dialog: vue.DefineComponent<DialogProps>;
-declare const Popover: vue.DefineComponent<PopoverProps>;
-declare const Menu: vue.DefineComponent<MenuProps>;
-declare const MenuItem: vue.DefineComponent<MenuItemProps>;
-declare const ContextMenu: vue.DefineComponent<ContextMenuProps>;
-declare const AffordanceScope: vue.DefineComponent<AffordanceScopeProps>;
-declare const Button: vue.DefineComponent<ButtonProps>;
-declare const IconButton: vue.DefineComponent<IconButtonProps>;
-declare const Input: vue.DefineComponent<InputProps>;
-declare const Select: vue.DefineComponent<SelectProps>;
-declare const Textarea: vue.DefineComponent<TextareaProps>;
-declare const FormField: vue.DefineComponent<FormFieldProps>;
-declare const Tooltip: vue.DefineComponent<TooltipProps>;
-declare const ToastRegion: vue.DefineComponent<ToastRegionProps>;
-declare const Checkbox: vue.DefineComponent<CheckboxProps>;
-declare const Switch: vue.DefineComponent<SwitchProps>;
-declare const RadioGroup: vue.DefineComponent<RadioGroupProps>;
-declare const Radio: vue.DefineComponent<RadioProps>;
-declare const Badge: vue.DefineComponent<BadgeProps>;
-declare const Callout: vue.DefineComponent<CalloutProps>;
-declare const Avatar: vue.DefineComponent<AvatarProps>;
-declare const AvatarGroup: vue.DefineComponent<AvatarGroupProps>;
-declare const SearchShell: vue.DefineComponent<SearchShellProps>;
-declare const SearchResultRow: vue.DefineComponent<SearchResultRowProps>;
-declare const TopBar: vue.DefineComponent<TopBarProps>;
-declare const Tree: vue.DefineComponent<TreeProps>;
-declare const TreeItem: vue.DefineComponent<TreeItemProps>;
-declare const ADAPTER_COMPONENT_TAG_MAP: {
-    readonly Combobox: "ui-combobox";
-    readonly Stack: "ui-stack";
-    readonly Cluster: "ui-cluster";
-    readonly Grid: "ui-grid";
-    readonly Container: "ui-container";
-    readonly Switcher: "ui-switcher";
-    readonly Sidebar: "ui-sidebar";
-    readonly Reel: "ui-reel";
-    readonly Separator: "ui-separator";
-    readonly Disclosure: "ui-disclosure";
-    readonly Editable: "ui-editable";
-    readonly Tabs: "ui-tabs";
-    readonly Dialog: "ui-dialog";
-    readonly Popover: "ui-popover";
-    readonly Menu: "ui-menu";
-    readonly MenuItem: "ui-menu-item";
-    readonly ContextMenu: "ui-context-menu";
-    readonly AffordanceScope: "ui-affordance-scope";
-    readonly Button: "ui-button";
-    readonly IconButton: "ui-icon-button";
-    readonly Input: "ui-input";
-    readonly Select: "ui-select";
-    readonly Textarea: "ui-textarea";
-    readonly FormField: "ui-form-field";
-    readonly Tooltip: "ui-tooltip";
-    readonly ToastRegion: "ui-toast-region";
-    readonly Checkbox: "ui-checkbox";
-    readonly Switch: "ui-switch";
-    readonly RadioGroup: "ui-radio-group";
-    readonly Radio: "ui-radio";
-    readonly Badge: "ui-badge";
-    readonly Callout: "ui-callout";
-    readonly Avatar: "ui-avatar";
-    readonly AvatarGroup: "ui-avatar-group";
-    readonly SearchShell: "ui-search-shell";
-    readonly SearchResultRow: "ui-search-result-row";
-    readonly TopBar: "ui-top-bar";
-    readonly Tree: "ui-tree";
-    readonly TreeItem: "ui-tree-item";
-};
-declare const VUE_ADAPTER_NOTE = "Native-root adapter: attrs, slots, props, methods, and events project the framework-neutral Looma declarative contract into Vue.";
-
-export { ADAPTER_COMPONENT_TAG_MAP, type AdapterBaseProps, type AdapterComponentProps, AffordanceScope, type AffordanceScopeProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Callout, type CalloutProps, Checkbox, type CheckboxProps, Cluster, type ClusterProps, Combobox, type ComboboxOptionInput, Container, type ContainerProps, ContextMenu, type ContextMenuProps, Dialog, type DialogProps, Disclosure, type DisclosureProps, Editable, type EditableProps, FormField, type FormFieldProps, Grid, type GridProps, IconButton, type IconButtonProps, Input, type InputProps, Menu, MenuItem, type MenuItemProps, type MenuProps, Popover, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Reel, type ReelProps, SearchResultRow, type SearchResultRowProps, SearchShell, type SearchShellProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarProps, Stack, type StackProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tabs, type TabsProps, Textarea, type TextareaProps, ToastRegion, type ToastRegionProps, Tooltip, type TooltipProps, TopBar, type TopBarProps, Tree, TreeItem, type TreeItemProps, type TreeProps, VUE_ADAPTER_NOTE, type VueAdapterEventMap };
+export { default as AffordanceScope } from "./UiAffordanceScope.js";
+export { default as Avatar } from "./UiAvatar.js";
+export { default as AvatarGroup } from "./UiAvatarGroup.js";
+export { default as Badge } from "./UiBadge.js";
+export { default as Button } from "./UiButton.js";
+export { default as Callout } from "./UiCallout.js";
+export { default as Checkbox } from "./UiCheckbox.js";
+export { default as Cluster } from "./UiCluster.js";
+export { default as Combobox } from "./UiCombobox.js";
+export { default as Container } from "./UiContainer.js";
+export { default as ContextMenu } from "./UiContextMenu.js";
+export { default as Dialog } from "./UiDialog.js";
+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 EditorSlashMenu } from "./UiEditorSlashMenu.js";
+export { default as EditorTableContextMenu } from "./UiEditorTableContextMenu.js";
+export { default as EditorTableOverlay } from "./UiEditorTableOverlay.js";
+export { default as EditorTableToolbar } from "./UiEditorTableToolbar.js";
+export { default as EditorToolbar } from "./UiEditorToolbar.js";
+export { default as FloatingActionButton } from "./UiFloatingActionButton.js";
+export { default as FormField } from "./UiFormField.js";
+export { default as Grid } from "./UiGrid.js";
+export { default as Icon } from "./UiIcon.js";
+export { default as IconButton } from "./UiIconButton.js";
+export { default as Input } from "./UiInput.js";
+export { default as Menu } from "./UiMenu.js";
+export { default as MenuItem } from "./UiMenuItem.js";
+export { default as Popover } from "./UiPopover.js";
+export { default as Radio } from "./UiRadio.js";
+export { default as RadioGroup } from "./UiRadioGroup.js";
+export { default as Reel } from "./UiReel.js";
+export { default as SearchResultRow } from "./UiSearchResultRow.js";
+export { default as SearchShell } from "./UiSearchShell.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 Stack } from "./UiStack.js";
+export { default as Switch } from "./UiSwitch.js";
+export { default as Switcher } from "./UiSwitcher.js";
+export { default as Tabs } from "./UiTabs.js";
+export { default as Textarea } from "./UiTextarea.js";
+export { default as ToastRegion } from "./UiToastRegion.js";
+export { default as Tooltip } from "./UiTooltip.js";
+export { default as TopBar } from "./UiTopBar.js";
+export { default as Tree } from "./UiTree.js";
+export { default as TreeItem } from "./UiTreeItem.js";