import type { Brand } from 'effect';

export declare namespace Button {
    export type Scale = (typeof scaleValues)[number];
    export type Variant = LmvzDS.Variant;
}

export declare namespace Chip {
    export type Type = (typeof chipTypes)[number];
    export type Size = (typeof chipSizes)[number];
}

declare const chipSizes: readonly ["default", "small"];

declare const chipTypes: readonly ["active", "warning", "success", "error", "neutral"];

export declare namespace Components {
    /**
     * @deprecated use `lmvz-button` instead
     */
    export interface LmvzAction {
    }
    /**
     * A keyboard-navigable action list component implementing the WAI-ARIA `menu` pattern.
     * Renders a styled `<ul role="menu">` that accepts `<lmvz-button>`, native `<button>`,
     * `<hr>` dividers, and `<div role="group">` groups via the default slot.
     * Arrow keys move focus across interactive items; Home/End jump to first/last.
     * **Disabled items:** Items with the native `disabled` attribute (or `disabled` prop on
     * `<lmvz-button>`) are silently skipped during arrow-key navigation. This matches the
     * behaviour of native `<select>` and keeps the interaction model simple.
     * Trade-off: screen reader users navigating by arrow key cannot discover disabled items
     * or read their labels. If surfacing disabled items to all users is required, use
     * `aria-disabled="true"` on the item instead and handle activation prevention in the
     * click/activation handler — the controller's `isFocusableElement` callback can then be
     * used to override the skip logic.
     * @example ```html
     * <lmvz-action-list label="Actions">
     *   <lmvz-button>Edit</lmvz-button>
     *   <hr />
     *   <lmvz-button class="lmvz-action-list-item--danger">Delete</lmvz-button>
     * </lmvz-action-list>
     * ```
     */
    export interface LmvzActionList {
        /**
         * Programmatically set focus to the first managed element.
         */
        "initFocus": () => Promise<void>;
        /**
         * Accessible label for the menu, reflected as `aria-label` on the host Element. When absent, `aria-label` is not rendered on the host.
         */
        "label"?: string;
    }
    export interface LmvzButton {
        /**
         * ARIA role applied to the inner `<button>` element. When set, the host element receives `role="presentation"` so that AT sees only one interactive element with the correct role. Use `"menuitem"` when the button is a child of a `role="menu"` container.
         */
        "buttonRole"?: string;
        /**
         * Whether the button is disabled
         * @default false
         */
        "disabled": boolean;
        /**
         * The HTML form element or form element id. Used to submit a form when the button is not a child of the form.
         */
        "form"?: FormRef;
        /**
         * Native formmethod value forwarded to the hidden native submit button. Use `dialog` to support native dialog close/confirm flows from `lmvz-button`.
         */
        "formMethod"?: 'dialog' | 'get' | 'post';
        /**
         * Native button name forwarded to the hidden native submit button.
         */
        "name"?: string;
        /**
         * Scale of the button
         * @default 'default'
         */
        "scale": Button.Scale;
        /**
         * @default 0
         */
        "ti": number;
        /**
         * Native button type forwarded to the internal `<button>` element. Use `submit` to trigger form submission.
         * @default 'button'
         */
        "type": 'submit' | 'button';
        /**
         * Native button value forwarded to the hidden native submit button. For `formmethod="dialog"` flows this becomes the dialog `returnValue`.
         */
        "value"?: string;
        /**
         * Variant of the button
         * @default 'secondary'
         */
        "variant"?: Button.Variant;
    }
    export interface LmvzButtonGroup {
        /**
         * @readonly
         */
        "hasActions": boolean;
        /**
         * @readonly
         */
        "primaryEnabledAction": HTMLButtonElement | undefined;
        /**
         * @default false
         */
        "stacked": boolean;
    }
    export interface LmvzCard {
        /**
         * Card title (required)
         */
        "cardTitle": string;
        /**
         * Optional description
         */
        "description"?: string;
        /**
         * Optional image URL; placeholder used if omitted
         */
        "imageUrl"?: string;
        /**
         * Primary action button label
         * @default ''
         */
        "primaryActionLabel": string;
    }
    /**
     * Checkbox component with form association, ARIA validation, and accessible label support.
     * @example ```html
     * <lmvz-checkbox label="Accept terms" name="terms" required></lmvz-checkbox>
     * ```
     */
    export interface LmvzCheckbox {
        /**
         * Whether the checkbox should autofocus.
         * @default false
         */
        "autofocus": boolean;
        /**
         * Returns whether the checkbox satisfies its validation constraints.
         */
        "checkValidity": () => Promise<boolean>;
        /**
         * Whether the checkbox is checked.
         * @default false
         */
        "checked": boolean;
        /**
         * Whether the checkbox is disabled.
         * @default false
         */
        "disabled": boolean;
        /**
         * Whether the checkbox is in an error state.
         * @default false
         */
        "error": boolean;
        /**
         * Error message displayed when error is true. Required when error=true.
         */
        "errorMessage"?: string;
        /**
         * Sets focus on the native checkbox input.
         */
        "focusInput": () => Promise<void>;
        /**
         * Form id to associate with (for out-of-form usage).
         */
        "form"?: string;
        /**
         * Returns the current validation message, if any.
         */
        "getValidationMessage": () => Promise<string>;
        /**
         * Helper / description text displayed below the label.
         */
        "helperText"?: string;
        /**
         * Label text for the checkbox. Required for accessibility.
         */
        "label": string;
        /**
         * Name attribute for form submission via ElementInternals.
         */
        "name"?: string;
        /**
         * Reports validation errors to the user.
         */
        "reportValidity": () => Promise<boolean>;
        /**
         * Whether the checkbox is required.
         * @default false
         */
        "required": boolean;
        /**
         * Form submission value when checked.
         * @default 'on'
         */
        "value": string;
    }
    /**
     * The chip displays a compact semantic status as a non-interactive UI element.
     */
    export interface LmvzChip {
        /**
         * Size variant of the chip. Invalid values are normalized to `default` at runtime.
         * @default 'default'
         */
        "size": Chip.Size;
        /**
         * Semantic variant of the chip. Invalid values are normalized to `active` at runtime.
         * @default 'active'
         */
        "type": Chip.Type;
    }
    export interface LmvzDatepicker {
        /**
         * Returns whether the current value satisfies `required`/`min`/`max` and is a parseable date. Unlike a native `<input>`, form-associated custom elements do not forward `ElementInternals`' constraint-validation API to the element automatically — this delegates to it explicitly.
         */
        "checkValidity": () => Promise<boolean>;
        /**
         * Whether the entire datepicker (input + panel) is disabled.
         * @default false
         */
        "disabled": boolean;
        /**
         * Custom display-format pattern for the text field, using the tokens `yyyy`, `MM`, `dd` (e.g. `'dd.MM.yyyy'`). Defaults to a pattern derived from `locale`.
         */
        "displayFormat"?: Datepicker.DisplayFormat;
        /**
         * Error message displayed below the text field when the value is invalid.
         */
        "errorMessage"?: string;
        /**
         * First day of the week: `0` = Sunday, `1` = Monday. Monday-first is hardcoded for v1; this prop is reserved for future runtime support.
         * @default 1
         */
        "firstDayOfWeek": 0 | 1;
        /**
         * Helper text displayed below the text field.
         */
        "helperText"?: string;
        /**
         * Label for the composed text field.
         */
        "label"?: string;
        /**
         * BCP 47 locale tag used for weekday/month names, ARIA labels, and the default display format.
         * @default 'de-CH'
         */
        "locale": string;
        /**
         * Maximum selectable date in ISO `YYYY-MM-DD` format. Days after this date are disabled.
         */
        "max": IsoDateString | undefined;
        /**
         * Minimum selectable date in ISO `YYYY-MM-DD` format. Days before this date are disabled.
         */
        "min": IsoDateString | undefined;
        /**
         * Name submitted with the form.
         */
        "name"?: string;
        /**
         * Whether the calendar popover is open. Reflects the actual open state — it is kept in sync with focus/keyboard interactions and with light-dismiss/Escape closing.
         * @default false
         */
        "open": boolean;
        /**
         * Placeholder for the composed text field. Defaults to the locale-derived display pattern (e.g. `dd.MM.yyyy`).
         */
        "placeholder"?: string;
        /**
         * Whether the datepicker is readonly. The text field cannot be typed into and the calendar cannot change the value, but the value is still submitted with the form.
         * @default false
         */
        "readonly": boolean;
        /**
         * Reports validation errors to the user (e.g. shows the browser's native validation bubble) and returns whether the current value is valid.
         */
        "reportValidity": () => Promise<boolean>;
        /**
         * Whether a value is required for the form to be valid.
         * @default false
         */
        "required": boolean;
        /**
         * The selected date in ISO `YYYY-MM-DD` format.
         */
        "value": `${number}-${number}-${number}` | undefined;
        /**
         * ISO year-month string (`YYYY-MM`) whose month is currently displayed. Defaults to the current month when unset.
         */
        "visibleMonth": IsoYearMonthString | undefined;
    }
    /**
     * An accessible, application-style navigation header component, that renders two connected levels of navigation.
     */
    export interface LmvzHeader {
        /**
         * Programmatically set focus to the first managed element.
         */
        "initFocus": () => Promise<void>;
        /**
         * Id of the currently active primary navigation item. Also determines which `connect-nav-*` secondary slot is shown.
         */
        "lmvzActiveNav"?: string;
        /**
         * @readonly 
         * @default 'banner'
         */
        "role": string;
    }
    /**
     * `lmvz-icon` is a web component that lazy-loads and displays an SVG icon from the given icon set.
     * It requires a provider to be registered in the application (once), which will supply the icon data based on the `icon` prop, for its `iconset`.
     * Loading is deferred, using an IntersectionObserver, until the instance becomes visible in the viewport.
     */
    export interface LmvzIcon {
        /**
         * Accessible name for assistive technology. Leave unset for decorative icons so the icon stays hidden from the accessibility tree.
         */
        "ariaLabel"?: string;
        /**
         * Required  Either a valid name from a registered iconset, or the icon's SVG content (inline).  Will be checked against the chosen {@link iconset}.
         */
        "icon": SVGString | string;
        /**
         * Optional custom icon iconset id. Must reference a registered custom iconset by its exported name.  Will try to resolve from the default iconset if not provided.
         */
        "iconset"?: string;
        /**
         * The size of the icon (optional, default is 'md').
         * @default 'md'
         */
        "size"?: Icon.Size;
        /**
         * The weight/style of the icon (optional, default is 'medium').
         * @default 'medium'
         */
        "weight"?: Icon.IconWeight;
    }
    /**
     * Input component with floating label, (form) validation, and slotted content support.
     * @example ```html
     * <lmvz-input
     *   label="Email"
     *   type="email"
     *   required
     *   autocomplete="email"
     *   helper-text="We'll never share your email"
     * ></lmvz-input>
     * ```
     * @example ```typescript
     * const input = document.querySelector('lmvz-input');
     * input.addEventListener('input', (e) => console.log(e.target.value));
     * await input.focus();
     * ```
     */
    export interface LmvzInput {
        /**
         * Autocapitalize attribute for mobile keyboards
         * @default undefined
         */
        "autocapitalize"?: Input.Autocapitalize;
        /**
         * Autocomplete attribute for form autofill
         */
        "autocomplete"?: Input.Autocomplete;
        /**
         * Autocorrect attribute for mobile keyboards
         * @default undefined
         */
        "autocorrect"?: 'on' | 'off';
        /**
         * Whether the input should autofocus
         * @default false
         */
        "autofocus": boolean;
        /**
         * Removes focus from the input
         */
        "blurInput": () => Promise<void>;
        /**
         * Returns whether the input satisfies its validation constraints
         */
        "checkValidity": () => Promise<boolean>;
        /**
         * Whether the input is disabled
         * @default false
         */
        "disabled": boolean;
        /**
         * Whether the input is in an error state When not set manually, this will automatically reflect native HTML5 validation state
         * @default false
         */
        "error": boolean;
        /**
         * Error message to display when error is true
         */
        "errorMessage"?: string;
        /**
         * Sets focus on the input
         */
        "focusInput": () => Promise<void>;
        /**
         * Form id to associate with
         */
        "form"?: string;
        /**
         * Returns the native HTMLInputElement.  Promise resolves when the element is ready and the input is available. If the input is not yet rendered, it waits for the component to be ready.
         */
        "getInputElement": () => Promise<HTMLInputElement | undefined>;
        /**
         * Returns the current validation message, if any.
         */
        "getValidationMessage": () => Promise<string>;
        /**
         * Helper text displayed below the input
         */
        "helperText"?: string;
        /**
         * Input mode for mobile keyboards
         */
        "inputmode"?: Input.Inputmode;
        /**
         * Label text for the input
         */
        "label": string;
        /**
         * Maximum value for number/date inputs
         */
        "max"?: number | string;
        /**
         * Maximum length for text inputs
         */
        "maxlength"?: number;
        /**
         * Minimum value for number/date inputs
         */
        "min"?: number | string;
        /**
         * Minimum length for text inputs
         */
        "minlength"?: number;
        /**
         * Name attribute for the input
         */
        "name"?: string;
        /**
         * Validation pattern (regex)
         */
        "pattern"?: string;
        /**
         * Placeholder text
         */
        "placeholder"?: string;
        /**
         * Whether the input is readonly
         * @default false
         */
        "readonly": boolean;
        /**
         * Reports validation errors to the user
         */
        "reportValidity": () => Promise<boolean>;
        /**
         * Whether the input is required
         * @default false
         */
        "required": boolean;
        /**
         * Selects the text in the input
         */
        "select": () => Promise<void>;
        /**
         * Updates the value programmatically and emits `lmvzInput` with the new value.
         */
        "setValue": (newValue: string | undefined) => Promise<void>;
        /**
         * Size variant of the input
         * @default 'md'
         */
        "size": Input.Size;
        /**
         * Spellcheck attribute
         * @default undefined
         */
        "spellcheck"?: boolean;
        /**
         * Step interval for number inputs
         */
        "step"?: number | string;
        /**
         * Type of the input
         * @default 'text'
         */
        "type": Input.Type;
        /**
         * Value of the input
         */
        "value"?: string;
    }
    /**
     * The link renders a native anchor element with an icon indicating navigation type.
     */
    export interface LmvzLink {
        /**
         * Visually-hidden text appended inside the anchor when `target="_blank"`. Provides an accessible cue for screen reader users.
         * @default '(öffnet in neuem Tab)'
         */
        "externalLabel": string;
        /**
         * The URL the link points to. Mirrors the native anchor `href` attribute.
         * @default ''
         */
        "href": string;
        /**
         * Relationship of the linked URL. When `target="_blank"`, `noopener` and `noreferrer` are automatically added if not already present.
         */
        "rel"?: string;
        /**
         * Where to open the linked document.
         */
        "target"?: '_self' | '_blank' | '_parent' | '_top';
        /**
         * Navigation type. Drives the icon shown after the label text. - `internal` → arrow-right icon - `external` → external icon Invalid values are normalized to `internal`.
         * @default 'internal'
         */
        "type": Link.Type;
    }
    /**
     * A menu item component to be used within the `lmvz-header` component's navigation slots.
     */
    export interface LmvzMenuitem {
        /**
         * Accessibility role exposed by the host element.
         * @default 'menuitem'
         * @readonly
         */
        "role": string;
        /**
         * Keeps the host focusable for keyboard navigation inside `lmvz-header`.
         * @default 0
         * @readonly
         */
        "ti": number;
    }
    export interface LmvzMessage {
        "actionLabel"?: string;
        /**
         * @default 'Schliessen'
         */
        "closeLabel": string;
        /**
         * @default false
         */
        "dismissible": boolean;
        /**
         * @default true
         */
        "leadingIcon": boolean;
        /**
         * @default 'off'
         */
        "live": 'off' | 'polite' | 'assertive';
        /**
         * @default 'neutral'
         */
        "type": Message.Type;
    }
    /**
     * Native dialog-backed modal with inline `header`, body, and `actions` regions.
     * The implementation intentionally ignores Figma preview container sizes and instead sizes against the viewport plus LMVZ spacing tokens.
     */
    export interface LmvzModal {
        /**
         * Accessible label for the internal close button.
         * @default 'Schliessen'
         */
        "closeLabel": string;
        /**
         * Controls the native dialog visibility.
         * @default false
         */
        "open": boolean;
    }
    export interface LmvzPopover {
        /**
         * The anchor element or its id. Used for positioning.
         */
        "anchor"?: string | HTMLElement;
        /**
         * Whether to move focus to the first focusable element on open. Ignored (treated as `false`) when `containerRole` is not `'dialog'`, since non-dialog roles (e.g. `'listbox'` for combobox/activedescendant integrations) must keep focus on the anchor/trigger element.
         * @default true
         */
        "autoFocus": boolean;
        /**
         * ARIA role applied to the popover container. Use `'dialog'` (default) for focus-moving dialog-style popovers. Use a non-dialog role such as `'listbox'` to integrate with a `role="combobox"` trigger using the activedescendant model, in which case focus is kept on the anchor/trigger element instead of being moved into the popover.
         * @default 'dialog'
         */
        "containerRole": Popover.ContainerRole;
        /**
         * Closes the popover, firing lmvzCancel first. If cancelled, the popover stays open.
         */
        "hide": () => Promise<void>;
        /**
         * Accessible label for the popover container.
         */
        "label"?: string;
        /**
         * Whether the popover is open.
         * @default false
         */
        "open": boolean;
        /**
         * Preferred placement relative to the anchor.
         * @default 'bottom-start'
         */
        "placement": Popover.Placement;
        /**
         * Opens the popover.
         */
        "show": () => Promise<void>;
        /**
         * Controls the size variant of the card surface.
         * @default 'sm'
         */
        "size": Popover.Size;
        /**
         * Toggles the popover open state.
         */
        "toggle": () => Promise<void>;
    }
    /**
     * Radio button component with form association, ARIA validation, accessible label support,
     * and ARIA APG-compliant Arrow-key keyboard navigation.
     * **Consumer responsibility — `role="radiogroup"`:**
     * Wrap a group of `lmvz-radio` elements in a container element with `role="radiogroup"` and
     * an accessible label via `aria-label` or `aria-labelledby`. `lmvz-radio` must not carry
     * `role="radiogroup"` itself because a radio cannot also be a radiogroup.
     * **Arrow-key navigation and roving tabindex:**
     * When multiple `lmvz-radio` elements share the same `name` attribute, this component
     * automatically handles Arrow Down / Arrow Right (next), Arrow Up / Arrow Left (previous),
     * Home (first), and End (last) navigation with wrapping. Disabled radios are skipped.
     * The checked radio has `tabindex="0"`. When no radio is checked, the first enabled radio
     * in DOM order receives `tabindex="0"`, ensuring the group is always reachable by Tab.
     * @example ```html
     * <div role="radiogroup" aria-label="Choose an option">
     *   <lmvz-radio label="Option A" name="choice" checked></lmvz-radio>
     *   <lmvz-radio label="Option B" name="choice"></lmvz-radio>
     * </div>
     * ```
     */
    export interface LmvzRadio {
        /**
         * Whether the radio should autofocus.
         * @default false
         */
        "autofocus": boolean;
        /**
         * Returns whether the radio satisfies its validation constraints.
         */
        "checkValidity": () => Promise<boolean>;
        /**
         * Whether the radio is checked.  Setting this prop programmatically (e.g. `element.checked = true`) fires `lmvzChange` with the new value, unless the change occurs during native form lifecycle callbacks (`formResetCallback` or `formStateRestoreCallback`), in which case emission is suppressed to match native `<input type="radio">` behavior. Internal form state is always updated regardless of emission suppression.
         * @default false
         */
        "checked": boolean;
        /**
         * Whether the radio is disabled.
         * @default false
         */
        "disabled": boolean;
        /**
         * Whether the radio is in an error state.
         * @default false
         */
        "error": boolean;
        /**
         * Sets focus on the native radio input.
         */
        "focusInput": () => Promise<void>;
        /**
         * Form id to associate with (for out-of-form usage). Reflected to the host attribute so both HTML attribute and programmatic assignment work.
         */
        "form"?: string;
        /**
         * Returns the current validation message, if any.
         */
        "getValidationMessage": () => Promise<string>;
        /**
         * Helper / description text displayed below the label.
         */
        "helperText"?: string;
        /**
         * Label text for the radio. Required for accessibility.
         */
        "label": string;
        /**
         * Name attribute for form submission via ElementInternals.  The `name` is NOT forwarded to the native `<input type="radio">` — this component renders in `scoped` (light DOM) mode, so a native `name` attribute would make the inner `<input>` an independent, genuinely form-associated element of the outer `<form>`, submitting a duplicate value alongside the host's own `ElementInternals` participation. Instead, `name` is used purely as a JS-level grouping key: the `RadioGroupController` tracks all `lmvz-radio` hosts sharing the same `name` and form scope in an internal registry and enforces mutual exclusion itself (via `RadioGroup.select()`, which sets `checked = false` on every other host in the group). If a radio is outside any form, its scope defaults to the document level — same-name radios outside forms form a document-scoped group. Radios with the same `name` in different forms are independent groups.  The `RadioGroupController` also manages roving tabindex (only the checked radio has `tabindex="0"`) and keyboard navigation (Arrow keys, Home, End) within the group.
         * @remarks A value of `""` (empty string) is treated as unnamed by `RadioGroupController` — no group coordination occurs between radios with `name=""`.
         */
        "name"?: string;
        /**
         * Reports validation errors to the user.
         */
        "reportValidity": () => Promise<boolean>;
        /**
         * Whether the radio is required.
         * @default false
         */
        "required": boolean;
        /**
         * Form submission value when checked.
         * @default 'on'
         */
        "value": string;
    }
    /**
     * Select component with floating label and pill-shaped trigger.
     * Implements the WAI-ARIA APG "combobox with listbox popup" pattern: a `role="combobox"`
     * trigger drives an `lmvz-popover`-hosted `role="listbox"`/`role="option"` list via the
     * activedescendant model (the trigger keeps real DOM focus; `aria-activedescendant` tracks
     * the highlighted option).
     * Participates in native HTML forms via `ElementInternals` (form-associated custom element):
     * the `name` attribute (set directly on the host element) and the current `value` are submitted,
     * and the value resets to its initial value on form reset.
     * @example ```html
     * <lmvz-select label="Country" name="country">
     *   <option value="ch">Switzerland</option>
     *   <option value="de">Germany</option>
     *   <option value="at">Austria</option>
     * </lmvz-select>
     * ```
     * @example ```typescript
     * const select = document.querySelector('lmvz-select');
     * select.addEventListener('lmvzChange', (e) => console.log(e.detail));
     * ```
     */
    export interface LmvzSelect {
        /**
         * Removes focus from the combobox trigger.
         */
        "blurTrigger": () => Promise<void>;
        /**
         * Returns whether the select satisfies its validation constraints.
         */
        "checkValidity": () => Promise<boolean>;
        /**
         * Whether the select is disabled.
         * @default false
         */
        "disabled": boolean;
        /**
         * Whether the select is in an error state. When not set manually, this will automatically reflect native HTML5 validation state
         * @default false
         */
        "error": boolean;
        /**
         * Error message displayed below the select field when error is true.
         */
        "errorMessage"?: string;
        /**
         * Sets focus on the combobox trigger.
         */
        "focusTrigger": () => Promise<void>;
        /**
         * Returns the current validation message, if any.
         */
        "getValidationMessage": () => Promise<string>;
        /**
         * Helper text displayed below the select field.
         */
        "helperText"?: string;
        /**
         * Whether the select has an active filter or selection that should be visually distinguished (e.g. a filter chip is applied).  When `true`: - The host attribute `highlighted` is present (CSS: `:host([highlighted])`). - The host attribute `data-highlighted="true"` is set for assistive-technology   consumers that observe data attributes. When `false`, `data-highlighted` is   set to `"false"`.  Note: `aria-pressed` is intentionally not used here; it is reserved for toggle-button roles. `aria-selected` is reserved for this component's own `role="option"` elements. The `data-highlighted` attribute provides the accessible contract for this state.
         * @default false
         */
        "highlighted": boolean;
        /**
         * Label text displayed as a placeholder when no value is selected, and floated above the trigger when a value is present.
         */
        "label": string;
        /**
         * Name attribute for form submission via ElementInternals.
         */
        "name"?: string;
        /**
         * Reports validation errors to the user.
         */
        "reportValidity": () => Promise<boolean>;
        /**
         * Whether a value is required.
         * @default false
         */
        "required": boolean;
        /**
         * Visual size variant of the select field. - `small` — compact height - `default` — standard height (default) - `large` — increased height
         * @default 'default'
         */
        "size": Select.Size;
        /**
         * Currently selected value.
         */
        "value"?: string;
    }
    export interface LmvzSnackbar {
        "actionLabel"?: string;
        "duration"?: number;
        "hide": () => Promise<void>;
        /**
         * @default ''
         */
        "message": string;
        /**
         * @default 'normal'
         */
        "priority"?: Snackbar.Priority;
        "show": () => Promise<void>;
        /**
         * @default 'success'
         */
        "status": Snackbar.Status;
    }
    /**
     * `lmvz-spinner` is an indeterminate progress indicator that signals an ongoing background operation.
     * Set `aria-label` when the spinner is the primary loading indicator in its context.
     * Omit it when decorative (e.g., inside a button that already announces its loading state).
     */
    export interface LmvzSpinner {
        /**
         * Accessible name for assistive technology. Leave unset for decorative spinners so the element stays hidden from the accessibility tree.
         */
        "ariaLabel"?: string;
        /**
         * Size of the spinner.
         * @default 'small'
         */
        "size": 'small' | 'large';
    }
    /**
     * The tab trigger primitive. Must be used as a direct child of `lmvz-tabs`.
     * Selection state, ARIA semantics (tablist/tab/tabpanel), keyboard management,
     * and roving tabindex are all owned by the parent `lmvz-tabs` component.
     */
    export interface LmvzTab {
        /**
         * Whether the tab is disabled. Disabled tabs are not activatable and are skipped by arrow-key navigation in `lmvz-tabs`.
         * @default false
         */
        "disabled": boolean;
        /**
         * Whether this tab is currently selected. Set by the parent `lmvz-tabs` component — do not set manually.
         * @default false
         */
        "selected": boolean;
        /**
         * Unique value that identifies this tab within its `lmvz-tabs` parent. The parent uses this to track the selected tab.
         */
        "value": string;
        /**
         * Vertical orientation context. Set by the parent `lmvz-tabs` when `orientation="vertical"` — do not set manually. When true the selection indicator moves to the inline-start edge.
         * @default false
         */
        "vertical": boolean;
    }
    /**
     * The semantics and state owner for the WAI-ARIA tabs pattern.
     * `lmvz-tabs` owns:
     * - `tablist` / `tab` / `tabpanel` ARIA semantics
     * - Selected-value state and manual activation (`Enter`, `Space`, click)
     * - Roving `tabindex` via `DirectionalFocusController`
     * - Horizontal scroll overflow (horizontal mode only)
     * - Disabled-tab skipping and nearest-enabled fallback
     * - Child registration and panel linkage via `aria-controls` / `aria-labelledby`
     * Panels are consumer-authored light-DOM elements. Associate each panel with
     * its tab by adding an `id` attribute — either matching `lmvz-tab[panel]` or
     * derived positionally when no explicit id is provided.
     * @event lmvzChange - Fired when a tab is activated. Detail: `{ value: string }`.
     * @example ```html
     * <lmvz-tabs value="home">
     *   <lmvz-tab value="home">Home</lmvz-tab>
     *   <lmvz-tab value="settings" disabled>Settings</lmvz-tab>
     *   <div slot="panels" id="panel-home" role="tabpanel">Home content</div>
     *   <div slot="panels" id="panel-settings" role="tabpanel">Settings content</div>
     * </lmvz-tabs>
     * ```
     */
    export interface LmvzTabs {
        /**
         * Programmatically activate a tab by value. Disabled tabs are ignored; emits `lmvzChange` on change.
         */
        "activateTab": (value: string) => Promise<void>;
        /**
         * Returns all slotted `lmvz-tab` elements. Exposed for external orchestration.
         */
        "getTabElements": () => Promise<HTMLElement[]>;
        /**
         * Programmatically set focus to the first managed element.
         */
        "initFocus": () => Promise<void>;
        /**
         * Layout and keyboard-navigation orientation.
         * @default 'horizontal'
         */
        "orientation": 'horizontal' | 'vertical';
        /**
         * Wires `aria-controls` on each tab and `aria-labelledby` on each panel using the provided ordered array of `[tabId, panelId]` pairs. Callers only need this for explicit control; `lmvz-tabs` wires positional pairs automatically on `slotchange`.
         */
        "setTabPanelIds": (pairs: Array<[string, string]>) => Promise<void>;
        /**
         * The `value` of the currently selected tab.
         */
        "value": string;
    }
    /**
     * Toggle (switch) component. Wraps a native `<input type="checkbox" role="switch">` for full keyboard and form support.
     * @example ```html
     * <lmvz-toggle label="Enable notifications" name="notifications" required></lmvz-toggle>
     * ```
     */
    export interface LmvzToggle {
        /**
         * Removes focus from the toggle
         */
        "blurToggle": () => Promise<void>;
        /**
         * Returns whether the toggle satisfies its validation constraints
         */
        "checkValidity": () => Promise<boolean>;
        /**
         * Whether the toggle is checked
         * @default false
         */
        "checked": boolean;
        /**
         * Whether the toggle is disabled
         * @default false
         */
        "disabled": boolean;
        /**
         * Sets focus on the toggle
         */
        "focusToggle": () => Promise<void>;
        /**
         * Form id to associate with
         */
        "form"?: string;
        /**
         * Returns the native HTMLInputElement.  Promise resolves when the element is ready and the input is available.
         */
        "getInputElement": () => Promise<HTMLInputElement | undefined>;
        /**
         * Returns the current validation message, if any.
         */
        "getValidationMessage": () => Promise<string>;
        /**
         * Label text for the toggle
         */
        "label": string;
        /**
         * Name attribute for form integration
         */
        "name"?: string;
        /**
         * Reports validation errors to the user
         */
        "reportValidity": () => Promise<boolean>;
        /**
         * Whether the toggle is required
         * @default false
         */
        "required": boolean;
        /**
         * Value submitted with the form when checked
         * @default 'on'
         */
        "value": string;
    }
}

