@threadlabs/looma 0.1.23 → 0.1.25

package/vue/index.d.ts

@@ -1,5 +1,6 @@
 import * as _threadlabs_looma_core from '@threadlabs/looma/core';
-export { ComboboxChange, ComboboxConfig, ComboboxOption, ComboboxProvider, ComboboxRequest, ComboboxValidationState, FieldFormatter, FieldIssue, FieldSchema, FieldValidation } from '@threadlabs/looma/core';
+import { EditableChange } from '@threadlabs/looma/core';
+export { ComboboxChange, ComboboxConfig, ComboboxOption, ComboboxProvider, ComboboxRequest, ComboboxValidationState, EditableChange, FieldFormatter, FieldIssue, FieldSchema, FieldValidation, MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from '@threadlabs/looma/core';
 import * as vue from 'vue';
 
 interface VueAdapterEventMap {
@@ -56,6 +57,297 @@ interface VueAdapterEventMap {
         expanded: boolean;
         trigger: string;
     };
+    editChange: EditableChange;
+}
+
+interface AdapterBaseProps {
+    'data-allow-mismatch'?: string;
+}
+interface StackProps extends AdapterBaseProps {
+    "align"?: string | undefined;
+    "gap"?: string | undefined;
+    "justify"?: string | undefined;
+}
+interface InlineProps extends AdapterBaseProps {
+    "align"?: string | undefined;
+    "gap"?: string | undefined;
+    "justify"?: string | undefined;
+    "wrap"?: string | undefined;
+}
+interface ClusterProps extends AdapterBaseProps {
+    "align"?: string | undefined;
+    "gap"?: string | undefined;
+    "justify"?: string | undefined;
+}
+interface GridProps extends AdapterBaseProps {
+    "gap"?: string | undefined;
+    "min"?: string | undefined;
+}
+interface CenterProps extends AdapterBaseProps {
+    "gutters"?: string | undefined;
+    "measure"?: string | undefined;
+}
+interface SwitcherProps extends AdapterBaseProps {
+    "align"?: string | undefined;
+    "gap"?: string | undefined;
+    "threshold"?: string | undefined;
+}
+interface SidebarProps extends AdapterBaseProps {
+    "align"?: string | undefined;
+    "gap"?: string | undefined;
+    "side"?: string | undefined;
+    "width"?: string | undefined;
+    "resizable"?: boolean | undefined;
+}
+interface ReelProps extends AdapterBaseProps {
+    "gap"?: string | undefined;
+    "itemWidth"?: string | undefined;
+    "snap"?: string | undefined;
+}
+interface SeparatorProps extends AdapterBaseProps {
+    "orientation"?: string | undefined;
+}
+interface DisclosureProps extends AdapterBaseProps {
+    "defaultOpen"?: boolean | undefined;
+    "disabled"?: boolean | undefined;
+    "open"?: boolean | undefined;
+    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
+    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
+}
+interface EditableProps extends AdapterBaseProps {
+    "edit"?: boolean | undefined;
+    "defaultEdit"?: boolean | undefined;
+    "disabled"?: boolean | undefined;
+    "onEditChange"?: ((detail: VueAdapterEventMap['editChange']) => void) | undefined;
+}
+interface TabsProps extends AdapterBaseProps {
+    "defaultValue"?: string | undefined;
+    "orientation"?: "horizontal" | "vertical" | undefined;
+    "value"?: string | undefined;
+    "onSelect"?: ((detail: VueAdapterEventMap['select']) => void) | undefined;
+}
+interface DialogProps extends AdapterBaseProps {
+    "defaultOpen"?: boolean | undefined;
+    "dismissible"?: boolean | undefined;
+    "label"?: string | undefined;
+    "modal"?: boolean | undefined;
+    "open"?: boolean | undefined;
+    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
+    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
+}
+interface PopoverProps extends AdapterBaseProps {
+    "defaultOpen"?: boolean | undefined;
+    "open"?: boolean | undefined;
+    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
+    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
+}
+interface MenuProps extends AdapterBaseProps {
+    "defaultOpen"?: boolean | undefined;
+    "open"?: boolean | 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 {
+    "defaultOpen"?: boolean | 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"?: string | undefined;
+    "variant"?: string | undefined;
+}
+interface IconButtonProps extends AdapterBaseProps {
+    "anticipatory"?: boolean | undefined;
+    "disabled"?: boolean | undefined;
+    "label"?: string | undefined;
+    "size"?: "sm" | "md" | "lg" | undefined;
+    "variant"?: "ghost" | "outline" | "solid" | undefined;
+}
+interface InputProps extends AdapterBaseProps {
+    "defaultValue"?: string | undefined;
+    "disabled"?: boolean | undefined;
+    "invalid"?: boolean | undefined;
+    "readOnly"?: boolean | undefined;
+    "value"?: string | undefined;
+}
+interface SelectProps extends AdapterBaseProps {
+    "defaultValue"?: string | undefined;
+    "disabled"?: boolean | undefined;
+    "invalid"?: boolean | undefined;
+    "required"?: boolean | undefined;
+    "value"?: string | undefined;
+}
+interface TextareaProps extends AdapterBaseProps {
+    "defaultValue"?: string | undefined;
+    "disabled"?: boolean | undefined;
+    "invalid"?: boolean | undefined;
+    "readOnly"?: boolean | undefined;
+    "rows"?: number | undefined;
+    "value"?: string | undefined;
+}
+interface FormFieldProps extends AdapterBaseProps {
+    "disabled"?: boolean | undefined;
+    "invalid"?: boolean | undefined;
+    "required"?: boolean | undefined;
+}
+interface TooltipProps extends AdapterBaseProps {
+    "defaultOpen"?: boolean | undefined;
+    "for"?: string | undefined;
+    "open"?: boolean | undefined;
+    "toggleOnClick"?: boolean | undefined;
+    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
+    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
+}
+interface ToastRegionProps extends AdapterBaseProps {
+    "open"?: boolean | undefined;
+    "onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
+    "onDismiss"?: ((detail: VueAdapterEventMap['dismiss']) => void) | undefined;
+    "onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
+}
+interface CheckboxProps extends AdapterBaseProps {
+    "checked"?: boolean | undefined;
+    "defaultChecked"?: 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;
+    "defaultChecked"?: boolean | undefined;
+    "disabled"?: boolean | undefined;
+    "required"?: boolean | undefined;
+    "value"?: string | undefined;
+    "onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
+}
+interface RadioGroupProps extends AdapterBaseProps {
+    "disabled"?: boolean | 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;
+    "defaultChecked"?: 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"?: string | undefined;
+    "variant"?: string | undefined;
+}
+interface ChipProps extends AdapterBaseProps {
+    "appearance"?: "tag" | "pill" | undefined;
+    "size"?: "xs" | "sm" | undefined;
+}
+interface CalloutProps extends AdapterBaseProps {
+    "tone"?: "info" | "note" | "warning" | "success" | "error" | 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 FloatingActionButtonProps extends AdapterBaseProps {
+    "disabled"?: boolean | undefined;
+    "label"?: string | undefined;
+    "mobileOnly"?: boolean | undefined;
+}
+interface SearchShellProps extends AdapterBaseProps {
+}
+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;
+    "defaultExpanded"?: boolean | undefined;
+    "depth"?: number | undefined;
+    "disabled"?: boolean | undefined;
+    "dragType"?: string | undefined;
+    "dropScope"?: string | undefined;
+    "expanded"?: boolean | undefined;
+    "itemId"?: string | undefined;
+    "label"?: string | undefined;
+    "selected"?: boolean | undefined;
+    "sortable"?: boolean | undefined;
+    "onExpand"?: ((detail: VueAdapterEventMap['expand']) => void) | undefined;
+}
+interface AdapterComponentProps {
+    "Stack": StackProps;
+    "Inline": InlineProps;
+    "Cluster": ClusterProps;
+    "Grid": GridProps;
+    "Center": CenterProps;
+    "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;
+    "Chip": ChipProps;
+    "Callout": CalloutProps;
+    "Avatar": AvatarProps;
+    "AvatarGroup": AvatarGroupProps;
+    "FloatingActionButton": FloatingActionButtonProps;
+    "SearchShell": SearchShellProps;
+    "SearchResultRow": SearchResultRowProps;
+    "TopBar": TopBarProps;
+    "Tree": TreeProps;
+    "TreeItem": TreeItemProps;
 }
 
 declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -83,6 +375,10 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
         type: vue.PropType<"sm" | "md">;
         default: string;
     };
+    labelVisibility: {
+        type: vue.PropType<"visible" | "sr-only">;
+        default: string;
+    };
     disabled: BooleanConstructor;
     readOnly: BooleanConstructor;
     required: BooleanConstructor;
@@ -129,6 +425,10 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
         type: vue.PropType<"sm" | "md">;
         default: string;
     };
