bank20baht-ui 0.0.1

package/dist/components/primitives/baht-accordion.d.ts

@@ -0,0 +1,26 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+export interface AccordionItem {
+    title: string;
+    content: string;
+    open?: boolean;
+}
+/**
+ * Accordion. `items` drive the panels; `multiple` allows several open at once.
+ * Emits `baht-toggle { index, open }`.
+ *
+ *   el.items = [
+ *     { title: 'What is a workflow?', content: 'Workflows run when something happens…' },
+ *     { title: 'Pricing', content: '฿20 / month.', open: true },
+ *   ];
+ */
+export declare class BahtAccordion extends BahtElement {
+    items: AccordionItem[];
+    multiple: boolean;
+    private openSet;
+    private static instances;
+    private uid;
+    protected willUpdate(changed: Map<PropertyKey, unknown>): void;
+    toggle(index: number): void;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-alert.d.ts

@@ -0,0 +1,17 @@
+import { nothing, TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Inline alert / callout.
+ *
+ *   <baht-alert tone="danger" heading="Couldn't reach the webhook"
+ *             message="Check the URL and try again." dismissible></baht-alert>
+ */
+export declare class BahtAlert extends BahtElement {
+    tone: 'info' | 'success' | 'warning' | 'danger';
+    heading: string;
+    message: string;
+    dismissible: boolean;
+    hidden: boolean;
+    private dismiss;
+    protected render(): TemplateResult | typeof nothing;
+}

package/dist/components/primitives/baht-badge.d.ts

@@ -0,0 +1,19 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+export type BadgeTone = 'neutral' | 'success' | 'danger' | 'warning' | 'info' | 'outline' | 'solid' | 'gold' | 'inverse' | 'mono';
+/**
+ * Status pill / tag / counter (20baht badges).
+ * Status tones (neutral/success/danger/warning/info) show a colored dot;
+ * tag tones (outline/solid/gold/inverse/mono) don't.
+ *
+ *   <baht-badge tone="success" label="Running"></baht-badge>
+ *   <baht-badge tone="mono" label="฿20 / mo"></baht-badge>
+ */
+export declare class BahtBadge extends BahtElement {
+    tone: BadgeTone;
+    label: string;
+    /** Force the dot on/off; defaults to on for status tones. */
+    dot: boolean | null;
+    private get showDot();
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-breadcrumbs.d.ts

@@ -0,0 +1,22 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+export interface Crumb {
+    label: string;
+    href?: string;
+}
+/**
+ * Breadcrumb trail. Last item renders as the current page (no link). Items
+ * without `href` emit `baht-navigate { item, index }` for router-driven apps.
+ *
+ *   el.items = [
+ *     { label: 'Workflows', href: '/workflows' },
+ *     { label: 'Signup', href: '/workflows/signup' },
+ *     { label: 'Run #812' },
+ *   ];
+ */
+export declare class BahtBreadcrumbs extends BahtElement {
+    items: Crumb[];
+    separator: string;
+    private navigate;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-button.d.ts

@@ -0,0 +1,31 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+import { IconName } from './icons.js';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * Design-system button (20baht: no scale, no shadow change — color does the work).
+ * Standalone primitive: children become the label, listen for the native `click`.
+ * (Light DOM has no <slot>, so the initial children are moved into the button.)
+ *
+ *   <baht-button variant="danger" size="sm">Delete</baht-button>
+ *   <baht-button label="Save workflow"></baht-button>
+ *   <baht-button icon="copy" variant="ghost" size="sm">Copy</baht-button>
+ *   <baht-button icon="close" icon-only label="Close"></baht-button>  <!-- label = a11y name -->
+ */
+export declare class BahtButton extends BahtElement {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    /** Forwarded to the native button — 'button' (default) or 'submit'. */
+    type: 'button' | 'submit';
+    /** Alternative to children for setting the label programmatically. */
+    label: string;
+    /** Optional leading icon from the curated set (copy/check/download/…). */
+    icon: IconName | '';
+    /** Square icon-only button. Requires `label` for the accessible name. */
+    iconOnly: boolean;
+    private buttonEl;
+    protected firstUpdated(): void;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-card.d.ts

@@ -0,0 +1,18 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Surface card (20baht: white on cream, 1px border, no shadow at rest — the
+ * border carries the separation). Children become the body.
+ *
+ *   <baht-card heading="Runs" subtitle="Last 30 days">…content…</baht-card>
+ *   <baht-card hero>…large feature card (20px radius)…</baht-card>
+ */
+export declare class BahtCard extends BahtElement {
+    heading: string;
+    subtitle: string;
+    /** hero = 20px radius + roomier padding (large/feature cards). */
+    hero: boolean;
+    private bodyEl;
+    protected firstUpdated(): void;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-checkbox.d.ts

@@ -0,0 +1,7 @@
+import { nothing, TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+export declare class BahtCheckbox extends BahtFieldBase {
+    /** Label sits beside the box, so suppress the block label. */
+    protected renderLabel(): typeof nothing;
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-code.d.ts

@@ -0,0 +1,18 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+export type CodeVariant = 'inline' | 'block';
+/**
+ * Monospace code (20baht): an inline chip or a block. Content is the light-DOM
+ * children (or the `code` property). Not a syntax highlighter — just the
+ * design-system's canonical way to show code/identifiers/tokens.
+ *
+ *   <baht-code>baht-button</baht-code>
+ *   <baht-code variant="block">npm i bank20baht-ui</baht-code>
+ */
+export declare class BahtCode extends BahtElement {
+    variant: CodeVariant;
+    /** Alternative to children for setting the code text programmatically. */
+    code: string;
+    protected firstUpdated(): void;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-datepicker.d.ts

@@ -0,0 +1,6 @@
+import { TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+/** Value = ISO date string (yyyy-mm-dd). */
+export declare class BahtDatepicker extends BahtFieldBase {
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-fieldset.d.ts

@@ -0,0 +1,17 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Semantic group wrapper (native <fieldset>/<legend>). Children become the
+ * content — typically a set of baht-* fields.
+ *
+ *   <baht-fieldset legend="Billing">
+ *     <baht-input>…</baht-input>
+ *   </baht-fieldset>
+ */
+export declare class BahtFieldset extends BahtElement {
+    legend: string;
+    disabled: boolean;
+    private bodyEl;
+    protected firstUpdated(): void;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-file.d.ts

@@ -0,0 +1,9 @@
+import { TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+/**
+ * Capture only (spec 01 §2): value = File handle(s); the lib never uploads.
+ * maxSize (bytes) is enforced here as a soft filter — oversize files rejected.
+ */
+export declare class BahtFile extends BahtFieldBase {
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-filter.d.ts

@@ -0,0 +1,24 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+import { FieldOption } from '../../core/types.js';
+/**
+ * Filter chip group. Controlled: emits `baht-change { selected }` (array of
+ * option keys), host re-feeds `selected`. Typical use: above an <baht-table>,
+ * the handler refetches page 1 with the new filters.
+ *
+ *   const f = document.querySelector('baht-filter');
+ *   f.options = [{ key: 'running', label: 'Running' }, { key: 'failed', label: 'Failed' }];
+ *   f.selected = ['running'];
+ *   f.addEventListener('baht-change', (e) => refetch({ status: e.detail.selected }));
+ */
+export declare class BahtFilter extends BahtElement {
+    options: FieldOption[];
+    selected: string[];
+    /** false = radio behavior (max one active; clicking it again clears). */
+    multiple: boolean;
+    disabled: boolean;
+    /** Accessible name for the chip group. */
+    label: string;
+    private toggle;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-input.d.ts

@@ -0,0 +1,6 @@
+import { TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+/** text + email share one control; email differs only in input type + validator. */
+export declare class BahtInput extends BahtFieldBase {
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-link.d.ts

@@ -0,0 +1,17 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Styled anchor (20baht underline treatment). `external` opens a new tab and
+ * shows the ↗ mark.
+ *
+ *   <baht-link href="/docs" label="Read the docs"></baht-link>
+ *   <baht-link href="https://…" label="Status page" external></baht-link>
+ */
+export declare class BahtLink extends BahtElement {
+    href: string;
+    label: string;
+    external: boolean;
+    /** Screen-reader suffix for external links (override to localize). */
+    externalHint: string;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-list.d.ts

@@ -0,0 +1,28 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+export interface ListItem {
+    id?: string | number;
+    title: string;
+    subtitle?: string;
+    meta?: string;
+    badge?: string;
+    badgeTone?: string;
+    [key: string]: unknown;
+}
+/**
+ * Display list — same server-side contract as <baht-table>: `items` is the
+ * current page, `loading` shows skeleton rows, the host fetches on
+ * `baht-page-change` (pair with <baht-pagination>).
+ */
+export declare class BahtList extends BahtElement {
+    items: ListItem[];
+    loading: boolean;
+    error: boolean;
+    errorMessage: string;
+    emptyMessage: string;
+    skeletonRows: number;
+    clickable: boolean;
+    private emitItem;
+    private renderRows;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-modal.d.ts

@@ -0,0 +1,32 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Modal dialog (20baht: 0.4 ink scrim, no blur; float shadow; 20px radius).
+ * Controlled: the host flips `open`. Children become the body.
+ *
+ *   <baht-modal heading="Delete this workflow?">
+ *     <p>Steps and run history will be removed.</p>
+ *   </baht-modal>
+ *   modal.open = true;
+ *   modal.addEventListener('baht-close', (e) => (modal.open = false));
+ */
+export declare class BahtModal extends BahtElement {
+    open: boolean;
+    heading: string;
+    showClose: boolean;
+    closeOnScrim: boolean;
+    private bodyEl;
+    private static openStack;
+    private previousFocus;
+    private onKeydown;
+    private focusables;
+    /** Keep Tab cycling inside the dialog (no keyboard escape to the page behind). */
+    private trapFocus;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<PropertyKey, unknown>): void;
+    /** Ask the host to close (the host owns `open`). */
+    requestClose(reason?: 'escape' | 'scrim' | 'button'): void;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-multiselect.d.ts

@@ -0,0 +1,8 @@
+import { TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+/** Multi-pick rendered as a checkbox group; value = array of option keys. */
+export declare class BahtMultiselect extends BahtFieldBase {
+    private get selected();
+    private toggle;
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-number.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+export declare class BahtNumber extends BahtFieldBase {
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-otp.d.ts

@@ -0,0 +1,26 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * One-time-code input: N boxes, auto-advance, backspace steps back, paste
+ * distributes. Emits `baht-change { value }` per edit and `baht-complete { value }`
+ * when every box is filled.
+ *
+ *   <baht-otp length="6"></baht-otp>
+ */
+export declare class BahtOtp extends BahtElement {
+    length: number;
+    value: string;
+    disabled: boolean;
+    /** 'numeric' restricts to digits; 'text' allows anything. */
+    mode: 'numeric' | 'text';
+    /** Accessible name for the group of boxes. */
+    label: string;
+    private get chars();
+    private inputs;
+    private clean;
+    private commit;
+    private onInput;
+    private onKeydown;
+    private onPaste;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-pagination.d.ts

@@ -0,0 +1,21 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Server-side pagination control: it never slices data — it only reports the
+ * page the user asked for via `baht-page-change`; the host fetches that page.
+ *
+ *   <baht-pagination page="4" total-pages="20"></baht-pagination>
+ *   <baht-pagination variant="compact" page="1" total-pages="3"></baht-pagination>
+ */
+export declare class BahtPagination extends BahtElement {
+    page: number;
+    totalPages: number;
+    /** 'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 » */
+    variant: 'numbered' | 'compact';
+    /** Numbered pages shown on each side of the current page. */
+    siblings: number;
+    private go;
+    /** Visible page numbers with `null` marking an ellipsis gap. */
+    private get pageItems();
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-progress.d.ts

@@ -0,0 +1,16 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Progress bar. `value` 0–100; omit (null) for indeterminate.
+ *
+ *   <baht-progress value="65" show-label></baht-progress>
+ *   <baht-progress></baht-progress>                          <!-- indeterminate -->
+ */
+export declare class BahtProgress extends BahtElement {
+    value: number | null;
+    tone: 'primary' | 'success' | 'warning' | 'danger';
+    showLabel: boolean;
+    /** Accessible name for the progressbar. */
+    label: string;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-radio.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+export declare class BahtRadio extends BahtFieldBase {
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-range.d.ts

@@ -0,0 +1,21 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Range slider. Controlled: emits `baht-change { value }` (a number) on input.
+ *
+ *   <baht-range min="0" max="100" step="5" value="40" label="Retry limit"></baht-range>
+ */
+export declare class BahtRange extends BahtElement {
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    label: string;
+    disabled: boolean;
+    showValue: boolean;
+    private static instances;
+    private uid;
+    private get inputId();
+    private onInput;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-rating.d.ts

@@ -0,0 +1,22 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Star rating. Controlled: emits `baht-change { value }`, host re-feeds `value`.
+ *
+ *   <baht-rating value="3" max="5"></baht-rating>
+ *   <baht-rating value="4" readonly></baht-rating>
+ */
+export declare class BahtRating extends BahtElement {
+    value: number;
+    max: number;
+    readonly: boolean;
+    /** Accessible name for the radiogroup. */
+    label: string;
+    private hover;
+    private emitValue;
+    private pick;
+    /** APG radio-group keys: arrows move the value, Home/End jump the ends. */
+    private onKeydown;
+    private setHover;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-select.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+export declare class BahtSelect extends BahtFieldBase {
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-skeleton.d.ts

@@ -0,0 +1,16 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Loading placeholder (opacity pulse — the 20baht system bans gradients in
+ * core UI, so no shimmer).
+ *
+ *   <baht-skeleton variant="text" width="60%"></baht-skeleton>
+ *   <baht-skeleton variant="circle" width="40px" height="40px"></baht-skeleton>
+ *   <baht-skeleton height="120px"></baht-skeleton>
+ */
+export declare class BahtSkeleton extends BahtElement {
+    variant: 'rect' | 'text' | 'circle';
+    width: string;
+    height: string;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-spinner.d.ts

@@ -0,0 +1,13 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Loading spinner — the single animated icon the 20baht system allows.
+ *
+ *   <baht-spinner></baht-spinner>
+ *   <baht-spinner size="lg"></baht-spinner>
+ */
+export declare class BahtSpinner extends BahtElement {
+    size: 'sm' | 'md' | 'lg';
+    label: string;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-table.d.ts

@@ -0,0 +1,44 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+export type CellRenderer = (value: unknown, row: Record<string, unknown>) => unknown;
+/**
+ * Server-side data table. `items` is ONE page of rows — the component never
+ * slices or fetches; on `baht-page-change` the host fetches the next page and
+ * re-feeds `items`/`page`. While that fetch runs, set `loading` to show
+ * skeleton rows.
+ *
+ *   const t = document.querySelector('baht-table');
+ *   t.columns = { name: 'Name', created_at: 'Created' };
+ *   t.items = pageRows;                 // current page only
+ *   t.loading = false; t.page = 1; t.totalPages = 12;
+ *   t.addEventListener('baht-page-change', (e) => fetchPage(e.detail.page));
+ *   t.addEventListener('baht-row-click', (e) => open(e.detail.id));
+ */
+export declare class BahtTable extends BahtElement {
+    /** Rows of the CURRENT page. */
+    items: Record<string, unknown>[];
+    /** column key -> display name; omitted = derive keys from the first row. */
+    columns: Record<string, string>;
+    loading: boolean;
+    error: boolean;
+    errorMessage: string;
+    emptyMessage: string;
+    /** Row-number column (No.). Offset lets numbering continue across pages. */
+    showIndex: boolean;
+    indexOffset: number;
+    skeletonRows: number;
+    /** Which row key identifies a row in baht-row-click detail.id (e.g. 'group_id'). */
+    rowKey: string;
+    /** Rows emit baht-row-click + get hover/keyboard affordances. */
+    clickable: boolean;
+    /** Custom cell renderers by column key (functions — a property, never JSON). */
+    renderers: Record<string, CellRenderer>;
+    page: number;
+    totalPages: number;
+    private get columnKeys();
+    private labelFor;
+    private emitRow;
+    private cell;
+    private renderBody;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-text.d.ts

@@ -0,0 +1,8 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+import { FieldDescriptor } from '../../core/types.js';
+/** Static text block (`type: "label"`): no value, no emits. */
+export declare class BahtText extends BahtElement {
+    field: FieldDescriptor;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-textarea.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+export declare class BahtTextarea extends BahtFieldBase {
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-timeline.d.ts

@@ -0,0 +1,21 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+export interface TimelineItem {
+    title: string;
+    description?: string;
+    time?: string;
+    tone?: 'primary' | 'success' | 'warning' | 'danger' | 'muted';
+}
+/**
+ * Vertical timeline (run history, audit log).
+ *
+ *   el.items = [
+ *     { title: 'Run started', time: '09:12', tone: 'muted' },
+ *     { title: 'Webhook sent', time: '09:12' },
+ *     { title: 'Failed', description: "Couldn't reach the webhook.", time: '09:13', tone: 'danger' },
+ *   ];
+ */
+export declare class BahtTimeline extends BahtElement {
+    items: TimelineItem[];
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-toast.d.ts

@@ -0,0 +1,27 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+export interface ToastOptions {
+    message: string;
+    tone?: 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+    /** ms until auto-dismiss; 0 = sticky. */
+    duration?: number;
+}
+/**
+ * Toast host — put ONE <baht-toast> on the page and call show():
+ *
+ *   const toast = document.querySelector('baht-toast');
+ *   toast.show({ message: 'Saved.', tone: 'success' });
+ *
+ * Copy: short and dry ("Saved.", not "Successfully saved your changes!").
+ */
+export declare class BahtToast extends BahtElement {
+    /** Default auto-dismiss (ms) when show() gets no duration. */
+    duration: number;
+    private entries;
+    private static counter;
+    private timers;
+    show(options: ToastOptions): number;
+    dismiss(id: number): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}

package/dist/components/primitives/baht-toggle.d.ts

@@ -0,0 +1,6 @@
+import { nothing, TemplateResult } from 'lit';
+import { BahtFieldBase } from '../base.js';
+export declare class BahtToggle extends BahtFieldBase {
+    protected renderLabel(): typeof nothing;
+    protected renderControl(): TemplateResult;
+}

package/dist/components/primitives/baht-tooltip.d.ts

@@ -0,0 +1,29 @@
+import { TemplateResult } from 'lit';
+import { BahtElement } from '../base.js';
+/**
+ * Hover/focus tooltip. Wraps its children; pure CSS show/hide (120ms fade).
+ * Escape hides it without moving focus (WCAG 1.4.13); it re-arms on leave/blur.
+ *
+ *   <baht-tooltip text="Posted as JSON when the trigger fires">
+ *     <baht-button variant="ghost" label="?"></baht-button>
+ *   </baht-tooltip>
+ */
+export declare class BahtTooltip extends BahtElement {
+    text: string;
+    position: 'top' | 'bottom' | 'left' | 'right';
+    private anchorEl;
+    private dismissed;
+    private static instances;
+    private uid;
+    private get tooltipId();
+    /**
+     * Point aria-describedby at the tooltip from the focusable child (light DOM,
+     * so the id reference works). No focusable child -> the anchor itself becomes
+     * one, so keyboard users can still surface the tooltip.
+     */
+    private wireDescribedBy;
+    protected firstUpdated(): void;
+    private onKeydown;
+    private rearm;
+    protected render(): TemplateResult;
+}