export declare namespace Datepicker {
    /**
     * A display-format pattern using the tokens `yyyy`, `MM`, `dd`
     * (any order, arbitrary literal separators), e.g. `'dd.MM.yyyy'`.
     */
    export type DisplayFormat = string;
}

export declare type FormRef = string | HTMLFormElement | undefined;

export declare namespace Icon {
    export type Size = (typeof iconSizes)[number];
    export type IconWeight = (typeof iconWeights)[number];
}

declare const iconSizes: readonly ["xs", "sm", "md", "lg", "inherit"];

declare const iconWeights: readonly ["thin", "medium", "bold"];

export declare namespace Input {
    export type Type = (typeof inputTypes)[number];
    export type Size = (typeof inputSizes)[number];

    export type Autocomplete = HTMLInputElement['autocomplete'];
    /**
     * Inputmode attribute for mobile keyboards
     */
    export type Inputmode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
    /**
     * Autocapitalize attribute for mobile keyboards
     */
    export type Autocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
}

declare const inputSizes: readonly ["sm", "md", "lg"];

declare const inputTypes: readonly ["text", "email", "password", "tel", "url", "search", "number"];

/**
 * ISO 8601 date string: YYYY-MM-DD
 * Compatible with Temporal.PlainDate.toString()
 */
