@threadlabs/looma 0.1.23 → 0.1.25

package/dist/types/components.d.ts

@@ -5,10 +5,16 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { CalloutTone } from "./components/ui-callout/ui-callout";
 import { ComboboxChange, ComboboxConfig, ComboboxOption, ComboboxValidationState } from "./field/combobox";
+import { EditableChange } from "./field/editable";
 import { AnchoredPlacement } from "./overlay/positioning";
+import { MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from "./field/multi-combobox";
+export { CalloutTone } from "./components/ui-callout/ui-callout";
 export { ComboboxChange, ComboboxConfig, ComboboxOption, ComboboxValidationState } from "./field/combobox";
+export { EditableChange } from "./field/editable";
 export { AnchoredPlacement } from "./overlay/positioning";
+export { MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from "./field/multi-combobox";
 export namespace Components {
     interface UiAffordanceScope {
         /**
@@ -60,11 +66,20 @@ export namespace Components {
          */
         "variant": 'outline' | 'solid' | 'destructive' | 'ghost';
     }
+    /**
+     * A static semantic message with a tone-specific icon.
+     */
+    interface UiCallout {
+        /**
+          * @default 'info'
+         */
+        "tone": CalloutTone;
+    }
     interface UiCheckbox {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
-        "checked": boolean;
+        "checked"?: boolean;
         /**
           * @default false
          */
@@ -86,6 +101,21 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * A compact, non-interactive metadata label.
+     */
+    interface UiChip {
+        /**
+          * `tag` has a square leading edge and an angled trailing edge; `pill` is fully rounded.
+          * @default 'tag'
+         */
+        "appearance": 'tag' | 'pill';
+        /**
+          * Compact typography size.
+          * @default 'xs'
+         */
+        "size": 'xs' | 'sm';
+    }
     /**
      * A single editable field with contextual suggestions, optional help and field validation.
      */
@@ -112,6 +142,10 @@ export namespace Components {
           * @default false
          */
         "disclosure": boolean;
+        /**
+          * Focus the native editing input from a composed control.
+         */
+        "focusInput": () => Promise<void>;
         /**
           * Optional description shown by the connected question-mark button.
           * @default ''
@@ -122,6 +156,11 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * Keep the native label accessible while allowing compact composed controls.
+          * @default 'visible'
+         */
+        "labelVisibility": 'visible' | 'sr-only';
         /**
           * @default ''
          */
@@ -189,9 +228,9 @@ export namespace Components {
          */
         "modal": boolean;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
-        "open": boolean;
+        "open"?: boolean;
     }
     interface UiDisclosure {
         /**
@@ -202,10 +241,27 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
+         */
+        "open"?: boolean;
+    }
+    /**
+     * Swaps an explicit presentation trigger for a focused editing control.
+     */
+    interface UiEditable {
         /**
           * @default false
          */
-        "open": boolean;
+        "defaultEdit": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Controlled edit state. Omit it to use defaultEdit and local interaction state.
+         */
+        "edit"?: boolean;
     }
     interface UiFloatingActionButton {
         /**
@@ -287,9 +343,9 @@ export namespace Components {
          */
         "for"?: string;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
-        "open": boolean;
+        "open"?: boolean;
         /**
           * Preferred placement; Looma flips and shifts when space is constrained.
           * @default 'bottom-start'
@@ -306,6 +362,49 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * A multi-value combobox with removable, customizable selected items.
+     */
+    interface UiMultiCombobox {
+        /**
+          * @default {}
+         */
+        "config": ComboboxConfig;
+        /**
+          * @default ''
+         */
+        "defaultQuery": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "focusInput": () => Promise<void>;
+        /**
+          * @default []
+         */
+        "items": readonly MultiComboboxItem[];
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default ''
+         */
+        "name": string;
+        /**
+          * @default ''
+         */
+        "placeholder": string;
+        "query"?: string;
+        /**
+          * @default false
+         */
+        "readOnly": boolean;
+        /**
+          * @default false
+         */
+        "required": boolean;
+    }
     interface UiPopover {
         /**
           * @default false
@@ -316,9 +415,9 @@ export namespace Components {
          */
         "for"?: string;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
-        "open": boolean;
+        "open"?: boolean;
         /**
           * @default 'bottom-start'
          */
@@ -326,9 +425,9 @@ export namespace Components {
     }
     interface UiRadio {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
-        "checked": boolean;
+        "checked"?: boolean;
         /**
           * @default false
          */
@@ -402,9 +501,9 @@ export namespace Components {
     }
     interface UiSwitch {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
-        "checked": boolean;
+        "checked"?: boolean;
         /**
           * @default false
          */
@@ -432,9 +531,9 @@ export namespace Components {
          */
         "orientation": 'horizontal' | 'vertical';
         /**
-          * @default ''
+          * Controlled selected tab value. Omit it to use defaultValue and local interaction state.
          */
-        "value": string;
+        "value"?: string;
     }
     interface UiTextarea {
         /**
@@ -480,9 +579,9 @@ export namespace Components {
          */
         "hideDelay": number;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
-        "open": boolean;
+        "open"?: boolean;
         /**
           * @default 'top-start'
          */
@@ -531,11 +630,6 @@ export namespace Components {
           * @default false
          */
         "defaultExpanded": boolean;
-        /**
-          * One-based visual and semantic nesting level.
-          * @default 1
-         */
-        "depth": number;
         /**
           * @default false
          */
@@ -546,7 +640,7 @@ export namespace Components {
          */
         "dragType": string;
         /**
-          * Application hierarchy depth used for drop constraints. Defaults to visual depth.
+          * Application hierarchy depth override used for drop constraints. Defaults to structural nesting.
          */
         "dropDepth"?: number;
         /**
@@ -555,10 +649,9 @@ export namespace Components {
          */
         "dropScope": string;
         /**
-          * Initial controlled expansion value.
-          * @default false
+          * Controlled expansion value. When omitted, `default-expanded` initializes uncontrolled state.
          */
-        "expanded": boolean;
+        "expanded"?: boolean;
         /**
           * Stable application identifier emitted by tree interaction events.
           * @default ''
@@ -579,7 +672,7 @@ export namespace Components {
          */
         "sortable": boolean;
         /**
-          * Deepest descendant distance, used with the tree's max-depth drop constraint.
+          * Virtualized-tree descendant-depth override for the tree's max-depth drop constraint.
          */
         "subtreeDepth"?: number;
     }
@@ -588,6 +681,14 @@ export interface UiComboboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiComboboxElement;
 }
+export interface UiEditableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiEditableElement;
+}
+export interface UiMultiComboboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiMultiComboboxElement;
+}
 export interface UiTooltipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiTooltipElement;
@@ -623,12 +724,30 @@ declare global {
         prototype: HTMLUiButtonElement;
         new (): HTMLUiButtonElement;
     };
+    /**
+     * A static semantic message with a tone-specific icon.
+     */
+    interface HTMLUiCalloutElement extends Components.UiCallout, HTMLStencilElement {
+    }
+    var HTMLUiCalloutElement: {
+        prototype: HTMLUiCalloutElement;
+        new (): HTMLUiCalloutElement;
+    };
     interface HTMLUiCheckboxElement extends Components.UiCheckbox, HTMLStencilElement {
     }
     var HTMLUiCheckboxElement: {
         prototype: HTMLUiCheckboxElement;
         new (): HTMLUiCheckboxElement;
     };
+    /**
+     * A compact, non-interactive metadata label.
+     */
+    interface HTMLUiChipElement extends Components.UiChip, HTMLStencilElement {
+    }
+    var HTMLUiChipElement: {
+        prototype: HTMLUiChipElement;
+        new (): HTMLUiChipElement;
+    };
     interface HTMLUiComboboxElementEventMap {
         "query-change": { query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' };
         "value-change": ComboboxChange;
@@ -673,6 +792,26 @@ declare global {
         prototype: HTMLUiDisclosureElement;
         new (): HTMLUiDisclosureElement;
     };
+    interface HTMLUiEditableElementEventMap {
+        "edit-change": EditableChange;
+    }
+    /**
+     * Swaps an explicit presentation trigger for a focused editing control.
+     */
+    interface HTMLUiEditableElement extends Components.UiEditable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiEditableElementEventMap>(type: K, listener: (this: HTMLUiEditableElement, ev: UiEditableCustomEvent<HTMLUiEditableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLUiEditableElementEventMap>(type: K, listener: (this: HTMLUiEditableElement, ev: UiEditableCustomEvent<HTMLUiEditableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLUiEditableElement: {
+        prototype: HTMLUiEditableElement;
+        new (): HTMLUiEditableElement;
+    };
     interface HTMLUiFloatingActionButtonElement extends Components.UiFloatingActionButton, HTMLStencilElement {
     }
     var HTMLUiFloatingActionButtonElement: {
@@ -709,6 +848,30 @@ declare global {
         prototype: HTMLUiMenuItemElement;
         new (): HTMLUiMenuItemElement;
     };
+    interface HTMLUiMultiComboboxElementEventMap {
+        "query-change": { query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' };
+        "add-item": MultiComboboxItemChange;
+        "remove-item": MultiComboboxItemChange;
+        "create-item": MultiComboboxCreate;
+        "options-change": readonly ComboboxOption[];
+    }
+    /**
+     * A multi-value combobox with removable, customizable selected items.
+     */
+    interface HTMLUiMultiComboboxElement extends Components.UiMultiCombobox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiMultiComboboxElementEventMap>(type: K, listener: (this: HTMLUiMultiComboboxElement, ev: UiMultiComboboxCustomEvent<HTMLUiMultiComboboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLUiMultiComboboxElementEventMap>(type: K, listener: (this: HTMLUiMultiComboboxElement, ev: UiMultiComboboxCustomEvent<HTMLUiMultiComboboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLUiMultiComboboxElement: {
+        prototype: HTMLUiMultiComboboxElement;
+        new (): HTMLUiMultiComboboxElement;
+    };
     interface HTMLUiPopoverElement extends Components.UiPopover, HTMLStencilElement {
     }
     var HTMLUiPopoverElement: {
@@ -811,17 +974,21 @@ declare global {
         "ui-avatar-group": HTMLUiAvatarGroupElement;
         "ui-badge": HTMLUiBadgeElement;
         "ui-button": HTMLUiButtonElement;
+        "ui-callout": HTMLUiCalloutElement;
         "ui-checkbox": HTMLUiCheckboxElement;
+        "ui-chip": HTMLUiChipElement;
         "ui-combobox": HTMLUiComboboxElement;
         "ui-context-menu": HTMLUiContextMenuElement;
         "ui-dialog": HTMLUiDialogElement;
         "ui-disclosure": HTMLUiDisclosureElement;
+        "ui-editable": HTMLUiEditableElement;
         "ui-floating-action-button": HTMLUiFloatingActionButtonElement;
         "ui-form-field": HTMLUiFormFieldElement;
         "ui-icon-button": HTMLUiIconButtonElement;
         "ui-input": HTMLUiInputElement;
         "ui-menu": HTMLUiMenuElement;
         "ui-menu-item": HTMLUiMenuItemElement;
+        "ui-multi-combobox": HTMLUiMultiComboboxElement;
         "ui-popover": HTMLUiPopoverElement;
         "ui-radio": HTMLUiRadioElement;
         "ui-radio-group": HTMLUiRadioGroupElement;
@@ -889,9 +1056,18 @@ declare namespace LocalJSX {
          */
         "variant"?: 'outline' | 'solid' | 'destructive' | 'ghost';
     }
+    /**
+     * A static semantic message with a tone-specific icon.
+     */
+    interface UiCallout {
+        /**
+          * @default 'info'
+         */
+        "tone"?: CalloutTone;
+    }
     interface UiCheckbox {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
         "checked"?: boolean;
         /**
@@ -915,6 +1091,21 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * A compact, non-interactive metadata label.
+     */
+    interface UiChip {
+        /**
+          * `tag` has a square leading edge and an angled trailing edge; `pill` is fully rounded.
+          * @default 'tag'
+         */
+        "appearance"?: 'tag' | 'pill';
+        /**
+          * Compact typography size.
+          * @default 'xs'
+         */
+        "size"?: 'xs' | 'sm';
+    }
     /**
      * A single editable field with contextual suggestions, optional help and field validation.
      */
@@ -951,6 +1142,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
+        /**
+          * Keep the native label accessible while allowing compact composed controls.
+          * @default 'visible'
+         */
+        "labelVisibility"?: 'visible' | 'sr-only';
         /**
           * @default ''
          */
@@ -1024,7 +1220,7 @@ declare namespace LocalJSX {
          */
         "modal"?: boolean;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
     }
@@ -1038,10 +1234,28 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
     }
+    /**
+     * Swaps an explicit presentation trigger for a focused editing control.
+     */
+    interface UiEditable {
+        /**
+          * @default false
+         */
+        "defaultEdit"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Controlled edit state. Omit it to use defaultEdit and local interaction state.
+         */
+        "edit"?: boolean;
+        "onEdit-change"?: (event: UiEditableCustomEvent<EditableChange>) => void;
+    }
     interface UiFloatingActionButton {
         /**
           * @default false
@@ -1122,7 +1336,7 @@ declare namespace LocalJSX {
          */
         "for"?: string;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
         /**
@@ -1141,6 +1355,53 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * A multi-value combobox with removable, customizable selected items.
+     */
+    interface UiMultiCombobox {
+        /**
+          * @default {}
+         */
+        "config"?: ComboboxConfig;
+        /**
+          * @default ''
+         */
+        "defaultQuery"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default []
+         */
+        "items"?: readonly MultiComboboxItem[];
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "onAdd-item"?: (event: UiMultiComboboxCustomEvent<MultiComboboxItemChange>) => void;
+        "onCreate-item"?: (event: UiMultiComboboxCustomEvent<MultiComboboxCreate>) => void;
+        "onOptions-change"?: (event: UiMultiComboboxCustomEvent<readonly ComboboxOption[]>) => void;
+        "onQuery-change"?: (event: UiMultiComboboxCustomEvent<{ query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' }>) => void;
+        "onRemove-item"?: (event: UiMultiComboboxCustomEvent<MultiComboboxItemChange>) => void;
+        /**
+          * @default ''
+         */
+        "placeholder"?: string;
+        "query"?: string;
+        /**
+          * @default false
+         */
+        "readOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+    }
     interface UiPopover {
         /**
           * @default false
@@ -1151,7 +1412,7 @@ declare namespace LocalJSX {
          */
         "for"?: string;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
         /**
@@ -1161,7 +1422,7 @@ declare namespace LocalJSX {
     }
     interface UiRadio {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
         "checked"?: boolean;
         /**
@@ -1237,7 +1498,7 @@ declare namespace LocalJSX {
     }
     interface UiSwitch {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
         "checked"?: boolean;
         /**
@@ -1267,7 +1528,7 @@ declare namespace LocalJSX {
          */
         "orientation"?: 'horizontal' | 'vertical';
         /**
-          * @default ''
+          * Controlled selected tab value. Omit it to use defaultValue and local interaction state.
          */
         "value"?: string;
     }
@@ -1317,7 +1578,7 @@ declare namespace LocalJSX {
         "onClose"?: (event: UiTooltipCustomEvent<{ open: boolean; reason: string; trigger: string }>) => void;
         "onOpen"?: (event: UiTooltipCustomEvent<{ open: boolean; reason: string; trigger: string }>) => void;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
         /**
@@ -1368,11 +1629,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "defaultExpanded"?: boolean;
-        /**
-          * One-based visual and semantic nesting level.
-          * @default 1
-         */
-        "depth"?: number;
         /**
           * @default false
          */
@@ -1383,7 +1639,7 @@ declare namespace LocalJSX {
          */
         "dragType"?: string;
         /**
-          * Application hierarchy depth used for drop constraints. Defaults to visual depth.
+          * Application hierarchy depth override used for drop constraints. Defaults to structural nesting.
          */
         "dropDepth"?: number;
         /**
@@ -1392,8 +1648,7 @@ declare namespace LocalJSX {
          */
         "dropScope"?: string;
         /**
-          * Initial controlled expansion value.
-          * @default false
+          * Controlled expansion value. When omitted, `default-expanded` initializes uncontrolled state.
          */
         "expanded"?: boolean;
         /**
@@ -1416,7 +1671,7 @@ declare namespace LocalJSX {
          */
         "sortable"?: boolean;
         /**
-          * Deepest descendant distance, used with the tree's max-depth drop constraint.
+          * Virtualized-tree descendant-depth override for the tree's max-depth drop constraint.
          */
         "subtreeDepth"?: number;
     }
@@ -1443,6 +1698,9 @@ declare namespace LocalJSX {
         "size": string;
         "disabled": boolean;
     }
+    interface UiCalloutAttributes {
+        "tone": CalloutTone;
+    }
     interface UiCheckboxAttributes {
         "checked": boolean;
         "defaultChecked": boolean;
@@ -1451,6 +1709,10 @@ declare namespace LocalJSX {
         "required": boolean;
         "value": string;
     }
+    interface UiChipAttributes {
+        "appearance": 'tag' | 'pill';
+        "size": 'xs' | 'sm';
+    }
     interface UiComboboxAttributes {
         "label": string;
         "placeholder": string;
@@ -1463,6 +1725,7 @@ declare namespace LocalJSX {
         "readOnly": boolean;
         "required": boolean;
         "size": 'sm' | 'md';
+        "labelVisibility": 'visible' | 'sr-only';
         "disclosure": boolean;
         "clearable": boolean;
         "help": string;
@@ -1484,6 +1747,11 @@ declare namespace LocalJSX {
         "defaultOpen": boolean;
         "disabled": boolean;
     }
+    interface UiEditableAttributes {
+        "edit": boolean;
+        "defaultEdit": boolean;
+        "disabled": boolean;
+    }
     interface UiFloatingActionButtonAttributes {
         "disabled": boolean;
         "mobileOnly": boolean;
@@ -1518,6 +1786,16 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "value": string;
     }
+    interface UiMultiComboboxAttributes {
+        "label": string;
+        "placeholder": string;
+        "query": string;
+        "defaultQuery": string;
+        "disabled": boolean;
+        "readOnly": boolean;
+        "required": boolean;
+        "name": string;
+    }
     interface UiPopoverAttributes {
         "open": boolean;
         "defaultOpen": boolean;
@@ -1590,7 +1868,6 @@ declare namespace LocalJSX {
     interface UiTreeItemAttributes {
         "itemId": string;
         "label": string;
-        "depth": number;
         "dropDepth": number;
         "subtreeDepth": number;
         "container": boolean;
@@ -1610,17 +1887,21 @@ declare namespace LocalJSX {
         "ui-avatar-group": Omit<UiAvatarGroup, keyof UiAvatarGroupAttributes> & { [K in keyof UiAvatarGroup & keyof UiAvatarGroupAttributes]?: UiAvatarGroup[K] } & { [K in keyof UiAvatarGroup & keyof UiAvatarGroupAttributes as `attr:${K}`]?: UiAvatarGroupAttributes[K] } & { [K in keyof UiAvatarGroup & keyof UiAvatarGroupAttributes as `prop:${K}`]?: UiAvatarGroup[K] };
         "ui-badge": Omit<UiBadge, keyof UiBadgeAttributes> & { [K in keyof UiBadge & keyof UiBadgeAttributes]?: UiBadge[K] } & { [K in keyof UiBadge & keyof UiBadgeAttributes as `attr:${K}`]?: UiBadgeAttributes[K] } & { [K in keyof UiBadge & keyof UiBadgeAttributes as `prop:${K}`]?: UiBadge[K] };
         "ui-button": Omit<UiButton, keyof UiButtonAttributes> & { [K in keyof UiButton & keyof UiButtonAttributes]?: UiButton[K] } & { [K in keyof UiButton & keyof UiButtonAttributes as `attr:${K}`]?: UiButtonAttributes[K] } & { [K in keyof UiButton & keyof UiButtonAttributes as `prop:${K}`]?: UiButton[K] };
+        "ui-callout": Omit<UiCallout, keyof UiCalloutAttributes> & { [K in keyof UiCallout & keyof UiCalloutAttributes]?: UiCallout[K] } & { [K in keyof UiCallout & keyof UiCalloutAttributes as `attr:${K}`]?: UiCalloutAttributes[K] } & { [K in keyof UiCallout & keyof UiCalloutAttributes as `prop:${K}`]?: UiCallout[K] };
         "ui-checkbox": Omit<UiCheckbox, keyof UiCheckboxAttributes> & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes]?: UiCheckbox[K] } & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes as `attr:${K}`]?: UiCheckboxAttributes[K] } & { [K in keyof UiCheckbox & keyof UiCheckboxAttributes as `prop:${K}`]?: UiCheckbox[K] };
+        "ui-chip": Omit<UiChip, keyof UiChipAttributes> & { [K in keyof UiChip & keyof UiChipAttributes]?: UiChip[K] } & { [K in keyof UiChip & keyof UiChipAttributes as `attr:${K}`]?: UiChipAttributes[K] } & { [K in keyof UiChip & keyof UiChipAttributes as `prop:${K}`]?: UiChip[K] };
         "ui-combobox": Omit<UiCombobox, keyof UiComboboxAttributes> & { [K in keyof UiCombobox & keyof UiComboboxAttributes]?: UiCombobox[K] } & { [K in keyof UiCombobox & keyof UiComboboxAttributes as `attr:${K}`]?: UiComboboxAttributes[K] } & { [K in keyof UiCombobox & keyof UiComboboxAttributes as `prop:${K}`]?: UiCombobox[K] };
         "ui-context-menu": Omit<UiContextMenu, keyof UiContextMenuAttributes> & { [K in keyof UiContextMenu & keyof UiContextMenuAttributes]?: UiContextMenu[K] } & { [K in keyof UiContextMenu & keyof UiContextMenuAttributes as `attr:${K}`]?: UiContextMenuAttributes[K] } & { [K in keyof UiContextMenu & keyof UiContextMenuAttributes as `prop:${K}`]?: UiContextMenu[K] };
         "ui-dialog": Omit<UiDialog, keyof UiDialogAttributes> & { [K in keyof UiDialog & keyof UiDialogAttributes]?: UiDialog[K] } & { [K in keyof UiDialog & keyof UiDialogAttributes as `attr:${K}`]?: UiDialogAttributes[K] } & { [K in keyof UiDialog & keyof UiDialogAttributes as `prop:${K}`]?: UiDialog[K] };
         "ui-disclosure": Omit<UiDisclosure, keyof UiDisclosureAttributes> & { [K in keyof UiDisclosure & keyof UiDisclosureAttributes]?: UiDisclosure[K] } & { [K in keyof UiDisclosure & keyof UiDisclosureAttributes as `attr:${K}`]?: UiDisclosureAttributes[K] } & { [K in keyof UiDisclosure & keyof UiDisclosureAttributes as `prop:${K}`]?: UiDisclosure[K] };
+        "ui-editable": Omit<UiEditable, keyof UiEditableAttributes> & { [K in keyof UiEditable & keyof UiEditableAttributes]?: UiEditable[K] } & { [K in keyof UiEditable & keyof UiEditableAttributes as `attr:${K}`]?: UiEditableAttributes[K] } & { [K in keyof UiEditable & keyof UiEditableAttributes as `prop:${K}`]?: UiEditable[K] };
         "ui-floating-action-button": Omit<UiFloatingActionButton, keyof UiFloatingActionButtonAttributes> & { [K in keyof UiFloatingActionButton & keyof UiFloatingActionButtonAttributes]?: UiFloatingActionButton[K] } & { [K in keyof UiFloatingActionButton & keyof UiFloatingActionButtonAttributes as `attr:${K}`]?: UiFloatingActionButtonAttributes[K] } & { [K in keyof UiFloatingActionButton & keyof UiFloatingActionButtonAttributes as `prop:${K}`]?: UiFloatingActionButton[K] };
         "ui-form-field": Omit<UiFormField, keyof UiFormFieldAttributes> & { [K in keyof UiFormField & keyof UiFormFieldAttributes]?: UiFormField[K] } & { [K in keyof UiFormField & keyof UiFormFieldAttributes as `attr:${K}`]?: UiFormFieldAttributes[K] } & { [K in keyof UiFormField & keyof UiFormFieldAttributes as `prop:${K}`]?: UiFormField[K] };
         "ui-icon-button": Omit<UiIconButton, keyof UiIconButtonAttributes> & { [K in keyof UiIconButton & keyof UiIconButtonAttributes]?: UiIconButton[K] } & { [K in keyof UiIconButton & keyof UiIconButtonAttributes as `attr:${K}`]?: UiIconButtonAttributes[K] } & { [K in keyof UiIconButton & keyof UiIconButtonAttributes as `prop:${K}`]?: UiIconButton[K] };
         "ui-input": Omit<UiInput, keyof UiInputAttributes> & { [K in keyof UiInput & keyof UiInputAttributes]?: UiInput[K] } & { [K in keyof UiInput & keyof UiInputAttributes as `attr:${K}`]?: UiInputAttributes[K] } & { [K in keyof UiInput & keyof UiInputAttributes as `prop:${K}`]?: UiInput[K] };
         "ui-menu": Omit<UiMenu, keyof UiMenuAttributes> & { [K in keyof UiMenu & keyof UiMenuAttributes]?: UiMenu[K] } & { [K in keyof UiMenu & keyof UiMenuAttributes as `attr:${K}`]?: UiMenuAttributes[K] } & { [K in keyof UiMenu & keyof UiMenuAttributes as `prop:${K}`]?: UiMenu[K] };
         "ui-menu-item": Omit<UiMenuItem, keyof UiMenuItemAttributes> & { [K in keyof UiMenuItem & keyof UiMenuItemAttributes]?: UiMenuItem[K] } & { [K in keyof UiMenuItem & keyof UiMenuItemAttributes as `attr:${K}`]?: UiMenuItemAttributes[K] } & { [K in keyof UiMenuItem & keyof UiMenuItemAttributes as `prop:${K}`]?: UiMenuItem[K] };
+        "ui-multi-combobox": Omit<UiMultiCombobox, keyof UiMultiComboboxAttributes> & { [K in keyof UiMultiCombobox & keyof UiMultiComboboxAttributes]?: UiMultiCombobox[K] } & { [K in keyof UiMultiCombobox & keyof UiMultiComboboxAttributes as `attr:${K}`]?: UiMultiComboboxAttributes[K] } & { [K in keyof UiMultiCombobox & keyof UiMultiComboboxAttributes as `prop:${K}`]?: UiMultiCombobox[K] };
         "ui-popover": Omit<UiPopover, keyof UiPopoverAttributes> & { [K in keyof UiPopover & keyof UiPopoverAttributes]?: UiPopover[K] } & { [K in keyof UiPopover & keyof UiPopoverAttributes as `attr:${K}`]?: UiPopoverAttributes[K] } & { [K in keyof UiPopover & keyof UiPopoverAttributes as `prop:${K}`]?: UiPopover[K] };
         "ui-radio": Omit<UiRadio, keyof UiRadioAttributes> & { [K in keyof UiRadio & keyof UiRadioAttributes]?: UiRadio[K] } & { [K in keyof UiRadio & keyof UiRadioAttributes as `attr:${K}`]?: UiRadioAttributes[K] } & { [K in keyof UiRadio & keyof UiRadioAttributes as `prop:${K}`]?: UiRadio[K] };
         "ui-radio-group": Omit<UiRadioGroup, keyof UiRadioGroupAttributes> & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes]?: UiRadioGroup[K] } & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes as `attr:${K}`]?: UiRadioGroupAttributes[K] } & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes as `prop:${K}`]?: UiRadioGroup[K] };
@@ -1646,7 +1927,15 @@ declare module "@stencil/core" {
             "ui-avatar-group": LocalJSX.IntrinsicElements["ui-avatar-group"] & JSXBase.HTMLAttributes<HTMLUiAvatarGroupElement>;
             "ui-badge": LocalJSX.IntrinsicElements["ui-badge"] & JSXBase.HTMLAttributes<HTMLUiBadgeElement>;
             "ui-button": LocalJSX.IntrinsicElements["ui-button"] & JSXBase.HTMLAttributes<HTMLUiButtonElement>;
+            /**
+             * A static semantic message with a tone-specific icon.
+             */
+            "ui-callout": LocalJSX.IntrinsicElements["ui-callout"] & JSXBase.HTMLAttributes<HTMLUiCalloutElement>;
             "ui-checkbox": LocalJSX.IntrinsicElements["ui-checkbox"] & JSXBase.HTMLAttributes<HTMLUiCheckboxElement>;
+            /**
+             * A compact, non-interactive metadata label.
+             */
+            "ui-chip": LocalJSX.IntrinsicElements["ui-chip"] & JSXBase.HTMLAttributes<HTMLUiChipElement>;
             /**
              * A single editable field with contextual suggestions, optional help and field validation.
              */
@@ -1654,12 +1943,20 @@ declare module "@stencil/core" {
             "ui-context-menu": LocalJSX.IntrinsicElements["ui-context-menu"] & JSXBase.HTMLAttributes<HTMLUiContextMenuElement>;
             "ui-dialog": LocalJSX.IntrinsicElements["ui-dialog"] & JSXBase.HTMLAttributes<HTMLUiDialogElement>;
             "ui-disclosure": LocalJSX.IntrinsicElements["ui-disclosure"] & JSXBase.HTMLAttributes<HTMLUiDisclosureElement>;
+            /**
+             * Swaps an explicit presentation trigger for a focused editing control.
+             */
+            "ui-editable": LocalJSX.IntrinsicElements["ui-editable"] & JSXBase.HTMLAttributes<HTMLUiEditableElement>;
             "ui-floating-action-button": LocalJSX.IntrinsicElements["ui-floating-action-button"] & JSXBase.HTMLAttributes<HTMLUiFloatingActionButtonElement>;
             "ui-form-field": LocalJSX.IntrinsicElements["ui-form-field"] & JSXBase.HTMLAttributes<HTMLUiFormFieldElement>;
             "ui-icon-button": LocalJSX.IntrinsicElements["ui-icon-button"] & JSXBase.HTMLAttributes<HTMLUiIconButtonElement>;
             "ui-input": LocalJSX.IntrinsicElements["ui-input"] & JSXBase.HTMLAttributes<HTMLUiInputElement>;
             "ui-menu": LocalJSX.IntrinsicElements["ui-menu"] & JSXBase.HTMLAttributes<HTMLUiMenuElement>;
             "ui-menu-item": LocalJSX.IntrinsicElements["ui-menu-item"] & JSXBase.HTMLAttributes<HTMLUiMenuItemElement>;
+            /**
+             * A multi-value combobox with removable, customizable selected items.
+             */
+            "ui-multi-combobox": LocalJSX.IntrinsicElements["ui-multi-combobox"] & JSXBase.HTMLAttributes<HTMLUiMultiComboboxElement>;
             "ui-popover": LocalJSX.IntrinsicElements["ui-popover"] & JSXBase.HTMLAttributes<HTMLUiPopoverElement>;
             "ui-radio": LocalJSX.IntrinsicElements["ui-radio"] & JSXBase.HTMLAttributes<HTMLUiRadioElement>;
             "ui-radio-group": LocalJSX.IntrinsicElements["ui-radio-group"] & JSXBase.HTMLAttributes<HTMLUiRadioGroupElement>;