@duyluonganduin/acl-web-components 0.0.10 → 0.0.12

package/dist/react.d.ts

@@ -1,346 +1,579 @@
-/**
- * React JSX type declarations for @duyluonganduin/acl-web-components.
- *
- * Augments React.JSX.IntrinsicElements so TypeScript accepts custom elements
- * (e.g. <anduin-button>) in .tsx files without errors.
- *
- * Usage — add one of these to your project:
- *   // tsconfig.json  →  "types": ["@duyluonganduin/acl-web-components/react"]
- *   // or a .d.ts file  →  /// <reference types="@duyluonganduin/acl-web-components/react" />
- */
-
-import type { HTMLAttributes } from 'react'
-
-type Base = HTMLAttributes<HTMLElement>
-
-declare module 'react' {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace JSX {
-    interface IntrinsicElements {
-      // ── anduin-spinner ────────────────────────────────────────────────────
-      'anduin-spinner': Base & {
-        /** 'small' | 'medium' | 'large' | 'extraLarge'  (default: 'medium') */
-        size?: string
-        /** 0–1 fill fraction; omit for indeterminate */
-        percent?: string
-      }
-
-      // ── anduin-icon ───────────────────────────────────────────────────────
-      'anduin-icon': Base & {
-        /** Icon name from the icon set */
-        name?: string
-        /** Pixel size (default: 16) */
-        size?: number | string
-      }
-
-      // ── anduin-badge ──────────────────────────────────────────────────────
-      'anduin-badge': Base & {
-        /** 'gray' | 'primary' | 'success' | 'warning' | 'danger'
-         *  | 'boldGray' | 'boldPrimary' | 'boldSuccess' | 'boldWarning' | 'boldDanger'
-         *  (default: 'gray') */
-        variant?: string
-      }
-
-      // ── anduin-badge-count ────────────────────────────────────────────────
-      'anduin-badge-count': Base & {
-        /** Same values as anduin-badge (default: 'gray') */
-        variant?: string
-        /** Numeric count; hidden when 0, capped at '99+' */
-        count?: number | string
-      }
-
-      // ── anduin-button ─────────────────────────────────────────────────────
-      'anduin-button': Base & {
-        /** 'filled' | 'outlined' | 'plain' | 'text'  (default: 'filled') */
-        appearance?: 'filled' | 'outlined' | 'plain' | 'text'
-        /** 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning' */
-        variant?: 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning'
-        /** 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free'  (default: 'medium') */
-        size?: 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free'
-        disabled?: boolean | string
-        loading?: boolean | string
-        'full-width'?: boolean | string
-        pill?: boolean | string
-        selected?: boolean | string
-        /** Renders an <a> tag when provided */
-        href?: string
-        'open-new-tab'?: boolean | string
-        download?: string
-        /** anduin-icon name placed before the label */
-        'start-icon'?: string
-        /** anduin-icon name placed after the label */
-        'end-icon'?: string
-        /** aria-label shorthand */
-        label?: string
-      }
-
-      // ── anduin-callout ────────────────────────────────────────────────────
-      'anduin-callout': Base & {
-        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
-        variant?: string
-      }
-
-      // ── anduin-divider ────────────────────────────────────────────────────
-      'anduin-divider': Base & {
-        /** 'horizontal' | 'vertical'  (default: 'horizontal') */
-        direction?: 'horizontal' | 'vertical'
-      }
-
-      // ── anduin-dot ────────────────────────────────────────────────────────
-      'anduin-dot': Base & {
-        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
-        variant?: string
-      }
-
-      // ── anduin-progress ───────────────────────────────────────────────────
-      'anduin-progress': Base & {
-        /** 0–1 fill fraction; omit for indeterminate */
-        percent?: string
-        /** 'medium' | 'large'  (default: 'medium') */
-        height?: string
-      }
-
-      // ── anduin-skeleton ───────────────────────────────────────────────────
-      'anduin-skeleton': Base & {
-        /** 'pulse' | 'wave'  (default: 'pulse') */
-        effect?: string
-        /** 'rectangle' | 'rounded' | 'circle' | 'text'  (default: 'rectangle') */
-        shape?: string
-        height?: string
-        width?: string
-        /** Animation duration in ms (default: 1500) */
-        duration?: number | string
-        /** CSS font-size for shape='text' */
-        'font-size'?: string
-      }
-
-      // ── anduin-loading-state ──────────────────────────────────────────────
-      'anduin-loading-state': Base & {
-        /** CSS height of the container (default: '256px') */
-        height?: string
-      }
-
-      // ── anduin-field ──────────────────────────────────────────────────────
-      'anduin-field': Base & {
-        /** 'vertical' | 'horizontal'  (default: 'vertical') */
-        orientation?: 'vertical' | 'horizontal'
-      }
-
-      // ── anduin-field-label ────────────────────────────────────────────────
-      'anduin-field-label': Base & {
-        /** id of the associated input (mirrors <label for="…">) */
-        htmlfor?: string
-        required?: boolean | string
-      }
-
-      // ── anduin-field-description ──────────────────────────────────────────
-      'anduin-field-description': Base
-
-      // ── anduin-field-error ────────────────────────────────────────────────
-      'anduin-field-error': Base
-
-      // ── anduin-field-group ────────────────────────────────────────────────
-      'anduin-field-group': Base
-
-      // ── anduin-checkbox ───────────────────────────────────────────────────
-      'anduin-checkbox': Base & {
-        checked?: boolean | string
-        disabled?: boolean | string
-        indeterminate?: boolean | string
-        readonly?: boolean | string
-        /** id linking this checkbox to an anduin-field-label */
-        inputid?: string
-      }
-
-      // ── anduin-input ──────────────────────────────────────────────────────
-      'anduin-input': Base & {
-        value?: string
-        /** 'small' | 'default' | 'large'  (default: 'default') */
-        size?: 'small' | 'default' | 'large'
-        disabled?: boolean | string
-        readonly?: boolean | string
-        placeholder?: string
-        /** id attribute on the inner <input> */
-        inputid?: string
-        /** 'valid' | 'invalid' | 'warning' | 'loading' */
-        status?: string
-        /** anduin-icon name shown on the left */
-        'start-icon'?: string
-        /** anduin-icon name shown on the right */
-        'end-icon'?: string
-        /** Show a clear button when value is non-empty */
-        clearable?: boolean | string
-      }
-
-      // ── anduin-textarea ───────────────────────────────────────────────────
-      'anduin-textarea': Base & {
-        value?: string
-        disabled?: boolean | string
-        readonly?: boolean | string
-        placeholder?: string
-        /** id attribute on the inner <textarea> */
-        inputid?: string
-        rows?: number | string
-        /** 'valid' | 'invalid' | 'warning' | 'loading' */
-        status?: string
-      }
-
-      // ── anduin-popover ────────────────────────────────────────────────────
-      'anduin-popover': Base & {
-        /** Whether the panel is open (default: false) */
-        open?: boolean | string
-        /** 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end'  (default: 'bottom-start') */
-        placement?: string
-      }
-
-      // ── anduin-menu ───────────────────────────────────────────────────────
-      'anduin-menu': Base & {
-        /** Whether the menu is open (default: false) */
-        open?: boolean | string
-        /** 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end'  (default: 'bottom-start') */
-        placement?: string
-      }
-
-      // ── anduin-menu-item ──────────────────────────────────────────────────
-      'anduin-menu-item': Base & {
-        /** anduin-icon name shown before the label */
-        icon?: string
-        /** 'default' | 'danger'  (default: 'default') */
-        variant?: 'default' | 'danger'
-        disabled?: boolean | string
-      }
-
-      // ── anduin-tabs ───────────────────────────────────────────────────────
-      'anduin-tabs': Base & {
-        /** Initially active tab value */
-        'default-value'?: string
-        /** Controlled active tab value */
-        value?: string
-        /** Stretch tabs + active panel to fill parent height */
-        fill?: boolean | string
-      }
-
-      // ── anduin-tabs-list ──────────────────────────────────────────────────
-      'anduin-tabs-list': Base & {
-        /** 'left' | 'center' | 'right'  (default: 'left') */
-        alignment?: 'left' | 'center' | 'right'
-      }
-
-      // ── anduin-tab-trigger ────────────────────────────────────────────────
-      'anduin-tab-trigger': Base & {
-        /** Must match a corresponding anduin-tab-content value */
-        value?: string
-        /** anduin-icon name */
-        'start-icon'?: string
-        disabled?: boolean | string
-        /** Show a count badge on the trigger */
-        'show-badge'?: boolean | string
-        /** Text shown inside the badge */
-        'badge-count'?: string
-      }
-
-      // ── anduin-tab-content ────────────────────────────────────────────────
-      'anduin-tab-content': Base & {
-        /** Must match a corresponding anduin-tab-trigger value */
-        value?: string
-      }
-
-      // ── anduin-tag ────────────────────────────────────────────────────────
-      'anduin-tag': Base & {
-        /** See TagVariant in anduin-tag.ts for all accepted values (default: 'gray') */
-        variant?: string
-        /** anduin-icon name shown before the label */
-        icon?: string
-        disabled?: boolean | string
-      }
-
-      // ── anduin-tag-close ──────────────────────────────────────────────────
-      'anduin-tag-close': Base
-
-      // ── anduin-tooltip ────────────────────────────────────────────────────
-      'anduin-tooltip': Base & {
-        disabled?: boolean | string
-        /** e.g. 'top-center' | 'bottom-start' | 'right-end' … (default: 'top-center') */
-        placement?: string
-      }
-
-      // ── anduin-tooltip-trigger ────────────────────────────────────────────
-      'anduin-tooltip-trigger': Base
-
-      // ── anduin-tooltip-content ────────────────────────────────────────────
-      'anduin-tooltip-content': Base
-
-      // ── anduin-well ───────────────────────────────────────────────────────
-      'anduin-well': Base & {
-        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
-        variant?: string
-      }
-
-      // ── anduin-well-close ─────────────────────────────────────────────────
-      'anduin-well-close': Base
-
-      // ── anduin-modal ──────────────────────────────────────────────────────
-      'anduin-modal': Base & {
-        /** Whether the modal is open */
-        open?: boolean | string
-        /** Modal title text */
-        heading?: string
-        /** Max-width preset: '480' | '600' | '720' | '960' | '1160', or any CSS value (default: '480') */
-        'max-width'?: '480' | '600' | '720' | '960' | '1160' | string
-        /** Hide the header (title + close button) */
-        'hide-header'?: boolean | string
-        /** Hide the footer slot container */
-        'hide-footer'?: boolean | string
-        /** Cover the full viewport; hides overlay and removes border-radius */
-        fullscreen?: boolean | string
-        /** Fired when the modal should close (X, overlay, or anduin-modal-close) */
-        onClose?: (e: CustomEvent) => void
-      }
-
-      // ── anduin-modal-close ────────────────────────────────────────────────
-      'anduin-modal-close': Base
-
-      // ── anduin-avatar ─────────────────────────────────────────────────────
-      'anduin-avatar': Base & {
-        /** Image URL */
-        src?: string
-        /** Name used for initials and color */
-        name?: string
-        /** Alt text for the image */
-        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'
-      }
-
-      // ── anduin-toast ──────────────────────────────────────────────────────
-      'anduin-toast': Base & {
-        /** 'gray' | 'primary' | 'success' | 'warning' | 'danger'  (default: 'gray') */
-        variant?: 'gray' | 'primary' | 'success' | 'warning' | 'danger'
-        /** Bold title text */
-        heading?: string
-        /** Body text (or use slot content) */
-        description?: string
-      }
-
-      // ── anduin-toaster ────────────────────────────────────────────────────
-      'anduin-toaster': Base & {
-        /** 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'  (default: 'top-right') */
-        position?: string
-      }
-
-      // ── anduin-file-icon ──────────────────────────────────────────────────
-      'anduin-file-icon': Base & {
-        /** 'archive' | 'audio' | 'blueprint' | 'box' | 'csv' | 'excel' | 'folder'
-         *  | 'folder-empty' | 'form' | 'generic' | 'image' | 'link' | 'pdf'
-         *  | 'powerpoint' | 'signed' | 'text' | 'video' | 'word' */
-        type?: string
-        /** 16 | 24 | 32  (default: 32) */
-        size?: 16 | 24 | 32 | string
-      }
-    }
-  }
-}
+import { CSSResult } from 'lit';
+import { LitElement } from 'lit';
+import { nothing } from 'lit';
+import { ReactWebComponent } from '@lit/react';
+import { TemplateResult } from 'lit-html';
+
+declare class AnduinAvatar extends LitElement {
+    static styles: CSSResult;
+    src: string;
+    name: string;
+    alt: string;
+    icon: string;
+    size: AvatarSize;
+    shape: AvatarShape;
+    private _imgError;
+    private _onImgError;
+    private _iconSize;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinBadge extends LitElement {
+    static styles: CSSResult[];
+    variant: string;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinBadgeCount extends LitElement {
+    static styles: CSSResult[];
+    variant: string;
+    count: number;
+    private formatCount;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinButton extends LitElement {
+    static styles: CSSResult;
+    private iconOnly;
+    firstUpdated(): void;
+    private onSlotChange;
+    appearance: ButtonAppearance;
+    variant: ButtonVariant | '';
+    size: ButtonSize;
+    disabled: boolean;
+    loading: boolean;
+    fullWidth: boolean;
+    pill: boolean;
+    selected: boolean;
+    href: string;
+    openNewTab: boolean;
+    download: string;
+    startIcon: string;
+    endIcon: string;
+    label: string;
+    private getVariant;
+    private getSizeKebab;
+    private iconSize;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinCallout extends LitElement {
+    static styles: CSSResult;
+    variant: string;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinCheckbox extends LitElement {
+    static styles: CSSResult;
+    checked: boolean;
+    disabled: boolean;
+    indeterminate: boolean;
+    readonly: boolean;
+    inputid: string;
+    connectedCallback(): void;
+    private toggle;
+    private onInputChange;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinDivider extends LitElement {
+    static styles: CSSResult;
+    direction: string;
+    private hasContent;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private onSlotChange;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinDot extends LitElement {
+    static styles: CSSResult;
+    variant: string;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinField extends LitElement {
+    static styles: CSSResult;
+    orientation: string;
+    connectedCallback(): void;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinFieldDescription extends LitElement {
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinFieldError extends LitElement {
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinFieldGroup extends LitElement {
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinFieldLabel extends LitElement {
+    static styles: CSSResult;
+    htmlfor: string;
+    required: boolean;
+    connectedCallback(): void;
+    private onLabelClick;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinFileIcon extends LitElement {
+    static styles: CSSResult;
+    type: string;
+    size: FileIconSize;
+    render(): typeof nothing | TemplateResult<1>;
+}
+
+declare class AnduinIcon extends LitElement {
+    static styles: CSSResult;
+    name: string;
+    size: number;
+    render(): TemplateResult<2>;
+}
+
+declare class AnduinInput extends LitElement {
+    static styles: CSSResult;
+    value: string;
+    size: 'small' | 'default' | 'large';
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    inputid: string;
+    status: string;
+    startIcon: string;
+    endIcon: string;
+    clearable: boolean;
+    private inputEl;
+    connectedCallback(): void;
+    updated(): void;
+    private onInput;
+    private onClear;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinLoadingState extends LitElement {
+    static styles: CSSResult;
+    height: string;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinMenu extends LitElement {
+    static styles: CSSResult;
+    open: boolean;
+    placement: 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top';
+    private _triggerEl;
+    private _panelEl;
+    private _onTriggerClick;
+    private _onOutsideClick;
+    private _onItemClick;
+    private _onScrollOrResize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _updatePosition;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinMenuItem extends LitElement {
+    static styles: CSSResult;
+    icon: string;
+    variant: 'default' | 'danger';
+    disabled: boolean;
+    private _onClick;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinModal extends LitElement {
+    static styles: CSSResult;
+    open: boolean;
+    heading: string;
+    hideHeader: boolean;
+    hideFooter: boolean;
+    maxWidth: '480' | '600' | '720' | '960' | '1160' | string;
+    fullscreen: boolean;
+    private _leaving;
+    private static readonly _PRESETS;
+    updated(changed: Map<PropertyKey, unknown>): void;
+    private dispatch;
+    private onOverlayClick;
+    private onClose;
+    private onAnduinClose;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinModalClose extends HTMLElement {
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onClick;
+}
+
+declare class AnduinPopover extends LitElement {
+    static styles: CSSResult;
+    open: boolean;
+    placement: 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top';
+    private _visible;
+    private _closing;
+    private _triggerEl;
+    private _panelEl;
+    private _closeTransitionEndHandler;
+    private _onTriggerClick;
+    private _onOutsideClick;
+    private _onScrollOrResize;
+    private _onPopoverClose;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _cancelCloseAnimation;
+    private _startCloseAnimation;
+    private _updatePosition;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinPopoverClose extends LitElement {
+    static styles: CSSResult;
+    private _onClick;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinProgress extends LitElement {
+    static styles: CSSResult;
+    percent: string;
+    height: string;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinSkeleton extends LitElement {
+    static styles: CSSResult;
+    effect: string;
+    shape: string;
+    height: string;
+    width: string;
+    duration: number;
+    fontSize: string;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinSpinner extends LitElement {
+    static styles: CSSResult;
+    size: string;
+    percent: string;
+    private getSizeParams;
+    render(): TemplateResult<2>;
+}
+
+declare class AnduinTabContent extends LitElement {
+    static styles: CSSResult;
+    value: string;
+    private isActive;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTabs extends LitElement {
+    static styles: CSSResult;
+    defaultValue: string;
+    value: string;
+    fill: boolean;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private broadcastValueChanged;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTabsList extends LitElement {
+    static styles: CSSResult;
+    alignment: string;
+    private indicator;
+    private lastActiveValue;
+    private resizeObserver;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private animateIndicator;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTabTrigger extends LitElement {
+    static styles: CSSResult;
+    value: string;
+    startIcon: string;
+    disabled: boolean;
+    showBadge: boolean;
+    badgeCount: string;
+    private isActive;
+    connectedCallback(): void;
+    private onClick;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTag extends LitElement {
+    static styles: CSSResult;
+    variant: TagVariant;
+    icon: string;
+    disabled: boolean;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTagClose extends LitElement {
+    static styles: CSSResult;
+    private onClick;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTextarea extends LitElement {
+    static styles: CSSResult;
+    value: string;
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    inputid: string;
+    rows: number;
+    status: string;
+    private textareaEl;
+    connectedCallback(): void;
+    updated(): void;
+    private onInput;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinToast extends LitElement {
+    static styles: CSSResult;
+    variant: ToastVariant;
+    heading: string;
+    description: string;
+    private _dismissing;
+    private _toastEl;
+    dismiss(): void;
+    private _onClose;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinToaster extends LitElement {
+    static styles: CSSResult;
+    position: ToastPosition;
+    private _toasts;
+    private _nextId;
+    show(opts: ToastOptions): number;
+    dismiss(id: number): void;
+    private _dismissById;
+    private _removeById;
+    private _onDismiss;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTooltip extends LitElement {
+    static styles: CSSResult;
+    disabled: boolean;
+    placement: string;
+    private triggerElement;
+    private contentPopupElement;
+    private containingBlockLeft;
+    private containingBlockTop;
+    private rafId;
+    private prevTriggerTop;
+    private prevTriggerLeft;
+    private isVisible;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private maybeStartPositionLoop;
+    private startPositionLoop;
+    private stopPositionLoop;
+    private computeContainingBlockOffset;
+    private positionPopup;
+    private broadcastVisibilityChanged;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTooltipContent extends LitElement {
+    static styles: CSSResult;
+    private graceArea;
+    private triggerEl;
+    private popupEl;
+    private handlePointerMove;
+    private handleTriggerLeave;
+    private handleContentLeave;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private createGraceArea;
+    private setupGraceAreaListeners;
+    private cleanupGraceAreaListeners;
+    private showPopup;
+    private hidePopup;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinTooltipTrigger extends LitElement {
+    static styles: CSSResult;
+    firstUpdated(): void;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinWell extends LitElement {
+    static styles: CSSResult;
+    variant: string;
+    render(): TemplateResult<1>;
+}
+
+declare class AnduinWellClose extends LitElement {
+    static styles: CSSResult;
+    private onClick;
+    render(): TemplateResult<1>;
+}
+
+export declare const Avatar: ReactWebComponent<AnduinAvatar, {}>;
+
+declare type AvatarShape = 'circle' | 'rounded';
+
+declare type AvatarSize = 16 | 20 | 24 | 32;
+
+export declare const Badge: ReactWebComponent<AnduinBadge, {}>;
+
+export declare const BadgeCount: ReactWebComponent<AnduinBadgeCount, {}>;
+
+export declare const Button: ReactWebComponent<AnduinButton, {}>;
+
+declare type ButtonAppearance = 'filled' | 'outlined' | 'plain' | 'text';
+
+declare type ButtonSize = 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free';
+
+declare type ButtonVariant = 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning';
+
+export declare const Callout: ReactWebComponent<AnduinCallout, {}>;
+
+export declare const Checkbox: ReactWebComponent<AnduinCheckbox, {
+onChange: string;
+}>;
+
+export declare const CHECKBOX_CHANGE = "anduin-checkbox:change";
+
+export declare const Divider: ReactWebComponent<AnduinDivider, {}>;
+
+export declare const Dot: ReactWebComponent<AnduinDot, {}>;
+
+export declare const Field: ReactWebComponent<AnduinField, {}>;
+
+export declare const FieldDescription: ReactWebComponent<AnduinFieldDescription, {}>;
+
+export declare const FieldError: ReactWebComponent<AnduinFieldError, {}>;
+
+export declare const FieldGroup: ReactWebComponent<AnduinFieldGroup, {}>;
+
+export declare const FieldLabel: ReactWebComponent<AnduinFieldLabel, {}>;
+
+export declare const FileIcon: ReactWebComponent<AnduinFileIcon, {}>;
+
+declare type FileIconSize = 16 | 24 | 32;
+
+export declare const Icon: ReactWebComponent<AnduinIcon, {}>;
+
+export declare const Input: ReactWebComponent<AnduinInput, {
+onChange: string;
+onClear: string;
+}>;
+
+export declare const INPUT_CHANGE = "anduin-input:change";
+
+export declare const INPUT_CLEAR = "anduin-input:clear";
+
+export declare const LoadingState: ReactWebComponent<AnduinLoadingState, {}>;
+
+export declare const Menu: ReactWebComponent<AnduinMenu, {}>;
+
+export declare const MENU_ITEM_CLICK = "anduin-menu-item:click";
+
+export declare const MenuItem: ReactWebComponent<AnduinMenuItem, {
+onClick: string;
+}>;
+
+export declare const Modal: ReactWebComponent<AnduinModal, {
+onClose: string;
+}>;
+
+/** Event fired when the modal requests to close. Use with addEventListener since the
+ *  hyphenated name can't be expressed as a JSX prop (onAnduinClose won't work).
+ *  @example
+ *  ref.current.addEventListener(MODAL_CLOSE_EVENT, () => setOpen(false))
+ */
+export declare const MODAL_CLOSE_EVENT = "anduin-close";
+
+export declare const ModalClose: ReactWebComponent<AnduinModalClose, {}>;
+
+export declare const Popover: ReactWebComponent<AnduinPopover, {}>;
+
+export declare const PopoverClose: ReactWebComponent<AnduinPopoverClose, {}>;
+
+export declare const Progress: ReactWebComponent<AnduinProgress, {}>;
+
+export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
+
+export declare const Spinner: ReactWebComponent<AnduinSpinner, {}>;
+
+export declare const TAB_CHANGE = "anduin-tab:change";
+
+export declare const TabContent: ReactWebComponent<AnduinTabContent, {}>;
+
+export declare const Tabs: ReactWebComponent<AnduinTabs, {
+onChange: string;
+}>;
+
+export declare const TabsList: ReactWebComponent<AnduinTabsList, {}>;
+
+export declare const TabTrigger: ReactWebComponent<AnduinTabTrigger, {}>;
+
+export declare const Tag: ReactWebComponent<AnduinTag, {}>;
+
+export declare const TAG_CLOSE_CLICK = "anduin-tag-close:click";
+
+export declare const TagClose: ReactWebComponent<AnduinTagClose, {
+onClick: string;
+}>;
+
+declare type TagVariant = 'gray' | 'primary' | 'success' | 'warning' | 'danger' | 'boldGray' | 'boldPrimary' | 'boldSuccess' | 'boldWarning' | 'boldDanger' | 'customAqua' | 'customBlue' | 'customBlueGreen' | 'customGreen' | 'customHotPink' | 'customIndigo' | 'customMagenta' | 'customOrange' | 'customPink' | 'customPurple' | 'customRed' | 'customYellow' | 'customYellowGreen' | 'customYellowOrange';
+
+export declare const Textarea: ReactWebComponent<AnduinTextarea, {
+onChange: string;
+}>;
+
+export declare const TEXTAREA_CHANGE = "anduin-textarea:change";
+
+export declare const Toast: ReactWebComponent<AnduinToast, {}>;
+
+export declare const Toaster: ReactWebComponent<AnduinToaster, {}>;
+
+declare interface ToastOptions {
+    variant?: ToastVariant;
+    heading?: string;
+    description?: string;
+    duration?: number;
+    position?: ToastPosition;
+}
+
+declare type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+
+declare type ToastVariant = "gray" | "primary" | "success" | "warning" | "danger";
+
+export declare const Tooltip: ReactWebComponent<AnduinTooltip, {}>;
+
+export declare const TooltipContent: ReactWebComponent<AnduinTooltipContent, {}>;
+
+export declare const TooltipTrigger: ReactWebComponent<AnduinTooltipTrigger, {}>;
+
+export declare const Well: ReactWebComponent<AnduinWell, {}>;
+
+export declare const WELL_CLOSE_CLICK = "anduin-well-close:click";
+
+export declare const WellClose: ReactWebComponent<AnduinWellClose, {
+onClick: string;
+}>;
+
+export { }