export declare type IsoDateString = `${number}-${number}-${number}`;

/**
 * ISO 8601 year-month string: YYYY-MM
 * Compatible with Temporal.PlainYearMonth.toString()
 */
export declare type IsoYearMonthString = `${number}-${number}`;

export declare namespace JSX {
    export type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };

    /**
     * @deprecated use `lmvz-button` instead
     */
    export interface LmvzAction {
        "onActionClick"?: (event: LmvzActionCustomEvent<MouseEvent>) => void;
    }
    /**
     * A keyboard-navigable action list component implementing the WAI-ARIA `menu` pattern.
     * Renders a styled `<ul role="menu">` that accepts `<lmvz-button>`, native `<button>`,
     * `<hr>` dividers, and `<div role="group">` groups via the default slot.
     * Arrow keys move focus across interactive items; Home/End jump to first/last.
     * **Disabled items:** Items with the native `disabled` attribute (or `disabled` prop on
     * `<lmvz-button>`) are silently skipped during arrow-key navigation. This matches the
     * behaviour of native `<select>` and keeps the interaction model simple.
     * Trade-off: screen reader users navigating by arrow key cannot discover disabled items
     * or read their labels. If surfacing disabled items to all users is required, use
     * `aria-disabled="true"` on the item instead and handle activation prevention in the
     * click/activation handler — the controller's `isFocusableElement` callback can then be
     * used to override the skip logic.
     * @example ```html
     * <lmvz-action-list label="Actions">
     *   <lmvz-button>Edit</lmvz-button>
     *   <hr />
     *   <lmvz-button class="lmvz-action-list-item--danger">Delete</lmvz-button>
     * </lmvz-action-list>
     * ```
     */
    export interface LmvzActionList {
        /**
         * Accessible label for the menu, reflected as `aria-label` on the host Element. When absent, `aria-label` is not rendered on the host.
         */
        "label"?: string;
    }
    export interface LmvzButton {
        /**
         * ARIA role applied to the inner `<button>` element. When set, the host element receives `role="presentation"` so that AT sees only one interactive element with the correct role. Use `"menuitem"` when the button is a child of a `role="menu"` container.
         */
        "buttonRole"?: string;
        /**
         * Whether the button is disabled
         * @default false
         */
        "disabled"?: boolean;
        /**
         * The HTML form element or form element id. Used to submit a form when the button is not a child of the form.
         */
        "form"?: FormRef;
        /**
         * Native formmethod value forwarded to the hidden native submit button. Use `dialog` to support native dialog close/confirm flows from `lmvz-button`.
         */
        "formMethod"?: 'dialog' | 'get' | 'post';
        /**
         * Native button name forwarded to the hidden native submit button.
         */
        "name"?: string;
        /**
         * Event emitted when the button is activated, either by a click or by pressing "Enter" when the button is focused.
         */
        "onLmvzActivation"?: (event: LmvzButtonCustomEvent<void>) => void;
        /**
         * Scale of the button
         * @default 'default'
         */
        "scale"?: Button.Scale;
        /**
         * @default 0
         */
        "ti"?: number;
        /**
         * Native button type forwarded to the internal `<button>` element. Use `submit` to trigger form submission.
         * @default 'button'
         */
        "type"?: 'submit' | 'button';
        /**
         * Native button value forwarded to the hidden native submit button. For `formmethod="dialog"` flows this becomes the dialog `returnValue`.
         */
        "value"?: string;
        /**
         * Variant of the button
         * @default 'secondary'
         */
        "variant"?: Button.Variant;
    }
    export interface LmvzButtonGroup {
        /**
         * @readonly
         */
        "hasActions"?: boolean;
        /**
         * @readonly
         */
        "primaryEnabledAction"?: HTMLButtonElement | undefined;
        /**
         * @default false
         */
        "stacked"?: boolean;
    }
    export interface LmvzCard {
        /**
         * Card title (required)
         */
        "cardTitle": string;
        /**
         * Optional description
         */
        "description"?: string;
        /**
         * Optional image URL; placeholder used if omitted
         */
        "imageUrl"?: string;
        /**
         * Event emitted when primary button is clicked
         */
        "onPrimaryAction"?: (event: LmvzCardCustomEvent<PointerEvent>) => void;
        /**
         * Primary action button label
         * @default ''
         */
        "primaryActionLabel"?: string;
    }
    /**
     * Checkbox component with form association, ARIA validation, and accessible label support.
     * @example ```html
     * <lmvz-checkbox label="Accept terms" name="terms" required></lmvz-checkbox>
     * ```
     */
    export interface LmvzCheckbox {
        /**
         * Whether the checkbox should autofocus.
         * @default false
         */
        "autofocus"?: boolean;
        /**
         * Whether the checkbox is checked.
         * @default false
         */
        "checked"?: boolean;
        /**
         * Whether the checkbox is disabled.
         * @default false
         */
        "disabled"?: boolean;
        /**
         * Whether the checkbox is in an error state.
         * @default false
         */
        "error"?: boolean;
        /**
         * Error message displayed when error is true. Required when error=true.
         */
        "errorMessage"?: string;
        /**
         * Form id to associate with (for out-of-form usage).
         */
        "form"?: string;
        /**
         * Helper / description text displayed below the label.
         */
        "helperText"?: string;
        /**
         * Label text for the checkbox. Required for accessibility.
         */
        "label": string;
        /**
         * Name attribute for form submission via ElementInternals.
         */
        "name"?: string;
        /**
         * Emitted whenever the checkbox checked state changes. Event detail contains the new checked boolean value.
         */
        "onLmvzChange"?: (event: LmvzCheckboxCustomEvent<boolean>) => void;
        /**
         * Whether the checkbox is required.
         * @default false
         */
        "required"?: boolean;
        /**
         * Form submission value when checked.
         * @default 'on'
         */
        "value"?: string;
    }
    /**
     * The chip displays a compact semantic status as a non-interactive UI element.
     */
    export interface LmvzChip {
        /**
         * Size variant of the chip. Invalid values are normalized to `default` at runtime.
         * @default 'default'
         */
        "size"?: Chip.Size;
        /**
         * Semantic variant of the chip. Invalid values are normalized to `active` at runtime.
         * @default 'active'
         */
        "type"?: Chip.Type;
    }
    export interface LmvzDatepicker {
        /**
         * Whether the entire datepicker (input + panel) is disabled.
         * @default false
         */
        "disabled"?: boolean;
        /**
         * Custom display-format pattern for the text field, using the tokens `yyyy`, `MM`, `dd` (e.g. `'dd.MM.yyyy'`). Defaults to a pattern derived from `locale`.
         */
        "displayFormat"?: Datepicker.DisplayFormat;
        /**
         * Error message displayed below the text field when the value is invalid.
         */
        "errorMessage"?: string;
        /**
         * First day of the week: `0` = Sunday, `1` = Monday. Monday-first is hardcoded for v1; this prop is reserved for future runtime support.
         * @default 1
         */
        "firstDayOfWeek"?: 0 | 1;
        /**
         * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
         * Helper text displayed below the text field.
         */
        "helperText"?: string;
        /**
         * Label for the composed text field.
         */
        "label"?: string;
        /**
         * BCP 47 locale tag used for weekday/month names, ARIA labels, and the default display format.
         * @default 'de-CH'
         */
        "locale"?: string;
        /**
         * Maximum selectable date in ISO `YYYY-MM-DD` format. Days after this date are disabled.
         */
        "max"?: IsoDateString | undefined;
        /**
         * Minimum selectable date in ISO `YYYY-MM-DD` format. Days before this date are disabled.
         */
        "min"?: IsoDateString | undefined;
        /**
         * Name submitted with the form.
         */
        "name"?: string;
        /**
         * Emitted when the user selects a date (via the calendar grid or by typing a complete valid date). The `value` field carries an IsoDateString representing the selected date.
         */
        "onLmvzChange"?: (event: LmvzDatepickerCustomEvent<{ value: IsoDateString | undefined }>) => void;
        /**
         * Forwarded from the internal popover: fired after the calendar panel closes.
         */
        "onLmvzClose"?: (event: LmvzDatepickerCustomEvent<void>) => void;
        /**
         * Emitted when the displayed month changes via prev/next navigation. The `visibleMonth` field carries an IsoYearMonthString representing the new month.
         */
        "onLmvzMonthChange"?: (event: LmvzDatepickerCustomEvent<{ visibleMonth: IsoYearMonthString }>) => void;
        /**
         * Forwarded from the internal popover: fired after the calendar panel opens.
         */
        "onLmvzOpen"?: (event: LmvzDatepickerCustomEvent<void>) => void;
        /**
         * Whether the calendar popover is open. Reflects the actual open state — it is kept in sync with focus/keyboard interactions and with light-dismiss/Escape closing.
         * @default false
         */
        "open"?: boolean;
        /**
         * Placeholder for the composed text field. Defaults to the locale-derived display pattern (e.g. `dd.MM.yyyy`).
         */
        "placeholder"?: string;
        /**
         * Whether the datepicker is readonly. The text field cannot be typed into and the calendar cannot change the value, but the value is still submitted with the form.
         * @default false
         */
        "readonly"?: boolean;
        /**
         * Whether a value is required for the form to be valid.
         * @default false
         */
        "required"?: boolean;
        /**
         * The selected date in ISO `YYYY-MM-DD` format.
         */
        "value"?: `${number}-${number}-${number}` | undefined;
        /**
         * ISO year-month string (`YYYY-MM`) whose month is currently displayed. Defaults to the current month when unset.
         */
        "visibleMonth"?: IsoYearMonthString | undefined;
    }
    /**
     * An accessible, application-style navigation header component, that renders two connected levels of navigation.
     */
    export interface LmvzHeader {
        /**
         * Id of the currently active primary navigation item. Also determines which `connect-nav-*` secondary slot is shown.
         */
        "lmvzActiveNav"?: string;
        /**
         * @readonly 
         * @default 'banner'
         */
        "role"?: string;
    }
    /**
     * `lmvz-icon` is a web component that lazy-loads and displays an SVG icon from the given icon set.
     * It requires a provider to be registered in the application (once), which will supply the icon data based on the `icon` prop, for its `iconset`.
     * Loading is deferred, using an IntersectionObserver, until the instance becomes visible in the viewport.
     */
    export interface LmvzIcon {
        /**
         * Accessible name for assistive technology. Leave unset for decorative icons so the icon stays hidden from the accessibility tree.
         */
        "ariaLabel"?: string;
        /**
         * Required  Either a valid name from a registered iconset, or the icon's SVG content (inline).  Will be checked against the chosen {@link iconset}.
         */
        "icon": SVGString | string;
        /**
         * Optional custom icon iconset id. Must reference a registered custom iconset by its exported name.  Will try to resolve from the default iconset if not provided.
         */
        "iconset"?: string;
        /**
         * The size of the icon (optional, default is 'md').
         * @default 'md'
         */
        "size"?: Icon.Size;
        /**
         * The weight/style of the icon (optional, default is 'medium').
         * @default 'medium'
         */
        "weight"?: Icon.IconWeight;
    }
    /**
     * Input component with floating label, (form) validation, and slotted content support.
     * @example ```html
     * <lmvz-input
     *   label="Email"
     *   type="email"
     *   required
     *   autocomplete="email"
     *   helper-text="We'll never share your email"
     * ></lmvz-input>
     * ```
     * @example ```typescript
     * const input = document.querySelector('lmvz-input');
     * input.addEventListener('input', (e) => console.log(e.target.value));
     * await input.focus();
     * ```
     */
    export interface LmvzInput {
        /**
         * Autocapitalize attribute for mobile keyboards
         * @default undefined
         */
        "autocapitalize"?: Input.Autocapitalize;
        /**
         * Autocomplete attribute for form autofill
         */
        "autocomplete"?: Input.Autocomplete;
        /**
         * Autocorrect attribute for mobile keyboards
         * @default undefined
         */
        "autocorrect"?: 'on' | 'off';
        /**
         * Whether the input should autofocus
         * @default false
         */
        "autofocus"?: boolean;
        /**
         * Whether the input is disabled
         * @default false
         */
        "disabled"?: boolean;
        /**
         * Whether the input is in an error state When not set manually, this will automatically reflect native HTML5 validation state
         * @default false
         */
        "error"?: boolean;
        /**
         * Error message to display when error is true
         */
        "errorMessage"?: string;
        /**
         * Form id to associate with
         */
        "form"?: string;
        /**
         * Helper text displayed below the input
         */
        "helperText"?: string;
        /**
         * Input mode for mobile keyboards
         */
        "inputmode"?: Input.Inputmode;
        /**
         * Label text for the input
         */
        "label": string;
        /**
         * Maximum value for number/date inputs
         */
        "max"?: number | string;
        /**
         * Maximum length for text inputs
         */
        "maxlength"?: number;
        /**
         * Minimum value for number/date inputs
         */
        "min"?: number | string;
        /**
         * Minimum length for text inputs
         */
        "minlength"?: number;
        /**
         * Name attribute for the input
         */
        "name"?: string;
        /**
         * Emitted whenever the input value changes. Event detail contains the current value.
         */
        "onLmvzInput"?: (event: LmvzInputCustomEvent<string>) => void;
        /**
         * Validation pattern (regex)
         */
        "pattern"?: string;
        /**
         * Placeholder text
         */
        "placeholder"?: string;
        /**
         * Whether the input is readonly
         * @default false
         */
        "readonly"?: boolean;
        /**
         * Whether the input is required
         * @default false
         */
        "required"?: boolean;
        /**
         * Size variant of the input
         * @default 'md'
         */
        "size"?: Input.Size;
        /**
         * Spellcheck attribute
         * @default undefined
         */
        "spellcheck"?: boolean;
        /**
         * Step interval for number inputs
         */
        "step"?: number | string;
        /**
         * Type of the input
         * @default 'text'
         */
        "type"?: Input.Type;
        /**
         * Value of the input
         */
        "value"?: string;
    }
    /**
     * The link renders a native anchor element with an icon indicating navigation type.
     */
    export interface LmvzLink {
        /**
         * Visually-hidden text appended inside the anchor when `target="_blank"`. Provides an accessible cue for screen reader users.
         * @default '(öffnet in neuem Tab)'
         */
        "externalLabel"?: string;
        /**
         * The URL the link points to. Mirrors the native anchor `href` attribute.
         * @default ''
         */
        "href"?: string;
        /**
         * Relationship of the linked URL. When `target="_blank"`, `noopener` and `noreferrer` are automatically added if not already present.
         */
        "rel"?: string;
        /**
         * Where to open the linked document.
         */
        "target"?: '_self' | '_blank' | '_parent' | '_top';
        /**
         * Navigation type. Drives the icon shown after the label text. - `internal` → arrow-right icon - `external` → external icon Invalid values are normalized to `internal`.
         * @default 'internal'
         */
        "type"?: Link.Type;
    }
    /**
     * A menu item component to be used within the `lmvz-header` component's navigation slots.
     */
    export interface LmvzMenuitem {
        /**
         * Event emitted when the menu item is activated, either by a click or by pressing "Enter" or "Space" while the menu item is focused.
         */
        "onLmvzActivation"?: (event: LmvzMenuitemCustomEvent<void>) => void;
        /**
         * Accessibility role exposed by the host element.
         * @default 'menuitem'
         * @readonly
         */
        "role"?: string;
        /**
         * Keeps the host focusable for keyboard navigation inside `lmvz-header`.
         * @default 0
         * @readonly
         */
        "ti"?: number;
    }
    export interface LmvzMessage {
        "actionLabel"?: string;
        /**
         * @default 'Schliessen'
         */
        "closeLabel"?: string;
        /**
         * @default false
         */
        "dismissible"?: boolean;
        /**
         * @default true
         */
        "leadingIcon"?: boolean;
        /**
         * @default 'off'
         */
        "live"?: 'off' | 'polite' | 'assertive';
        "onLmvzAction"?: (event: LmvzMessageCustomEvent<void>) => void;
        "onLmvzDismiss"?: (event: LmvzMessageCustomEvent<void>) => void;
        /**
         * @default 'neutral'
         */
        "type"?: Message.Type;
    }
    /**
     * Native dialog-backed modal with inline `header`, body, and `actions` regions.
     * The implementation intentionally ignores Figma preview container sizes and instead sizes against the viewport plus LMVZ spacing tokens.
     */
    export interface LmvzModal {
        /**
         * Accessible label for the internal close button.
         * @default 'Schliessen'
         */
        "closeLabel"?: string;
        /**
         * Re-emitted from the host whenever the native dialog receives a `cancel` event (e.g. Escape key). Call `event.preventDefault()` to keep the dialog open.
         */
        "onCancel"?: (event: LmvzModalCustomEvent<void>) => void;
        /**
         * Re-emitted from the host whenever the native dialog closes so framework wrappers can synchronize bound state.
         */
        "onClose"?: (event: LmvzModalCustomEvent<void>) => void;
        /**
         * Controls the native dialog visibility.
         * @default false
         */
        "open"?: boolean;
    }
    export interface LmvzPopover {
        /**
         * The anchor element or its id. Used for positioning.
         */
        "anchor"?: string | HTMLElement;
        /**
         * Whether to move focus to the first focusable element on open. Ignored (treated as `false`) when `containerRole` is not `'dialog'`, since non-dialog roles (e.g. `'listbox'` for combobox/activedescendant integrations) must keep focus on the anchor/trigger element.
         * @default true
         */
        "autoFocus"?: boolean;
        /**
         * ARIA role applied to the popover container. Use `'dialog'` (default) for focus-moving dialog-style popovers. Use a non-dialog role such as `'listbox'` to integrate with a `role="combobox"` trigger using the activedescendant model, in which case focus is kept on the anchor/trigger element instead of being moved into the popover.
         * @default 'dialog'
         */
        "containerRole"?: Popover.ContainerRole;
        /**
         * Accessible label for the popover container.
         */
        "label"?: string;
        /**
         * Fired before light-dismiss or Escape close. Call `event.preventDefault()` to veto the close.
         */
        "onLmvzCancel"?: (event: LmvzPopoverCustomEvent<void>) => void;
        /**
         * Fired after the popover closes.
         */
        "onLmvzClose"?: (event: LmvzPopoverCustomEvent<void>) => void;
        /**
         * Fired after the popover opens.
         */
        "onLmvzOpen"?: (event: LmvzPopoverCustomEvent<void>) => void;
        /**
         * Whether the popover is open.
         * @default false
         */
        "open"?: boolean;
        /**
         * Preferred placement relative to the anchor.
         * @default 'bottom-start'
         */
        "placement"?: Popover.Placement;
        /**
         * Controls the size variant of the card surface.
         * @default 'sm'
         */
        "size"?: Popover.Size;
    }
    /**
     * Radio button component with form association, ARIA validation, accessible label support,
     * and ARIA APG-compliant Arrow-key keyboard navigation.
     * **Consumer responsibility — `role="radiogroup"`:**
     * Wrap a group of `lmvz-radio` elements in a container element with `role="radiogroup"` and
     * an accessible label via `aria-label` or `aria-labelledby`. `lmvz-radio` must not carry
     * `role="radiogroup"` itself because a radio cannot also be a radiogroup.
     * **Arrow-key navigation and roving tabindex:**
     * When multiple `lmvz-radio` elements share the same `name` attribute, this component
     * automatically handles Arrow Down / Arrow Right (next), Arrow Up / Arrow Left (previous),
     * Home (first), and End (last) navigation with wrapping. Disabled radios are skipped.
     * The checked radio has `tabindex="0"`. When no radio is checked, the first enabled radio
     * in DOM order receives `tabindex="0"`, ensuring the group is always reachable by Tab.
     * @example ```html
     * <div role="radiogroup" aria-label="Choose an option">
     *   <lmvz-radio label="Option A" name="choice" checked></lmvz-radio>
     *   <lmvz-radio label="Option B" name="choice"></lmvz-radio>
     * </div>
     * ```
     */
    export interface LmvzRadio {
        /**
         * Whether the radio should autofocus.
         * @default false
         */
        "autofocus"?: boolean;
        /**
         * Whether the radio is checked.  Setting this prop programmatically (e.g. `element.checked = true`) fires `lmvzChange` with the new value, unless the change occurs during native form lifecycle callbacks (`formResetCallback` or `formStateRestoreCallback`), in which case emission is suppressed to match native `<input type="radio">` behavior. Internal form state is always updated regardless of emission suppression.
         * @default false
         */
        "checked"?: boolean;
        /**
         * Whether the radio is disabled.
         * @default false
         */
        "disabled"?: boolean;
        /**
         * Whether the radio is in an error state.
         * @default false
         */
        "error"?: boolean;
        /**
         * Form id to associate with (for out-of-form usage). Reflected to the host attribute so both HTML attribute and programmatic assignment work.
         */
        "form"?: string;
        /**
         * Helper / description text displayed below the label.
         */
        "helperText"?: string;
        /**
         * Label text for the radio. Required for accessibility.
         */
        "label": string;
        /**
         * Name attribute for form submission via ElementInternals.  The `name` is NOT forwarded to the native `<input type="radio">` — this component renders in `scoped` (light DOM) mode, so a native `name` attribute would make the inner `<input>` an independent, genuinely form-associated element of the outer `<form>`, submitting a duplicate value alongside the host's own `ElementInternals` participation. Instead, `name` is used purely as a JS-level grouping key: the `RadioGroupController` tracks all `lmvz-radio` hosts sharing the same `name` and form scope in an internal registry and enforces mutual exclusion itself (via `RadioGroup.select()`, which sets `checked = false` on every other host in the group). If a radio is outside any form, its scope defaults to the document level — same-name radios outside forms form a document-scoped group. Radios with the same `name` in different forms are independent groups.  The `RadioGroupController` also manages roving tabindex (only the checked radio has `tabindex="0"`) and keyboard navigation (Arrow keys, Home, End) within the group.
         * @remarks A value of `""` (empty string) is treated as unnamed by `RadioGroupController` — no group coordination occurs between radios with `name=""`.
         */
        "name"?: string;
        /**
         * Fired on every explicit user activation of this radio — via click or Space key on the native input. Fires even when the radio is already checked (re-activation). Use this event to react to user intent; use `lmvzChange` to react to state transitions.
         */
        "onLmvzActivation"?: (event: LmvzRadioCustomEvent<void>) => void;
        /**
         * Emitted whenever the radio checked state changes. Event detail contains the new checked boolean value.  Emission contract: - Fires `true` on user selection (native `change` event). - Fires on programmatic external prop transitions: `true → false` (emits `false`) and   `false → true` (emits `true`), e.g. `element.checked = false` or `element.checked = true`. - Does NOT fire during browser-driven form lifecycle callbacks: `formResetCallback` and   `formStateRestoreCallback` (autofill / session restore). This matches native `<input type="radio">`   behaviour, which does not fire `change` on form reset. Note that internal form state   (`ElementInternals.setFormValue`) is always updated regardless of suppression — only the   event channel is silenced. - Does NOT re-fire from the `@Watch('checked')` watcher during the same tick as the native   `change` handler, preventing a double-emission when the user clicks the radio.
         */
        "onLmvzChange"?: (event: LmvzRadioCustomEvent<boolean>) => void;
        /**
         * Whether the radio is required.
         * @default false
         */
        "required"?: boolean;
        /**
         * Form submission value when checked.
         * @default 'on'
         */
        "value"?: string;
    }
    /**
     * Select component with floating label and pill-shaped trigger.
     * Implements the WAI-ARIA APG "combobox with listbox popup" pattern: a `role="combobox"`
     * trigger drives an `lmvz-popover`-hosted `role="listbox"`/`role="option"` list via the
     * activedescendant model (the trigger keeps real DOM focus; `aria-activedescendant` tracks
     * the highlighted option).
     * Participates in native HTML forms via `ElementInternals` (form-associated custom element):
     * the `name` attribute (set directly on the host element) and the current `value` are submitted,
     * and the value resets to its initial value on form reset.
     * @example ```html
     * <lmvz-select label="Country" name="country">
     *   <option value="ch">Switzerland</option>
     *   <option value="de">Germany</option>
     *   <option value="at">Austria</option>
     * </lmvz-select>
     * ```
     * @example ```typescript
     * const select = document.querySelector('lmvz-select');
     * select.addEventListener('lmvzChange', (e) => console.log(e.detail));
     * ```
     */
    export interface LmvzSelect {
        /**
         * Whether the select is disabled.
         * @default false
         */
        "disabled"?: boolean;
        /**
         * Whether the select is in an error state. When not set manually, this will automatically reflect native HTML5 validation state
         * @default false
         */
        "error"?: boolean;
        /**
         * Error message displayed below the select field when error is true.
         */
        "errorMessage"?: string;
        /**
         * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
         * Helper text displayed below the select field.
         */
        "helperText"?: string;
        /**
         * Whether the select has an active filter or selection that should be visually distinguished (e.g. a filter chip is applied).  When `true`: - The host attribute `highlighted` is present (CSS: `:host([highlighted])`). - The host attribute `data-highlighted="true"` is set for assistive-technology   consumers that observe data attributes. When `false`, `data-highlighted` is   set to `"false"`.  Note: `aria-pressed` is intentionally not used here; it is reserved for toggle-button roles. `aria-selected` is reserved for this component's own `role="option"` elements. The `data-highlighted` attribute provides the accessible contract for this state.
         * @default false
         */
        "highlighted"?: boolean;
        /**
         * Label text displayed as a placeholder when no value is selected, and floated above the trigger when a value is present.
         */
        "label": string;
        /**
         * Name attribute for form submission via ElementInternals.
         */
        "name"?: string;
        /**
         * Emitted when the user selects a new option. Detail contains the new value.
         */
        "onLmvzChange"?: (event: LmvzSelectCustomEvent<string>) => void;
        /**
         * Whether a value is required.
         * @default false
         */
        "required"?: boolean;
        /**
         * Visual size variant of the select field. - `small` — compact height - `default` — standard height (default) - `large` — increased height
         * @default 'default'
         */
        "size"?: Select.Size;
        /**
         * Currently selected value.
         */
        "value"?: string;
    }
    export interface LmvzSnackbar {
        "actionLabel"?: string;
        "duration"?: number;
        /**
         * @default ''
         */
        "message"?: string;
        "onLmvzClose"?: (event: LmvzSnackbarCustomEvent<{ reason: Snackbar.DismissReason }>) => void;
        /**
         * @default 'normal'
         */
        "priority"?: Snackbar.Priority;
        /**
         * @default 'success'
         */
        "status"?: Snackbar.Status;
    }
    /**
     * `lmvz-spinner` is an indeterminate progress indicator that signals an ongoing background operation.
     * Set `aria-label` when the spinner is the primary loading indicator in its context.
     * Omit it when decorative (e.g., inside a button that already announces its loading state).
     */
    export interface LmvzSpinner {
        /**
         * Accessible name for assistive technology. Leave unset for decorative spinners so the element stays hidden from the accessibility tree.
         */
        "ariaLabel"?: string;
        /**
         * Size of the spinner.
         * @default 'small'
         */
        "size"?: 'small' | 'large';
    }
    /**
     * The tab trigger primitive. Must be used as a direct child of `lmvz-tabs`.
     * Selection state, ARIA semantics (tablist/tab/tabpanel), keyboard management,
     * and roving tabindex are all owned by the parent `lmvz-tabs` component.
     */
    export interface LmvzTab {
        /**
         * Whether the tab is disabled. Disabled tabs are not activatable and are skipped by arrow-key navigation in `lmvz-tabs`.
         * @default false
         */
        "disabled"?: boolean;
        /**
         * Whether this tab is currently selected. Set by the parent `lmvz-tabs` component — do not set manually.
         * @default false
         */
        "selected"?: boolean;
        /**
         * Unique value that identifies this tab within its `lmvz-tabs` parent. The parent uses this to track the selected tab.
         */
        "value": string;
        /**
         * Vertical orientation context. Set by the parent `lmvz-tabs` when `orientation="vertical"` — do not set manually. When true the selection indicator moves to the inline-start edge.
         * @default false
         */
        "vertical"?: boolean;
    }
    /**
     * The semantics and state owner for the WAI-ARIA tabs pattern.
     * `lmvz-tabs` owns:
     * - `tablist` / `tab` / `tabpanel` ARIA semantics
     * - Selected-value state and manual activation (`Enter`, `Space`, click)
     * - Roving `tabindex` via `DirectionalFocusController`
     * - Horizontal scroll overflow (horizontal mode only)
     * - Disabled-tab skipping and nearest-enabled fallback
     * - Child registration and panel linkage via `aria-controls` / `aria-labelledby`
     * Panels are consumer-authored light-DOM elements. Associate each panel with
     * its tab by adding an `id` attribute — either matching `lmvz-tab[panel]` or
     * derived positionally when no explicit id is provided.
     * @event lmvzChange - Fired when a tab is activated. Detail: `{ value: string }`.
     * @example ```html
     * <lmvz-tabs value="home">
     *   <lmvz-tab value="home">Home</lmvz-tab>
     *   <lmvz-tab value="settings" disabled>Settings</lmvz-tab>
     *   <div slot="panels" id="panel-home" role="tabpanel">Home content</div>
     *   <div slot="panels" id="panel-settings" role="tabpanel">Settings content</div>
     * </lmvz-tabs>
     * ```
     */
    export interface LmvzTabs {
        /**
         * Emitted when a tab is activated. Detail: `{ value: string }`.
         */
        "onLmvzChange"?: (event: LmvzTabsCustomEvent<{ value: string }>) => void;
        /**
         * Layout and keyboard-navigation orientation.
         * @default 'horizontal'
         */
        "orientation"?: 'horizontal' | 'vertical';
        /**
         * The `value` of the currently selected tab.
         */
        "value": string;
    }
    /**
     * Toggle (switch) component. Wraps a native `<input type="checkbox" role="switch">` for full keyboard and form support.
     * @example ```html
     * <lmvz-toggle label="Enable notifications" name="notifications" required></lmvz-toggle>
     * ```
     */
    export interface LmvzToggle {
        /**
         * Whether the toggle is checked
         * @default false
         */
        "checked"?: boolean;
        /**
         * Whether the toggle is disabled
         * @default false
         */
        "disabled"?: boolean;
        /**
         * Form id to associate with
         */
        "form"?: string;
        /**
         * Label text for the toggle
         */
        "label": string;
        /**
         * Name attribute for form integration
         */
        "name"?: string;
        /**
         * Emitted when the toggle is switched. Event detail is the new checked state.
         */
        "onLmvzChange"?: (event: LmvzToggleCustomEvent<boolean>) => void;
        /**
         * Whether the toggle is required
         * @default false
         */
        "required"?: boolean;
        /**
         * Value submitted with the form when checked
         * @default 'on'
         */
        "value"?: string;
    }

    export interface LmvzActionListAttributes {
        "label": string;
    }
    export interface LmvzButtonAttributes {
        "ti": number;
        "scale": Button.Scale;
        "variant": Button.Variant;
        "disabled": boolean;
        "type": 'submit' | 'button';
        "form": FormRef;
        "formMethod": 'dialog' | 'get' | 'post';
        "name": string;
        "value": string;
        "buttonRole": string;
    }
    export interface LmvzButtonGroupAttributes {
        "stacked": boolean;
        "hasActions": boolean;
    }
    export interface LmvzCardAttributes {
        "cardTitle": string;
        "imageUrl": string;
        "description": string;
        "primaryActionLabel": string;
    }
    export interface LmvzCheckboxAttributes {
        "label": string;
        "checked": boolean;
        "value": string;
        "name": string;
        "disabled": boolean;
        "required": boolean;
        "error": boolean;
        "errorMessage": string;
        "helperText": string;
        "form": string;
        "autofocus": boolean;
    }
    export interface LmvzChipAttributes {
        "type": Chip.Type;
        "size": Chip.Size;
    }
    export interface LmvzDatepickerAttributes {
        "value": `${number}-${number}-${number}` | undefined;
        "visibleMonth": IsoYearMonthString | undefined;
        "min": IsoDateString | undefined;
        "max": IsoDateString | undefined;
        "locale": string;
        "firstDayOfWeek": 0 | 1;
        "disabled": boolean;
        "readonly": boolean;
        "required": boolean;
        "name": string;
        "label": string;
        "placeholder": string;
        "helperText": string;
        "errorMessage": string;
        "open": boolean;
        "displayFormat": Datepicker.DisplayFormat;
    }
    export interface LmvzHeaderAttributes {
        "role": string;
        "lmvzActiveNav": string;
    }
    export interface LmvzIconAttributes {
        "icon": SVGString | string;
        "weight": Icon.IconWeight;
        "size": Icon.Size;
        "iconset": string;
        "ariaLabel": string;
    }
    export interface LmvzInputAttributes {
        "value": string;
        "label": string;
        "helperText": string;
        "placeholder": string;
        "disabled": boolean;
        "readonly": boolean;
        "required": boolean;
        "name": string;
        "type": Input.Type;
        "errorMessage": string;
        "autocomplete": Input.Autocomplete;
        "inputmode": Input.Inputmode;
        "autocorrect": 'on' | 'off';
        "autocapitalize": Input.Autocapitalize;
        "spellcheck": boolean;
        "autofocus": boolean;
        "minlength": number;
        "maxlength": number;
        "pattern": string;
        "min": string;
        "max": string;
        "step": string;
        "form": string;
        "size": Input.Size;
        "error": boolean;
    }
    export interface LmvzLinkAttributes {
        "href": string;
        "target": '_self' | '_blank' | '_parent' | '_top';
        "rel": string;
        "type": Link.Type;
        "externalLabel": string;
    }
    export interface LmvzMenuitemAttributes {
        "role": string;
        "ti": number;
    }
    export interface LmvzMessageAttributes {
        "type": Message.Type;
        "live": 'off' | 'polite' | 'assertive';
        "leadingIcon": boolean;
        "dismissible": boolean;
        "closeLabel": string;
        "actionLabel": string;
    }
    export interface LmvzModalAttributes {
        "open": boolean;
        "closeLabel": string;
    }
    export interface LmvzPopoverAttributes {
        "open": boolean;
        "anchor": string | HTMLElement;
        "placement": Popover.Placement;
        "size": Popover.Size;
        "autoFocus": boolean;
        "containerRole": Popover.ContainerRole;
        "label": string;
    }
    export interface LmvzRadioAttributes {
        "label": string;
        "checked": boolean;
        "value": string;
        "name": string;
        "disabled": boolean;
        "required": boolean;
        "error": boolean;
        "helperText": string;
        "form": string;
        "autofocus": boolean;
    }
    export interface LmvzSelectAttributes {
        "value": string;
        "label": string;
        "helperText": string;
        "error": boolean;
        "errorMessage": string;
        "disabled": boolean;
        "required": boolean;
        "name": string;
        "size": Select.Size;
        "highlighted": boolean;
    }
    export interface LmvzSnackbarAttributes {
        "status": Snackbar.Status;
        "message": string;
        "duration": number;
        "priority": Snackbar.Priority;
        "actionLabel": string;
    }
    export interface LmvzSpinnerAttributes {
        "size": 'small' | 'large';
        "ariaLabel": string;
    }
    export interface LmvzTabAttributes {
        "value": string;
        "disabled": boolean;
        "selected": boolean;
        "vertical": boolean;
    }
    export interface LmvzTabsAttributes {
        "value": string;
        "orientation": 'horizontal' | 'vertical';
    }
    export interface LmvzToggleAttributes {
        "label": string;
        "checked": boolean;
        "disabled": boolean;
        "required": boolean;
        "name": string;
        "value": string;
        "form": string;
    }

    export interface IntrinsicElements {
        "lmvz-action": LmvzAction;
        "lmvz-action-list": Omit<LmvzActionList, keyof LmvzActionListAttributes> & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes]?: LmvzActionList[K] } & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes as `attr:${K}`]?: LmvzActionListAttributes[K] } & { [K in keyof LmvzActionList & keyof LmvzActionListAttributes as `prop:${K}`]?: LmvzActionList[K] };
        "lmvz-button": Omit<LmvzButton, keyof LmvzButtonAttributes> & { [K in keyof LmvzButton & keyof LmvzButtonAttributes]?: LmvzButton[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `attr:${K}`]?: LmvzButtonAttributes[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `prop:${K}`]?: LmvzButton[K] };
        "lmvz-button-group": Omit<LmvzButtonGroup, keyof LmvzButtonGroupAttributes> & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes]?: LmvzButtonGroup[K] } & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes as `attr:${K}`]?: LmvzButtonGroupAttributes[K] } & { [K in keyof LmvzButtonGroup & keyof LmvzButtonGroupAttributes as `prop:${K}`]?: LmvzButtonGroup[K] };
        "lmvz-card": Omit<LmvzCard, keyof LmvzCardAttributes> & { [K in keyof LmvzCard & keyof LmvzCardAttributes]?: LmvzCard[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `attr:${K}`]?: LmvzCardAttributes[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `prop:${K}`]?: LmvzCard[K] } & OneOf<"cardTitle", LmvzCard["cardTitle"], LmvzCardAttributes["cardTitle"]>;
        "lmvz-checkbox": Omit<LmvzCheckbox, keyof LmvzCheckboxAttributes> & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes]?: LmvzCheckbox[K] } & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes as `attr:${K}`]?: LmvzCheckboxAttributes[K] } & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes as `prop:${K}`]?: LmvzCheckbox[K] } & OneOf<"label", LmvzCheckbox["label"], LmvzCheckboxAttributes["label"]>;
        "lmvz-chip": Omit<LmvzChip, keyof LmvzChipAttributes> & { [K in keyof LmvzChip & keyof LmvzChipAttributes]?: LmvzChip[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `attr:${K}`]?: LmvzChipAttributes[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `prop:${K}`]?: LmvzChip[K] };
        "lmvz-datepicker": Omit<LmvzDatepicker, keyof LmvzDatepickerAttributes> & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes]?: LmvzDatepicker[K] } & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes as `attr:${K}`]?: LmvzDatepickerAttributes[K] } & { [K in keyof LmvzDatepicker & keyof LmvzDatepickerAttributes as `prop:${K}`]?: LmvzDatepicker[K] };
        "lmvz-header": Omit<LmvzHeader, keyof LmvzHeaderAttributes> & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes]?: LmvzHeader[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `attr:${K}`]?: LmvzHeaderAttributes[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `prop:${K}`]?: LmvzHeader[K] };
        "lmvz-icon": Omit<LmvzIcon, keyof LmvzIconAttributes> & { [K in keyof LmvzIcon & keyof LmvzIconAttributes]?: LmvzIcon[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `attr:${K}`]?: LmvzIconAttributes[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `prop:${K}`]?: LmvzIcon[K] } & OneOf<"icon", LmvzIcon["icon"], LmvzIconAttributes["icon"]>;
        "lmvz-input": Omit<LmvzInput, keyof LmvzInputAttributes> & { [K in keyof LmvzInput & keyof LmvzInputAttributes]?: LmvzInput[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `attr:${K}`]?: LmvzInputAttributes[K] } & { [K in keyof LmvzInput & keyof LmvzInputAttributes as `prop:${K}`]?: LmvzInput[K] } & OneOf<"label", LmvzInput["label"], LmvzInputAttributes["label"]>;
        "lmvz-link": Omit<LmvzLink, keyof LmvzLinkAttributes> & { [K in keyof LmvzLink & keyof LmvzLinkAttributes]?: LmvzLink[K] } & { [K in keyof LmvzLink & keyof LmvzLinkAttributes as `attr:${K}`]?: LmvzLinkAttributes[K] } & { [K in keyof LmvzLink & keyof LmvzLinkAttributes as `prop:${K}`]?: LmvzLink[K] };
        "lmvz-menuitem": Omit<LmvzMenuitem, keyof LmvzMenuitemAttributes> & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes]?: LmvzMenuitem[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `attr:${K}`]?: LmvzMenuitemAttributes[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `prop:${K}`]?: LmvzMenuitem[K] };
        "lmvz-message": Omit<LmvzMessage, keyof LmvzMessageAttributes> & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes]?: LmvzMessage[K] } & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes as `attr:${K}`]?: LmvzMessageAttributes[K] } & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes as `prop:${K}`]?: LmvzMessage[K] };
        "lmvz-modal": Omit<LmvzModal, keyof LmvzModalAttributes> & { [K in keyof LmvzModal & keyof LmvzModalAttributes]?: LmvzModal[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `attr:${K}`]?: LmvzModalAttributes[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `prop:${K}`]?: LmvzModal[K] };
        "lmvz-popover": Omit<LmvzPopover, keyof LmvzPopoverAttributes> & { [K in keyof LmvzPopover & keyof LmvzPopoverAttributes]?: LmvzPopover[K] } & { [K in keyof LmvzPopover & keyof LmvzPopoverAttributes as `attr:${K}`]?: LmvzPopoverAttributes[K] } & { [K in keyof LmvzPopover & keyof LmvzPopoverAttributes as `prop:${K}`]?: LmvzPopover[K] };
        "lmvz-radio": Omit<LmvzRadio, keyof LmvzRadioAttributes> & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes]?: LmvzRadio[K] } & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes as `attr:${K}`]?: LmvzRadioAttributes[K] } & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes as `prop:${K}`]?: LmvzRadio[K] } & OneOf<"label", LmvzRadio["label"], LmvzRadioAttributes["label"]>;
        "lmvz-select": Omit<LmvzSelect, keyof LmvzSelectAttributes> & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes]?: LmvzSelect[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `attr:${K}`]?: LmvzSelectAttributes[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `prop:${K}`]?: LmvzSelect[K] } & OneOf<"label", LmvzSelect["label"], LmvzSelectAttributes["label"]>;
        "lmvz-snackbar": Omit<LmvzSnackbar, keyof LmvzSnackbarAttributes> & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes]?: LmvzSnackbar[K] } & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes as `attr:${K}`]?: LmvzSnackbarAttributes[K] } & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes as `prop:${K}`]?: LmvzSnackbar[K] };
        "lmvz-spinner": Omit<LmvzSpinner, keyof LmvzSpinnerAttributes> & { [K in keyof LmvzSpinner & keyof LmvzSpinnerAttributes]?: LmvzSpinner[K] } & { [K in keyof LmvzSpinner & keyof LmvzSpinnerAttributes as `attr:${K}`]?: LmvzSpinnerAttributes[K] } & { [K in keyof LmvzSpinner & keyof LmvzSpinnerAttributes as `prop:${K}`]?: LmvzSpinner[K] };
        "lmvz-tab": Omit<LmvzTab, keyof LmvzTabAttributes> & { [K in keyof LmvzTab & keyof LmvzTabAttributes]?: LmvzTab[K] } & { [K in keyof LmvzTab & keyof LmvzTabAttributes as `attr:${K}`]?: LmvzTabAttributes[K] } & { [K in keyof LmvzTab & keyof LmvzTabAttributes as `prop:${K}`]?: LmvzTab[K] } & OneOf<"value", LmvzTab["value"], LmvzTabAttributes["value"]>;
        "lmvz-tabs": Omit<LmvzTabs, keyof LmvzTabsAttributes> & { [K in keyof LmvzTabs & keyof LmvzTabsAttributes]?: LmvzTabs[K] } & { [K in keyof LmvzTabs & keyof LmvzTabsAttributes as `attr:${K}`]?: LmvzTabsAttributes[K] } & { [K in keyof LmvzTabs & keyof LmvzTabsAttributes as `prop:${K}`]?: LmvzTabs[K] } & OneOf<"value", LmvzTabs["value"], LmvzTabsAttributes["value"]>;
        "lmvz-toggle": Omit<LmvzToggle, keyof LmvzToggleAttributes> & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes]?: LmvzToggle[K] } & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes as `attr:${K}`]?: LmvzToggleAttributes[K] } & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes as `prop:${K}`]?: LmvzToggle[K] } & OneOf<"label", LmvzToggle["label"], LmvzToggleAttributes["label"]>;
    }
}