+    labelVisibility: {
+        type: vue.PropType<"visible" | "sr-only">;
+        default: string;
+    };
     disabled: BooleanConstructor;
     readOnly: BooleanConstructor;
     required: BooleanConstructor;
@@ -158,6 +458,7 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
     query: string;
     config: _threadlabs_looma_core.ComboboxConfig;
     size: "sm" | "md";
+    labelVisibility: "visible" | "sr-only";
 }, vue.SlotsType<{
     option: {
         option: _threadlabs_looma_core.ComboboxOption;
@@ -166,124 +467,146 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
     empty: Record<string, never>;
     error: Record<string, never>;
     create: Record<string, never>;
+    start: Record<string, never>;
+    footer: Record<string, never>;
 }>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
-declare const Stack: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Inline: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Cluster: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Grid: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Center: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Switcher: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Sidebar: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Reel: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Separator: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Disclosure: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Tabs: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Dialog: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Popover: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Menu: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const MenuItem: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const ContextMenu: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const AffordanceScope: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Button: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const IconButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Input: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Select: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Textarea: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const FormField: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Tooltip: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const ToastRegion: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Checkbox: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Switch: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const RadioGroup: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Radio: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Badge: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Avatar: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const AvatarGroup: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const FloatingActionButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const SearchShell: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const SearchResultRow: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const TopBar: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const Tree: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const TreeItem: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+declare const MultiCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    items: {
+        type: vue.PropType<readonly _threadlabs_looma_core.MultiComboboxItem[]>;
+        default: () => never[];
+    };
+    config: {
+        type: vue.PropType<_threadlabs_looma_core.ComboboxConfig>;
+        default: () => {};
+    };
+    query: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultQuery: StringConstructor;
+    placeholder: StringConstructor;
+    name: StringConstructor;
+    disabled: BooleanConstructor;
+    readOnly: BooleanConstructor;
+    required: BooleanConstructor;
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:query': (_query: string) => true;
+    queryChange: (_detail: {
+        query: string;
+        display: string;
+        trigger: string;
+    }) => 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;
+    };
+    items: {
+        type: vue.PropType<readonly _threadlabs_looma_core.MultiComboboxItem[]>;
+        default: () => never[];
+    };
+    config: {
+        type: vue.PropType<_threadlabs_looma_core.ComboboxConfig>;
+        default: () => {};
+    };
+    query: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultQuery: StringConstructor;
+    placeholder: StringConstructor;
+    name: StringConstructor;
+    disabled: BooleanConstructor;
+    readOnly: BooleanConstructor;
+    required: BooleanConstructor;
+}>> & Readonly<{
+    "onUpdate:query"?: (_query: string) => any;
+    onQueryChange?: (_detail: {
+        query: string;
+        display: string;
+        trigger: string;
+    }) => 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<unknown>[]) => any;
+}>, {
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    query: string;
+    config: _threadlabs_looma_core.ComboboxConfig;
+    items: readonly _threadlabs_looma_core.MultiComboboxItem[];
+}, vue.SlotsType<{
+    item: {
+        item: _threadlabs_looma_core.MultiComboboxItem;
+    };
+    option: {
+        option: _threadlabs_looma_core.ComboboxOption;
+    };
+    create: {
+        query: string;
+    };
+    footer: Record<string, never>;
+    loading: Record<string, never>;
+    empty: Record<string, never>;
+    error: Record<string, never>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const Stack: vue.DefineComponent<StackProps>;
+declare const Inline: vue.DefineComponent<InlineProps>;
+declare const Cluster: vue.DefineComponent<ClusterProps>;
+declare const Grid: vue.DefineComponent<GridProps>;
+declare const Center: vue.DefineComponent<CenterProps>;
+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 Chip: vue.DefineComponent<ChipProps>;
+declare const Callout: vue.DefineComponent<CalloutProps>;
+declare const Avatar: vue.DefineComponent<AvatarProps>;
+declare const AvatarGroup: vue.DefineComponent<AvatarGroupProps>;
+declare const FloatingActionButton: vue.DefineComponent<FloatingActionButtonProps>;
+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 MultiCombobox: "ui-multi-combobox";
     readonly Stack: "ui-stack";
     readonly Inline: "ui-inline";
     readonly Cluster: "ui-cluster";
@@ -294,6 +617,7 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
     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";
@@ -314,6 +638,8 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
     readonly RadioGroup: "ui-radio-group";
     readonly Radio: "ui-radio";
     readonly Badge: "ui-badge";
+    readonly Chip: "ui-chip";
+    readonly Callout: "ui-callout";
     readonly Avatar: "ui-avatar";
     readonly AvatarGroup: "ui-avatar-group";
     readonly FloatingActionButton: "ui-floating-action-button";
@@ -325,4 +651,4 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
 };
 declare const VUE_ADAPTER_NOTE = "Thin adapter only: attrs and slots pass through to custom elements and DOM events map to typed callbacks.";
 
-export { ADAPTER_COMPONENT_TAG_MAP, AffordanceScope, Avatar, AvatarGroup, Badge, Button, Center, Checkbox, Cluster, Combobox, ContextMenu, Dialog, Disclosure, FloatingActionButton, FormField, Grid, IconButton, Inline, Input, Menu, MenuItem, Popover, Radio, RadioGroup, Reel, SearchResultRow, SearchShell, Select, Separator, Sidebar, Stack, Switch, Switcher, Tabs, Textarea, ToastRegion, Tooltip, TopBar, Tree, TreeItem, VUE_ADAPTER_NOTE, type VueAdapterEventMap };
+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, Center, type CenterProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Cluster, type ClusterProps, Combobox, ContextMenu, type ContextMenuProps, Dialog, type DialogProps, Disclosure, type DisclosureProps, Editable, type EditableProps, FloatingActionButton, type FloatingActionButtonProps, FormField, type FormFieldProps, Grid, type GridProps, IconButton, type IconButtonProps, Inline, type InlineProps, Input, type InputProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MultiCombobox, 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 };