@duyluonganduin/acl-web-components 0.0.69 → 0.0.71

package/dist/jsx.d.ts

@@ -104,8 +104,11 @@ declare module 'react' {
 
       // ── anduin-dot ────────────────────────────────────────────────────────
       'anduin-dot': Base & {
-        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
+        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning' | 'purple', or a tag custom color
+         *  ('customBlue', …)  (default: 'gray') */
         variant?: string
+        /** Colors the dot from an ID, as an avatar is: the same ID always gets the same color. Wins over variant */
+        uid?: string
       }
 
       // ── anduin-progress ───────────────────────────────────────────────────
@@ -247,29 +250,94 @@ declare module 'react' {
 
       // ── anduin-popover ────────────────────────────────────────────────────
       'anduin-popover': Base & {
-        /** Whether the panel is open (default: false) */
+        /** Whether the panel is open (default: false). Design: `open="false"` is closed. */
         open?: boolean | string
-        /** 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end'  (default: 'bottom-start') */
+        /** Old API: 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end'. With design parts: 'top|bottom|left|right' + '-start|-center|-end' (default: 'bottom-start') */
         placement?: string
-        /** Make trigger span the host's full width (default: false). Panel width is independent — customize via `--popover-min-width`, `--popover-max-width`, `--popover-max-height` */
+        /** Make trigger span the host's full width (old API). Panel width is independent — customize via `--popover-min-width`, `--popover-max-width`, `--popover-max-height` */
         'full-width'?: boolean | string
+        /** Design: start open (uncontrolled) */
+        'default-open'?: boolean | string
+        /** Design: the trigger does nothing; closes if open */
+        disabled?: boolean | string
+        /** Design: px shift after placement */
+        'offset-x'?: number | string
+        'offset-y'?: number | string
+        /** Design: default true */
+        'close-on-escape'?: boolean | string
+        /** Design: default true */
+        'close-on-click-outside'?: boolean | string
+        /** Old event — detail: the new open state */
+        'onanduin-popover:open-change'?: (e: CustomEvent<boolean>) => void
+        'onanduin-popover-open-change'?: (e: CustomEvent<{ value: boolean }>) => void
+        'onanduin-popover-on-open'?: (e: CustomEvent<{ value: undefined }>) => void
+        'onanduin-popover-on-close'?: (e: CustomEvent<{ value: undefined }>) => void
       }
+      'anduin-popover-trigger': Base
+      'anduin-popover-content': Base & {
+        /** Move focus inside on open (default true) */
+        'auto-focus'?: boolean | string
+        /** aria-modal="true" on the dialog */
+        modal?: boolean | string
+        /** Accessible name (defaults to the anduin-popover-title text) */
+        label?: string
+      }
+      'anduin-popover-title': Base
 
       // ── anduin-menu ───────────────────────────────────────────────────────
       'anduin-menu': Base & {
-        /** Whether the menu is open (default: false) */
+        /** Whether the menu is open (default: false). Design: `open="false"` is closed. */
         open?: boolean | string
-        /** 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end'  (default: 'bottom-start') */
+        /** Old API: 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end'. With design parts: the 12 design placements (default: 'bottom-start') */
+        placement?: string
+        'default-open'?: boolean | string
+        disabled?: boolean | string
+        'offset-x'?: number | string
+        'offset-y'?: number | string
+        'onanduin-menu-open-change'?: (e: CustomEvent<{ value: boolean }>) => void
+      }
+      'anduin-menu-trigger': Base
+      'anduin-menu-content': Base & {
+        /** Accessible name (defaults to the trigger's text) */
+        label?: string
+        /** Render inline without trigger/popup (e.g. inside a popover) */
+        standalone?: boolean | string
+      }
+      'anduin-menu-group': Base
+      'anduin-menu-label': Base
+      'anduin-menu-separator': Base
+      'anduin-menu-sub': Base & {
+        /** default 'right-start' */
         placement?: string
       }
+      'anduin-menu-sub-trigger': Base & {
+        'start-icon'?: string
+        inset?: boolean | string
+        disabled?: boolean | string
+      }
+      'anduin-menu-sub-content': Base
 
       // ── anduin-menu-item ──────────────────────────────────────────────────
       'anduin-menu-item': Base & {
-        /** anduin-icon name shown before the label */
+        /** anduin-icon name shown before the label (old API; same as start-icon) */
         icon?: string
-        /** 'default' | 'danger'  (default: 'default') */
-        variant?: 'default' | 'danger'
+        'start-icon'?: string
+        /** 'default' | 'gray' | 'danger'  (default: 'default') */
+        variant?: 'default' | 'gray' | 'danger'
         disabled?: boolean | string
+        /** Present = checkable item with a check; "false" = unchecked */
+        checked?: boolean | string
+        radio?: boolean | string
+        inset?: boolean | string
+        loading?: boolean | string
+        href?: string
+        'open-new-tab'?: boolean | string
+        /** 'medium' | 'free' */
+        size?: 'medium' | 'free'
+        description?: string
+        label?: string
+        'onanduin-menu-item-selected'?: (e: CustomEvent<{ value: true }>) => void
+        'onanduin-menu-item:click'?: (e: CustomEvent<void>) => void
       }
 
       // ── anduin-tabs ───────────────────────────────────────────────────────
@@ -311,8 +379,14 @@ declare module 'react' {
       'anduin-tag': Base & {
         /** See TagVariant in anduin-tag.ts for all accepted values (default: 'gray') */
         variant?: string
+        /** 'filled' | 'outlined'  (default: 'filled'). Outlined: transparent, drawn by a border */
+        appearance?: 'filled' | 'outlined'
         /** anduin-icon name shown before the label */
         icon?: string
+        /** Colors `icon` (never adds one): a dot color ('purple', 'customBlue', …) or an ID marked 'uid:<id>' */
+        'icon-color'?: string
+        /** Colors the icon from an ID (design-repo name); wins over icon-color */
+        'icon-color-uid'?: string
         disabled?: boolean | string
       }
 
@@ -425,10 +499,16 @@ declare module 'react' {
         alt?: string
         /** anduin-icon name to show instead of initials */
         icon?: string
-        /** 16 | 20 | 24 | 32  (default: 32) */
-        size?: 16 | 20 | 24 | 32 | string
-        /** 'circle' | 'rounded'  (default: 'circle') */
-        shape?: 'circle' | 'rounded'
+        /** 16 | 20 | 24 | 32 | 40, or design names 'small' | 'medium' | 'large' | 'extraLarge'  (default: 32 / 'large') */
+        size?: 16 | 20 | 24 | 32 | 40 | 'small' | 'medium' | 'large' | 'extraLarge' | string
+        /** 'circle' | 'rounded' | 'square' ('square' = 'rounded')  (default: 'circle') */
+        shape?: 'circle' | 'rounded' | 'square'
+        /** Design API: colour seed. Setting uid or value switches to the design behaviour. '' = inactive (shows children), 'anduin' = Anduin logo */
+        uid?: string
+        /** Design API: full name; initials are the first letters of the first two words */
+        value?: string
+        /** Design API: accessible name (replaces value) */
+        label?: string
       }
 
       // ── anduin-toast ──────────────────────────────────────────────────────
@@ -485,6 +565,20 @@ declare module 'react' {
         onChange?: (e: CustomEvent<boolean>) => void
       }
 
+      // ── anduin-switch (design-repo name) ──────────────────────────────────
+      'anduin-switch': Base & {
+        /** Controlled state; setting it makes clicks only request a change */
+        checked?: boolean | string
+        /** Initial state when uncontrolled */
+        'default-checked'?: boolean | string
+        /** Disables interaction ("false" reads as false) */
+        disabled?: boolean | string
+        /** Accessible name (an enclosing field's label otherwise) */
+        label?: string
+        /** Fired on toggle — detail: { value: boolean } */
+        'onanduin-switch-checked-change'?: (e: CustomEvent<{ value: boolean }>) => void
+      }
+
       // ── anduin-drawer ─────────────────────────────────────────────────────
       'anduin-drawer': Base & {
         /** Whether the drawer is open */
@@ -804,6 +898,388 @@ declare module 'react' {
         /** Drag a column edge to resize; on by default. Pass "false" to disable. */
         'resizable-columns'?: string
       }
+
+      // ── anduin-navigation-bar (design-repo name) ──────────────────────────
+      'anduin-navigation-bar': Base & {
+        /** Controlled selected value; clicks only request a change */
+        value?: string
+        /** Selected value when uncontrolled (kept in sync on click). Neither set → first item */
+        'default-value'?: string
+        /** 'light' | 'dark' (fixed dark surface) | 'custom' (reads --anduin-navigation-bar-* colors)  (default: 'light') */
+        theme?: 'light' | 'dark' | 'custom'
+        /** Fired on every item activation (also the selected one) — detail: { value: string } */
+        'onanduin-navigation-bar-value-change'?: (e: CustomEvent<{ value: string }>) => void
+      }
+
+      // ── anduin-navigation-bar-item (design-repo name) ─────────────────────
+      'anduin-navigation-bar-item': Base & {
+        /** Value reported to the bar */
+        value?: string
+        /** Renders a native <a> instead of a <button> */
+        href?: string
+        /** With href: target="_blank" rel="noreferrer noopener" ("false" reads as false) */
+        'open-new-tab'?: boolean | string
+        /** Overrides the bar's selection for this item ("false" reads as false; absent → follow the bar) */
+        selected?: boolean | string
+        /** anduin-icon name shown before the label (camelCase, e.g. "folderClose") */
+        'start-icon'?: string
+        /** Dimmed and inert ("false" reads as false) */
+        disabled?: boolean | string
+      }
+
+      // ── anduin-clipboard ──────────────────────────────────────────────────
+      'anduin-clipboard': Base & {
+        /** The text to copy (read at click time) */
+        value?: string
+        /** What the value is ("Invoice number"): names icon-only triggers and the announcement */
+        label?: string
+      }
+
+      // ── anduin-clipboard-trigger ──────────────────────────────────────────
+      'anduin-clipboard-trigger': Base
+
+      // ── anduin-clipboard-indicator ────────────────────────────────────────
+      'anduin-clipboard-indicator': Base & {
+        /** 'plain' (32×32 icon button, default) | 'text' (bare inline icon) */
+        appearance?: 'plain' | 'text'
+      }
+
+      // ── anduin-collapsible ────────────────────────────────────────────────
+      'anduin-collapsible': Base & {
+        /** Controlled open state; setting it makes clicks only request a change */
+        open?: boolean | string
+        /** Initial state when uncontrolled */
+        'default-open'?: boolean | string
+        /** Ignores the trigger ("false" reads as false) */
+        disabled?: boolean | string
+        /** 'vertical' (animates height, default) | 'horizontal' (animates width) */
+        direction?: 'vertical' | 'horizontal'
+        /** 'off', or a duration such as '400ms' (default 150ms) */
+        animation?: string
+        /** Fired on trigger click (does not bubble) — detail: { value: boolean } */
+        'onanduin-collapsible-open-change'?: (e: CustomEvent<{ value: boolean }>) => void
+      }
+
+      // ── anduin-collapsible-trigger ────────────────────────────────────────
+      'anduin-collapsible-trigger': Base
+
+      // ── anduin-collapsible-content ────────────────────────────────────────
+      'anduin-collapsible-content': Base
+
+      // ── anduin-collapsible-icon ───────────────────────────────────────────
+      'anduin-collapsible-icon': Base & {
+        /** Degrees the icon turns to when open; negative = counterclockwise (default 90) */
+        rotation?: number | string
+      }
+
+      // ── anduin-truncated (design-repo name) ───────────────────────────────
+      'anduin-truncated': Base & {
+        /** Lines before clipping; absent = single-line ellipsis. Non-positive/invalid = 1 */
+        'line-clamp'?: number | string
+        /** Tooltip text override; absent = the content's normalized text */
+        tooltip?: string
+      }
+
+      // ── anduin-non-ideal-state (design-repo name) ─────────────────────────
+      'anduin-non-ideal-state': Base
+      'anduin-non-ideal-state-icon': Base
+      'anduin-non-ideal-state-title': Base & {
+        /** 1–6, anything else = 2  (default: 2) */
+        'heading-level'?: number | string
+      }
+      'anduin-non-ideal-state-description': Base
+      'anduin-non-ideal-state-action': Base
+
+      // ── anduin-avatar-block (design-repo name) ────────────────────────────
+      'anduin-avatar-block': Base & {
+        /** Avatar colour seed; '' = inactive avatar, 'anduin' = Anduin logo */
+        uid?: string
+        /** Full name: displayed name + avatar initials */
+        value?: string
+        /** Email under the name with a copy button; empty = no email row */
+        email?: string
+        /** 'circle' | 'square'  (default: 'circle') */
+        shape?: 'circle' | 'square'
+        /** 'small' | 'medium' | 'large' | 'extraLarge'  (default: 'large') */
+        size?: 'small' | 'medium' | 'large' | 'extraLarge'
+      }
+
+      // ── anduin-dialog ─────────────────────────────────────────────────────
+      'anduin-dialog': Base & {
+        /** Controlled open state ("true" | "false"); omit for uncontrolled */
+        open?: boolean | string
+        /** Uncontrolled: start open */
+        'default-open'?: boolean | string
+        /** Escape closes the topmost dialog (default true; "false" disables) */
+        'close-on-escape'?: boolean | string
+        /** Overlay click closes (default true, false for an `alert` content); "false" shakes instead */
+        'close-on-click-outside'?: boolean | string
+        /** Controlled: open/close requested — detail: { value: boolean } (does not bubble) */
+        'onanduin-dialog-open-change'?: (e: CustomEvent<{ value: boolean }>) => void
+        /** Became visible — detail: { value: undefined } */
+        'onanduin-dialog-on-open'?: (e: CustomEvent<{ value: undefined }>) => void
+        /** Became hidden — detail: { value: undefined } */
+        'onanduin-dialog-on-close'?: (e: CustomEvent<{ value: undefined }>) => void
+      }
+
+      // ── anduin-dialog-trigger ─────────────────────────────────────────────
+      'anduin-dialog-trigger': Base
+
+      // ── anduin-dialog-content ─────────────────────────────────────────────
+      'anduin-dialog-content': Base & {
+        /** 'small' (480) | 'medium' (720) | 'large' (960) | 'extraLarge' (1160) | 'full' | 'fitContent', or any CSS width (default 480px) */
+        width?: 'small' | 'medium' | 'large' | 'extraLarge' | 'full' | 'fitContent' | string
+        /** 'fill' (75vh) or any CSS height; omit to fit content */
+        height?: 'fill' | string
+        /** Move focus into the dialog on open (default true) */
+        'auto-focus'?: boolean | string
+        /** Alert dialog: role="alertdialog", focus on the first anduin-dialog-close, overlay click ignored */
+        alert?: boolean | string
+      }
+
+      // ── anduin-dialog-header ──────────────────────────────────────────────
+      'anduin-dialog-header': Base & {
+        /** Line below the header */
+        divider?: boolean | string
+      }
+
+      // ── anduin-dialog-title ───────────────────────────────────────────────
+      'anduin-dialog-title': Base & {
+        /** Built-in × button (default true; "false" hides it) */
+        'show-close-button'?: boolean | string
+      }
+
+      // ── anduin-dialog-description ─────────────────────────────────────────
+      'anduin-dialog-description': Base
+
+      // ── anduin-dialog-body ────────────────────────────────────────────────
+      'anduin-dialog-body': Base & {
+        /** Remove the 16px 24px padding */
+        flush?: boolean | string
+      }
+
+      // ── anduin-dialog-footer ──────────────────────────────────────────────
+      'anduin-dialog-footer': Base & {
+        /** Line above the footer */
+        divider?: boolean | string
+      }
+
+      // ── anduin-dialog-close ───────────────────────────────────────────────
+      'anduin-dialog-close': Base
+
+      // ── anduin-dialog-overlay ─────────────────────────────────────────────
+      'anduin-dialog-overlay': Base
+
+      // ── anduin-select (design-repo compound select) ─────────────────────
+      'anduin-select': Base & {
+        /** Selected item's value; a pick writes it back */
+        value?: string
+        /** 'bottom-start' (default) | 'bottom-end' | 'bottom-center' | 'top-*' | 'left-*' | 'right-*' */
+        placement?: string
+        /** List shows a spinner, selection pauses ("false" reads as false) */
+        loading?: boolean | string
+        /** Row height for every item, px (default 32) */
+        'item-height'?: number | string
+        /** Dropdown closed — detail: { value: undefined } (does not bubble). Value changes fire `change` — detail: { value: string }; use the React wrapper's onValueChange or addEventListener('change') */
+        'onanduin-select-on-close'?: (e: CustomEvent<{ value: undefined }>) => void
+      }
+      'anduin-select-trigger': Base & {
+        /** Accessible name of the combobox */
+        label?: string
+      }
+      'anduin-select-content': Base & {
+        /** Fixed popup width: px number or CSS length (default: shrink-wrap, min 160) */
+        width?: number | string
+      }
+      'anduin-select-list': Base & {
+        /** Cap on the list: CSS length or 'none' (default: popup's 80vh / the room beside the trigger) */
+        'max-height'?: string
+      }
+      'anduin-select-item': Base & {
+        value?: string
+        /** Display label for the trigger/search (default: the item's text) */
+        label?: string
+        /** Second line under the label (or slot="description") */
+        description?: string
+        /** Visible but unselectable ("false" reads as false) */
+        disabled?: boolean | string
+        /** 'medium' (default) | 'free' (content sets the height) */
+        size?: 'medium' | 'free'
+        /** Icon name shown before the label */
+        'start-icon'?: string
+        /** Picked — detail: { value: string }; cancelable: preventDefault() keeps the select open */
+        'onanduin-select-item-selected'?: (e: CustomEvent<{ value: string }>) => void
+      }
+      'anduin-select-input': Base & {
+        placeholder?: string
+        /** 'small' (24px) | 'default' (32px) | 'large' (40px) */
+        size?: 'small' | 'default' | 'large'
+        /** Accessible name of the search box (the placeholder otherwise) */
+        label?: string
+      }
+      'anduin-select-selected-label': Base & {
+        /** Shown (muted) when nothing is selected */
+        placeholder?: string
+      }
+      'anduin-select-clear': Base
+      'anduin-select-empty': Base
+      'anduin-select-group': Base
+      'anduin-select-label': Base
+      'anduin-select-separator': Base
+      'anduin-select-header': Base
+      'anduin-select-footer': Base
+
+      // ── anduin-sheet ──────────────────────────────────────────────────────
+      'anduin-sheet': Base & {
+        /** Controlled open state; its presence switches to controlled mode ("false" is false) */
+        open?: boolean | string
+        /** Uncontrolled: open on mount */
+        'default-open'?: boolean | string
+        /** Edge the panel slides in from  (default: 'right') */
+        side?: 'right' | 'left' | 'top' | 'bottom'
+        /** Escape closes the topmost sheet (default true; "false" disables) */
+        'close-on-escape'?: boolean | string
+        /** Controlled mode: open/close requested — detail: { value: boolean }. Does not bubble. */
+        'onanduin-sheet-open-change'?: (e: CustomEvent<{ value: boolean }>) => void
+        /** The sheet opened (both modes) */
+        'onanduin-sheet-on-open'?: (e: CustomEvent) => void
+        /** The sheet closed (both modes) */
+        'onanduin-sheet-on-close'?: (e: CustomEvent) => void
+      }
+
+      // ── anduin-sheet-trigger / -close ─────────────────────────────────────
+      'anduin-sheet-trigger': Base
+      'anduin-sheet-close': Base
+
+      // ── anduin-sheet-content ──────────────────────────────────────────────
+      'anduin-sheet-content': Base & {
+        /** 'small' (320) | 'medium' (360) | 'large' (400) | 'extraLarge' (640) | 'fitContent', or any CSS length.
+         *  Drives the height for top/bottom sheets.  (default: 320px) */
+        width?: 'small' | 'medium' | 'large' | 'extraLarge' | 'fitContent' | string
+        /** "false": no overlay, no scroll lock, no focus trap — the page stays usable (default true) */
+        modal?: boolean | string
+        /** Split the viewport instead of covering the page; implies non-modal */
+        dock?: boolean | string
+        /** Drag handle on the edge facing the page (min 240px, max viewport) */
+        resizable?: boolean | string
+        /** "false" leaves focus where it was on open (default true: [autofocus]/[data-autofocus], else the panel) */
+        'auto-focus'?: boolean | string
+        /** A dock toggle flipped `dock` — detail: { value: boolean } (now docked) */
+        'onanduin-sheet-dock-change'?: (e: CustomEvent<{ value: boolean }>) => void
+        /** The user resized the panel — detail: { value: number } (px) */
+        'onanduin-sheet-on-resize'?: (e: CustomEvent<{ value: number }>) => void
+      }
+
+      // ── anduin-sheet parts ────────────────────────────────────────────────
+      'anduin-sheet-header': Base
+      'anduin-sheet-title': Base
+      'anduin-sheet-description': Base
+      'anduin-sheet-footer': Base
+      'anduin-sheet-dock-toggle': Base
+      'anduin-sheet-dock-toggle-on': Base
+      'anduin-sheet-dock-toggle-off': Base
+
+      // ── anduin-combobox (design name; pick ONE OF the items) ───────────────
+      'anduin-combobox': Base & {
+        /** The chosen item's value. Written back on a pick. */
+        value?: string
+        /** 'bottom-start' (default) | 'bottom-end' | 'bottom-center' | 'top-*' | 'left-*' | 'right-*' */
+        placement?: string
+        /** Row height in px for every item (default 32) */
+        'item-height'?: number | string
+        /** Fired when the user picks an item — detail: { value } */
+        onChange?: (e: CustomEvent<{ value: string }>) => void
+      }
+      'anduin-combobox-input': Base & {
+        placeholder?: string
+        /** Accessible name (else aria-label, an enclosing field label, then the placeholder) */
+        label?: string
+      }
+      'anduin-combobox-content': Base & {
+        /** Fixed panel width in px (default: shrink-wrap, min 160) */
+        width?: number | string
+      }
+      'anduin-combobox-list': Base & {
+        /** Cap on the list: any CSS length, e.g. '400px', '50vh' */
+        'max-height'?: string
+      }
+      'anduin-combobox-item': Base & {
+        value?: string
+        /** Text shown in the input and matched by the filter (default: the item's text) */
+        label?: string
+        /** Secondary line under the label */
+        description?: string
+        /** 'true' | 'false' */
+        disabled?: boolean | string
+        /** Cancelable — detail: { value }; preventDefault keeps the list open */
+        'onanduin-combobox-item-selected'?: (e: CustomEvent<{ value: string }>) => void
+      }
+      'anduin-combobox-group': Base
+      'anduin-combobox-label': Base
+      'anduin-combobox-separator': Base
+      'anduin-combobox-empty': Base
+
+      // ── anduin-autocomplete (design name; free text + suggestions) ─────────
+      'anduin-autocomplete': Base & {
+        /** The text in the field. Written back on every keystroke. */
+        value?: string
+        placement?: string
+        'item-height'?: number | string
+        /** The text changed — detail: { value } (every keystroke, and the label on a pick) */
+        onChange?: (e: CustomEvent<{ value: string }>) => void
+        /** A suggestion was picked — detail: { value } (the item's value) */
+        'onanduin-autocomplete-on-choose'?: (e: CustomEvent<{ value: string }>) => void
+        /** The list closed (does not bubble) */
+        'onanduin-autocomplete-on-close'?: (e: CustomEvent) => void
+      }
+      'anduin-autocomplete-input': Base & {
+        placeholder?: string
+        label?: string
+        /** 'small' (24px) | 'default' (32px) | 'large' (40px) */
+        size?: 'small' | 'default' | 'large'
+        /** 'valid' | 'invalid' | 'warning' | 'none' — border colour only */
+        status?: string
+        /** 'true' | 'false' (a bare `disabled="false"` stays enabled) */
+        disabled?: boolean | string
+        /** Open the list on every focus, not only when the field is empty */
+        'open-on-focus'?: boolean | string
+        /** Focus left the field — detail: { value } */
+        'onanduin-autocomplete-on-blur'?: (e: CustomEvent<{ value: string }>) => void
+        /** Enter with nothing highlighted — detail: { value }; cancelable (claims the key) */
+        'onanduin-autocomplete-on-submit'?: (e: CustomEvent<{ value: string }>) => void
+        /** Before an insertion lands — detail: { value } (the candidate text); cancelable (refuses it) */
+        'onanduin-autocomplete-on-before-input'?: (e: CustomEvent<{ value: string }>) => void
+      }
+      'anduin-autocomplete-textarea': Base & {
+        placeholder?: string
+        label?: string
+        size?: 'small' | 'default' | 'large'
+        status?: string
+        disabled?: boolean | string
+        'open-on-focus'?: boolean | string
+        /** Lines it starts at (default 3) */
+        rows?: number | string
+        /** Lines it grows to before scrolling (default 6) */
+        'max-rows'?: number | string
+        'onanduin-autocomplete-on-blur'?: (e: CustomEvent<{ value: string }>) => void
+        'onanduin-autocomplete-on-submit'?: (e: CustomEvent<{ value: string }>) => void
+        'onanduin-autocomplete-on-before-input'?: (e: CustomEvent<{ value: string }>) => void
+      }
+      'anduin-autocomplete-clear': Base
+      'anduin-autocomplete-content': Base & { width?: number | string }
+      'anduin-autocomplete-list': Base & { 'max-height'?: string }
+      'anduin-autocomplete-item': Base & {
+        value?: string
+        label?: string
+        /** anduin-icon name before the label */
+        'start-icon'?: string
+        disabled?: boolean | string
+        'onanduin-autocomplete-item-selected'?: (e: CustomEvent<{ value: string }>) => void
+      }
+      'anduin-autocomplete-group': Base
+      'anduin-autocomplete-label': Base
+      'anduin-autocomplete-separator': Base
+      'anduin-autocomplete-empty': Base
     }
   }
 }