export declare namespace Link {
    export type Type = (typeof linkTypes)[number];
}

declare const linkTypes: readonly ["internal", "external"];

export declare interface LmvzActionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzActionElement;
}

export declare interface LmvzButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzButtonElement;
}

export declare interface LmvzCardCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzCardElement;
}

export declare interface LmvzCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzCheckboxElement;
}

export declare interface LmvzDatepickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzDatepickerElement;
}

declare namespace LmvzDS {
    type Variant = (typeof variants)[number];
    type Size = (typeof sizes)[number];
}

export declare interface LmvzInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzInputElement;
}

export declare interface LmvzMenuitemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzMenuitemElement;
}

export declare interface LmvzMessageCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzMessageElement;
}

export declare interface LmvzModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzModalElement;
}

export declare interface LmvzPopoverCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzPopoverElement;
}

export declare interface LmvzRadioCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzRadioElement;
}

export declare interface LmvzSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzSelectElement;
}

export declare interface LmvzSnackbarCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzSnackbarElement;
}

export declare interface LmvzTabsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzTabsElement;
}

export declare interface LmvzToggleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLLmvzToggleElement;
}

export declare namespace Message {
    export type Type = (typeof messageTypes)[number];
}

declare const messageTypes: readonly ["neutral", "warning"];

