@threadlabs/looma 0.1.22 → 0.1.24

package/dist/types/components.d.ts

@@ -5,7 +5,11 @@
  * 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 { AnchoredPlacement } from "./overlay/positioning";
+export { CalloutTone } from "./components/ui-callout/ui-callout";
+export { ComboboxChange, ComboboxConfig, ComboboxOption, ComboboxValidationState } from "./field/combobox";
 export { AnchoredPlacement } from "./overlay/positioning";
 export namespace Components {
     interface UiAffordanceScope {
@@ -58,11 +62,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
          */
@@ -84,6 +97,85 @@ 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';
+    }
+    /**
+     * A single editable field with contextual suggestions, optional help and field validation.
+     */
+    interface UiCombobox {
+        /**
+          * @default false
+         */
+        "clearable": boolean;
+        /**
+          * Immutable configuration; replace the object/context when dependencies change.
+          * @default {}
+         */
+        "config": ComboboxConfig;
+        /**
+          * @default ''
+         */
+        "defaultQuery": string;
+        "defaultValue"?: string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "disclosure": boolean;
+        /**
+          * Optional description shown by the connected question-mark button.
+          * @default ''
+         */
+        "help": string;
+        /**
+          * Accessible visible label, associated with the native text input.
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default ''
+         */
+        "name": string;
+        /**
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * Controlled raw editing text; independent of canonical selection.
+         */
+        "query"?: string;
+        /**
+          * @default false
+         */
+        "readOnly": boolean;
+        /**
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * @default 'md'
+         */
+        "size": 'sm' | 'md';
+        /**
+          * Validate for submission. Caller submits only non-pending, non-error output.
+         */
+        "validate": () => Promise<ComboboxValidationState>;
+        /**
+          * Controlled canonical value. Undefined selects uncontrolled mode; null means no selection.
+         */
+        "value"?: string | null;
+    }
     interface UiContextMenu {
         /**
           * Opens the menu on first client render.
@@ -118,9 +210,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 {
         /**
@@ -132,9 +224,9 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
-        "open": boolean;
+        "open"?: boolean;
     }
     interface UiFloatingActionButton {
         /**
@@ -204,10 +296,7 @@ export namespace Components {
           * @default false
          */
         "readOnly": boolean;
-        /**
-          * @default ''
-         */
-        "value": string;
+        "value"?: string;
     }
     interface UiMenu {
         /**
@@ -219,9 +308,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'
@@ -248,9 +337,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'
          */
@@ -258,9 +347,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
          */
@@ -317,10 +406,7 @@ export namespace Components {
     interface UiSearchShell {
     }
     interface UiSelect {
-        /**
-          * @default ''
-         */
-        "defaultValue": string;
+        "defaultValue"?: string;
         /**
           * @default false
          */
@@ -333,16 +419,13 @@ export namespace Components {
           * @default false
          */
         "required": boolean;
-        /**
-          * @default ''
-         */
-        "value": string;
+        "value"?: string;
     }
     interface UiSwitch {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
-        "checked": boolean;
+        "checked"?: boolean;
         /**
           * @default false
          */
@@ -370,9 +453,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 {
         /**
@@ -395,10 +478,7 @@ export namespace Components {
           * @default 4
          */
         "rows": number;
-        /**
-          * @default ''
-         */
-        "value": string;
+        "value"?: string;
     }
     interface UiToastRegion {
         /**
@@ -421,9 +501,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'
          */
@@ -433,6 +513,11 @@ export namespace Components {
           * @default 500
          */
         "showDelay": number;
+        /**
+          * Click or tap pins the description; activate again to dismiss.
+          * @default false
+         */
+        "toggleOnClick": boolean;
     }
     interface UiTopBar {
     }
@@ -445,6 +530,11 @@ export namespace Components {
           * @default 'Tree'
          */
         "label": string;
+        /**
+          * Maximum resulting item depth accepted by pointer reordering. Zero is unlimited.
+          * @default 0
+         */
+        "maxDepth": number;
     }
     interface UiTreeItem {
         /**
@@ -462,11 +552,6 @@ export namespace Components {
           * @default false
          */
         "defaultExpanded": boolean;
-        /**
-          * One-based visual and semantic nesting level.
-          * @default 1
-         */
-        "depth": number;
         /**
           * @default false
          */
@@ -476,16 +561,19 @@ export namespace Components {
           * @default 'item'
          */
         "dragType": string;
+        /**
+          * Application hierarchy depth override used for drop constraints. Defaults to structural nesting.
+         */
+        "dropDepth"?: number;
         /**
           * Application-defined parent/list identity included with reorder events.
           * @default ''
          */
         "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 ''
@@ -505,8 +593,20 @@ export namespace Components {
           * @default false
          */
         "sortable": boolean;
+        /**
+          * Virtualized-tree descendant-depth override for the tree's max-depth drop constraint.
+         */
+        "subtreeDepth"?: number;
     }
 }
+export interface UiComboboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiComboboxElement;
+}
+export interface UiTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUiTooltipElement;
+}
 declare global {
     interface HTMLUiAffordanceScopeElement extends Components.UiAffordanceScope, HTMLStencilElement {
     }
@@ -538,12 +638,56 @@ 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;
+        "free-entry": ComboboxChange;
+        "create-entry": ComboboxChange;
+        "dependency-invalidate": ComboboxChange;
+        "validation-change": ComboboxValidationState;
+        "options-change": readonly ComboboxOption[];
+    }
+    /**
+     * A single editable field with contextual suggestions, optional help and field validation.
+     */
+    interface HTMLUiComboboxElement extends Components.UiCombobox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiComboboxElementEventMap>(type: K, listener: (this: HTMLUiComboboxElement, ev: UiComboboxCustomEvent<HTMLUiComboboxElementEventMap[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 HTMLUiComboboxElementEventMap>(type: K, listener: (this: HTMLUiComboboxElement, ev: UiComboboxCustomEvent<HTMLUiComboboxElementEventMap[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 HTMLUiComboboxElement: {
+        prototype: HTMLUiComboboxElement;
+        new (): HTMLUiComboboxElement;
+    };
     interface HTMLUiContextMenuElement extends Components.UiContextMenu, HTMLStencilElement {
     }
     var HTMLUiContextMenuElement: {
@@ -658,7 +802,19 @@ declare global {
         prototype: HTMLUiToastRegionElement;
         new (): HTMLUiToastRegionElement;
     };
+    interface HTMLUiTooltipElementEventMap {
+        "open": { open: boolean; reason: string; trigger: string };
+        "close": { open: boolean; reason: string; trigger: string };
+    }
     interface HTMLUiTooltipElement extends Components.UiTooltip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUiTooltipElementEventMap>(type: K, listener: (this: HTMLUiTooltipElement, ev: UiTooltipCustomEvent<HTMLUiTooltipElementEventMap[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 HTMLUiTooltipElementEventMap>(type: K, listener: (this: HTMLUiTooltipElement, ev: UiTooltipCustomEvent<HTMLUiTooltipElementEventMap[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 HTMLUiTooltipElement: {
         prototype: HTMLUiTooltipElement;
@@ -688,7 +844,10 @@ 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;
@@ -765,9 +924,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;
         /**
@@ -791,6 +959,91 @@ 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';
+    }
+    /**
+     * A single editable field with contextual suggestions, optional help and field validation.
+     */
+    interface UiCombobox {
+        /**
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * Immutable configuration; replace the object/context when dependencies change.
+          * @default {}
+         */
+        "config"?: ComboboxConfig;
+        /**
+          * @default ''
+         */
+        "defaultQuery"?: string;
+        "defaultValue"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "disclosure"?: boolean;
+        /**
+          * Optional description shown by the connected question-mark button.
+          * @default ''
+         */
+        "help"?: string;
+        /**
+          * Accessible visible label, associated with the native text input.
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "onCreate-entry"?: (event: UiComboboxCustomEvent<ComboboxChange>) => void;
+        "onDependency-invalidate"?: (event: UiComboboxCustomEvent<ComboboxChange>) => void;
+        "onFree-entry"?: (event: UiComboboxCustomEvent<ComboboxChange>) => void;
+        /**
+          * Supplies the current result rows for framework-owned rich slots.
+         */
+        "onOptions-change"?: (event: UiComboboxCustomEvent<readonly ComboboxOption[]>) => void;
+        "onQuery-change"?: (event: UiComboboxCustomEvent<{ query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' }>) => void;
+        "onValidation-change"?: (event: UiComboboxCustomEvent<ComboboxValidationState>) => void;
+        "onValue-change"?: (event: UiComboboxCustomEvent<ComboboxChange>) => void;
+        /**
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * Controlled raw editing text; independent of canonical selection.
+         */
+        "query"?: string;
+        /**
+          * @default false
+         */
+        "readOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md';
+        /**
+          * Controlled canonical value. Undefined selects uncontrolled mode; null means no selection.
+         */
+        "value"?: string | null;
+    }
     interface UiContextMenu {
         /**
           * Opens the menu on first client render.
@@ -825,7 +1078,7 @@ declare namespace LocalJSX {
          */
         "modal"?: boolean;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
     }
@@ -839,7 +1092,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
     }
@@ -911,9 +1164,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "readOnly"?: boolean;
-        /**
-          * @default ''
-         */
         "value"?: string;
     }
     interface UiMenu {
@@ -926,7 +1176,7 @@ declare namespace LocalJSX {
          */
         "for"?: string;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
         /**
@@ -955,7 +1205,7 @@ declare namespace LocalJSX {
          */
         "for"?: string;
         /**
-          * @default false
+          * Controlled open state. Omit it to use defaultOpen and local interaction state.
          */
         "open"?: boolean;
         /**
@@ -965,7 +1215,7 @@ declare namespace LocalJSX {
     }
     interface UiRadio {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
         "checked"?: boolean;
         /**
@@ -1024,9 +1274,6 @@ declare namespace LocalJSX {
     interface UiSearchShell {
     }
     interface UiSelect {
-        /**
-          * @default ''
-         */
         "defaultValue"?: string;
         /**
           * @default false
@@ -1040,14 +1287,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "required"?: boolean;
-        /**
-          * @default ''
-         */
         "value"?: string;
     }
     interface UiSwitch {
         /**
-          * @default false
+          * Controlled checked state. Omit it to use defaultChecked and local interaction state.
          */
         "checked"?: boolean;
         /**
@@ -1077,7 +1321,7 @@ declare namespace LocalJSX {
          */
         "orientation"?: 'horizontal' | 'vertical';
         /**
-          * @default ''
+          * Controlled selected tab value. Omit it to use defaultValue and local interaction state.
          */
         "value"?: string;
     }
@@ -1102,9 +1346,6 @@ declare namespace LocalJSX {
           * @default 4
          */
         "rows"?: number;
-        /**
-          * @default ''
-         */
         "value"?: string;
     }
     interface UiToastRegion {
@@ -1127,8 +1368,10 @@ declare namespace LocalJSX {
           * @default 100
          */
         "hideDelay"?: number;
+        "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;
         /**
@@ -1140,6 +1383,11 @@ declare namespace LocalJSX {
           * @default 500
          */
         "showDelay"?: number;
+        /**
+          * Click or tap pins the description; activate again to dismiss.
+          * @default false
+         */
+        "toggleOnClick"?: boolean;
     }
     interface UiTopBar {
     }
@@ -1152,6 +1400,11 @@ declare namespace LocalJSX {
           * @default 'Tree'
          */
         "label"?: string;
+        /**
+          * Maximum resulting item depth accepted by pointer reordering. Zero is unlimited.
+          * @default 0
+         */
+        "maxDepth"?: number;
     }
     interface UiTreeItem {
         /**
@@ -1169,11 +1422,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "defaultExpanded"?: boolean;
-        /**
-          * One-based visual and semantic nesting level.
-          * @default 1
-         */
-        "depth"?: number;
         /**
           * @default false
          */
@@ -1183,14 +1431,17 @@ declare namespace LocalJSX {
           * @default 'item'
          */
         "dragType"?: string;
+        /**
+          * Application hierarchy depth override used for drop constraints. Defaults to structural nesting.
+         */
+        "dropDepth"?: number;
         /**
           * Application-defined parent/list identity included with reorder events.
           * @default ''
          */
         "dropScope"?: string;
         /**
-          * Initial controlled expansion value.
-          * @default false
+          * Controlled expansion value. When omitted, `default-expanded` initializes uncontrolled state.
          */
         "expanded"?: boolean;
         /**
@@ -1212,6 +1463,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "sortable"?: boolean;
+        /**
+          * Virtualized-tree descendant-depth override for the tree's max-depth drop constraint.
+         */
+        "subtreeDepth"?: number;
     }
 
     interface UiAffordanceScopeAttributes {
@@ -1236,6 +1491,9 @@ declare namespace LocalJSX {
         "size": string;
         "disabled": boolean;
     }
+    interface UiCalloutAttributes {
+        "tone": CalloutTone;
+    }
     interface UiCheckboxAttributes {
         "checked": boolean;
         "defaultChecked": boolean;
@@ -1244,6 +1502,25 @@ declare namespace LocalJSX {
         "required": boolean;
         "value": string;
     }
+    interface UiChipAttributes {
+        "appearance": 'tag' | 'pill';
+    }
+    interface UiComboboxAttributes {
+        "label": string;
+        "placeholder": string;
+        "name": string;
+        "value": string | null;
+        "defaultValue": string;
+        "query": string;
+        "defaultQuery": string;
+        "disabled": boolean;
+        "readOnly": boolean;
+        "required": boolean;
+        "size": 'sm' | 'md';
+        "disclosure": boolean;
+        "clearable": boolean;
+        "help": string;
+    }
     interface UiContextMenuAttributes {
         "open": boolean;
         "defaultOpen": boolean;
@@ -1357,15 +1634,18 @@ declare namespace LocalJSX {
         "placement": AnchoredPlacement;
         "showDelay": number;
         "hideDelay": number;
+        "toggleOnClick": boolean;
     }
     interface UiTreeAttributes {
         "label": string;
         "hoverExpandDelay": number;
+        "maxDepth": number;
     }
     interface UiTreeItemAttributes {
         "itemId": string;
         "label": string;
-        "depth": number;
+        "dropDepth": number;
+        "subtreeDepth": number;
         "container": boolean;
         "sortable": boolean;
         "dragType": string;
@@ -1383,7 +1663,10 @@ 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] };
@@ -1418,7 +1701,19 @@ 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.
+             */
+            "ui-combobox": LocalJSX.IntrinsicElements["ui-combobox"] & JSXBase.HTMLAttributes<HTMLUiComboboxElement>;
             "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>;