export declare namespace Popover {
    export type Placement = (typeof popoverPlacements)[number];
    export type Size = (typeof popoverSizes)[number];
    export type ContainerRole = 'dialog' | 'listbox' | 'menu' | 'tree' | 'grid';
}

declare const popoverPlacements: readonly ["top", "bottom", "start", "end", "top-start", "top-end", "bottom-start", "bottom-end"];

declare const popoverSizes: readonly ["sm", "md", "lg"];

declare const scaleValues: readonly ["small", "default", "large"];

export declare namespace Select {
    export type Size = (typeof selectSizes)[number];
}

declare const selectSizes: readonly ["small", "default", "large"];

declare const sizes: readonly ["xs", "sm", "md", "lg"];

export declare namespace Snackbar {
    export type Status = (typeof snackbarStatuses)[number];
    export type Priority = (typeof snackbarPriorities)[number];
    export type DismissReason = (typeof snackbarDismissReasons)[number];
}

declare const snackbarDismissReasons: readonly ["timeout", "manual", "action", "overridden", "swallowed"];

declare const snackbarPriorities: readonly ["low", "normal", "high"];

declare const snackbarStatuses: readonly ["success", "warning", "error"];

export declare type SVGString = string & Brand.Brand<'SVG'>;

declare const variants: readonly ["primary", "secondary", "tertiary", "danger"];

export { }