/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { AccordionAppearance, AccordionChangeDetail, AccordionIconPosition, AccordionItemDescriptor, AccordionMode, AccordionSize } from "./components/mud-accordion/mud-accordion.types";
import { AvatarSize, AvatarType } from "./components/mud-avatar/mud-avatar.types";
import { BadgeSize, BadgeType, BadgeVariant } from "./components/mud-badge/mud-badge.types";
import { BannerEmphasis, BannerVariant } from "./components/mud-banner/mud-banner.types";
import { BreadcrumbItem, BreadcrumbSelectDetail } from "./components/mud-breadcrumb/mud-breadcrumb.types";
import { ButtonAppearance, ButtonShape, ButtonSize, ButtonType, ButtonVariant } from "./components/mud-button/mud-button.types";
import { ButtonGroupOrientation } from "./components/mud-button-group/mud-button-group.types";
import { CheckboxChangeDetail, CheckboxSize } from "./components/mud-checkbox/mud-checkbox.types";
import { ChipSelectEventDetail, ChipSelectionMode, ChipSize, ChipType } from "./components/mud-chip/mud-chip.types";
import { CookieBannerPosition, CookieBannerVariant, CookieCategory, CookieConsentDetail } from "./components/mud-cookie-banner/mud-cookie-banner.types";
import { DateInputBreakpoint, DateInputChangeDetail, DateInputFormat, DateInputSize, DateInputTypingDetail, DateInputVariant } from "./components/mud-date-input/mud-date-input.types";
import { DatePickerBreakpoint, DatePickerChangeDetail, DatePickerHeaderStyle, DatePickerMode, DatePickerMonthChangeDetail } from "./components/mud-date-picker/mud-date-picker.types";
import { FileInputChangeDetail, FileInputDropDetail, FileInputErrorDetail, FileInputRemoveDetail, FileInputSize, FileInputVariant } from "./components/mud-file-input/mud-file-input.types";
import { FileItemRemoveDetail, FileItemState } from "./components/mud-file-item/mud-file-item.types";
import { FooterContact, FooterLocale, FooterLocaleChangeDetail, FooterPartner, FooterSection, FooterSocial, FooterVariant } from "./components/mud-footer/mud-footer.types";
import { HeaderLanguage, HeaderLanguageChangeDetail, HeaderMegaMenuSelectDetail, HeaderNavSelectDetail, HeaderNavToggleDetail, HeaderServiceSelectDetail, MegaMenuColumn, ServicePlatform } from "./components/mud-header/mud-header.types";
import { IconSize } from "./components/mud-icon/mud-icon.types";
import { InfoBoxEmphasis, InfoBoxVariant } from "./components/mud-info-box/mud-info-box.types";
import { InlineMessageSize, InlineMessageVariant } from "./components/mud-inline-message/mud-inline-message.types";
import { InputChangeDetail, InputSize, InputType, InputVariant } from "./components/mud-input/mud-input.types";
import { InputChipAddDetail, InputChipChangeDetail, InputChipErrorDetail, InputChipRemoveDetail, InputChipSize, InputChipVariant } from "./components/mud-input-chip/mud-input-chip.types";
import { LinkSize, LinkUnderline, LinkVariant } from "./components/mud-link/mud-link.types";
import { LogoName } from "./components/mud-logo/mud-logo.types";
import { MenuChangeDetail, MenuItemLeading, MenuItemSelectDetail, MenuSelectDetail, MenuType } from "./components/mud-menu/mud-menu.types";
import { ModalActionsLayout, ModalCloseEvent, ModalCloseReason, ModalSize, ModalVariant } from "./components/mud-modal/mud-modal.types";
import { NotificationVariant } from "./components/mud-notification/mud-notification.types";
import { NumericInputChangeDetail, NumericInputErrorDetail, NumericInputSize, NumericInputStepDetail, NumericInputVariant } from "./components/mud-numeric-input/mud-numeric-input.types";
import { PaginationChangeDetail, PaginationSize } from "./components/mud-pagination/mud-pagination.types";
import { PhoneInputChangeDetail, PhoneInputCountryChangeDetail, PhoneInputInputDetail, PhoneInputSize, PhoneInputType, PhoneInputVariant } from "./components/mud-phone-input/mud-phone-input.types";
import { ProgressTrackerOrientation, ProgressTrackerStep, ProgressTrackerStepClickDetail } from "./components/mud-progress-tracker/mud-progress-tracker.types";
import { RadioChangeDetail, RadioSize } from "./components/mud-radio/mud-radio.types";
import { ReceiptActionDetail, ReceiptParty, ReceiptService, ReceiptStatus } from "./components/mud-receipt/mud-receipt.types";
import { SearchInputCircularChangeDetail, SearchInputCircularSearchDetail, SearchInputCircularSize, SearchInputCircularVariant } from "./components/mud-search-input-circular/mud-search-input-circular.types";
import { SearchInputRectangularChangeDetail, SearchInputRectangularSearchDetail, SearchInputRectangularSize, SearchInputRectangularVariant } from "./components/mud-search-input-rectangular/mud-search-input-rectangular.types";
import { SegmentedControlChangeDetail, SegmentedControlSegment, SegmentedControlSize } from "./components/mud-segmented-control/mud-segmented-control.types";
import { SelectChangeDetail, SelectInputSize, SelectInputVariant, SelectOption } from "./components/mud-select-input/mud-select-input.types";
import { SeparatorOrientation, SeparatorSize, SeparatorVariant } from "./components/mud-separator/mud-separator.types";
import { ServiceButtonAppearance, ServiceButtonType } from "./components/mud-service-button/mud-service-button.types";
import { SidebarItemSelectDetail, SidebarItemToggleDetail } from "./components/mud-sidebar/mud-sidebar.types";
import { SpinnerSize, SpinnerVariant } from "./components/mud-spinner/mud-spinner.types";
import { SwitchChangeDetail } from "./components/mud-switch/mud-switch.types";
import { TableColumn, TableHeaderStyle, TableRowClickDetail, TableRowData, TableRowStyle, TableSelectionChangeDetail, TableSortChangeDetail, TableSortDirection } from "./components/mud-table/mud-table.types";
import { TabDescriptor, TabsChangeDetail, TabsSize } from "./components/mud-tabs/mud-tabs.types";
import { TagSemantic, TagSize, TagType, TagVariant } from "./components/mud-tag/mud-tag.types";
import { TextareaChangeDetail, TextareaResize, TextareaSize, TextareaVariant } from "./components/mud-textarea/mud-textarea.types";
import { TooltipCloseEventDetail, TooltipPosition, TooltipSize, TooltipTrigger, TooltipVariant } from "./components/mud-tooltip/mud-tooltip.types";
export { AccordionAppearance, AccordionChangeDetail, AccordionIconPosition, AccordionItemDescriptor, AccordionMode, AccordionSize } from "./components/mud-accordion/mud-accordion.types";
export { AvatarSize, AvatarType } from "./components/mud-avatar/mud-avatar.types";
export { BadgeSize, BadgeType, BadgeVariant } from "./components/mud-badge/mud-badge.types";
export { BannerEmphasis, BannerVariant } from "./components/mud-banner/mud-banner.types";
export { BreadcrumbItem, BreadcrumbSelectDetail } from "./components/mud-breadcrumb/mud-breadcrumb.types";
export { ButtonAppearance, ButtonShape, ButtonSize, ButtonType, ButtonVariant } from "./components/mud-button/mud-button.types";
export { ButtonGroupOrientation } from "./components/mud-button-group/mud-button-group.types";
export { CheckboxChangeDetail, CheckboxSize } from "./components/mud-checkbox/mud-checkbox.types";
export { ChipSelectEventDetail, ChipSelectionMode, ChipSize, ChipType } from "./components/mud-chip/mud-chip.types";
export { CookieBannerPosition, CookieBannerVariant, CookieCategory, CookieConsentDetail } from "./components/mud-cookie-banner/mud-cookie-banner.types";
export { DateInputBreakpoint, DateInputChangeDetail, DateInputFormat, DateInputSize, DateInputTypingDetail, DateInputVariant } from "./components/mud-date-input/mud-date-input.types";
export { DatePickerBreakpoint, DatePickerChangeDetail, DatePickerHeaderStyle, DatePickerMode, DatePickerMonthChangeDetail } from "./components/mud-date-picker/mud-date-picker.types";
export { FileInputChangeDetail, FileInputDropDetail, FileInputErrorDetail, FileInputRemoveDetail, FileInputSize, FileInputVariant } from "./components/mud-file-input/mud-file-input.types";
export { FileItemRemoveDetail, FileItemState } from "./components/mud-file-item/mud-file-item.types";
export { FooterContact, FooterLocale, FooterLocaleChangeDetail, FooterPartner, FooterSection, FooterSocial, FooterVariant } from "./components/mud-footer/mud-footer.types";
export { HeaderLanguage, HeaderLanguageChangeDetail, HeaderMegaMenuSelectDetail, HeaderNavSelectDetail, HeaderNavToggleDetail, HeaderServiceSelectDetail, MegaMenuColumn, ServicePlatform } from "./components/mud-header/mud-header.types";
export { IconSize } from "./components/mud-icon/mud-icon.types";
export { InfoBoxEmphasis, InfoBoxVariant } from "./components/mud-info-box/mud-info-box.types";
export { InlineMessageSize, InlineMessageVariant } from "./components/mud-inline-message/mud-inline-message.types";
export { InputChangeDetail, InputSize, InputType, InputVariant } from "./components/mud-input/mud-input.types";
export { InputChipAddDetail, InputChipChangeDetail, InputChipErrorDetail, InputChipRemoveDetail, InputChipSize, InputChipVariant } from "./components/mud-input-chip/mud-input-chip.types";
export { LinkSize, LinkUnderline, LinkVariant } from "./components/mud-link/mud-link.types";
export { LogoName } from "./components/mud-logo/mud-logo.types";
export { MenuChangeDetail, MenuItemLeading, MenuItemSelectDetail, MenuSelectDetail, MenuType } from "./components/mud-menu/mud-menu.types";
export { ModalActionsLayout, ModalCloseEvent, ModalCloseReason, ModalSize, ModalVariant } from "./components/mud-modal/mud-modal.types";
export { NotificationVariant } from "./components/mud-notification/mud-notification.types";
export { NumericInputChangeDetail, NumericInputErrorDetail, NumericInputSize, NumericInputStepDetail, NumericInputVariant } from "./components/mud-numeric-input/mud-numeric-input.types";
export { PaginationChangeDetail, PaginationSize } from "./components/mud-pagination/mud-pagination.types";
export { PhoneInputChangeDetail, PhoneInputCountryChangeDetail, PhoneInputInputDetail, PhoneInputSize, PhoneInputType, PhoneInputVariant } from "./components/mud-phone-input/mud-phone-input.types";
export { ProgressTrackerOrientation, ProgressTrackerStep, ProgressTrackerStepClickDetail } from "./components/mud-progress-tracker/mud-progress-tracker.types";
export { RadioChangeDetail, RadioSize } from "./components/mud-radio/mud-radio.types";
export { ReceiptActionDetail, ReceiptParty, ReceiptService, ReceiptStatus } from "./components/mud-receipt/mud-receipt.types";
export { SearchInputCircularChangeDetail, SearchInputCircularSearchDetail, SearchInputCircularSize, SearchInputCircularVariant } from "./components/mud-search-input-circular/mud-search-input-circular.types";
export { SearchInputRectangularChangeDetail, SearchInputRectangularSearchDetail, SearchInputRectangularSize, SearchInputRectangularVariant } from "./components/mud-search-input-rectangular/mud-search-input-rectangular.types";
export { SegmentedControlChangeDetail, SegmentedControlSegment, SegmentedControlSize } from "./components/mud-segmented-control/mud-segmented-control.types";
export { SelectChangeDetail, SelectInputSize, SelectInputVariant, SelectOption } from "./components/mud-select-input/mud-select-input.types";
export { SeparatorOrientation, SeparatorSize, SeparatorVariant } from "./components/mud-separator/mud-separator.types";
export { ServiceButtonAppearance, ServiceButtonType } from "./components/mud-service-button/mud-service-button.types";
export { SidebarItemSelectDetail, SidebarItemToggleDetail } from "./components/mud-sidebar/mud-sidebar.types";
export { SpinnerSize, SpinnerVariant } from "./components/mud-spinner/mud-spinner.types";
export { SwitchChangeDetail } from "./components/mud-switch/mud-switch.types";
export { TableColumn, TableHeaderStyle, TableRowClickDetail, TableRowData, TableRowStyle, TableSelectionChangeDetail, TableSortChangeDetail, TableSortDirection } from "./components/mud-table/mud-table.types";
export { TabDescriptor, TabsChangeDetail, TabsSize } from "./components/mud-tabs/mud-tabs.types";
export { TagSemantic, TagSize, TagType, TagVariant } from "./components/mud-tag/mud-tag.types";
export { TextareaChangeDetail, TextareaResize, TextareaSize, TextareaVariant } from "./components/mud-textarea/mud-textarea.types";
export { TooltipCloseEventDetail, TooltipPosition, TooltipSize, TooltipTrigger, TooltipVariant } from "./components/mud-tooltip/mud-tooltip.types";
export namespace Components {
    /**
     * Accordion — vertical stack of collapsible regions per WAI-ARIA Accordion Pattern.
     * Pattern A (slot container): coordinates child `mud-accordion-item` elements,
     * enforces `mode="single"` exclusivity, manages keyboard traversal across
     * headers (Arrow Up/Down, Home, End), and dispatches `mudChange` whenever the
     * active set changes.
     * Consumers may either:
     *   1. Slot `<mud-accordion-item>` children directly (declarative, recommended), or
     *   2. Pass an `items` array (data-driven; the accordion renders the items for you).
     * @element mud-accordion
     * @fires mudChange - Emitted on every open/close. `detail.openIds` lists every
     *              item currently open (single entry in `mode="single"`).
     */
    interface MudAccordion {
        /**
          * Visual treatment forwarded to every child item.
          * @default 'default'
         */
        "appearance": AccordionAppearance;
        /**
          * Layout breakpoint forwarded to every child item. Controls heading type size and vertical padding. Omit to let the responsive `@media` rule in the host CSS drive the value (768px breakpoint).
         */
        "breakpoint"?: 'desktop' | 'mobile';
        /**
          * Trigger-icon placement forwarded to every child item. - `right` (default) — FAQ-style - `left` — sidebar-nav style
          * @default 'right'
         */
        "iconPosition": AccordionIconPosition;
        /**
          * Declarative data source. When set, the accordion renders the items for you; the default slot is ignored. Items can still be slotted for advanced use cases — choose one approach per instance.
         */
        "items"?: AccordionItemDescriptor[];
        /**
          * Accessible name forwarded to `aria-label` on the host (paired with `role="group"`). Use when the surrounding heading is not adjacent.
         */
        "label"?: string;
        /**
          * Coordination mode. - `multiple` (default) — items expand/collapse independently - `single` — opening one item collapses the others
          * @default 'multiple'
         */
        "mode": AccordionMode;
        /**
          * Size rung forwarded to every child item. Independent of `breakpoint` (responsive); set explicitly when you need a compact accordion regardless of viewport. Mirrors the legacy `size` prop.
          * @default 'md'
         */
        "size": AccordionSize;
    }
    /**
     * Accordion item — a single collapsible row inside `mud-accordion`.
     * Pattern B (atom-interactive): renders its own header `<button>` and a
     * `<div role="region">` panel inside shadow DOM. The container manages
     * exclusivity in `mode="single"`; the item owns its visual state.
     * @element mud-accordion-item
     * @fires mudToggle - Fired when the user activates the header. The container
     *             listens for this and decides whether to honour it
     *             (single-mode collapsing of siblings).
     */
    interface MudAccordionItem {
        /**
          * Visual treatment. - `default` — flat header, neutral background - `trail-sites` — open header gets a brand-tint background per Figma "Trail Sites"  Set by the parent `mud-accordion` via attribute; consumers should set `appearance` on the parent, not on individual items.
          * @default 'default'
         */
        "appearance": 'default' | 'trail-sites';
        /**
          * Layout breakpoint. Set by the parent based on the resolved size (desktop ≥ 768px, mobile below). May also be set explicitly by consumers who need a fixed render at narrow widths.
          * @default 'desktop'
         */
        "breakpoint": 'desktop' | 'mobile';
        /**
          * Marks the item non-interactive. Header receives `aria-disabled`.
          * @default false
         */
        "disabled": boolean;
        /**
          * Returns the focusable header element so the parent can implement the Arrow/Home/End traversal contract from WAI-ARIA Accordion Pattern.
         */
        "focusHeader": () => Promise<void>;
        /**
          * Header text. Overridden by the `heading` slot when provided.
         */
        "heading"?: string;
        /**
          * Trigger-icon placement relative to the header content. Set by the parent `mud-accordion`.
          * @default 'right'
         */
        "iconPosition": AccordionIconPosition;
        /**
          * Stable identifier used by the parent `mud-accordion` when emitting `mudChange`. Auto-generated if omitted.
         */
        "itemId"?: string;
        /**
          * Whether the item is currently expanded.
          * @default false
         */
        "open": boolean;
        /**
          * Programmatically toggle the item. Bypasses the click pipeline so the parent `mud-accordion` does not receive a `mudToggle` event — used by the parent itself to coordinate `mode="single"` exclusivity.
         */
        "setOpen": (open: boolean) => Promise<void>;
        /**
          * Visual size rung — controls header height, font size, icon size, padding. Set by the parent `mud-accordion` via `size`; consumers should configure size at the container level.
          * @default 'md'
         */
        "size": AccordionSize;
        /**
          * Secondary text shown beneath the heading. Overridden by the `supporting` slot.
         */
        "supportingText"?: string;
    }
    /**
     * Avatar — represents a user via a photo, initials, or a generic person icon.
     * Pattern A (atom-display): wraps a single piece of slottable content (an
     * optional notification badge) and otherwise renders its own internal DOM.
     * The component picks its visual mode from the `type` prop:
     * - `photo` — renders `<img>` from `src`; if the image fails to load, falls
     *   back to initials (when `name`/`initials` is set) or the person icon.
     * - `initials` — renders 1–2 uppercase letters derived from `initials` or
     *   `name`. If neither is set, the icon fallback kicks in.
     * - `icon` — renders a `mud-icon` (default `person`).
     * @element mud-avatar
     */
    interface MudAvatar {
        /**
          * Alt text for the underlying `<img>` when `type="photo"`. Falls back to `name` so screen readers always get a description; pass an empty string to mark the photo as purely decorative.
         */
        "alt"?: string;
        /**
          * Accessible label override. When set, becomes the host's `aria-label` and the avatar is exposed to AT as a single labelled element. When omitted the component picks a sensible default (the name, the initials, or "User avatar").  No `attribute: 'aria-label'` mapping — the Host writes `aria-label` on every render with a derived value, and an explicit attribute observer would map that write back into this prop mid-render (Stencil warns "state/prop changed during rendering"). Stencil's implicit kebab→camel mapping still lets consumers set `aria-label="…"` from HTML.
         */
        "ariaLabel"?: string;
        /**
          * Icon glyph for `type="icon"`. Defaults to the generic `person` symbol.
          * @default 'person'
         */
        "iconName": string;
        /**
          * Pre-computed initials. When omitted, `name` is used to derive them. Trimmed to two characters and uppercased before rendering.
         */
        "initials"?: string;
        /**
          * Full name of the represented person. Used to (a) derive `initials` when none are provided and (b) seed `alt` for the photo so the avatar is always announced.
         */
        "name"?: string;
        /**
          * Visual size rung. Matches the Figma scale (xs=24, sm=32, md=40, lg=48, xl=72).
          * @default 'md'
         */
        "size": AvatarSize;
        /**
          * Source URL for `type="photo"`. Ignored otherwise.
         */
        "src"?: string;
        /**
          * Visual mode. `photo` renders `src`, `initials` renders 1–2 letters, `icon` renders the person glyph.
          * @default 'initials'
         */
        "type": AvatarType;
    }
    /**
     * Badge — small, non-interactive status / count indicator.
     * Two visual forms:
     *  - `numbered` (default): shows a numeric counter inside a rounded pill.
     *  - `dot`: a presence circle for "unread" indication. `xs`/`sm` are solid;
     *    `md`/`lg`/`xl` carry a small centered inner pip (per Figma 551:18330).
     * Five color variants map to the project's semantic token roles.
     * Designed to overlay parent elements (avatars, icon buttons, list items)
     * via consumer-controlled positioning — the badge itself just paints.
     * Position offsets are exposed as CSS variables (`--badge-offset-top`,
     * `--badge-offset-right`) so consumers can compose without overrides.
     * Pattern B (atom-visual): internal DOM only, no slots, no events.
     * @element mud-badge
     */
    interface MudBadge {
        /**
          * Override the accessible name. When omitted, `numbered` uses the visible count text and `dot` falls back to "Notification" (so screen readers announce something meaningful for empty dots). Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Numeric count to display when `type='numbered'`. Ignored for `dot`. Values greater than `max` render as `"{max}+"`.
         */
        "count"?: number;
        /**
          * Upper bound for the visible count. Counts above this render as `"{max}+"`.
          * @default 99
         */
        "max": number;
        /**
          * Size rung — five-step scale matching Figma masters `551:17421`:  - `xs` (8 px)  — dot-only presence pip (e.g. dropdown row indicator)  - `sm` (12 px) — compact dot or numbered  - `md` (16 px) — default numbered/dot (Figma Caption Medium 12/16)  - `lg` (20 px) — emphasised numbered (Figma Caption Medium 12/16)  - `xl` (24 px) — large numbered (Figma Body/Small Medium 14/20)
          * @default 'md'
         */
        "size": BadgeSize;
        /**
          * Visual form — `numbered` shows the count, `dot` is a presence indicator.
          * @default 'numbered'
         */
        "type": BadgeType;
        /**
          * Semantic color variant.
          * @default 'danger'
         */
        "variant": BadgeVariant;
    }
    /**
     * Banner — full-width, top-of-page system message.
     * A persistent, non-contextual notification that spans the width of its
     * container and informs users of important system-wide events (scheduled
     * maintenance, outages, announcements). Draws attention without blocking
     * interaction; remains visible until dismissed or resolved.
     * Pattern B (atom-display + interactive close): the optional close affordance
     * lives in shadow DOM with a real `button` role. The body is not interactive
     * apart from the optional inline link.
     * `variant` selects the semantic color family — `info`, `warning`, or `error`
     * (Figma exposes no `success` for banners). `emphasis` selects the surface
     * treatment — `subtle` (tinted) or `strong` (filled, on-color foreground).
     * Live-region routing follows WCAG status/alert conventions:
     * - `info` → `role="status"` + `aria-live="polite"`
     * - `warning` / `error` → `role="alert"` + `aria-live="assertive"`
     * @element mud-banner
     */
    interface MudBanner {
        /**
          * Forwarded to the host as `aria-label`.
         */
        "ariaLabel"?: string;
        /**
          * Close-button accessible label. Defaults to the Romanian "Închide".
          * @default 'Închide'
         */
        "closeLabel": string;
        /**
          * When `true`, renders a trailing close (×) button. Activating it emits `mudDismiss`; the consumer is responsible for removing the banner from the DOM.
          * @default false
         */
        "dismissible": boolean;
        /**
          * Surface treatment: `subtle` (tinted background, dark text) or `strong` (filled background, on-color text).
          * @default 'subtle'
         */
        "emphasis": BannerEmphasis;
        /**
          * Override the default `mud-icon` name for the variant. Ignored when the `icon-start` slot is populated.
         */
        "iconName"?: string;
        /**
          * Href for the optional inline link. Defaults to `#` when omitted.
         */
        "linkHref"?: string;
        /**
          * Optional inline link text rendered after the message (the Figma "Click here" affordance). Pair with `linkHref` for a real destination.
         */
        "linkText"?: string;
        /**
          * Semantic color family. Per Figma the banner exposes `info`, `warning`, and `error` (no `success`).
          * @default 'info'
         */
        "variant": BannerVariant;
    }
    /**
     * Breadcrumb — navigational trail showing the user's location in the site hierarchy.
     * Two equivalent authoring modes:
     * 1. **Prop-driven** (preferred for dynamic data): pass `items` as a typed array.
     * 2. **Slot-driven** (preferred for static markup): nest `<mud-breadcrumb-item>` children.
     * When both are present, the `items` prop wins.
     * On desktop the full trail renders horizontally. When `maxVisible` is exceeded,
     * intermediate crumbs collapse into an overflow "…" menu. On mobile (≤640px) with
     * `responsive=true`, the trail collapses to a single "‹ Back to {parent}" link
     * per the WAI-ARIA breadcrumb pattern and Figma 69:408.
     * @element mud-breadcrumb
     */
    interface MudBreadcrumb {
        /**
          * Declarative crumb list. Each item renders as a `mud-breadcrumb-item`. When omitted, the component falls back to its default slot.
         */
        "items"?: BreadcrumbItem[];
        /**
          * Accessible name for the navigation landmark when no `aria-label` is set on the host. Defaults to "Breadcrumb". Setting `aria-label` directly on the host also works — the consumer-supplied attribute wins.
         */
        "label"?: string;
        /**
          * Maximum number of crumbs shown before collapsing the middle into an overflow menu. Per Figma "Best Practices": limit visible items to 4. The first and last 2 are always visible; everything between collapses into the `…` menu.
          * @default 4
         */
        "maxVisible": number;
        /**
          * When true, the component collapses to a single "back" link on viewports ≤640px. Disable for surfaces that need the full trail at every size (rare).
          * @default true
         */
        "responsive": boolean;
        /**
          * Override the default chevron separator with a literal string (e.g. `"/"`, `"›"`). When empty (default), the chevron icon is rendered. When `slot="separator"` is provided, both this prop and the chevron are ignored.
          * @default ''
         */
        "separator": string;
    }
    /**
     * A single crumb inside `mud-breadcrumb`. Renders an anchor when `href` is set,
     * otherwise plain text. The active crumb renders as text with `aria-current="page"`,
     * regardless of `href`.
     * Use this directly when the markup variant of the breadcrumb is preferred over
     * the `items` prop on `mud-breadcrumb`. Both APIs are equivalent in behavior.
     * @element mud-breadcrumb-item
     */
    interface MudBreadcrumbItem {
        /**
          * Marks this crumb as the current page. Adds `aria-current="page"`, switches to medium font weight, and disables navigation (renders as text).
          * @default false
         */
        "active": boolean;
        /**
          * Disables interaction and applies the disabled text color.
          * @default false
         */
        "disabled": boolean;
        /**
          * Optional navigation target. Renders as `<a>` when set, otherwise as `<span>`. Ignored when `active` is true (active crumb is always rendered as text).
         */
        "href"?: string;
        /**
          * Accessible-name fallback when the default slot is empty (e.g. icon-only crumb). If the slot contains visible text, that text is the accessible name — this prop is NOT applied as an `aria-label` override on the rendered element to preserve the slot-first content rule.
         */
        "label"?: string;
        /**
          * Replaces the label with a spinner while keeping the crumb width. Used for async navigation where the parent page hasn't loaded yet.
          * @default false
         */
        "loading": boolean;
        /**
          * Visited link styling — text turns magenta (`--color-text-brand-visited`). Maps to the CSS pseudo-state for declarative use cases.
          * @default false
         */
        "visited": boolean;
    }
    /**
     * Button — interactive control.
     * Pattern B (atom-interactive): renders its own `<button>` (or `<a>` when `href`
     * is set) inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`.
     * @element mud-button
     */
    interface MudButton {
        /**
          * Visual treatment. - `filled` (default) — solid background per variant - `outlined` — 1.5px border with transparent fill in default/focus; hover/active fill solid (matches filled) - `text` — no border, transparent fill, hover/active tint background; designed for inline use  `outlined` and `text` only support `primary`, `strict`, and `destructive` variants. Other variants fall back to `primary` visuals with a dev-time console warning.
          * @default 'filled'
         */
        "appearance": ButtonAppearance;
        /**
          * Disables interactivity. When set the internal control receives `aria-disabled` and (for `<button>`) the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Makes the button expand to fill the inline-size of its container. The host becomes a block-level flex container and the internal control stretches to 100% width — designed for use inside `mud-button-group` (vertical orientation) or in narrow form layouts.
          * @default false
         */
        "fullWidth": boolean;
        /**
          * If set, the button renders as `<a href="…">` and behaves as a link. `type`, `name`, and `value` are ignored in this mode.
         */
        "href"?: string;
        /**
          * Switches the button into icon-only mode: the container becomes square with equal zero-padding, and `icon-start`/`icon-end`/default-slot content is suppressed. Icon content should be placed in `slot="icon"`. Requires `label` (or `aria-label`) for screen readers.
          * @default false
         */
        "iconOnly": boolean;
        /**
          * Accessible name. Required when the button has no visible text label (icon-only). Forwarded to `aria-label` on the internal control.
         */
        "label"?: string;
        /**
          * Renders a centred spinner and blocks interactivity while preserving the accessible name. Sets `aria-busy` on the internal control.
          * @default false
         */
        "loading": boolean;
        /**
          * Form-control `name`. Used when `type="submit"` and a value is submitted.
         */
        "name"?: string;
        /**
          * `rel` for the anchor when `href` is set.
         */
        "rel"?: string;
        /**
          * Container silhouette. `circular` produces a fully-rounded pill; combine with an icon-only label to render a circle.
          * @default 'rectangular'
         */
        "shape": ButtonShape;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": ButtonSize;
        /**
          * `target` for the anchor when `href` is set.
         */
        "target"?: string;
        /**
          * Native button `type` attribute. Ignored when `href` is set.
          * @default 'button'
         */
        "type": ButtonType;
        /**
          * Form-control `value` submitted alongside `name`.
         */
        "value"?: string;
        /**
          * Color treatment.
          * @default 'primary'
         */
        "variant": ButtonVariant;
    }
    /**
     * Button group — layout container for stacking multiple `mud-button` elements
     * with consistent spacing (12px gap) per the MUD Design System.
     * Pure layout primitive: does not propagate props to children, does not emit
     * events, does not manage focus order beyond the natural DOM tab sequence.
     * Each child `mud-button` controls its own size, variant, and full-width
     * behavior independently.
     * @element mud-button-group
     */
    interface MudButtonGroup {
        /**
          * Accessible name for the group. Forwarded to `aria-label` on the host element so assistive technologies announce the buttons as a unit (e.g. "Form actions").
         */
        "label"?: string;
        /**
          * Axis along which buttons are stacked. `horizontal` lays out children in a row; `vertical` stacks them in a column and stretches each child to the group's inline-size (so children with `full-width` fill it).
          * @default 'horizontal'
         */
        "orientation": ButtonGroupOrientation;
    }
    /**
     * Checkbox — boolean / tri-state form control.
     * Pattern B (atom-interactive, form-associated): renders its own visual box
     * inside shadow DOM plus a screen-reader-friendly `<input type="checkbox">`.
     * Form participation works via `formAssociated` + `ElementInternals`.
     * Visual states mirror Figma `Mode × State × Size`:
     *   Mode  = Unchecked | Checked | Indeterminate
     *   State = Default | Focus | Error (`invalid`) | Disabled
     *   Size  = Medium (24px) | Small (20px)
     * Indeterminate is a visual-only third state — `checked` semantics are unchanged.
     * @element mud-checkbox
     */
    interface MudCheckbox {
        /**
          * Accessible name override. Used when no visible label is present.
         */
        "ariaLabel"?: string;
        /**
          * Accessible name id reference. Forwarded to the internal control.
         */
        "ariaLabelledby"?: string;
        /**
          * Checked state. Mutable — toggled by user interaction and reflected as the `checked` host attribute. Read in `change` listeners via `event.target.checked`.
          * @default false
         */
        "checked": boolean;
        /**
          * Disables interactivity. Sets `aria-disabled` and the native `disabled`.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the label when `invalid` is set. Pairs with the `circle-error-filled` icon and is wired to the control via `aria-describedby`. When present (and `invalid`) it replaces the supporting text. Mirrors the `errorText` convention of `mud-input` / `mud-textarea`.
         */
        "errorText"?: string;
        /**
          * Tri-state visual marker. When `true`, the box renders a dash glyph regardless of `checked`. Indeterminate is a purely visual hint — the submitted form value still follows `checked`.
          * @default false
         */
        "indeterminate": boolean;
        /**
          * Forces destructive visuals (red border, red fill on checked). Sets `aria-invalid="true"`.
          * @default false
         */
        "invalid": boolean;
        /**
          * Accessible-name fallback. Used as `aria-label` on the internal input when no `label` slot is provided. Does NOT render visible text — use the `label` slot for that. Matches the `mud-button` convention.
         */
        "label"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Renders read-only — checkbox keeps focus but ignores toggles.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory for form validation. Adds `aria-required="true"`.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": CheckboxSize;
        /**
          * Accessible-description fallback. Reserved for future use as `aria-describedby` source when no `supporting-text` slot is provided. Does NOT render visible text — use the `supporting-text` slot for that.
         */
        "supportingText"?: string;
        /**
          * Form value submitted when `checked`. Defaults to `'on'` like native checkboxes.
         */
        "value"?: string;
    }
    /**
     * Chip — compact, pill-shaped control for filter selection or token display.
     * Pattern B (atom-interactive): renders its own `<button>` inside shadow DOM
     * so it participates in tab order and exposes a real accessible role.
     * Two modes:
     * - `type="filter"` (default) — toggleable filter chip. Click flips `selected`
     *   and emits `mudSelect`. Best used inside a chip group for mono- or
     *   multi-selection filtering.
     * - `type="input"` — a discrete value entered by a user (e.g. a tag inside
     *   a search field). When `removable`, a trailing close button is rendered;
     *   activating it emits `mudRemove`.
     * @element mud-chip
     */
    interface MudChip {
        /**
          * Optional numeric badge rendered after the label (e.g. a result count). The badge colour inverts with the chip surface so it stays legible in both the default and selected states. Omit (or pass a non-number) to hide it.
         */
        "count"?: number;
        /**
          * Disables interactivity. Reflects `aria-disabled` and removes the chip from pointer/keyboard activation paths.
          * @default false
         */
        "disabled": boolean;
        /**
          * Accessible-name fallback. Used as `aria-label` on the internal `<button>` when the default slot is empty (and no explicit `aria-label` is set). Does NOT render visible text — use the default slot for that. Matches the `mud-button` convention.
         */
        "label"?: string;
        /**
          * When `type="input"`, renders a trailing close button that emits `mudRemove` on activation. Ignored when `type="filter"`.
          * @default false
         */
        "removable": boolean;
        /**
          * Selected state for `type="filter"`. Ignored when `type="input"`.
          * @default false
         */
        "selected": boolean;
        /**
          * Selection behaviour for `type="filter"`. In `multi` mode a leading ✓ is rendered automatically when `selected` (no need to slot a checkmark icon). Ignored when `type="input"`.
          * @default 'mono'
         */
        "selectionMode": ChipSelectionMode;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": ChipSize;
        /**
          * Behavioral mode. - `filter` — toggle on click, emits `mudSelect` - `input` — represents a user-entered value; combine with `removable` for a trailing × button
          * @default 'filter'
         */
        "type": ChipType;
    }
    /**
     * Cookie banner — GDPR consent surface (molecule).
     * Pattern B (composed molecule): renders its own header / body / categories /
     * footer in shadow DOM. Composes `mud-button`, `mud-switch`, `mud-icon`,
     * `mud-tag` and `mud-separator` for the interactive pieces. The host is a
     * non-modal dialog (`role="dialog" aria-modal="false"`) anchored to the bottom
     * or top edge of the viewport — it does NOT trap focus so the page underneath
     * stays operable.
     * Two variants share one element:
     * - `variant="simple"` (default) — three CTAs (`Personalizează` / `Refuză toate`
     *   / `Accept toate`). The "Personalizează" button switches the banner to
     *   expanded mode.
     * - `variant="detailed"` — same collapsed footprint, but expanding reveals a
     *   category list (necessary / analytics / marketing by default) with per-row
     *   `mud-switch`. Required categories render a fixed check-mark instead.
     * Romanian voice ships as defaults; every label is overridable via the public
     * `@Prop` surface for localisation.
     * @element mud-cookie-banner
     */
    interface MudCookieBanner {
        /**
          * "Accept all" button label.
         */
        "acceptLabel"?: string;
        /**
          * Forwarded to the host as `aria-label`. Use this when the visible title is not descriptive enough for screen-reader users.
         */
        "ariaLabel"?: string;
        /**
          * Plain-text body. Defaults to Romanian disclosure copy. Override via `body` slot for rich content.
         */
        "body"?: string;
        /**
          * Category catalogue rendered in detailed/expanded mode. Falls back to a three-bucket Romanian default (necessary / analytics / marketing) when omitted. Ignored when the `categories` slot is populated.
         */
        "categories"?: ReadonlyArray<CookieCategory>;
        /**
          * Close button accessible label. Defaults to Romanian "Închide".
         */
        "closeLabel"?: string;
        /**
          * Whether the banner is currently expanded (preferences view).
          * @default false
         */
        "expanded": boolean;
        /**
          * "Show less" toggle label for expanded category descriptions on mobile. Defaults to Romanian "Mai puțin".
         */
        "lessLabel"?: string;
        /**
          * "Customise / Manage cookies" button label.
         */
        "manageLabel"?: string;
        /**
          * "Show more" toggle label for clamped category descriptions on mobile. Defaults to Romanian "Mai mult".
         */
        "moreLabel"?: string;
        /**
          * Edge the banner is anchored to.
          * @default 'bottom'
         */
        "position": CookieBannerPosition;
        /**
          * Optional href for the inline privacy-policy link.
         */
        "privacyHref"?: string;
        /**
          * Privacy-policy link label. Defaults to Romanian "Politica de confidențialitate".
         */
        "privacyLabel"?: string;
        /**
          * "Reject all" button label.
         */
        "rejectLabel"?: string;
        /**
          * "Save preferences" button label (shown only in detailed/expanded).
         */
        "saveLabel"?: string;
        /**
          * Plain-text title. Defaults to Romanian "Folosim cookie-uri".
         */
        "titleText"?: string;
        /**
          * Layout flavour. - `simple` (default) — three footer buttons, no category list on expand. - `detailed` — adds a category list with per-row toggles in the expanded   state and a single "Salvează preferințele" footer CTA.
          * @default 'simple'
         */
        "variant": CookieBannerVariant;
    }
    /**
     * Date Input — segment-masked date entry molecule.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM and overlays a ghost format hint that lets the unfilled
     * `DD/MM/YYYY` segments stay visible while the user types — matching the
     * "focus: date-populated / month-populated / fully-populated" Figma states.
     * @element mud-date-input
     */
    interface MudDateInput {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present.
         */
        "ariaLabel"?: string;
        /**
          * Calendar-popover placement. `auto` opens a desktop dropdown on wide viewports and a full-width bottom sheet on narrow ones; `desktop` / `mobile` force one layout.
          * @default 'auto'
         */
        "breakpoint": DateInputBreakpoint;
        /**
          * Accessible label for the clear (×) button.
          * @default 'Șterge'
         */
        "clearLabel": string;
        /**
          * Shows a trailing clear (×) button while the field holds a value, wiping the entry in one click. Matches the Figma `clearButton` axis shown in the Focus / Filled states. The button never appears while the field is empty, disabled, or read-only. Opt-in, mirroring the Figma boolean axis.
          * @default false
         */
        "clearable": boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * Display format. The component accepts only the digits the format permits and rewrites the value with the separator inline as the user types.
          * @default 'DD/MM/YYYY'
         */
        "format": DateInputFormat;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Inclusive upper bound in ISO `YYYY-MM-DD`. The validator rejects entries above this date with an `out-of-range` error.
         */
        "max"?: string;
        /**
          * Inclusive lower bound in ISO `YYYY-MM-DD`. The validator rejects entries below this date with an `out-of-range` error.
         */
        "min"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Placeholder shown when the control is empty. Defaults to the format pattern (`DD/MM/YYYY` / `MM/DD/YYYY` / `YYYY-MM-DD`).
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable and copyable.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": DateInputSize;
        /**
          * Current display value, matching the configured `format` (e.g. `15/04/2025`). Reflects to the host attribute. Internal entry rewrites this prop as the user types — consumers can read it back at any time.
          * @default ''
         */
        "value": string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant": DateInputVariant;
    }
    /**
     * Romanian date picker — locale-aware calendar molecule.
     * Three modes:
     * - `single` — pick exactly one date. `value` is `string` (ISO YYYY-MM-DD) or empty.
     * - `range` — pick a start + end. Click once to set `rangeStart`, click again to set `rangeEnd`;
     *   click outside the range to start a new range.
     * - `multi` — toggle individual dates. `value` is `string[]`.
     * Three breakpoints (visual modes):
     * - `desktop` — 320px elevated card with shadow.
     * - `mobile` — full-width bottom-sheet style with drag handle.
     * - `docked` — compact (no shadow) intended to attach beneath a `mud-date-input`.
     * All weekday + month labels come from `Intl.DateTimeFormat` so the locale prop drives the language —
     * no hard-coded strings. Romanian (`ro-RO`) is the default.
     * Keyboard:
     * - Arrow keys move focus by day
     * - PageUp/PageDown change month
     * - Shift+PageUp/PageDown change year
     * - Home/End jump to the start/end of the visible week
     * - Enter/Space selects the focused day
     * @element mud-date-picker
     */
    interface MudDatePicker {
        /**
          * Visual breakpoint / placement.
          * @default 'desktop'
         */
        "breakpoint": DatePickerBreakpoint;
        /**
          * ISO `YYYY-MM-DD` strings that should be marked disabled (e.g. holidays).
         */
        "disabledDates"?: string[];
        /**
          * Week starts on this day of the week (0 = Sunday, 1 = Monday). Defaults to 1 (Monday) which matches the Romanian + most European convention.
          * @default 1
         */
        "firstDayOfWeek": number;
        /**
          * Header presentation. `title` (default) shows one "Month Year" button that cycles views; `dropdown` shows separate month + year dropdown chips (the "advanced" variant from the Figma spec).
          * @default 'title'
         */
        "headerStyle": DatePickerHeaderStyle;
        /**
          * Hide the "Today" quick-jump shortcut. Default keeps it visible.
          * @default false
         */
        "hideTodayShortcut": boolean;
        /**
          * Accessible label for the entire picker. Set the `aria-label` attribute on the host (or use this prop) and the component captures it on connect into `resolvedAriaLabel`, then strips the host attribute to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb).
         */
        "label"?: string;
        /**
          * BCP-47 locale tag for weekday/month rendering. Defaults to Romanian.
          * @default 'ro-RO'
         */
        "locale": string;
        /**
          * Inclusive upper bound (ISO `YYYY-MM-DD`). Dates after this are disabled.
         */
        "max"?: string;
        /**
          * Inclusive lower bound (ISO `YYYY-MM-DD`). Dates before this are disabled.
         */
        "min"?: string;
        /**
          * Selection mode.
          * @default 'single'
         */
        "mode": DatePickerMode;
        /**
          * Range mode: end date (ISO `YYYY-MM-DD`). Set together with `rangeStart`.
         */
        "rangeEnd"?: string;
        /**
          * Range mode: start date (ISO `YYYY-MM-DD`). Set together with `rangeEnd`.
         */
        "rangeStart"?: string;
        /**
          * Selected value: - `single` → ISO `YYYY-MM-DD` string (or empty) - `range` → ISO array `[start, end]` (use `rangeStart`/`rangeEnd` for explicit access) - `multi` → array of ISO strings
         */
        "value"?: string | string[];
        /**
          * ISO `YYYY-MM-DD` date that controls the initially displayed month without affecting selection. Useful for tests and controlled scenarios where you need a specific month in view.
         */
        "viewDate"?: string;
    }
    /**
     * File Input — drag-and-drop / click-to-browse file selection molecule.
     * Pattern B (molecule, internal DOM, form-associated): the host owns a hidden
     * native `<input type="file">` for the browse path, manages the drop zone
     * affordance, validates by `accept` / `maxSize` / `maxFiles`, and renders a
     * per-file list of `mud-file-item` rows. Citizens get keyboard parity (Tab
     * to focus, Enter/Space to open the picker) and a `role="status"` live region
     * that announces add / remove / reject events.
     * The component owns SELECTION + VALIDATION + DISPLAY. Real upload (progress,
     * network errors, retries) is consumer-driven via the `mudChange` event.
     * State model (no style axis — Figma is state-only):
     *   default → hover → focus → active (drag-over) → disabled
     *   `invalid` is a separate validation flag that recolors the dashed border red
     *   without introducing a style variant.
     * @element mud-file-input
     */
    interface MudFileInput {
        /**
          * Native HTML `accept` attribute — MIME types and/or extensions, comma-separated.
         */
        "accept"?: string;
        /**
          * Accessible name; mirrors to the drop zone's `aria-label` when no visible label is provided. Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb / mud-date-picker / mud-modal / mud-pagination / mud-receipt).
         */
        "ariaLabel"?: string;
        /**
          * Label for the inline "choose files" link. Rendered as an underlined brand-blue button that opens the native file picker.
          * @default 'Alege fișiere'
         */
        "chooseFilesText": string;
        /**
          * Lead-in CTA body text inside the drop area at rest. Renders BEFORE the brand-blue inline link. The trailing space is intentional — the link follows on the same line.
          * @default 'Trage și plasează sau '
         */
        "ctaText": string;
        /**
          * Disables interactivity — drop zone ignores drops, button is blocked.
          * @default false
         */
        "disabled": boolean;
        /**
          * Body text shown while a drag is over the drop zone (Figma "Active" state). Replaces the resting body + hides the icon for the duration of the drag.
          * @default 'Eliberează pentru a încărca'
         */
        "dropzoneActiveText": string;
        /**
          * Plain-text error message shown below the drop zone when `invalid` is set.
         */
        "errorText"?: string;
        /**
          * Currently accepted files. Two-way bound: assigning a new array rerenders the list, the citizen interacting fires events that the consumer may use to mutate this array externally.
          * @default []
         */
        "files": File[];
        /**
          * Plain-text helper / hint shown below the drop zone.
         */
        "helperText"?: string;
        /**
          * Renders the red-border error treatment + wires `aria-invalid`.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Maximum number of files accepted when `multiple` is set.
         */
        "maxFiles"?: number;
        /**
          * Maximum per-file size in bytes; files above are rejected with `code='size'`.
         */
        "maxSize"?: number;
        /**
          * Top-right caption inside the field row, shown below the dropzone. When unset and `maxSize` is provided, this is derived from `maxSize` (bytes) as `Mărime maximă: 100 MB`. Explicit prop wins.
         */
        "maxSizeText"?: string;
        /**
          * Allow selecting more than one file.
          * @default false
         */
        "multiple": boolean;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Marks the field as mandatory. Adds the red asterisk + `aria-required`.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung. Drives drop-zone min-height + label / icon scale.
          * @default 'md'
         */
        "size": FileInputSize;
        /**
          * Top-left caption inside the field row, shown below the dropzone. When unset and `accept` is provided, this is derived from `accept` as `Formate acceptate: jpg, png, pdf`. Explicit prop wins.
         */
        "supportedFormatsText"?: string;
        /**
          * Presentation. `dropzone` (default) shows the dashed drag-and-drop area; `button` shows a plain "Choose file" button (the Figma "Upload Button"). Both share the same file list, captions and validation.
          * @default 'dropzone'
         */
        "variant": FileInputVariant;
    }
    /**
     * File Item — single-file row inside `mud-file-input` (or any file list surface).
     * Pattern B (atom, internal DOM): renders filename + meta (size / error message)
     * + state icon + remove button. The remove button is the only interactive
     * element; the row itself is not focusable so it cannot trap citizens who tab
     * past a long list.
     * @element mud-file-item
     */
    interface MudFileItem {
        /**
          * Disables the remove button.
          * @default false
         */
        "disabled": boolean;
        /**
          * Per-item error message. Replaces the size meta line when `state="error"`.
         */
        "errorText"?: string;
        /**
          * Visible filename.
          * @default ''
         */
        "filename": string;
        /**
          * Hide the remove button entirely (e.g. read-only summary lists).
          * @default false
         */
        "noRemove": boolean;
        /**
          * Optional image-preview URL (object URL or data URI). When set, a thumbnail renders in place of the leading file-type icon (the Figma "image-preview" variation). Falls back to the icon if the image fails to load.
         */
        "previewSrc"?: string;
        /**
          * Accessible label for the remove button. Provided in Romanian by default to match the institutional voice.
          * @default 'Elimină fișierul'
         */
        "removeLabel": string;
        /**
          * Optional file size in bytes — rendered as a human-readable string.
         */
        "size"?: number;
        /**
          * Lifecycle state. Drives leading icon color and border treatment. Matches Figma's 4-state model: `uploaded` (resting), `uploading`, `success`, `error`.
          * @default 'uploaded'
         */
        "state": FileItemState;
    }
    /**
     * Page footer — civic, multi-section organism for AGE / EVO platforms.
     * Pattern B (composed organism): renders all sections inside shadow DOM and
     * composes `mud-link`, `mud-logo`, and `mud-icon` for atomic pieces. The host
     * carries `role="contentinfo"` so screen readers announce it as the page
     * footer landmark.
     * Two variants share one element:
     * - `variant="evo"` (default) — full EVO platform footer: branding headline,
     *   link columns (Servicii guvernamentale / Despre / Asistență / Legal),
     *   contact info, social rows, partner logos, accessibility statement, and a
     *   black legal bar with copyright + license link.
     * - `variant="simple"` — slim variant: only the black legal bar with the
     *   copyright text and license/terms links. Used inside scoped flows
     *   (modals, embedded apps) where the full footer is too tall.
     * Romanian voice ships as defaults; every visible string is overridable via
     * the public `@Prop` surface or the `branding` / `sections` slots.
     * @element mud-footer
     */
    interface MudFooter {
        /**
          * Optional href for the accessibility statement link in the legal bar.
         */
        "accessibilityHref"?: string;
        /**
          * Forwarded to the host as `aria-label`. Defaults to Romanian "Subsol pagină".
         */
        "ariaLabel"?: string;
        /**
          * Contact block (email / phone / address). When undefined, the section is hidden. Pass an empty object to opt out of the Romanian defaults.
         */
        "contact"?: FooterContact;
        /**
          * Plain-text copyright line shown in the legal bar. Defaults to Romanian.
         */
        "copyrightText"?: string;
        /**
          * Optional href for the privacy/license link in the legal bar.
         */
        "licenseHref"?: string;
        /**
          * Currently-selected locale for the language switcher. When undefined, the locale switcher is hidden.
         */
        "locale"?: FooterLocale;
        /**
          * Partner logo list. Each entry renders as a text badge (or anchor when `href` is set). Use the `branding` slot for custom logo SVGs.
         */
        "partnerLogos"?: ReadonlyArray<FooterPartner>;
        /**
          * Declarative link columns. Each entry renders as a titled `<nav>` with a vertical link list. Ignored when the `sections` slot is populated. Defaults to the Romanian four-column catalogue.
         */
        "sections"?: ReadonlyArray<FooterSection>;
        /**
          * Social link list. Each entry renders as a circular icon button. When undefined, the section is hidden.
         */
        "social"?: ReadonlyArray<FooterSocial>;
        /**
          * Layout flavour. - `evo` (default) — full EVO platform footer with branding, columns, contact, social, partners, legal bar. - `simple` — slim variant with only the legal bar (copyright + license links).
          * @default 'evo'
         */
        "variant": FooterVariant;
    }
    /**
     * Header — the EVO government portal masthead.
     * Phase 1: the desktop shell — a pre-header band (government crest + label +
     * language switcher) above the main bar (logo / nav / actions slots).
     * Mega-menu, services dropdown, mobile and authenticated states layer on top.
     * @element mud-header
     */
    interface MudHeader {
        /**
          * Government label shown in the pre-header.
          * @default 'Guvernul Republicii Moldova'
         */
        "governmentLabel": string;
        /**
          * Active language code. Defaults to the first entry in `languages`.
         */
        "language"?: string;
        /**
          * Languages offered by the pre-header switcher.
          * @default HEADER_DEFAULT_LANGUAGES
         */
        "languages": readonly HeaderLanguage[];
        /**
          * Accessible name for the primary navigation landmark.
          * @default 'Main'
         */
        "navLabel": string;
    }
    /**
     * Header mega-menu — the full-width "Servicii" dropdown panel.
     * Data-driven: pass `columns` (heading + list of links). Toggle visibility via
     * `open`; the consumer positions it directly beneath `mud-header` and wires it
     * to the matching `mud-header-nav-item`'s `mudNavToggle`.
     * @element mud-header-mega-menu
     */
    interface MudHeaderMegaMenu {
        /**
          * Accessible name for the panel (e.g. the triggering nav label).
         */
        "ariaLabel"?: string;
        /**
          * Columns of headings + links.
          * @default []
         */
        "columns": readonly MegaMenuColumn[];
        /**
          * Whether the panel is shown.
          * @default false
         */
        "open": boolean;
    }
    /**
     * Mobile header — a compact bar that opens a full-screen navigation drawer.
     * Closed: logo + slotted bar actions (e.g. an auth button + search) + a
     * hamburger. Open: a full-screen panel with logo + language pill + close,
     * then slotted `search`, `nav`, `secondary` (services/help) and bottom
     * `actions` (CTA buttons). Reuse `mud-sidebar-item` for the nav rows.
     * @element mud-header-mobile
     */
    interface MudHeaderMobile {
        /**
          * Accessible label for the close button.
          * @default 'Închide'
         */
        "closeLabel": string;
        /**
          * Active language code. Defaults to the first entry in `languages`.
         */
        "language"?: string;
        /**
          * Accessible label for the language pill.
          * @default 'Schimbă limba'
         */
        "languageLabel": string;
        /**
          * Languages offered by the drawer's language pill.
          * @default HEADER_DEFAULT_LANGUAGES
         */
        "languages": readonly HeaderLanguage[];
        /**
          * Alt text for the logo image.
          * @default ''
         */
        "logoAlt": string;
        /**
          * Logo image URL (rendered in both the bar and the drawer).
         */
        "logoSrc"?: string;
        /**
          * Accessible label for the hamburger / drawer nav.
          * @default 'Meniu'
         */
        "menuLabel": string;
        /**
          * Whether the drawer is open.
          * @default false
         */
        "open": boolean;
    }
    /**
     * Header navigation item — a top-bar entry inside `mud-header`'s `nav` slot.
     * Renders as a link (`href`) or a button. Expandable items carry a trailing
     * chevron and toggle a mega-menu (wired by the consumer via `mudNavToggle`).
     * @element mud-header-nav-item
     */
    interface MudHeaderNavItem {
        /**
          * Whether the item is the active/open entry.
          * @default false
         */
        "active": boolean;
        /**
          * Whether the item is disabled.
          * @default false
         */
        "disabled": boolean;
        /**
          * Whether the item opens a dropdown/mega-menu (renders a trailing chevron).
          * @default false
         */
        "expandable": boolean;
        /**
          * Whether the dropdown is open.
          * @default false
         */
        "expanded": boolean;
        /**
          * Render as a link to this destination.
         */
        "href"?: string;
        /**
          * Label text (overridden by slotted content).
         */
        "label"?: string;
        /**
          * Optional status hint, shown as a hover/focus tooltip (e.g. "În curând").
         */
        "tag"?: string;
        /**
          * Value reported on activation.
         */
        "value"?: string;
    }
    /**
     * Header services menu — the "Platforme utile" dropdown.
     * A 2-column grid of platform cards (each a brand logo) over a "discover all"
     * button. Data-driven via `platforms`; toggle visibility with `open`. Reuses
     * `mud-logo` for platforms it ships (mpay/msign/mpower/mnotify) and accepts a
     * `logoSrc` image for the rest (epermits/econsulat).
     * @element mud-header-services-menu
     */
    interface MudHeaderServicesMenu {
        /**
          * Accessible name for the panel (defaults to `heading`).
         */
        "ariaLabel"?: string;
        /**
          * Destination of the "discover all" button.
         */
        "discoverHref"?: string;
        /**
          * Label of the full-width "discover all" button.
          * @default 'Descoperă-le pe toate'
         */
        "discoverLabel": string;
        /**
          * Panel heading.
          * @default 'Platforme utile'
         */
        "heading": string;
        /**
          * Whether the panel is shown.
          * @default false
         */
        "open": boolean;
        /**
          * Platform cards.
          * @default []
         */
        "platforms": readonly ServicePlatform[];
    }
    /**
     * Icon — renders an inline SVG fetched on-demand from per-size asset files.
     * Names follow the Material Symbols convention: append `-filled` to the base name
     * to request the filled variant (e.g. `check` outlined vs `check-filled`).
     * When the exact `size`/`name` combination is missing from the manifest, the
     * provider falls back to the closest larger size (preferred) and then to the
     * largest smaller size before giving up.
     * @element mud-icon
     */
    interface MudIcon {
        /**
          * Accessible label. When provided, the icon is announced; when omitted it is decorative.
         */
        "ariaLabel"?: string;
        /**
          * Color token suffix (mapped to `--color-{value}`), or `currentColor` to inherit text color.
          * @default 'currentColor'
         */
        "color": string;
        /**
          * Reflects to `[disabled]` and visually disables the icon.
          * @default false
         */
        "disabled": boolean;
        /**
          * Enables interactive treatment (cursor, hover, focus ring, keyboard activation).
          * @default false
         */
        "interactive": boolean;
        /**
          * Icon identifier (kebab-case). Suffix `-filled` selects the filled variant.
          * @default 'check'
         */
        "name": string;
        /**
          * Pixel size, aligned with Figma Foundations: 12 / 16 / 20 / 24.
          * @default 16
         */
        "size": IconSize;
    }
    /**
     * Informational Box — an inline, in-content callout that highlights key
     * messages, announcements, alerts, or explanations within the page flow.
     * Unlike `mud-notification` (a fixed-width corner toast) or `mud-banner` (a
     * full-width page-level bar), the info box sits inside the content column,
     * fills its container's width, and supports rich content: an optional bold
     * heading, a multi-line body (default slot), an optional inline action group
     * (`actions` slot — links/buttons) and an optional close button.
     * Two axes:
     * - `variant` — `info` (neutral icon), `info-moderate` (brand-blue icon),
     *   `warning`, or `error`.
     * - `emphasis` — `subtle` (neutral grey surface, coloured icon) or `strong`
     *   (a tinted semantic surface).
     * The box is static in-flow content, so it is **not** an ARIA live region
     * (that would re-announce on every render). The icon is decorative; the
     * heading and body are read in normal reading order. For transient, announced
     * messages use `mud-notification` / `mud-banner` instead.
     * @element mud-info-box
     */
    interface MudInfoBox {
        /**
          * When `true`, renders a trailing close button. Activating it emits `mudClose`; the consumer removes the box from the DOM.
          * @default false
         */
        "closable": boolean;
        /**
          * Close-button accessible label. Defaults to the Romanian "Închide".
          * @default 'Închide'
         */
        "closeLabel": string;
        /**
          * Visual emphasis — `subtle` (neutral grey surface) or `strong` (tinted semantic surface).
          * @default 'subtle'
         */
        "emphasis": InfoBoxEmphasis;
        /**
          * Suppress the leading icon entirely (the `icon-none` variation).
          * @default false
         */
        "hideIcon": boolean;
        /**
          * Override the default per-variant `mud-icon` name. Ignored when the `icon-start` slot is populated or `hideIcon` is set.
         */
        "iconName"?: string;
        /**
          * Optional bold heading rendered above the body.
         */
        "titleText"?: string;
        /**
          * Semantic variant. `info` uses a neutral icon; `info-moderate` uses the brand-blue icon.
          * @default 'info'
         */
        "variant": InfoBoxVariant;
    }
    /**
     * Inline Message — lightweight, in-context feedback rendered as a coloured
     * leading icon plus a short text line (no surface, border, or padding).
     * Used alongside inputs, form fields, or any UI element to give immediate
     * guidance — the same visual pattern the form controls render as their
     * assistive / error text, exposed here as a standalone atom for use outside a
     * specific control.
     * `variant` selects the semantic colour (`info` keeps neutral text with a
     * brand-blue icon; `warning` / `success` / `error` colour both). `size` is
     * `small` (12px) or `medium` (14px).
     * It is plain in-flow text, **not** an ARIA live region. When used as form
     * feedback, associate it with the field via `aria-describedby` (and
     * `aria-invalid` for errors) on the consumer side; for a transient, announced
     * message use `mud-notification` / `mud-banner`. The icon is decorative.
     * @element mud-inline-message
     */
    interface MudInlineMessage {
        /**
          * Suppress the leading icon (the `icon-none` variation).
          * @default false
         */
        "hideIcon": boolean;
        /**
          * Override the default per-variant `mud-icon` name.
         */
        "iconName"?: string;
        /**
          * Size rung — `small` (12px / 16px icon) or `medium` (14px / 20px icon).
          * @default 'medium'
         */
        "size": InlineMessageSize;
        /**
          * Semantic variant. `info` (default) uses neutral text with a brand-blue icon; `warning` / `success` / `error` colour both icon and text.
          * @default 'info'
         */
        "variant": InlineMessageVariant;
    }
    /**
     * Input — single-line text-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`. The component is the canonical text-input primitive;
     * specialised inputs (date, search, phone, etc.) compose around it.
     * @element mud-input
     */
    interface MudInput {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern.
         */
        "ariaLabel"?: string;
        /**
          * Native `autocomplete` attribute forwarded to the internal control.
         */
        "autocomplete"?: string;
        /**
          * Accessible label for the clear (×) button. Only used when `clearable` is set.
          * @default 'Golește câmpul'
         */
        "clearLabel": string;
        /**
          * Shows a trailing clear (×) button while the control holds a value. Clearing empties the field, emits `mudInput` + `mudChange`, and returns focus to the input. Suppressed when disabled, read-only, or loading.
          * @default false
         */
        "clearable": boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Native `inputmode` hint forwarded to the internal control.
         */
        "inputmode"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Loading state. When true the control becomes uninteractive and a trailing spinner replaces the `icon-end` slot. The host carries `aria-busy="true"` for assistive technologies.
          * @default false
         */
        "loading": boolean;
        /**
          * Native `maxlength` constraint.
         */
        "maxLength"?: number;
        /**
          * Native `minlength` constraint.
         */
        "minLength"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Native `pattern` regex forwarded to the internal control.
         */
        "pattern"?: string;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable and copyable.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": InputSize;
        /**
          * Native input `type`.
          * @default 'text'
         */
        "type": InputType;
        /**
          * Current value of the control. Reflects to the host attribute.
          * @default ''
         */
        "value": string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant": InputVariant;
    }
    /**
     * Input Chip — multi-value text-entry control where each confirmed value
     * renders as a removable pill (chip / tag).
     * Pattern B (molecule, internal DOM, form-associated). The host owns:
     *   - the chip-list state (`chips` prop, two-way bound),
     *   - the inline `<input type="text">` for the next value,
     *   - regex / duplicate / max validation,
     *   - the keyboard contract that lets the citizen navigate between input
     *     and chips with arrow keys + delete chips with Backspace / Enter,
     *   - a `role="status"` live region that announces add / remove / reject.
     * The form value submitted to the surrounding `<form>` is a JSON-encoded
     * array of strings (e.g. `["a@b.md","c@d.md"]`) when a `name` is set.
     * @element mud-input-chip
     */
    interface MudInputChip {
        /**
          * Accessible name; mirrors to the group's `aria-label` when no visible label.
         */
        "ariaLabel"?: string;
        /**
          * Confirmed chip values. Two-way bound: assigning a new array rerenders the list. Consumer mutations through events should set this prop.
          * @default []
         */
        "chips": string[];
        /**
          * Disables interactivity. Both chip remove-buttons and the text input become inert.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set.
         */
        "errorText"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Maximum number of chips accepted. Further additions emit `mudError` with `code: 'max'`.
         */
        "maxChips"?: number;
        /**
          * Form-control `name`. Used during form submission (value: JSON-encoded array).
         */
        "name"?: string;
        /**
          * Placeholder shown when the inline input is empty and no chips exist.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds the red asterisk + `aria-required`.
          * @default false
         */
        "required": boolean;
        /**
          * Characters that confirm a chip in addition to Enter. Default is a comma.
          * @default ','
         */
        "separators": string;
        /**
          * Visual size rung. Drives container min-height + chip pill scale.
          * @default 'md'
         */
        "size": InputChipSize;
        /**
          * Optional regex (string form). Values that don't match are rejected with `code: 'pattern'`.
         */
        "validatePattern"?: string;
        /**
          * The not-yet-confirmed text currently typed into the inline input.
          * @default ''
         */
        "value": string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant": InputChipVariant;
    }
    /**
     * Link — interactive navigational atom.
     * Pattern B (atom-interactive): renders its own `<a>` (or `<button>` when no
     * `href` is set) inside shadow DOM.
     * The component honors the **DESIGN.md "Visited Magenta Rule"** — `:visited`
     * anchors flip to `#aa18ce` (`color.text.brand.visited`). When `target="_blank"`
     * is set, `rel="noopener noreferrer"` is auto-applied and a small external-link
     * indicator is rendered after the label unless the consumer explicitly opts out
     * via `external="false"`.
     * @element mud-link
     */
    interface MudLink {
        /**
          * Forwarded to the internal element as `aria-label`. Required when the default slot contains only an icon with no text label.
         */
        "ariaLabel"?: string;
        /**
          * Disables interactivity. The link becomes inert: no navigation, no hover, no focus ring. `aria-disabled="true"` is set on the internal element and `pointer-events: none` is applied via CSS.
          * @default false
         */
        "disabled": boolean;
        /**
          * Anchor `download`. When present (any value including empty string), triggers a download instead of navigation.
         */
        "download"?: string;
        /**
          * When `true` (default) and `target="_blank"`, renders an external-link icon indicator after the label. Set to `false` to suppress the indicator (e.g. when the consumer wants to control the icon themselves via slot=icon-end).
          * @default true
         */
        "external": boolean;
        /**
          * Anchor `href`. When absent, the link renders as a `<button>` for keyboard semantics (rare case for callback-driven "links").
         */
        "href"?: string;
        /**
          * Anchor `rel`. Explicitly setting this prop overrides the auto-applied `noopener noreferrer` when `target="_blank"`.
         */
        "rel"?: string;
        /**
          * Visual size rung mapped to body type scale (xs=12, sm=14, md=16, lg=18).
          * @default 'md'
         */
        "size": LinkSize;
        /**
          * When `true`, the link receives a larger interactive target — a 32px (pointer) / 40px (touch, `pointer: coarse`) minimum block-size per the Figma "Target Sizes" spec — while still hugging its content inline-size. Designed for navigation lists, "View more" affordances, and standalone CTAs that are not embedded in prose (inline links stay compact, exempt from target-size rules).
          * @default false
         */
        "standalone": boolean;
        /**
          * Anchor `target` (e.g. `_blank`). When set to `_blank`, the component auto-applies `rel="noopener noreferrer"` (unless `rel` is explicitly set) and renders an external-link indicator after the label.
         */
        "target"?: string;
        /**
          * Underline treatment. - `always` (default) — underline visible at rest, hover, focus, visited - `hover` — underline appears only on hover/focus - `none` — never underlined (use sparingly; accessibility risk)
          * @default 'always'
         */
        "underline": LinkUnderline;
        /**
          * Color treatment. - `primary` (default) — institutional blue, the default link color - `strict` — ink (black) for high-emphasis inline links inside dense copy - `white` — for use on dark backgrounds (does not flip on hover beyond             slight opacity; visited still flips to magenta per the rule)
          * @default 'primary'
         */
        "variant": LinkVariant;
    }
    /**
     * Brand logo for Moldovan M-products.
     * Each `name` resolves to a single self-contained SVG asset under `./assets/`.
     * The component fetches and renders that SVG into shadow DOM; the host's
     * dimensions follow the SVG's intrinsic `width`/`height`/`viewBox` exactly as
     * exported from Figma — so a future asset with non-standard dimensions
     * "just works" without a CSS contract change.
     * Consumers that need to reserve layout space before the async fetch
     * resolves (e.g. above-the-fold marketing, dense grids) should wrap the
     * logo in a sized container — `mud-service-button` does this for its
     * `badge` slot (24 × 24).
     * @element mud-logo
     */
    interface MudLogo {
        /**
          * Accessible label. When provided (and non-whitespace), the logo is announced as an image; when omitted or whitespace-only the logo is decorative (aria-hidden).
         */
        "ariaLabel"?: string;
        /**
          * Logo asset identifier — the bare filename (without `.svg`) of an asset in `./assets/`. Format: `{service}-logo-{layout}`. See `LOGO_NAMES` for the complete enumeration.
          * @default 'mpay-logo-logomark-only'
         */
        "name": LogoName;
    }
    /**
     * Menu — a floating panel of choosable options, composed of `mud-menu-item` children.
     * Two flavours via `type`:
     * - `selection` — single-select list (ARIA `listbox`), selected item shows a trailing checkmark.
     * - `contextual` — action menu (ARIA `menu`), items may carry a leading checkbox/radio/icon.
     * The panel is the visual + interaction primitive (keyboard roving, selection, scroll).
     * Anchoring/positioning relative to a trigger is the consumer's responsibility; bind `open`
     * and listen for `mudClose` (Escape / `closeOnSelect`) to drive popover behaviour.
     * @element mud-menu
     */
    interface MudMenu {
        /**
          * Accessible name for the menu.
         */
        "ariaLabel"?: string;
        /**
          * Emit `mudClose` immediately after an item is selected.
          * @default false
         */
        "closeOnSelect": boolean;
        /**
          * Whether the panel is shown. Set `false` to hide it when used as a popover.
          * @default true
         */
        "open": boolean;
        /**
          * Menu semantics: `selection` (single-select list) or `contextual` (actions).
          * @default 'contextual'
         */
        "type": MenuType;
        /**
          * Currently selected value (selection menus).
         */
        "value"?: string;
    }
    /**
     * Menu item — a single row inside a `mud-menu`.
     * Pattern: the host element is the focusable, role-bearing control. Roving
     * `tabindex` is managed imperatively by the parent `mud-menu`. The item emits
     * `mudMenuItemSelect` (bubbling) on activation; the parent coordinates selection.
     * @element mud-menu-item
     */
    interface MudMenuItem {
        /**
          * Whether the item is disabled and non-interactive.
          * @default false
         */
        "disabled": boolean;
        /**
          * Render as a non-interactive section heading (separator + tertiary label).
          * @default false
         */
        "heading": boolean;
        /**
          * Icon name to render when `leading="icon"`.
         */
        "icon"?: string;
        /**
          * Fallback text label when no content is slotted.
         */
        "label"?: string;
        /**
          * Leading element rendered before the label.
          * @default 'none'
         */
        "leading": MenuItemLeading;
        /**
          * Whether the item is selected (selection menus) or checked (checkbox/radio leading).
          * @default false
         */
        "selected": boolean;
        /**
          * Move keyboard focus to this item. Used by the parent for roving navigation.
         */
        "setFocus": () => Promise<void>;
        /**
          * Menu type — propagated by the parent `mud-menu`. Controls ARIA role and whether `selected` renders as a trailing checkmark (selection) vs. a leading checkbox/radio (contextual).
          * @default 'contextual'
         */
        "type": MenuType;
        /**
          * Value reported when the item is activated.
         */
        "value"?: string;
    }
    /**
     * Modal — overlay dialog molecule.
     * Renders a centered dialog card on top of a dimmed backdrop using the native
     * `<dialog>` element internally. The native element provides the focus trap,
     * ESC handling, and top-layer rendering required for WCAG 2.1 AA Modal
     * conformance (SC 2.1.2 No Keyboard Trap reversed: focus IS trapped inside an
     * active dialog and returned on close).
     * Pattern B (internal DOM): the dialog, backdrop, header, body and footer all
     * live inside shadow DOM. Consumers project content through five slots
     * (`title`, `icon`, `image`, default body, `actions`) and toggle visibility
     * via the `open` prop or the imperative `openModal()` / `closeModal()`
     * methods.
     * Variants control the header treatment:
     * - `default` — title + close button (text-only header)
     * - `with-image` — full-bleed hero image at top with overlaid close button
     * - `with-icon` — leading 48px icon above the body content (no top header bar)
     * Dismiss reasons routed through `mudClose<{reason}>`:
     * - `backdrop` — click on backdrop (suppressed by `closeOnBackdrop=false`)
     * - `escape` — ESC keypress (suppressed by `closeOnEscape=false`)
     * - `close-button` — trailing × button activated
     * - `action` — programmatic via `closeModal('action')`, used by footer buttons
     * @element mud-modal
     */
    interface MudModal {
        /**
          * Footer button arrangement (Figma 358:16247). - `inline` — buttons sit side-by-side, right-aligned (default) - `stacked` — buttons span the full footer width, stacked vertically (primary on top)  For mobile / touch layouts use `stacked` and slot the action buttons DIRECTLY (`<mud-button slot="actions" full-width>` each, primary first) — not wrapped in a container. A wrapped `<div slot="actions">` stays inline because its own layout can't be restyled from the modal's shadow CSS.
          * @default 'inline'
         */
        "actionsLayout": ModalActionsLayout;
        /**
          * When `true`, renders a trailing × close button in the header. Activating it emits `mudClose` with `reason: 'close-button'`. Hide it for required confirmation flows by setting `closable=false`.
          * @default true
         */
        "closable": boolean;
        /**
          * Accessible label for the close × button. Defaults to the Romanian "Închide".
          * @default 'Închide'
         */
        "closeLabel": string;
        /**
          * Imperatively close the dialog. Emits `mudClose` with the supplied reason (defaults to `'action'`, intended for footer button handlers).
         */
        "closeModal": (reason?: ModalCloseReason) => Promise<void>;
        /**
          * Whether a click on the backdrop dismisses the modal. Disable for flows that demand an explicit decision (e.g. unsaved-changes confirmation).
          * @default true
         */
        "closeOnBackdrop": boolean;
        /**
          * Whether pressing ESC dismisses the modal. Disable to enforce a deliberate confirmation; pair with `closable=false` and footer actions for the strictest dialog contract.
          * @default true
         */
        "closeOnEscape": boolean;
        /**
          * Styles the dialog frame and footer for an irreversible action (e.g. delete account). Adds a red top border accent and is intended to be paired with a destructive primary `mud-button` in the actions slot.
          * @default false
         */
        "destructive": boolean;
        /**
          * Alt text for the prop-driven hero image. Use an empty string when the image is purely decorative and the title/body already describes the action.
          * @default ''
         */
        "imageAlt": string;
        /**
          * Hero image URL for the `with-image` variant. Rendered as the slot fallback — if a consumer projects their own `<img slot="image">` / `<picture>` it wins. Pair with `imageAlt` for accessibility (empty alt is acceptable for decorative images).
         */
        "imageSrc"?: string;
        /**
          * Accessible name forwarded to the host as `aria-label`. Required when no title is provided. The consumer-supplied `aria-label` attribute is captured on connect into `resolvedAriaLabel` and stripped from the host to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb / mud-date-picker).
         */
        "label"?: string;
        /**
          * Whether the modal is currently shown. Reflected so consumers can target `mud-modal[open]` in selectors. Mutable so the component can flip it back to `false` on internal dismiss (backdrop / escape / close button).
          * @default false
         */
        "open": boolean;
        /**
          * Imperatively open the dialog. Equivalent to setting `open=true`. Emits `mudOpen` once the dialog is visible.
         */
        "openModal": () => Promise<void>;
        /**
          * Visual size rung. Drives the dialog max-width and the typography scale of title and body copy.
          * @default 'md'
         */
        "size": ModalSize;
        /**
          * Title text rendered in the header. The named `title` slot, when filled, overrides this prop to allow rich content.
         */
        "titleText"?: string;
        /**
          * Header treatment. - `default` — title bar + close button - `with-image` — hero image as header (close button overlaid) - `with-icon` — leading 48px icon, no top bar
          * @default 'default'
         */
        "variant": ModalVariant;
    }
    /**
     * Notification — semantic toast message (350px filled surface, 8px radius).
     * Renders a leading icon, an optional bold heading, the message body
     * (default slot), an optional inline action group (`actions` slot) and an
     * optional trailing close button.
     * Pattern B (atom-display + interactive close): the close affordance lives
     * inside shadow DOM so it participates in tab order with a real
     * `button` role. The body itself is not interactive.
     * `variant` selects the semantic color family — `info`, `warning`, `success`,
     * or `error` — each a filled toast surface with its own leading icon.
     * Live-region routing:
     * - `info` / `success` → `role="status"` + `aria-live="polite"`
     * - `warning` / `error` → `role="alert"` + `aria-live="assertive"`
     * @element mud-notification
     */
    interface MudNotification {
        /**
          * Forwarded to the host as `aria-label`. Use this to give the entire notification an explicit accessible name when the body content alone is not descriptive enough.
         */
        "ariaLabel"?: string;
        /**
          * When `true`, renders a trailing close button. Activating it emits `mudClose`; the consumer is responsible for removing the notification from the DOM.
          * @default false
         */
        "closable": boolean;
        /**
          * Close-button accessible label. Defaults to the Romanian "Închide". Provide an alternative for non-Romanian locales.
          * @default 'Închide'
         */
        "closeLabel": string;
        /**
          * Override the default `mud-icon` name for the variant (e.g. swap `circle-info-filled` for a custom glyph). When the `icon-start` slot is populated, this prop is ignored.
         */
        "iconName"?: string;
        /**
          * Optional bold title rendered above the body.
         */
        "titleText"?: string;
        /**
          * Semantic color family.
          * @default 'info'
         */
        "variant": NotificationVariant;
    }
    /**
     * Numeric Input — numeric-entry control with stacked step buttons.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM and pairs it with a trailing stepper stack (chevron-up
     * over chevron-bottom). Shares the visual primitives of `mud-input` (border,
     * focus ring, label, helper / error, sizes, states) and adds a
     * `--numeric-input-stepper-*` token namespace for the increment / decrement
     * affordance.
     * Why `<input type="text" inputmode="decimal">` instead of
     * `<input type="number">`: native `type="number"` mixes parsing, locale, and
     * UI affordances in ways that interact poorly with `precision` rounding and
     * `min`/`max` clamping. The component delegates parsing + clamping to its own
     * logic and exposes `inputmode="decimal"` so mobile devices still surface the
     * numeric keypad.
     * @element mud-numeric-input
     */
    interface MudNumericInput {
        /**
          * Allow fractional input. When `false` the field is integer-only: typing a decimal separator is blocked and any fractional part is truncated on commit.
          * @default true
         */
        "allowDecimal": boolean;
        /**
          * Allow negative input. When `false` the field is positive-only: typing `-` is blocked and negative entries are rejected on commit.
          * @default true
         */
        "allowNegative": boolean;
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern.
         */
        "ariaLabel"?: string;
        /**
          * Human-readable value announcement for screen readers (e.g. `"5 lei"`). Maps to the native `aria-valuetext` on the spinbutton. Same capture-and-strip pattern as `ariaLabel`.
         */
        "ariaValuetext"?: string;
        /**
          * Accessible label for the clear button. Defaults to the Romanian "Șterge".
          * @default 'Șterge'
         */
        "clearLabel": string;
        /**
          * When `true`, renders a trailing clear (×) button while the field holds a value. Activating it clears the value and emits `mudChange` with `null`.
          * @default false
         */
        "clearable": boolean;
        /**
          * Accessible label for the decrement button. Defaults to Romanian "Scade".
          * @default 'Scade'
         */
        "decrementLabel": string;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute. Stepper buttons are also disabled.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Accessible label for the increment button. Defaults to Romanian "Crește" per the institutional voice.
          * @default 'Crește'
         */
        "incrementLabel": string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Loading state. When true the control becomes uninteractive and a brand `mud-spinner` replaces the trailing stepper stack. The host carries `aria-busy="true"` for assistive technologies.
          * @default false
         */
        "loading": boolean;
        /**
          * BCP-47 locale used to group the displayed value with thousands separators and to parse grouped input back (e.g. `ro-MD` → `1.250,00`). When unset the value displays ungrouped. Grouping is applied while the field is not being edited; on focus the raw editable number is shown so the caret stays sane.
         */
        "locale"?: string;
        /**
          * Inclusive upper bound. Stepper-up disables at this value; manual entries above clamp on blur.
         */
        "max"?: number;
        /**
          * Maximum number of characters accepted by the field (native `maxlength`). When set, a character counter renders in the assistive row unless `show-counter` is `false`.
         */
        "maxLength"?: number;
        /**
          * Inclusive lower bound. Stepper-down disables at this value; manual entries below clamp on blur.
         */
        "min"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Decimal precision applied on blur (number of decimal places). When unset the value is preserved as typed (subject to clamping).
         */
        "precision"?: number;
        /**
          * Renders the field read-only. The control remains focusable; steppers are suppressed.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * Force the character counter to show or hide. Auto-shows when `maxlength` is set; pass `false` to suppress it.
          * @default true
         */
        "showCounter": boolean;
        /**
          * Show the trailing stacked stepper (chevron-up / chevron-bottom) buttons. Off by default per Figma master, which renders the canonical numeric input without steppers (suffix-only). Opt in via `show-steppers` for compact quantity / rating fields where stepper affordance is valuable.
          * @default false
         */
        "showSteppers": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": NumericInputSize;
        /**
          * Increment / decrement amount applied by the stepper buttons and arrow keys.
          * @default 1
         */
        "step": number;
        /**
          * Current numeric value. `undefined` represents an empty field. Reflects to the host attribute when set.
         */
        "value"?: number;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set. Numeric inputs ship 3 styles per Figma (no Warning) — invalid numeric values are typically out-of-range (Destructive) or confirmed-valid (Success); there is no in-between state worth a Warning tone.
          * @default 'default'
         */
        "variant": NumericInputVariant;
    }
    /**
     * Pagination — navigation control for paged content.
     * Renders a list of page-number buttons flanked by Previous / Next controls.
     * The visible page list is computed from `currentPage`, `totalPages`,
     * `siblingCount`, and `boundaryCount`. When the total exceeds the visible
     * window, an interactive overflow button (`…`) collapses the skipped range
     * and lets users jump directly to any of those pages via a dropdown menu
     * (Figma "overflow-active" interaction). When the collapsed range is large
     * (e.g. page 1 of 40 hides ~34 pages), the dropdown caps its height and
     * scrolls internally instead of running off the viewport.
     * The component is internally controlled but exposes a `mudChange` event so
     * the host can drive the active page. Updating `current-page` from outside
     * is also honoured (e.g. when the URL changes via routing).
     * Previous / Next buttons are hidden at the boundaries (page 1 hides Prev,
     * the last page hides Next) instead of being rendered in a disabled state —
     * this matches the Figma "first-page" / "last-page" specification.
     * @element mud-pagination
     */
    interface MudPagination {
        /**
          * Number of page buttons shown at the start and end of the range (before / after the leading / trailing ellipsis).
          * @default 1
         */
        "boundaryCount": number;
        /**
          * The active page (1-indexed). Mutable so consumers can two-way bind.
          * @default 1
         */
        "currentPage": number;
        /**
          * Accessible name for the navigation landmark when no `aria-label` is set on the host. Defaults to "Navigare pagini". Setting `aria-label` directly on the host also works — the consumer-supplied attribute wins and is captured on connect into `resolvedAriaLabel`, then stripped from the host to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb / mud-date-picker / mud-modal).
         */
        "label"?: string;
        /**
          * Accessible label template for the Next button. The `{page}` token is replaced with the target page number.
          * @default 'Pagina următoare, mergi la pagina {page}'
         */
        "nextAriaLabel": string;
        /**
          * Visible label for the Next button (desktop only — hidden on `sm`).
          * @default 'Următor'
         */
        "nextLabel": string;
        /**
          * Accessible label template for the overflow ("…") button. The `{from}` and `{to}` tokens are replaced with the first and last page in the collapsed range.
          * @default 'Arată paginile de la {from} la {to}'
         */
        "overflowAriaLabel": string;
        /**
          * Accessible label template for an individual page button. Tokens `{page}` and `{total}` are substituted with the page number and total page count.
          * @default 'Pagina {page} din {total}'
         */
        "pageAriaLabel": string;
        /**
          * Accessible label template for the Previous button. The `{page}` token is replaced with the target page number.
          * @default 'Pagina anterioară, mergi la pagina {page}'
         */
        "prevAriaLabel": string;
        /**
          * Visible label for the Previous button (desktop only — hidden on `sm`).
          * @default 'Anterior'
         */
        "prevLabel": string;
        /**
          * Whether to render the Previous / Next navigation buttons at all. When `true` (default) they still hide individually at the corresponding boundary (page 1 hides Prev, last page hides Next).
          * @default true
         */
        "showPrevNext": boolean;
        /**
          * Number of page buttons shown on each side of the active page.
          * @default 1
         */
        "siblingCount": number;
        /**
          * Visual size rung. Mobile breakpoints typically use `sm` (32px) and desktop uses `md` (40px).
          * @default 'md'
         */
        "size": PaginationSize;
        /**
          * Total number of pages. When `<= 1` the component renders nothing.
          * @default 1
         */
        "totalPages": number;
    }
    /**
     * Phone Input — phone-number entry molecule with country-code prefix and
     * format mask. The most Moldova-specific input in the family: it ships a
     * default `+373` country, a curated diaspora-relevant country list with
     * inline-SVG flag glyphs, and Romanian-voice placeholder + error copy.
     * Pattern B (molecule, form-associated): renders its own `<input type="tel">`
     * inside shadow DOM alongside an inline country trigger that either
     * displays a static flag+dial-code pill (`type="local"`, Moldova-first
     * default) or a combobox that opens a country listbox (`type="international"`).
     * Form participation works via `formAssociated` + `ElementInternals`; the
     * form value is the canonical E.164 string (`+37362123456`).
     * @element mud-phone-input
     */
    interface MudPhoneInput {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern.
         */
        "ariaLabel"?: string;
        /**
          * Optional whitelist of ISO codes to surface in the dropdown. Defaults to the curated 15-country Moldova-diaspora list when omitted.
         */
        "countries"?: string[];
        /**
          * Initial country selection (ISO 3166-1 alpha-2). Defaults to Moldova because the system serves citizens calling government services.
          * @default 'MD'
         */
        "defaultCountry": string;
        /**
          * Disables interactivity. Trigger and input receive `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon. Defaults to the Romanian message `"Numărul de telefon este incomplet"` when `invalid` is set without a custom message.
         */
        "errorText"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Loading state. When true the control becomes uninteractive and an inline `mud-spinner` renders inside the input row. The host carries `aria-busy="true"` for assistive technologies.
          * @default false
         */
        "loading": boolean;
        /**
          * Form-control `name`. Used during form submission with the E.164 value.
         */
        "name"?: string;
        /**
          * Reflects the open state of the country listbox. Mutate via `mudOpen` / `mudClose` events, not by writing to the attribute. Only meaningful when `type="international"` — Local mode never opens a listbox.
          * @default false
         */
        "open": boolean;
        /**
          * Placeholder shown when the local segment is empty. Defaults to the country's mask.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The input remains focusable and copyable; the country trigger renders inert. Background steps into the soft-gray surface to telegraph "visible but not editable", matching the rest of the input family.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": PhoneInputSize;
        /**
          * Phone entry mode. - `local` (default — Moldova-first): country trigger renders as a   static flag+dial-code pill (no chevron, no listbox). Assumes the   `defaultCountry` implicitly and only accepts its national format. - `international`: country trigger renders as a combobox (flag + dial   code + chevron); clicking opens a listbox of all eligible   countries. Use when the caller can't guarantee the citizen is   filing from inside the home market.
          * @default 'local'
         */
        "type": PhoneInputType;
        /**
          * Current value — canonical E.164 (`+37362123456`). Reflects to the host attribute. Empty string represents an unfilled field.
          * @default ''
         */
        "value": string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant": PhoneInputVariant;
    }
    /**
     * Progress Tracker (Stepper) — visualises a user's position in a multi-step process.
     * Two flavours:
     * - **Display tracker** (`interactive=false`, default) — read-only. Each step is a
     *   `<li>` carrying ARIA semantics. Use for sign-up wizards, KYC flows, document
     *   submissions where the parent app drives navigation.
     * - **Interactive tracker** (`interactive=true`) — each completed (and the current)
     *   step renders as a `<button>` and emits `mudStepClick`. Pending steps remain
     *   non-actionable per the WAI-ARIA stepper pattern.
     * State legend (Figma node 634:10573):
     *   - `pending`    — neutral grey ring + faded number, non-navigable
     *   - `current`    — brand ring + brand number, neutral label
     *   - `completed`  — brand filled circle + white checkmark (brand underlined link label when interactive)
     *   - `available`  — brand outline ring + brand number, navigable forward (brand underlined link label when interactive)
     *   - `error`      — danger ring + danger cross, neutral label
     * The component renders an ordered list with `role="list"` for AT compatibility
     * (Safari + VoiceOver strip implicit list roles when `list-style: none` is set).
     * @element mud-progress-tracker
     */
    interface MudProgressTracker {
        /**
          * Accessible name for the surrounding list landmark. Falls back to `'Progress tracker'` (English) — Romanian consumers can pass `'Pași'`.
         */
        "ariaLabel"?: string;
        /**
          * Compact "dot rail" rendering — the mobile breakpoint from Figma. Hides the step numbers and labels, leaving a rail of dots; per-status fills convey progress (filled brand + checkmark = completed, hollow ring = current / available / pending, danger ring + cross = error). Status icons are kept; only the numeric indicators and text labels are hidden. Works in both orientations.
          * @default false
         */
        "compact": boolean;
        /**
          * Optional zero-based index of the current step. When set, it overrides the `status: 'current'` value in `steps`. Mostly useful for parent-driven flows that mutate a single number rather than the whole array.
         */
        "currentStep"?: number;
        /**
          * When true, completed, current, and available steps render as `<button>` elements and emit `mudStepClick`. Pending and error steps remain non-actionable in this mode.
          * @default false
         */
        "interactive": boolean;
        /**
          * Layout orientation.   - `horizontal` (default): steps flow left to right; labels render under indicators.   - `vertical`: steps stack top to bottom; labels render to the right of indicators.
          * @default 'horizontal'
         */
        "orientation": ProgressTrackerOrientation;
        /**
          * Declarative step list. Each item: `{ id?, label, supportingText?, status, iconName?, disabled? }`. `status` drives the visual state and ARIA semantics — see {@link ProgressTrackerStepStatus}.
         */
        "steps"?: ProgressTrackerStep[];
    }
    /**
     * Radio — single-select form input atom.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="radio">` inside shadow DOM and paints the visual circle
     * with CSS. Form participation works via `formAssociated` +
     * `ElementInternals.setFormValue`. The component is the standalone radio
     * primitive; a future `mud-radio-group` molecule will manage roving focus
     * and `name`-based exclusivity across siblings.
     * @element mud-radio
     */
    interface MudRadio {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present.
         */
        "ariaLabel"?: string;
        /**
          * ID of the element labelling the radio. Used when label content lives outside the component.
         */
        "ariaLabelledby"?: string;
        /**
          * Whether the radio is currently selected.
          * @default false
         */
        "checked": boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Maps to Figma's "Error" state — border and selected dot turn red. Sets `aria-invalid` on the internal control.
          * @default false
         */
        "invalid": boolean;
        /**
          * Accessible-name fallback. Used as `aria-label` on the internal input when no `label` slot is provided. Does NOT render visible text — use the `label` slot for that. Matches the `mud-button` / `mud-checkbox` convention.
         */
        "label"?: string;
        /**
          * Form-control `name`. Used during form submission and for grouping radios.
         */
        "name"?: string;
        /**
          * Renders the control read-only. It remains focusable but cannot be toggled.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": RadioSize;
        /**
          * Accessible-description fallback. Reserved for future use as `aria-describedby` source when no `supporting-text` slot is provided. Does NOT render visible text — use the `supporting-text` slot for that.
         */
        "supportingText"?: string;
        /**
          * Value submitted with the form when this radio is checked.
         */
        "value"?: string;
    }
    /**
     * Receipt — confirmation surface for a finished Moldovan e-Gov transaction
     * (molecule).
     * Pattern B (composed molecule): renders its own header / amount block /
     * details list / QR / footer in shadow DOM. Composes `mud-logo`, `mud-tag`,
     * and `mud-button` for the interactive pieces.
     * Four sibling variants share one element via the `service` attribute —
     * each maps to one of the e-Gov properties:
     * - `service="mpay"` (default) — payment receipt
     * - `service="mpass"` — authentication session log
     * - `service="msign"` — signature receipt
     * - `service="mdelivery"` — delivery confirmation
     * The receipt is a presentational artifact. It does not fetch, validate,
     * or persist; callers pass already-formatted values. The QR (default slot
     * `qr` overrides) is generated client-side from the `qrData` prop via a
     * vendored byte-mode QR encoder — no runtime dependency, no network.
     * Print: the host carries `@media print` rules to hide action buttons,
     * drop shadows, and force ink-primary text so a citizen can print the
     * receipt without the surrounding UI bleeding through.
     * Romanian voice ships as defaults; every label is overridable via the
     * public `@Prop` surface for localisation.
     * @element mud-receipt
     */
    interface MudReceipt {
        /**
          * Pre-formatted amount string (e.g. `"150,00"`). The receipt does NOT format numbers — locale-aware grouping and decimal style belong to the caller. Omit to hide the amount panel entirely (used by mpass / msign receipts that carry no monetary value).
         */
        "amount"?: string;
        /**
          * "Suma" label preceding the amount value.
         */
        "amountLabel"?: string;
        /**
          * Currency code rendered next to the amount.
          * @default 'MDL'
         */
        "currency": string;
        /**
          * Date in ISO-8601 form (`"2026-05-22T14:32:00Z"`). Rendered via `Intl.DateTimeFormat(this.locale, …)`. Falls back to the raw string on a parse failure.
         */
        "date"?: string;
        /**
          * "Data" label preceding the date.
         */
        "dateLabel"?: string;
        /**
          * Free-text description rendered as its own row.
         */
        "description"?: string;
        /**
          * "Descriere" label preceding the free text.
         */
        "descriptionLabel"?: string;
        /**
          * "Descarcă PDF" button label.
         */
        "downloadLabel"?: string;
        /**
          * "Trimite email" button label.
         */
        "emailLabel"?: string;
        /**
          * Override for the receipt's accessible name. Defaults to the resolved title plus status (e.g. "Bon de plată — Plătit"). Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb / mud-date-picker / mud-modal / mud-pagination).
         */
        "label"?: string;
        /**
          * BCP-47 locale used by the built-in date formatter. Override for non-Romanian surfaces.
          * @default 'ro-RO'
         */
        "locale": string;
        /**
          * "Imprimă" button label.
         */
        "printLabel"?: string;
        /**
          * "Cod QR pentru verificare" accessible label on the QR figure.
         */
        "qrAriaLabel"?: string;
        /**
          * "Scanează pentru verificare" caption under the QR.
         */
        "qrCaption"?: string;
        /**
          * Payload encoded into the QR. When empty AND no `qr` slot is provided, the QR panel is hidden entirely.
         */
        "qrData"?: string;
        /**
          * Recipient party. `idnp` is auto-masked.
         */
        "recipient"?: ReceiptParty;
        /**
          * "Beneficiar" label preceding the recipient.
         */
        "recipientLabel"?: string;
        /**
          * Sender party. `idnp` is auto-masked (`2002******789`).
         */
        "sender"?: ReceiptParty;
        /**
          * "Plătitor" label preceding the sender.
         */
        "senderLabel"?: string;
        /**
          * Which e-Gov property this receipt belongs to. Drives the rendered logo, the default title, and the `service` attribute carried in event detail.
          * @default 'mpay'
         */
        "service": ReceiptService;
        /**
          * "Distribuie" button label.
         */
        "shareLabel"?: string;
        /**
          * Whether the built-in action footer renders. Disable for read-only archival views.
          * @default true
         */
        "showActions": boolean;
        /**
          * Transaction lifecycle state. Drives the status tag color + label.
         */
        "status"?: ReceiptStatus;
        /**
          * "Status:" inline label preceding the tag.
         */
        "statusLabel"?: string;
        /**
          * Plain-text receipt title. Defaults to a Romanian per-service string (`Bon de plată`, `Confirmare autentificare`, `Confirmare semnătură`, `Confirmare livrare`).  Attribute name is `title-text` to avoid collision with the built-in HTML `title` global attribute (Stencil warns and the global wins at runtime). Prop name remains `titleText` for ergonomic JS access.
         */
        "titleText"?: string;
        /**
          * Opaque transaction identifier rendered in the footer caption.
         */
        "transactionId"?: string;
        /**
          * "Cod tranzacție" label preceding the transaction ID.
         */
        "transactionIdLabel"?: string;
    }
    /**
     * Search Input (circular) — single-line search-entry control with a fully
     * rounded (pill) silhouette.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="search">` inside shadow DOM. Adds a leading magnifying-glass
     * icon and an optional trailing clear `×` button that appears whenever the
     * control carries a value. Behavior, props, slots, events, keyboard contract,
     * ARIA wiring, and dimensions (height, padding, gap) are IDENTICAL to
     * `mud-search-input-rectangular` — the only visual difference is the
     * silhouette: corners flip to `borderRadius.full` (9999px). The trailing
     * submit button (when `with-button` is set) inherits the pill silhouette via
     * `borderRadius.full`, rendering as a perfect circle that hugs the pill end
     * per Figma master `933:29721`.
     * The Republic of Moldova Unified Design System library catalogues circular
     * and rectangular search fields as separate component_sets, so we ship them
     * as distinct atoms with parallel token namespaces (`--search-input-circular-*`
     * vs `--search-input-rectangular-*`).
     * Optional axes per Figma master `933:29721`:
     * - `loading` — async query is in flight; a trailing spinner appears next to
     *   the value/placeholder and the control is announced as `aria-busy`.
     * - `with-button` — adds a trailing brand-blue circular submit button that
     *   fires `mudSearch` on click. Coexists with the clear button and the
     *   loading spinner.
     * @element mud-search-input-circular
     */
    interface MudSearchInputCircular {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Native `autocomplete` attribute forwarded to the internal control.
         */
        "autocomplete"?: string;
        /**
          * Accessible label for the trailing clear button. Defaults to Romanian "Șterge" per the institutional voice.
          * @default 'Șterge'
         */
        "clearLabel": string;
        /**
          * Shows the trailing clear `×` button when a value is present. Set to `false` to suppress the affordance entirely (useful for read-only or always-on filters).
          * @default true
         */
        "clearable": boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Icon name for the leading icon (rendered via the local SVG library). Override by providing an element to the `icon-start` slot.
          * @default 'search'
         */
        "iconName": string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Indicates an in-flight query. Keeps the leading magnifying-glass icon as the role indicator and reveals a trailing brand-coloured `mud-spinner` next to the value; the clear `×` is suppressed while the query is in flight and the control is announced as `aria-busy`. The field stays focusable; emitting `mudSearch` while loading is the consumer's responsibility (typically debounced).
          * @default false
         */
        "loading": boolean;
        /**
          * Native `maxlength` constraint.
         */
        "maxLength"?: number;
        /**
          * Native `minlength` constraint.
         */
        "minLength"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable; the clear affordance is suppressed.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": SearchInputCircularSize;
        /**
          * Accessible label for the trailing submit button. Defaults to Romanian "Caută" per the institutional voice.
          * @default 'Caută'
         */
        "submitLabel": string;
        /**
          * Current value of the control. Reflects to the host attribute.
          * @default ''
         */
        "value": string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant": SearchInputCircularVariant;
        /**
          * Renders a trailing brand-blue circular submit button (the Figma "Button=True" axis on master `933:29721`). Clicking the button — or pressing Enter inside the input — dispatches `mudSearch` with the current value. When the field is empty or disabled, the button enters a disabled visual state and does not fire the event.
          * @default false
         */
        "withButton": boolean;
    }
    /**
     * Search Input (rectangular) — single-line search-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="search">` inside shadow DOM. Adds a leading magnifying-glass
     * icon and an optional trailing clear `×` button that appears whenever the
     * control carries a value. Visual primitives (border, focus ring, label,
     * helper / error, sizes, states) are shared with `mud-input`; specific
     * affordances (icon-start, icon-end-clear, submit-button) live in the
     * `--search-input-rectangular-*` token namespace.
     * Rectangular shape is the default sibling of `mud-search-input-circular`
     * (pill). The two ship as distinct components per the Figma component-set
     * separation in the Republic of Moldova Unified Design System library.
     * Optional axes per Figma master `933:29099`:
     * - `loading` — async query is in flight; a trailing spinner appears next to
     *   the value/placeholder and the control is announced as `aria-busy`.
     * - `with-button` — adds a trailing brand-blue submit button that fires
     *   `mudSearch` on click. Coexists with the clear button and the loading
     *   spinner.
     * @element mud-search-input-rectangular
     */
    interface MudSearchInputRectangular {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Native `autocomplete` attribute forwarded to the internal control.
         */
        "autocomplete"?: string;
        /**
          * Accessible label for the trailing clear button. Defaults to Romanian "Șterge" per the institutional voice.
          * @default 'Șterge'
         */
        "clearLabel": string;
        /**
          * Shows the trailing clear `×` button when a value is present. Set to `false` to suppress the affordance entirely (useful for read-only or always-on filters).
          * @default true
         */
        "clearable": boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Icon name for the leading icon (rendered via the local SVG library). Override by providing an element to the `icon-start` slot.
          * @default 'search'
         */
        "iconName": string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Indicates an in-flight query. Keeps the leading magnifying-glass icon as the role indicator and reveals a trailing brand-coloured `mud-spinner` next to the value; the clear `×` is suppressed while the query is in flight and the control is announced as `aria-busy`. The field stays focusable; emitting `mudSearch` while loading is the consumer's responsibility (typically debounced).
          * @default false
         */
        "loading": boolean;
        /**
          * Native `maxlength` constraint.
         */
        "maxLength"?: number;
        /**
          * Native `minlength` constraint.
         */
        "minLength"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable; the clear affordance is suppressed.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": SearchInputRectangularSize;
        /**
          * Accessible label for the trailing submit button. Defaults to Romanian "Caută" per the institutional voice.
          * @default 'Caută'
         */
        "submitLabel": string;
        /**
          * Current value of the control. Reflects to the host attribute.
          * @default ''
         */
        "value": string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant": SearchInputRectangularVariant;
        /**
          * Renders a trailing brand-blue submit button (the Figma "Button=True" axis). Clicking the button — or pressing Enter inside the input — dispatches `mudSearch` with the current value. When the field is empty or disabled, the button enters a disabled visual state and does not fire the event.
          * @default false
         */
        "withButton": boolean;
    }
    /**
     * Segmented control — single-select horizontal switcher.
     * Pattern B (atom-interactive, form-associated): renders an internal
     * `role="radiogroup"` of `role="radio"` buttons inside the shadow DOM with
     * a roving `tabindex`. Selected segment gets the dark inverse fill from
     * Figma 659:8188; unselected segments inherit the light tertiary container
     * background and only carry their label.
     * Keyboard contract (WAI-ARIA Authoring Practices, radiogroup pattern):
     * - `Tab` enters and exits the group (single stop)
     * - `ArrowLeft` / `ArrowRight` move selection between segments
     * - `Home` / `End` jump to first / last segment
     * - `Enter` / `Space` reaffirm selection on the focused segment
     * @element mud-segmented-control
     */
    interface MudSegmentedControl {
        /**
          * Accessible name for the group. Forwarded to the host's `aria-label`. Required when no surrounding `<label>` references the control.
         */
        "ariaLabel"?: string;
        /**
          * ID of an element labelling the group (when an external label is used).
         */
        "ariaLabelledby"?: string;
        /**
          * Disables every segment. The container receives `aria-disabled`.
          * @default false
         */
        "disabled": boolean;
        /**
          * Full-width mode. The control fills its container and segments stretch to equal shares — the mobile breakpoint from Figma 659:8188. When false (default) the control hugs its content while keeping segments uniform.
          * @default false
         */
        "fluid": boolean;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Segment configuration. Order in the array maps left-to-right. When omitted the control renders nothing.
         */
        "segments"?: SegmentedControlSegment[];
        /**
          * Visual size rung. `md` is 40 px tall; `sm` is 32 px tall.
          * @default 'md'
         */
        "size": SegmentedControlSize;
        /**
          * Value of the currently selected segment. Mutable so the control updates it on selection. Like a native form control, `value` is intentionally NOT reflected to the attribute (the attribute represents the default value) — read the current selection from the property or the submitted form value.
         */
        "value"?: string;
    }
    /**
     * Select Input — single-select dropdown atom.
     * Pattern B (atom-interactive, form-associated): renders a custom-styled
     * trigger button and a listbox popover inside shadow DOM. Form participation
     * works via `formAssociated` + `ElementInternals`. Shares the visual primitives
     * of `mud-input` (border, focus ring, label, helper / error text, sizes,
     * states) and adds a trailing chevron icon, listbox menu, and keyboard
     * navigation (ArrowUp/Down/Home/End/Enter/Escape) per the WAI-ARIA combobox
     * pattern.
     * @element mud-select-input
     */
    interface MudSelectInput {
        /**
          * Accessible name. Mirrors to the trigger's `aria-label` when no visible label is present. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Disables interactivity. The trigger receives `aria-disabled` and the hidden native `<select>` receives the `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Reflects the open state of the listbox popover. Read-only externally — use `mudOpen` / `mudClose` to react to changes.
          * @default false
         */
        "open": boolean;
        /**
          * Declarative option list. When omitted the component falls back to its default slot, allowing `<option>` children for HTML-native composition.
         */
        "options"?: SelectOption[];
        /**
          * Placeholder shown when no option is selected.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The trigger remains focusable but the listbox cannot be opened.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the trigger.
          * @default false
         */
        "required": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": SelectInputSize;
        /**
          * Selected value. Reflects to the host attribute. Set to empty string when no option is selected.
          * @default ''
         */
        "value": string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant": SelectInputVariant;
    }
    /**
     * Separator — visual divider between groups of content or UI components.
     * Pattern B (atom-visual): renders a 1D rule, optionally with an inline label.
     * No events, no interactivity. ARIA `separator` semantics.
     * @element mud-separator
     */
    interface MudSeparator {
        /**
          * Accessible label for screen readers. Most separators are decorative and do not need this; provide it only when the separator conveys a discrete semantic boundary that benefits from an announcement.
         */
        "ariaLabel"?: string;
        /**
          * Adds outer spacing on the cross axis. Typical when the separator sits between items in a list or menu.
          * @default false
         */
        "inset": boolean;
        /**
          * Optional plain-text label rendered inline at the center of the separator. For richer label content (e.g. an icon plus text), use the default slot instead.
         */
        "label"?: string;
        /**
          * Layout orientation of the separator.
          * @default 'horizontal'
         */
        "orientation": SeparatorOrientation;
        /**
          * Visual thickness of the rule.
          * @default 'thin'
         */
        "size": SeparatorSize;
        /**
          * Color treatment / emphasis.
          * @default 'subtle'
         */
        "variant": SeparatorVariant;
    }
    /**
     * Service Button — interactive control for Moldovan M-products (mpay, mpass,
     * msign, mpower, mdelivery).
     * A specialised filled button with a logo badge embedded on the inline-start
     * edge of the geometry. Fixed 48 px height (= minimum touch target) and
     * asymmetric padding (16 start / 20 end) per Figma spec.
     * Slot `badge` reserves a 24×24 box for a `<mud-logo>` rendering a
     * `*-logo-logomark-only` asset (or any other element rendered at that size).
     * The default slot carries the label text.
     * @element mud-service-button
     */
    interface MudServiceButton {
        /**
          * Visual treatment. - `primary` — solid brand background, white label - `neutral` — light surface background, dark label
          * @default 'primary'
         */
        "appearance": ServiceButtonAppearance;
        /**
          * Disables interactivity.
          * @default false
         */
        "disabled": boolean;
        /**
          * Makes the button expand to fill the inline-size of its container.
          * @default false
         */
        "fullWidth": boolean;
        /**
          * If set, the button renders as `<a href="…">` and behaves as a link. `type`, `name`, and `value` are ignored in this mode.
         */
        "href"?: string;
        /**
          * Accessible name override. When omitted, the visible default-slot text is used as the accessible name (the standard pattern).
         */
        "label"?: string;
        /**
          * Renders a centred spinner and blocks interactivity while preserving the accessible name. Sets `aria-busy` on the internal control.
          * @default false
         */
        "loading": boolean;
        /**
          * Form-control `name`. Used when `type="submit"` and a value is submitted.
         */
        "name"?: string;
        /**
          * `rel` for the anchor when `href` is set.
         */
        "rel"?: string;
        /**
          * `target` for the anchor when `href` is set.
         */
        "target"?: string;
        /**
          * Native button `type` attribute. Ignored when `href` is set.
          * @default 'button'
         */
        "type": ServiceButtonType;
        /**
          * Form-control `value` submitted alongside `name`.
         */
        "value"?: string;
    }
    /**
     * Sidebar — a vertical navigation panel composed of `mud-sidebar-group`
     * sections and `mud-sidebar-item` rows.
     * @element mud-sidebar
     */
    interface MudSidebar {
        /**
          * Accessible name for the navigation landmark.
         */
        "ariaLabel"?: string;
        /**
          * Collapse to the icon-only compact rail.
          * @default false
         */
        "collapsed": boolean;
    }
    /**
     * Sidebar group — a labelled section of `mud-sidebar-item` rows.
     * A divider is rendered automatically above every group except the first.
     * @element mud-sidebar-group
     */
    interface MudSidebarGroup {
        /**
          * Collapsed (icon-only) rail — propagated by the parent `mud-sidebar`.
          * @default false
         */
        "collapsed": boolean;
        /**
          * Section heading label.
         */
        "heading"?: string;
    }
    /**
     * Sidebar item — a single navigation row inside a `mud-sidebar` / `mud-sidebar-group`.
     * Renders as a link when `href` is set, otherwise a button. Expandable items
     * toggle a nested list (the `children` slot) and rotate a chevron.
     * @element mud-sidebar-item
     */
    interface MudSidebarItem {
        /**
          * Whether this item represents the current page/section.
          * @default false
         */
        "active": boolean;
        /**
          * Optional trailing numbered badge count (rendered as a `mud-badge`).
         */
        "badge"?: number;
        /**
          * Collapsed (icon-only) rail — propagated by the parent `mud-sidebar`.
          * @default false
         */
        "collapsed": boolean;
        /**
          * Whether the item is disabled.
          * @default false
         */
        "disabled": boolean;
        /**
          * Whether the item expands a nested list of children.
          * @default false
         */
        "expandable": boolean;
        /**
          * Whether the nested list is expanded.
          * @default false
         */
        "expanded": boolean;
        /**
          * Render as a link to this destination.
         */
        "href"?: string;
        /**
          * Leading icon name.
         */
        "icon"?: string;
        /**
          * Leading icon name used while active (e.g. a filled variant). Falls back to `icon`.
         */
        "iconActive"?: string;
        /**
          * Primary label (overridden by slotted content).
         */
        "label"?: string;
        /**
          * Optional right-aligned secondary label.
         */
        "secondary"?: string;
        /**
          * Optional trailing tag text (rendered as an outlined `mud-tag`).
         */
        "tag"?: string;
        /**
          * Value reported when the item is activated.
         */
        "value"?: string;
    }
    /**
     * Spinner — animated circular loading indicator.
     * Pattern B (atom-visual): renders a CSS-only rotating arc.
     * No slots, no events, no interactivity.
     * @element mud-spinner
     */
    interface MudSpinner {
        /**
          * Accessible label for screen readers.
          * @default 'Loading'
         */
        "label": string;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": SpinnerSize;
        /**
          * Color treatment.
          * @default 'brand'
         */
        "variant": SpinnerVariant;
    }
    /**
     * Switch — binary on/off toggle atom (form-associated).
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="checkbox" role="switch">` inside shadow DOM and paints the
     * visual track + thumb with CSS. Implements the WAI-ARIA switch pattern, not
     * the checkbox pattern — `role="switch"` with `aria-checked="true|false"`.
     * Space toggles per native checkbox semantics; the role swap does not break
     * keyboard activation.
     * The visible track is 48 × 28px; the hit area expands to 32px on
     * pointer-devices and 40px on touch-devices (via `pointer: coarse`) per the
     * Figma "Target Sizes" spec, achieved with a `::before` pseudo-element so the
     * visual footprint stays untouched.
     * @element mud-switch
     */
    interface MudSwitch {
        /**
          * Consumer-set `aria-label` on the host. The component caches the value (see `resolvedAriaLabel`) and strips the host attribute on mount to avoid the `aria-prohibited-attr` axe rule on the custom-element host.
         */
        "ariaLabel"?: string;
        /**
          * Consumer-set `aria-labelledby`. Same strip + cache pattern as `ariaLabel`.
         */
        "ariaLabelledby"?: string;
        /**
          * Whether the switch is currently on.
          * @default false
         */
        "checked": boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Accessible-name fallback. Used as `aria-label` on the internal input when no `label` slot is provided. Does NOT render visible text — use the `label` slot for that. Matches the mud-button / mud-checkbox / mud-radio convention.
         */
        "label"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Marks the field as mandatory. Sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * Value submitted with the form when this switch is on.
          * @default 'on'
         */
        "value"?: string;
    }
    /**
     * `mud-tab` — single tab item inside a `mud-tabs` tablist.
     * Pattern A child: rendered as a slotted child of `mud-tabs`. Owns its own
     * `role="tab"` host with `aria-selected`, an optional leading icon, the
     * label, and an optional trailing numbered badge.
     * The component is intentionally light: selection, focus management and
     * `aria-controls` wiring are all driven by the parent `mud-tabs` via
     * reflected attributes and DOM ids.
     * @element mud-tab
     */
    interface MudTab {
        /**
          * Optional numbered badge displayed after the label.
         */
        "badgeCount"?: number;
        /**
          * Disables the tab. Suppresses click + keyboard activation.
          * @default false
         */
        "disabled": boolean;
        /**
          * Optional leading icon name resolved against the `mud-icon` registry.
         */
        "iconName"?: string;
        /**
          * Optional plain-text label when no default slot content is provided.
         */
        "label"?: string;
        /**
          * Id of the panel this tab controls. Set by the parent `mud-tabs`.
         */
        "panelId"?: string;
        /**
          * Whether this tab is the active one. Mirrors `aria-selected` and the indicator.
          * @default false
         */
        "selected": boolean;
        /**
          * Size rung. Reflected so styles cascade independently.
          * @default 'md'
         */
        "size": 'md' | 'sm';
        /**
          * Identity of the tab. Used by the parent `mud-tabs` to track selection.
         */
        "value": string;
    }
    /**
     * Table — data table molecule for tabular content with optional sorting,
     * selection, and responsive mobile collapse.
     * Pattern B (molecule, internal DOM): renders a native `<table>` inside
     * shadow DOM for full a11y semantics (`role="table"`, `role="columnheader"`,
     * `aria-sort`, `aria-selected`). Composes existing primitives — `mud-checkbox`
     * for the selection column, `mud-icon` for sort chevrons. Status badges and
     * row actions are projected via named slots so consumers can drop in
     * `mud-tag`, `mud-button`, or any custom content per cell.
     * At ≤640 px container width the inline padding shrinks from 24 → 16 to
     * match Figma's "Mobile" breakpoint specs (table-header `4930:14358`,
     * table-cell `649:4296`). The table structure itself is preserved; consumers
     * who need a card-stack layout on narrow screens should wrap their own
     * presentation around the data.
     * @element mud-table
     */
    interface MudTable {
        /**
          * Accessible label propagated to the rendered `<table>` element. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Column definitions. Each entry maps a row field (`key`) to a header `label`, an optional `sortable` flag, alignment, and width.
         */
        "columns"?: TableColumn[];
        /**
          * Master switch that disables sorting for the WHOLE table, overriding every column's `sortable` flag at once. When `true`, headers render as plain labels — no sort chevron, not keyboard-focusable, no `aria-sort`, and `mudSort` never fires. Useful for read-only or loading states without having to mutate the `columns` array.  Per-column control is unchanged: to make just one column non-sortable, omit `sortable` (or set it to `false`) on that column instead.
          * @default false
         */
        "disableSort": boolean;
        /**
          * Header treatment. `default` is the subtle gray header used on light surfaces; `inverted` is the strong dark-on-light header for emphasis.
          * @default 'default'
         */
        "headerStyle": TableHeaderStyle;
        /**
          * Enables hover highlight on rows. Independent of selection.
          * @default false
         */
        "hoverable": boolean;
        /**
          * Field used to uniquely identify a row. Used for selection state and stable React-like keys.
          * @default 'id'
         */
        "rowIdField": string;
        /**
          * Row treatment. - `divided` (default) — horizontal divider line below every row. - `zebra` — alternating row backgrounds (no dividers). - `borderless` — flat rows, no dividers, no zebra.
          * @default 'divided'
         */
        "rowStyle": TableRowStyle;
        /**
          * Row data. Each row is keyed by the field declared in `rowIdField` (defaults to `id`). Missing IDs fall back to row index.
         */
        "rows"?: TableRowData[];
        /**
          * Renders a leading checkbox column for multi-row selection.
          * @default false
         */
        "selectable": boolean;
        /**
          * Selected row IDs (controlled). Each entry must correspond to a row's `rowIdField` value (stringified). Toggling rows or the master checkbox emits `mudSelectionChange` — the consumer reflects the new array back via this prop.
         */
        "selectedRows"?: string[];
        /**
          * Currently sorted column key (controlled). When unset no sort glyph is highlighted.
         */
        "sortColumn"?: string;
        /**
          * Sort direction for `sortColumn`. Ignored when `sortColumn` is unset.
         */
        "sortDirection"?: TableSortDirection;
    }
    /**
     * `mud-tabs` — horizontal tablist that switches the currently visible panel.
     * Two composition modes:
     *  1. **Declarative** (recommended for static menus): slot `<mud-tab>` children
     *     into the default slot and matching `<div slot="panel-{value}">` blocks
     *     into the panel slots.
     *  2. **Data-driven**: pass a `tabs` array. The component renders each entry
     *     as a child `mud-tab` and exposes panels via `<div slot="panel-{value}">`
     *     elements supplied by the consumer.
     * Pattern A (molecule, slot-based). The host carries `role="tablist"`; the
     * tabs are rendered children with `role="tab"`; the panels are slotted into
     * named `panel-{value}` slots and receive `role="tabpanel"` + the matching
     * `aria-labelledby`.
     * Keyboard contract (WAI-ARIA Authoring Practices, automatic activation):
     * - `Tab` focuses the currently selected tab (single tab stop into the group)
     * - `ArrowLeft` / `ArrowRight` move selection between enabled tabs (wraps)
     * - `Home` / `End` jump to the first / last enabled tab
     * - `Enter` / `Space` activate the focused tab (no-op for selected/disabled)
     * Overflow: when the rendered tabs are wider than the host, the component
     * exposes leading + trailing chevron buttons that scroll the strip. Both
     * chevrons are mouse-only; their `aria-hidden="true"` keeps them out of the
     * keyboard order (arrow keys already move selection without overflow help).
     * @element mud-tabs
     */
    interface MudTabs {
        /**
          * Accessible name for the tablist. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Id of an external labelling element (overrides `aria-label`).
         */
        "ariaLabelledby"?: string;
        /**
          * Size rung. `md` is 48 px tall; `sm` is 40 px tall (mobile + dense layouts).
          * @default 'md'
         */
        "size": TabsSize;
        /**
          * Data-driven tab list. When supplied, the component renders one `<mud-tab>` per entry. Mutually compatible with slotted children — the slotted variant takes precedence when both are present.
         */
        "tabs"?: TabDescriptor[];
        /**
          * Value of the currently selected tab. Mutable so that uncontrolled usage (click + keyboard) keeps the host attribute in sync.
         */
        "value"?: string;
    }
    /**
     * Tag — compact, non-interactive label used to mark state, category,
     * or supplementary metadata.
     * Pattern B (atom-visual): the host paints; consumers compose icons
     * through named slots. Two visual scales coexist behind the same
     * element:
     * - `variant="status"` (default) — the standard Status Tag used for
     *   state ("Activ", "În așteptare", "Refuzat"). Medium-weight label,
     *   three surface treatments (`subtle`, `strong`, `outlined`) across
     *   six semantic colors (`muted`, `neutral`, `accent`, `success`,
     *   `brand`, `danger`).
     * - `variant="info"` — a lighter inline tag for metadata embedded in
     *   body text. Regular-weight label, tighter padding. Honors the same
     *   `type` and `semantic` axes.
     * Tags are decorative by default. When a tag conveys a dynamic state
     * to assistive tech ("Procesare în curs"), set `aria-label` and the
     * host will adopt `role="status"` automatically — otherwise the host
     * stays silent so visual-only tags don't pollute the a11y tree.
     * For horizontally stacked groups (8 px gutter, wrap on overflow),
     * compose multiple tags inside a `mud-tag-group` slot wrapper —
     * available as a CSS utility on this element via the `group` data
     * attribute on the parent.
     * @element mud-tag
     */
    interface MudTag {
        /**
          * Overrides the accessible name. When set, the host also adopts `role="status"` so screen readers announce the tag as a live status region (e.g. "Procesare în curs").
         */
        "ariaLabel"?: string;
        /**
          * Fallback label text rendered when the default slot is empty. Plain text only.
         */
        "label"?: string;
        /**
          * Semantic color role.
          * @default 'neutral'
         */
        "semantic": TagSemantic;
        /**
          * Size rung — affects height, padding, icon size, and typography. `md` = 24 px, `sm` = 20 px.
          * @default 'md'
         */
        "size": TagSize;
        /**
          * Surface treatment. - `subtle` — tinted background, semantic foreground (default). - `strong` — saturated background, on-color foreground. - `outlined` — transparent fill, semantic 1 px border.
          * @default 'subtle'
         */
        "type": TagType;
        /**
          * Visual scale. `status` is the standard Status Tag (medium label, three types). `info` is the lighter inline tag for metadata.
          * @default 'status'
         */
        "variant": TagVariant;
    }
    /**
     * Text Area — multi-line text-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own `<textarea>`
     * inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`. Mirrors the `mud-input` contract for label, helper,
     * error and variant treatment, and adds a vertical resize handle plus an
     * optional character counter.
     * @element mud-textarea
     */
    interface MudTextarea {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled": boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid": boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Maximum character length. When set, a character counter renders in the bottom-right corner unless `showCounter` is explicitly `false`.
         */
        "maxLength"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable and copyable.
          * @default false
         */
        "readonly": boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required": boolean;
        /**
          * User resize affordance. `'vertical'` lets the user drag the bottom-right grip to grow the control downward; `'none'` locks the height to `rows`.
          * @default 'vertical'
         */
        "resize": TextareaResize;
        /**
          * Minimum visible rows for the native control. Drives the initial height floor before the user resizes vertically.
          * @default 4
         */
        "rows": number;
        /**
          * Force the character counter to show or hide. When `maxLength` is set the counter auto-shows; pass `false` to suppress it. Without `maxLength` the counter is hidden regardless.
          * @default true
         */
        "showCounter": boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size": TextareaSize;
        /**
          * Current value of the control. Reflects to the host attribute.
          * @default ''
         */
        "value": string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant": TextareaVariant;
    }
    /**
     * Tooltip — transient label, structured popover, or coach mark anchored to a
     * trigger element.
     * Pattern B (internal DOM). The host wraps a `trigger` slot and renders the
     * bubble + arrow inside shadow DOM. Position is computed in JS against the
     * trigger's bounding rect with viewport-aware flip + clamp + corner-aligned
     * placements; the result is pushed to the host as CSS custom properties.
     * Variants:
     * - `default` — transient label. Hover (after `showDelay`) / focus / click /
     *   manual trigger; closes on `mouseleave` (after `hideDelay`), `blur`,
     *   second click, `Esc`, or outside click.
     * - `coach` — persistent instructional overlay with a close button + localized
     *   hint. Dismissed only by Esc, the close button, or an outside click.
     * @element mud-tooltip
     */
    interface MudTooltip {
        /**
          * Accessible name applied to the rendered bubble. Stripped from the host after ingestion; the value is forwarded to the bubble's `aria-label`.
         */
        "ariaLabel"?: string;
        /**
          * Convenience: tooltip body text. Used only when the default slot is empty AND no `title` / `description` slots are present.
         */
        "content"?: string;
        /**
          * When `true`, the tooltip will not open via any trigger and force-closes if currently visible.
          * @default false
         */
        "disabled": boolean;
        /**
          * Auto-flip to the opposite placement when the preferred side would overflow the viewport. Always honored for `position="auto"`.
          * @default true
         */
        "flipFallback": boolean;
        /**
          * Hide-delay (ms) before the bubble disappears on mouseleave. Lets the pointer cross a small gap (or land on the bubble in `interactive` mode) without dismissing.
          * @default 150
         */
        "hideDelay": number;
        /**
          * Keep the tooltip open when the pointer hovers over the bubble itself. Useful when the body contains links / buttons / scrollable content.
          * @default false
         */
        "interactive": boolean;
        /**
          * Hard cap on the bubble width in pixels.
          * @default 280
         */
        "maxWidth": number;
        /**
          * Pixel gap between the trigger and the bubble (in addition to the arrow size). Overrides `--tooltip-offset-trigger`.
          * @default 4
         */
        "offset": number;
        /**
          * Whether the tooltip is currently visible. Mutable so the component can close itself in response to mouseleave / blur / Esc / outside-click, and so consumers can drive visibility imperatively (`trigger="manual"`).
          * @default false
         */
        "open": boolean;
        /**
          * Preferred placement relative to the trigger. Accepts all 12 base+align combinations (e.g. `top-left`, `right-bottom`) plus `auto` which prefers `top` and always flips to the opposite side when overflowing.
          * @default 'top'
         */
        "position": TooltipPosition;
        /**
          * Show the CSS arrow pointing back at the trigger.
          * @default true
         */
        "showArrow": boolean;
        /**
          * Show-delay (ms) before the bubble appears on hover. Focus / click / manual triggers ignore this value.
          * @default 200
         */
        "showDelay": number;
        /**
          * Visual size rung. `sm` matches a 4px radius / 8px–12px padding bubble; `lg` matches a 6px radius / 12px–16px padding bubble.
          * @default 'sm'
         */
        "size": TooltipSize;
        /**
          * How the tooltip is activated. - `hover`  — mouseenter (after `showDelay`) → open, mouseleave (after `hideDelay`) → close. - `click`  — click toggles open/closed. Outside click and Esc dismiss. - `focus`  — focus (immediate) → open, blur → close. - `manual` — visibility is driven by `open`; ignores pointer/keyboard events.
          * @default 'hover'
         */
        "trigger": TooltipTrigger;
        /**
          * Visual variant.
          * @default 'default'
         */
        "variant": TooltipVariant;
    }
}
export interface MudAccordionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudAccordionElement;
}
export interface MudAccordionItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudAccordionItemElement;
}
export interface MudBannerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudBannerElement;
}
export interface MudBreadcrumbCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudBreadcrumbElement;
}
export interface MudBreadcrumbItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudBreadcrumbItemElement;
}
export interface MudCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudCheckboxElement;
}
export interface MudChipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudChipElement;
}
export interface MudCookieBannerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudCookieBannerElement;
}
export interface MudDateInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudDateInputElement;
}
export interface MudDatePickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudDatePickerElement;
}
export interface MudFileInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudFileInputElement;
}
export interface MudFileItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudFileItemElement;
}
export interface MudFooterCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudFooterElement;
}
export interface MudHeaderCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudHeaderElement;
}
export interface MudHeaderMegaMenuCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudHeaderMegaMenuElement;
}
export interface MudHeaderMobileCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudHeaderMobileElement;
}
export interface MudHeaderNavItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudHeaderNavItemElement;
}
export interface MudHeaderServicesMenuCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudHeaderServicesMenuElement;
}
export interface MudInfoBoxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudInfoBoxElement;
}
export interface MudInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudInputElement;
}
export interface MudInputChipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudInputChipElement;
}
export interface MudLogoCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudLogoElement;
}
export interface MudMenuCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudMenuElement;
}
export interface MudMenuItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudMenuItemElement;
}
export interface MudModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudModalElement;
}
export interface MudNotificationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudNotificationElement;
}
export interface MudNumericInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudNumericInputElement;
}
export interface MudPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudPaginationElement;
}
export interface MudPhoneInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudPhoneInputElement;
}
export interface MudProgressTrackerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudProgressTrackerElement;
}
export interface MudRadioCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudRadioElement;
}
export interface MudReceiptCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudReceiptElement;
}
export interface MudSearchInputCircularCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudSearchInputCircularElement;
}
export interface MudSearchInputRectangularCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudSearchInputRectangularElement;
}
export interface MudSegmentedControlCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudSegmentedControlElement;
}
export interface MudSelectInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudSelectInputElement;
}
export interface MudSidebarItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudSidebarItemElement;
}
export interface MudSwitchCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudSwitchElement;
}
export interface MudTabCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudTabElement;
}
export interface MudTableCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudTableElement;
}
export interface MudTabsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudTabsElement;
}
export interface MudTextareaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudTextareaElement;
}
export interface MudTooltipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLMudTooltipElement;
}
declare global {
    interface HTMLMudAccordionElementEventMap {
        "mudChange": AccordionChangeDetail;
    }
    /**
     * Accordion — vertical stack of collapsible regions per WAI-ARIA Accordion Pattern.
     * Pattern A (slot container): coordinates child `mud-accordion-item` elements,
     * enforces `mode="single"` exclusivity, manages keyboard traversal across
     * headers (Arrow Up/Down, Home, End), and dispatches `mudChange` whenever the
     * active set changes.
     * Consumers may either:
     *   1. Slot `<mud-accordion-item>` children directly (declarative, recommended), or
     *   2. Pass an `items` array (data-driven; the accordion renders the items for you).
     * @element mud-accordion
     * @fires mudChange - Emitted on every open/close. `detail.openIds` lists every
     *              item currently open (single entry in `mode="single"`).
     */
    interface HTMLMudAccordionElement extends Components.MudAccordion, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudAccordionElementEventMap>(type: K, listener: (this: HTMLMudAccordionElement, ev: MudAccordionCustomEvent<HTMLMudAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudAccordionElementEventMap>(type: K, listener: (this: HTMLMudAccordionElement, ev: MudAccordionCustomEvent<HTMLMudAccordionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudAccordionElement: {
        prototype: HTMLMudAccordionElement;
        new (): HTMLMudAccordionElement;
    };
    interface HTMLMudAccordionItemElementEventMap {
        "mudToggle": {
    open: boolean;
    itemId: string;
  };
        "mudAccordionItemKey": { key: string; itemId: string };
    }
    /**
     * Accordion item — a single collapsible row inside `mud-accordion`.
     * Pattern B (atom-interactive): renders its own header `<button>` and a
     * `<div role="region">` panel inside shadow DOM. The container manages
     * exclusivity in `mode="single"`; the item owns its visual state.
     * @element mud-accordion-item
     * @fires mudToggle - Fired when the user activates the header. The container
     *             listens for this and decides whether to honour it
     *             (single-mode collapsing of siblings).
     */
    interface HTMLMudAccordionItemElement extends Components.MudAccordionItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudAccordionItemElementEventMap>(type: K, listener: (this: HTMLMudAccordionItemElement, ev: MudAccordionItemCustomEvent<HTMLMudAccordionItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudAccordionItemElementEventMap>(type: K, listener: (this: HTMLMudAccordionItemElement, ev: MudAccordionItemCustomEvent<HTMLMudAccordionItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudAccordionItemElement: {
        prototype: HTMLMudAccordionItemElement;
        new (): HTMLMudAccordionItemElement;
    };
    /**
     * Avatar — represents a user via a photo, initials, or a generic person icon.
     * Pattern A (atom-display): wraps a single piece of slottable content (an
     * optional notification badge) and otherwise renders its own internal DOM.
     * The component picks its visual mode from the `type` prop:
     * - `photo` — renders `<img>` from `src`; if the image fails to load, falls
     *   back to initials (when `name`/`initials` is set) or the person icon.
     * - `initials` — renders 1–2 uppercase letters derived from `initials` or
     *   `name`. If neither is set, the icon fallback kicks in.
     * - `icon` — renders a `mud-icon` (default `person`).
     * @element mud-avatar
     */
    interface HTMLMudAvatarElement extends Components.MudAvatar, HTMLStencilElement {
    }
    var HTMLMudAvatarElement: {
        prototype: HTMLMudAvatarElement;
        new (): HTMLMudAvatarElement;
    };
    /**
     * Badge — small, non-interactive status / count indicator.
     * Two visual forms:
     *  - `numbered` (default): shows a numeric counter inside a rounded pill.
     *  - `dot`: a presence circle for "unread" indication. `xs`/`sm` are solid;
     *    `md`/`lg`/`xl` carry a small centered inner pip (per Figma 551:18330).
     * Five color variants map to the project's semantic token roles.
     * Designed to overlay parent elements (avatars, icon buttons, list items)
     * via consumer-controlled positioning — the badge itself just paints.
     * Position offsets are exposed as CSS variables (`--badge-offset-top`,
     * `--badge-offset-right`) so consumers can compose without overrides.
     * Pattern B (atom-visual): internal DOM only, no slots, no events.
     * @element mud-badge
     */
    interface HTMLMudBadgeElement extends Components.MudBadge, HTMLStencilElement {
    }
    var HTMLMudBadgeElement: {
        prototype: HTMLMudBadgeElement;
        new (): HTMLMudBadgeElement;
    };
    interface HTMLMudBannerElementEventMap {
        "mudDismiss": void;
    }
    /**
     * Banner — full-width, top-of-page system message.
     * A persistent, non-contextual notification that spans the width of its
     * container and informs users of important system-wide events (scheduled
     * maintenance, outages, announcements). Draws attention without blocking
     * interaction; remains visible until dismissed or resolved.
     * Pattern B (atom-display + interactive close): the optional close affordance
     * lives in shadow DOM with a real `button` role. The body is not interactive
     * apart from the optional inline link.
     * `variant` selects the semantic color family — `info`, `warning`, or `error`
     * (Figma exposes no `success` for banners). `emphasis` selects the surface
     * treatment — `subtle` (tinted) or `strong` (filled, on-color foreground).
     * Live-region routing follows WCAG status/alert conventions:
     * - `info` → `role="status"` + `aria-live="polite"`
     * - `warning` / `error` → `role="alert"` + `aria-live="assertive"`
     * @element mud-banner
     */
    interface HTMLMudBannerElement extends Components.MudBanner, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudBannerElementEventMap>(type: K, listener: (this: HTMLMudBannerElement, ev: MudBannerCustomEvent<HTMLMudBannerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudBannerElementEventMap>(type: K, listener: (this: HTMLMudBannerElement, ev: MudBannerCustomEvent<HTMLMudBannerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudBannerElement: {
        prototype: HTMLMudBannerElement;
        new (): HTMLMudBannerElement;
    };
    interface HTMLMudBreadcrumbElementEventMap {
        "mudSelect": BreadcrumbSelectDetail;
    }
    /**
     * Breadcrumb — navigational trail showing the user's location in the site hierarchy.
     * Two equivalent authoring modes:
     * 1. **Prop-driven** (preferred for dynamic data): pass `items` as a typed array.
     * 2. **Slot-driven** (preferred for static markup): nest `<mud-breadcrumb-item>` children.
     * When both are present, the `items` prop wins.
     * On desktop the full trail renders horizontally. When `maxVisible` is exceeded,
     * intermediate crumbs collapse into an overflow "…" menu. On mobile (≤640px) with
     * `responsive=true`, the trail collapses to a single "‹ Back to {parent}" link
     * per the WAI-ARIA breadcrumb pattern and Figma 69:408.
     * @element mud-breadcrumb
     */
    interface HTMLMudBreadcrumbElement extends Components.MudBreadcrumb, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudBreadcrumbElementEventMap>(type: K, listener: (this: HTMLMudBreadcrumbElement, ev: MudBreadcrumbCustomEvent<HTMLMudBreadcrumbElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudBreadcrumbElementEventMap>(type: K, listener: (this: HTMLMudBreadcrumbElement, ev: MudBreadcrumbCustomEvent<HTMLMudBreadcrumbElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudBreadcrumbElement: {
        prototype: HTMLMudBreadcrumbElement;
        new (): HTMLMudBreadcrumbElement;
    };
    interface HTMLMudBreadcrumbItemElementEventMap {
        "mudSelect": { label: string; href?: string };
    }
    /**
     * A single crumb inside `mud-breadcrumb`. Renders an anchor when `href` is set,
     * otherwise plain text. The active crumb renders as text with `aria-current="page"`,
     * regardless of `href`.
     * Use this directly when the markup variant of the breadcrumb is preferred over
     * the `items` prop on `mud-breadcrumb`. Both APIs are equivalent in behavior.
     * @element mud-breadcrumb-item
     */
    interface HTMLMudBreadcrumbItemElement extends Components.MudBreadcrumbItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudBreadcrumbItemElementEventMap>(type: K, listener: (this: HTMLMudBreadcrumbItemElement, ev: MudBreadcrumbItemCustomEvent<HTMLMudBreadcrumbItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudBreadcrumbItemElementEventMap>(type: K, listener: (this: HTMLMudBreadcrumbItemElement, ev: MudBreadcrumbItemCustomEvent<HTMLMudBreadcrumbItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudBreadcrumbItemElement: {
        prototype: HTMLMudBreadcrumbItemElement;
        new (): HTMLMudBreadcrumbItemElement;
    };
    /**
     * Button — interactive control.
     * Pattern B (atom-interactive): renders its own `<button>` (or `<a>` when `href`
     * is set) inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`.
     * @element mud-button
     */
    interface HTMLMudButtonElement extends Components.MudButton, HTMLStencilElement {
    }
    var HTMLMudButtonElement: {
        prototype: HTMLMudButtonElement;
        new (): HTMLMudButtonElement;
    };
    /**
     * Button group — layout container for stacking multiple `mud-button` elements
     * with consistent spacing (12px gap) per the MUD Design System.
     * Pure layout primitive: does not propagate props to children, does not emit
     * events, does not manage focus order beyond the natural DOM tab sequence.
     * Each child `mud-button` controls its own size, variant, and full-width
     * behavior independently.
     * @element mud-button-group
     */
    interface HTMLMudButtonGroupElement extends Components.MudButtonGroup, HTMLStencilElement {
    }
    var HTMLMudButtonGroupElement: {
        prototype: HTMLMudButtonGroupElement;
        new (): HTMLMudButtonGroupElement;
    };
    interface HTMLMudCheckboxElementEventMap {
        "mudChange": CheckboxChangeDetail;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Checkbox — boolean / tri-state form control.
     * Pattern B (atom-interactive, form-associated): renders its own visual box
     * inside shadow DOM plus a screen-reader-friendly `<input type="checkbox">`.
     * Form participation works via `formAssociated` + `ElementInternals`.
     * Visual states mirror Figma `Mode × State × Size`:
     *   Mode  = Unchecked | Checked | Indeterminate
     *   State = Default | Focus | Error (`invalid`) | Disabled
     *   Size  = Medium (24px) | Small (20px)
     * Indeterminate is a visual-only third state — `checked` semantics are unchanged.
     * @element mud-checkbox
     */
    interface HTMLMudCheckboxElement extends Components.MudCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudCheckboxElementEventMap>(type: K, listener: (this: HTMLMudCheckboxElement, ev: MudCheckboxCustomEvent<HTMLMudCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudCheckboxElementEventMap>(type: K, listener: (this: HTMLMudCheckboxElement, ev: MudCheckboxCustomEvent<HTMLMudCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudCheckboxElement: {
        prototype: HTMLMudCheckboxElement;
        new (): HTMLMudCheckboxElement;
    };
    interface HTMLMudChipElementEventMap {
        "mudSelect": ChipSelectEventDetail;
        "mudRemove": void;
    }
    /**
     * Chip — compact, pill-shaped control for filter selection or token display.
     * Pattern B (atom-interactive): renders its own `<button>` inside shadow DOM
     * so it participates in tab order and exposes a real accessible role.
     * Two modes:
     * - `type="filter"` (default) — toggleable filter chip. Click flips `selected`
     *   and emits `mudSelect`. Best used inside a chip group for mono- or
     *   multi-selection filtering.
     * - `type="input"` — a discrete value entered by a user (e.g. a tag inside
     *   a search field). When `removable`, a trailing close button is rendered;
     *   activating it emits `mudRemove`.
     * @element mud-chip
     */
    interface HTMLMudChipElement extends Components.MudChip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudChipElementEventMap>(type: K, listener: (this: HTMLMudChipElement, ev: MudChipCustomEvent<HTMLMudChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudChipElementEventMap>(type: K, listener: (this: HTMLMudChipElement, ev: MudChipCustomEvent<HTMLMudChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudChipElement: {
        prototype: HTMLMudChipElement;
        new (): HTMLMudChipElement;
    };
    interface HTMLMudCookieBannerElementEventMap {
        "mudAccept": CookieConsentDetail;
        "mudReject": CookieConsentDetail;
        "mudSavePreferences": CookieConsentDetail;
        "mudExpand": void;
        "mudDismiss": void;
    }
    /**
     * Cookie banner — GDPR consent surface (molecule).
     * Pattern B (composed molecule): renders its own header / body / categories /
     * footer in shadow DOM. Composes `mud-button`, `mud-switch`, `mud-icon`,
     * `mud-tag` and `mud-separator` for the interactive pieces. The host is a
     * non-modal dialog (`role="dialog" aria-modal="false"`) anchored to the bottom
     * or top edge of the viewport — it does NOT trap focus so the page underneath
     * stays operable.
     * Two variants share one element:
     * - `variant="simple"` (default) — three CTAs (`Personalizează` / `Refuză toate`
     *   / `Accept toate`). The "Personalizează" button switches the banner to
     *   expanded mode.
     * - `variant="detailed"` — same collapsed footprint, but expanding reveals a
     *   category list (necessary / analytics / marketing by default) with per-row
     *   `mud-switch`. Required categories render a fixed check-mark instead.
     * Romanian voice ships as defaults; every label is overridable via the public
     * `@Prop` surface for localisation.
     * @element mud-cookie-banner
     */
    interface HTMLMudCookieBannerElement extends Components.MudCookieBanner, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudCookieBannerElementEventMap>(type: K, listener: (this: HTMLMudCookieBannerElement, ev: MudCookieBannerCustomEvent<HTMLMudCookieBannerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudCookieBannerElementEventMap>(type: K, listener: (this: HTMLMudCookieBannerElement, ev: MudCookieBannerCustomEvent<HTMLMudCookieBannerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudCookieBannerElement: {
        prototype: HTMLMudCookieBannerElement;
        new (): HTMLMudCookieBannerElement;
    };
    interface HTMLMudDateInputElementEventMap {
        "mudInput": DateInputTypingDetail;
        "mudChange": DateInputChangeDetail;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
        "mudClear": void;
    }
    /**
     * Date Input — segment-masked date entry molecule.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM and overlays a ghost format hint that lets the unfilled
     * `DD/MM/YYYY` segments stay visible while the user types — matching the
     * "focus: date-populated / month-populated / fully-populated" Figma states.
     * @element mud-date-input
     */
    interface HTMLMudDateInputElement extends Components.MudDateInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudDateInputElementEventMap>(type: K, listener: (this: HTMLMudDateInputElement, ev: MudDateInputCustomEvent<HTMLMudDateInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudDateInputElementEventMap>(type: K, listener: (this: HTMLMudDateInputElement, ev: MudDateInputCustomEvent<HTMLMudDateInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudDateInputElement: {
        prototype: HTMLMudDateInputElement;
        new (): HTMLMudDateInputElement;
    };
    interface HTMLMudDatePickerElementEventMap {
        "mudChange": DatePickerChangeDetail;
        "mudMonthChange": DatePickerMonthChangeDetail;
    }
    /**
     * Romanian date picker — locale-aware calendar molecule.
     * Three modes:
     * - `single` — pick exactly one date. `value` is `string` (ISO YYYY-MM-DD) or empty.
     * - `range` — pick a start + end. Click once to set `rangeStart`, click again to set `rangeEnd`;
     *   click outside the range to start a new range.
     * - `multi` — toggle individual dates. `value` is `string[]`.
     * Three breakpoints (visual modes):
     * - `desktop` — 320px elevated card with shadow.
     * - `mobile` — full-width bottom-sheet style with drag handle.
     * - `docked` — compact (no shadow) intended to attach beneath a `mud-date-input`.
     * All weekday + month labels come from `Intl.DateTimeFormat` so the locale prop drives the language —
     * no hard-coded strings. Romanian (`ro-RO`) is the default.
     * Keyboard:
     * - Arrow keys move focus by day
     * - PageUp/PageDown change month
     * - Shift+PageUp/PageDown change year
     * - Home/End jump to the start/end of the visible week
     * - Enter/Space selects the focused day
     * @element mud-date-picker
     */
    interface HTMLMudDatePickerElement extends Components.MudDatePicker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudDatePickerElementEventMap>(type: K, listener: (this: HTMLMudDatePickerElement, ev: MudDatePickerCustomEvent<HTMLMudDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudDatePickerElementEventMap>(type: K, listener: (this: HTMLMudDatePickerElement, ev: MudDatePickerCustomEvent<HTMLMudDatePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudDatePickerElement: {
        prototype: HTMLMudDatePickerElement;
        new (): HTMLMudDatePickerElement;
    };
    interface HTMLMudFileInputElementEventMap {
        "mudChange": FileInputChangeDetail;
        "mudDragEnter": DragEvent;
        "mudDragLeave": DragEvent;
        "mudDrop": FileInputDropDetail;
        "mudRemove": FileInputRemoveDetail;
        "mudError": FileInputErrorDetail;
    }
    /**
     * File Input — drag-and-drop / click-to-browse file selection molecule.
     * Pattern B (molecule, internal DOM, form-associated): the host owns a hidden
     * native `<input type="file">` for the browse path, manages the drop zone
     * affordance, validates by `accept` / `maxSize` / `maxFiles`, and renders a
     * per-file list of `mud-file-item` rows. Citizens get keyboard parity (Tab
     * to focus, Enter/Space to open the picker) and a `role="status"` live region
     * that announces add / remove / reject events.
     * The component owns SELECTION + VALIDATION + DISPLAY. Real upload (progress,
     * network errors, retries) is consumer-driven via the `mudChange` event.
     * State model (no style axis — Figma is state-only):
     *   default → hover → focus → active (drag-over) → disabled
     *   `invalid` is a separate validation flag that recolors the dashed border red
     *   without introducing a style variant.
     * @element mud-file-input
     */
    interface HTMLMudFileInputElement extends Components.MudFileInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudFileInputElementEventMap>(type: K, listener: (this: HTMLMudFileInputElement, ev: MudFileInputCustomEvent<HTMLMudFileInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudFileInputElementEventMap>(type: K, listener: (this: HTMLMudFileInputElement, ev: MudFileInputCustomEvent<HTMLMudFileInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudFileInputElement: {
        prototype: HTMLMudFileInputElement;
        new (): HTMLMudFileInputElement;
    };
    interface HTMLMudFileItemElementEventMap {
        "mudRemove": FileItemRemoveDetail;
    }
    /**
     * File Item — single-file row inside `mud-file-input` (or any file list surface).
     * Pattern B (atom, internal DOM): renders filename + meta (size / error message)
     * + state icon + remove button. The remove button is the only interactive
     * element; the row itself is not focusable so it cannot trap citizens who tab
     * past a long list.
     * @element mud-file-item
     */
    interface HTMLMudFileItemElement extends Components.MudFileItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudFileItemElementEventMap>(type: K, listener: (this: HTMLMudFileItemElement, ev: MudFileItemCustomEvent<HTMLMudFileItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudFileItemElementEventMap>(type: K, listener: (this: HTMLMudFileItemElement, ev: MudFileItemCustomEvent<HTMLMudFileItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudFileItemElement: {
        prototype: HTMLMudFileItemElement;
        new (): HTMLMudFileItemElement;
    };
    interface HTMLMudFooterElementEventMap {
        "mudLocaleChange": FooterLocaleChangeDetail;
    }
    /**
     * Page footer — civic, multi-section organism for AGE / EVO platforms.
     * Pattern B (composed organism): renders all sections inside shadow DOM and
     * composes `mud-link`, `mud-logo`, and `mud-icon` for atomic pieces. The host
     * carries `role="contentinfo"` so screen readers announce it as the page
     * footer landmark.
     * Two variants share one element:
     * - `variant="evo"` (default) — full EVO platform footer: branding headline,
     *   link columns (Servicii guvernamentale / Despre / Asistență / Legal),
     *   contact info, social rows, partner logos, accessibility statement, and a
     *   black legal bar with copyright + license link.
     * - `variant="simple"` — slim variant: only the black legal bar with the
     *   copyright text and license/terms links. Used inside scoped flows
     *   (modals, embedded apps) where the full footer is too tall.
     * Romanian voice ships as defaults; every visible string is overridable via
     * the public `@Prop` surface or the `branding` / `sections` slots.
     * @element mud-footer
     */
    interface HTMLMudFooterElement extends Components.MudFooter, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudFooterElementEventMap>(type: K, listener: (this: HTMLMudFooterElement, ev: MudFooterCustomEvent<HTMLMudFooterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudFooterElementEventMap>(type: K, listener: (this: HTMLMudFooterElement, ev: MudFooterCustomEvent<HTMLMudFooterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudFooterElement: {
        prototype: HTMLMudFooterElement;
        new (): HTMLMudFooterElement;
    };
    interface HTMLMudHeaderElementEventMap {
        "mudLanguageChange": HeaderLanguageChangeDetail;
    }
    /**
     * Header — the EVO government portal masthead.
     * Phase 1: the desktop shell — a pre-header band (government crest + label +
     * language switcher) above the main bar (logo / nav / actions slots).
     * Mega-menu, services dropdown, mobile and authenticated states layer on top.
     * @element mud-header
     */
    interface HTMLMudHeaderElement extends Components.MudHeader, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudHeaderElementEventMap>(type: K, listener: (this: HTMLMudHeaderElement, ev: MudHeaderCustomEvent<HTMLMudHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudHeaderElementEventMap>(type: K, listener: (this: HTMLMudHeaderElement, ev: MudHeaderCustomEvent<HTMLMudHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudHeaderElement: {
        prototype: HTMLMudHeaderElement;
        new (): HTMLMudHeaderElement;
    };
    interface HTMLMudHeaderMegaMenuElementEventMap {
        "mudMegaMenuSelect": HeaderMegaMenuSelectDetail;
    }
    /**
     * Header mega-menu — the full-width "Servicii" dropdown panel.
     * Data-driven: pass `columns` (heading + list of links). Toggle visibility via
     * `open`; the consumer positions it directly beneath `mud-header` and wires it
     * to the matching `mud-header-nav-item`'s `mudNavToggle`.
     * @element mud-header-mega-menu
     */
    interface HTMLMudHeaderMegaMenuElement extends Components.MudHeaderMegaMenu, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudHeaderMegaMenuElementEventMap>(type: K, listener: (this: HTMLMudHeaderMegaMenuElement, ev: MudHeaderMegaMenuCustomEvent<HTMLMudHeaderMegaMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudHeaderMegaMenuElementEventMap>(type: K, listener: (this: HTMLMudHeaderMegaMenuElement, ev: MudHeaderMegaMenuCustomEvent<HTMLMudHeaderMegaMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudHeaderMegaMenuElement: {
        prototype: HTMLMudHeaderMegaMenuElement;
        new (): HTMLMudHeaderMegaMenuElement;
    };
    interface HTMLMudHeaderMobileElementEventMap {
        "mudLanguageChange": HeaderLanguageChangeDetail;
        "mudOpenChange": { open: boolean };
    }
    /**
     * Mobile header — a compact bar that opens a full-screen navigation drawer.
     * Closed: logo + slotted bar actions (e.g. an auth button + search) + a
     * hamburger. Open: a full-screen panel with logo + language pill + close,
     * then slotted `search`, `nav`, `secondary` (services/help) and bottom
     * `actions` (CTA buttons). Reuse `mud-sidebar-item` for the nav rows.
     * @element mud-header-mobile
     */
    interface HTMLMudHeaderMobileElement extends Components.MudHeaderMobile, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudHeaderMobileElementEventMap>(type: K, listener: (this: HTMLMudHeaderMobileElement, ev: MudHeaderMobileCustomEvent<HTMLMudHeaderMobileElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudHeaderMobileElementEventMap>(type: K, listener: (this: HTMLMudHeaderMobileElement, ev: MudHeaderMobileCustomEvent<HTMLMudHeaderMobileElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudHeaderMobileElement: {
        prototype: HTMLMudHeaderMobileElement;
        new (): HTMLMudHeaderMobileElement;
    };
    interface HTMLMudHeaderNavItemElementEventMap {
        "mudNavSelect": HeaderNavSelectDetail;
        "mudNavToggle": HeaderNavToggleDetail;
    }
    /**
     * Header navigation item — a top-bar entry inside `mud-header`'s `nav` slot.
     * Renders as a link (`href`) or a button. Expandable items carry a trailing
     * chevron and toggle a mega-menu (wired by the consumer via `mudNavToggle`).
     * @element mud-header-nav-item
     */
    interface HTMLMudHeaderNavItemElement extends Components.MudHeaderNavItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudHeaderNavItemElementEventMap>(type: K, listener: (this: HTMLMudHeaderNavItemElement, ev: MudHeaderNavItemCustomEvent<HTMLMudHeaderNavItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudHeaderNavItemElementEventMap>(type: K, listener: (this: HTMLMudHeaderNavItemElement, ev: MudHeaderNavItemCustomEvent<HTMLMudHeaderNavItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudHeaderNavItemElement: {
        prototype: HTMLMudHeaderNavItemElement;
        new (): HTMLMudHeaderNavItemElement;
    };
    interface HTMLMudHeaderServicesMenuElementEventMap {
        "mudServiceSelect": HeaderServiceSelectDetail;
        "mudDiscover": void;
    }
    /**
     * Header services menu — the "Platforme utile" dropdown.
     * A 2-column grid of platform cards (each a brand logo) over a "discover all"
     * button. Data-driven via `platforms`; toggle visibility with `open`. Reuses
     * `mud-logo` for platforms it ships (mpay/msign/mpower/mnotify) and accepts a
     * `logoSrc` image for the rest (epermits/econsulat).
     * @element mud-header-services-menu
     */
    interface HTMLMudHeaderServicesMenuElement extends Components.MudHeaderServicesMenu, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudHeaderServicesMenuElementEventMap>(type: K, listener: (this: HTMLMudHeaderServicesMenuElement, ev: MudHeaderServicesMenuCustomEvent<HTMLMudHeaderServicesMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudHeaderServicesMenuElementEventMap>(type: K, listener: (this: HTMLMudHeaderServicesMenuElement, ev: MudHeaderServicesMenuCustomEvent<HTMLMudHeaderServicesMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudHeaderServicesMenuElement: {
        prototype: HTMLMudHeaderServicesMenuElement;
        new (): HTMLMudHeaderServicesMenuElement;
    };
    /**
     * Icon — renders an inline SVG fetched on-demand from per-size asset files.
     * Names follow the Material Symbols convention: append `-filled` to the base name
     * to request the filled variant (e.g. `check` outlined vs `check-filled`).
     * When the exact `size`/`name` combination is missing from the manifest, the
     * provider falls back to the closest larger size (preferred) and then to the
     * largest smaller size before giving up.
     * @element mud-icon
     */
    interface HTMLMudIconElement extends Components.MudIcon, HTMLStencilElement {
    }
    var HTMLMudIconElement: {
        prototype: HTMLMudIconElement;
        new (): HTMLMudIconElement;
    };
    interface HTMLMudInfoBoxElementEventMap {
        "mudClose": void;
    }
    /**
     * Informational Box — an inline, in-content callout that highlights key
     * messages, announcements, alerts, or explanations within the page flow.
     * Unlike `mud-notification` (a fixed-width corner toast) or `mud-banner` (a
     * full-width page-level bar), the info box sits inside the content column,
     * fills its container's width, and supports rich content: an optional bold
     * heading, a multi-line body (default slot), an optional inline action group
     * (`actions` slot — links/buttons) and an optional close button.
     * Two axes:
     * - `variant` — `info` (neutral icon), `info-moderate` (brand-blue icon),
     *   `warning`, or `error`.
     * - `emphasis` — `subtle` (neutral grey surface, coloured icon) or `strong`
     *   (a tinted semantic surface).
     * The box is static in-flow content, so it is **not** an ARIA live region
     * (that would re-announce on every render). The icon is decorative; the
     * heading and body are read in normal reading order. For transient, announced
     * messages use `mud-notification` / `mud-banner` instead.
     * @element mud-info-box
     */
    interface HTMLMudInfoBoxElement extends Components.MudInfoBox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudInfoBoxElementEventMap>(type: K, listener: (this: HTMLMudInfoBoxElement, ev: MudInfoBoxCustomEvent<HTMLMudInfoBoxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudInfoBoxElementEventMap>(type: K, listener: (this: HTMLMudInfoBoxElement, ev: MudInfoBoxCustomEvent<HTMLMudInfoBoxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudInfoBoxElement: {
        prototype: HTMLMudInfoBoxElement;
        new (): HTMLMudInfoBoxElement;
    };
    /**
     * Inline Message — lightweight, in-context feedback rendered as a coloured
     * leading icon plus a short text line (no surface, border, or padding).
     * Used alongside inputs, form fields, or any UI element to give immediate
     * guidance — the same visual pattern the form controls render as their
     * assistive / error text, exposed here as a standalone atom for use outside a
     * specific control.
     * `variant` selects the semantic colour (`info` keeps neutral text with a
     * brand-blue icon; `warning` / `success` / `error` colour both). `size` is
     * `small` (12px) or `medium` (14px).
     * It is plain in-flow text, **not** an ARIA live region. When used as form
     * feedback, associate it with the field via `aria-describedby` (and
     * `aria-invalid` for errors) on the consumer side; for a transient, announced
     * message use `mud-notification` / `mud-banner`. The icon is decorative.
     * @element mud-inline-message
     */
    interface HTMLMudInlineMessageElement extends Components.MudInlineMessage, HTMLStencilElement {
    }
    var HTMLMudInlineMessageElement: {
        prototype: HTMLMudInlineMessageElement;
        new (): HTMLMudInlineMessageElement;
    };
    interface HTMLMudInputElementEventMap {
        "mudInput": InputChangeDetail;
        "mudChange": InputChangeDetail;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Input — single-line text-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`. The component is the canonical text-input primitive;
     * specialised inputs (date, search, phone, etc.) compose around it.
     * @element mud-input
     */
    interface HTMLMudInputElement extends Components.MudInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudInputElementEventMap>(type: K, listener: (this: HTMLMudInputElement, ev: MudInputCustomEvent<HTMLMudInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudInputElementEventMap>(type: K, listener: (this: HTMLMudInputElement, ev: MudInputCustomEvent<HTMLMudInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudInputElement: {
        prototype: HTMLMudInputElement;
        new (): HTMLMudInputElement;
    };
    interface HTMLMudInputChipElementEventMap {
        "mudChange": InputChipChangeDetail;
        "mudChipAdd": InputChipAddDetail;
        "mudChipRemove": InputChipRemoveDetail;
        "mudError": InputChipErrorDetail;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Input Chip — multi-value text-entry control where each confirmed value
     * renders as a removable pill (chip / tag).
     * Pattern B (molecule, internal DOM, form-associated). The host owns:
     *   - the chip-list state (`chips` prop, two-way bound),
     *   - the inline `<input type="text">` for the next value,
     *   - regex / duplicate / max validation,
     *   - the keyboard contract that lets the citizen navigate between input
     *     and chips with arrow keys + delete chips with Backspace / Enter,
     *   - a `role="status"` live region that announces add / remove / reject.
     * The form value submitted to the surrounding `<form>` is a JSON-encoded
     * array of strings (e.g. `["a@b.md","c@d.md"]`) when a `name` is set.
     * @element mud-input-chip
     */
    interface HTMLMudInputChipElement extends Components.MudInputChip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudInputChipElementEventMap>(type: K, listener: (this: HTMLMudInputChipElement, ev: MudInputChipCustomEvent<HTMLMudInputChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudInputChipElementEventMap>(type: K, listener: (this: HTMLMudInputChipElement, ev: MudInputChipCustomEvent<HTMLMudInputChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudInputChipElement: {
        prototype: HTMLMudInputChipElement;
        new (): HTMLMudInputChipElement;
    };
    /**
     * Link — interactive navigational atom.
     * Pattern B (atom-interactive): renders its own `<a>` (or `<button>` when no
     * `href` is set) inside shadow DOM.
     * The component honors the **DESIGN.md "Visited Magenta Rule"** — `:visited`
     * anchors flip to `#aa18ce` (`color.text.brand.visited`). When `target="_blank"`
     * is set, `rel="noopener noreferrer"` is auto-applied and a small external-link
     * indicator is rendered after the label unless the consumer explicitly opts out
     * via `external="false"`.
     * @element mud-link
     */
    interface HTMLMudLinkElement extends Components.MudLink, HTMLStencilElement {
    }
    var HTMLMudLinkElement: {
        prototype: HTMLMudLinkElement;
        new (): HTMLMudLinkElement;
    };
    interface HTMLMudLogoElementEventMap {
        "mudLogoError": { name: string; reason: 'unknown' | 'fetch-failed' };
    }
    /**
     * Brand logo for Moldovan M-products.
     * Each `name` resolves to a single self-contained SVG asset under `./assets/`.
     * The component fetches and renders that SVG into shadow DOM; the host's
     * dimensions follow the SVG's intrinsic `width`/`height`/`viewBox` exactly as
     * exported from Figma — so a future asset with non-standard dimensions
     * "just works" without a CSS contract change.
     * Consumers that need to reserve layout space before the async fetch
     * resolves (e.g. above-the-fold marketing, dense grids) should wrap the
     * logo in a sized container — `mud-service-button` does this for its
     * `badge` slot (24 × 24).
     * @element mud-logo
     */
    interface HTMLMudLogoElement extends Components.MudLogo, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudLogoElementEventMap>(type: K, listener: (this: HTMLMudLogoElement, ev: MudLogoCustomEvent<HTMLMudLogoElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudLogoElementEventMap>(type: K, listener: (this: HTMLMudLogoElement, ev: MudLogoCustomEvent<HTMLMudLogoElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudLogoElement: {
        prototype: HTMLMudLogoElement;
        new (): HTMLMudLogoElement;
    };
    interface HTMLMudMenuElementEventMap {
        "mudSelect": MenuSelectDetail;
        "mudChange": MenuChangeDetail;
        "mudClose": void;
    }
    /**
     * Menu — a floating panel of choosable options, composed of `mud-menu-item` children.
     * Two flavours via `type`:
     * - `selection` — single-select list (ARIA `listbox`), selected item shows a trailing checkmark.
     * - `contextual` — action menu (ARIA `menu`), items may carry a leading checkbox/radio/icon.
     * The panel is the visual + interaction primitive (keyboard roving, selection, scroll).
     * Anchoring/positioning relative to a trigger is the consumer's responsibility; bind `open`
     * and listen for `mudClose` (Escape / `closeOnSelect`) to drive popover behaviour.
     * @element mud-menu
     */
    interface HTMLMudMenuElement extends Components.MudMenu, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudMenuElementEventMap>(type: K, listener: (this: HTMLMudMenuElement, ev: MudMenuCustomEvent<HTMLMudMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudMenuElementEventMap>(type: K, listener: (this: HTMLMudMenuElement, ev: MudMenuCustomEvent<HTMLMudMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudMenuElement: {
        prototype: HTMLMudMenuElement;
        new (): HTMLMudMenuElement;
    };
    interface HTMLMudMenuItemElementEventMap {
        "mudMenuItemSelect": MenuItemSelectDetail;
    }
    /**
     * Menu item — a single row inside a `mud-menu`.
     * Pattern: the host element is the focusable, role-bearing control. Roving
     * `tabindex` is managed imperatively by the parent `mud-menu`. The item emits
     * `mudMenuItemSelect` (bubbling) on activation; the parent coordinates selection.
     * @element mud-menu-item
     */
    interface HTMLMudMenuItemElement extends Components.MudMenuItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudMenuItemElementEventMap>(type: K, listener: (this: HTMLMudMenuItemElement, ev: MudMenuItemCustomEvent<HTMLMudMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudMenuItemElementEventMap>(type: K, listener: (this: HTMLMudMenuItemElement, ev: MudMenuItemCustomEvent<HTMLMudMenuItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudMenuItemElement: {
        prototype: HTMLMudMenuItemElement;
        new (): HTMLMudMenuItemElement;
    };
    interface HTMLMudModalElementEventMap {
        "mudOpen": void;
        "mudClose": ModalCloseEvent;
    }
    /**
     * Modal — overlay dialog molecule.
     * Renders a centered dialog card on top of a dimmed backdrop using the native
     * `<dialog>` element internally. The native element provides the focus trap,
     * ESC handling, and top-layer rendering required for WCAG 2.1 AA Modal
     * conformance (SC 2.1.2 No Keyboard Trap reversed: focus IS trapped inside an
     * active dialog and returned on close).
     * Pattern B (internal DOM): the dialog, backdrop, header, body and footer all
     * live inside shadow DOM. Consumers project content through five slots
     * (`title`, `icon`, `image`, default body, `actions`) and toggle visibility
     * via the `open` prop or the imperative `openModal()` / `closeModal()`
     * methods.
     * Variants control the header treatment:
     * - `default` — title + close button (text-only header)
     * - `with-image` — full-bleed hero image at top with overlaid close button
     * - `with-icon` — leading 48px icon above the body content (no top header bar)
     * Dismiss reasons routed through `mudClose<{reason}>`:
     * - `backdrop` — click on backdrop (suppressed by `closeOnBackdrop=false`)
     * - `escape` — ESC keypress (suppressed by `closeOnEscape=false`)
     * - `close-button` — trailing × button activated
     * - `action` — programmatic via `closeModal('action')`, used by footer buttons
     * @element mud-modal
     */
    interface HTMLMudModalElement extends Components.MudModal, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudModalElementEventMap>(type: K, listener: (this: HTMLMudModalElement, ev: MudModalCustomEvent<HTMLMudModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudModalElementEventMap>(type: K, listener: (this: HTMLMudModalElement, ev: MudModalCustomEvent<HTMLMudModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudModalElement: {
        prototype: HTMLMudModalElement;
        new (): HTMLMudModalElement;
    };
    interface HTMLMudNotificationElementEventMap {
        "mudClose": void;
    }
    /**
     * Notification — semantic toast message (350px filled surface, 8px radius).
     * Renders a leading icon, an optional bold heading, the message body
     * (default slot), an optional inline action group (`actions` slot) and an
     * optional trailing close button.
     * Pattern B (atom-display + interactive close): the close affordance lives
     * inside shadow DOM so it participates in tab order with a real
     * `button` role. The body itself is not interactive.
     * `variant` selects the semantic color family — `info`, `warning`, `success`,
     * or `error` — each a filled toast surface with its own leading icon.
     * Live-region routing:
     * - `info` / `success` → `role="status"` + `aria-live="polite"`
     * - `warning` / `error` → `role="alert"` + `aria-live="assertive"`
     * @element mud-notification
     */
    interface HTMLMudNotificationElement extends Components.MudNotification, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudNotificationElementEventMap>(type: K, listener: (this: HTMLMudNotificationElement, ev: MudNotificationCustomEvent<HTMLMudNotificationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudNotificationElementEventMap>(type: K, listener: (this: HTMLMudNotificationElement, ev: MudNotificationCustomEvent<HTMLMudNotificationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudNotificationElement: {
        prototype: HTMLMudNotificationElement;
        new (): HTMLMudNotificationElement;
    };
    interface HTMLMudNumericInputElementEventMap {
        "mudInput": NumericInputChangeDetail;
        "mudChange": NumericInputChangeDetail;
        "mudStep": NumericInputStepDetail;
        "mudError": NumericInputErrorDetail;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
        "mudClear": NumericInputChangeDetail;
    }
    /**
     * Numeric Input — numeric-entry control with stacked step buttons.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM and pairs it with a trailing stepper stack (chevron-up
     * over chevron-bottom). Shares the visual primitives of `mud-input` (border,
     * focus ring, label, helper / error, sizes, states) and adds a
     * `--numeric-input-stepper-*` token namespace for the increment / decrement
     * affordance.
     * Why `<input type="text" inputmode="decimal">` instead of
     * `<input type="number">`: native `type="number"` mixes parsing, locale, and
     * UI affordances in ways that interact poorly with `precision` rounding and
     * `min`/`max` clamping. The component delegates parsing + clamping to its own
     * logic and exposes `inputmode="decimal"` so mobile devices still surface the
     * numeric keypad.
     * @element mud-numeric-input
     */
    interface HTMLMudNumericInputElement extends Components.MudNumericInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudNumericInputElementEventMap>(type: K, listener: (this: HTMLMudNumericInputElement, ev: MudNumericInputCustomEvent<HTMLMudNumericInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudNumericInputElementEventMap>(type: K, listener: (this: HTMLMudNumericInputElement, ev: MudNumericInputCustomEvent<HTMLMudNumericInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudNumericInputElement: {
        prototype: HTMLMudNumericInputElement;
        new (): HTMLMudNumericInputElement;
    };
    interface HTMLMudPaginationElementEventMap {
        "mudChange": PaginationChangeDetail;
    }
    /**
     * Pagination — navigation control for paged content.
     * Renders a list of page-number buttons flanked by Previous / Next controls.
     * The visible page list is computed from `currentPage`, `totalPages`,
     * `siblingCount`, and `boundaryCount`. When the total exceeds the visible
     * window, an interactive overflow button (`…`) collapses the skipped range
     * and lets users jump directly to any of those pages via a dropdown menu
     * (Figma "overflow-active" interaction). When the collapsed range is large
     * (e.g. page 1 of 40 hides ~34 pages), the dropdown caps its height and
     * scrolls internally instead of running off the viewport.
     * The component is internally controlled but exposes a `mudChange` event so
     * the host can drive the active page. Updating `current-page` from outside
     * is also honoured (e.g. when the URL changes via routing).
     * Previous / Next buttons are hidden at the boundaries (page 1 hides Prev,
     * the last page hides Next) instead of being rendered in a disabled state —
     * this matches the Figma "first-page" / "last-page" specification.
     * @element mud-pagination
     */
    interface HTMLMudPaginationElement extends Components.MudPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudPaginationElementEventMap>(type: K, listener: (this: HTMLMudPaginationElement, ev: MudPaginationCustomEvent<HTMLMudPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudPaginationElementEventMap>(type: K, listener: (this: HTMLMudPaginationElement, ev: MudPaginationCustomEvent<HTMLMudPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudPaginationElement: {
        prototype: HTMLMudPaginationElement;
        new (): HTMLMudPaginationElement;
    };
    interface HTMLMudPhoneInputElementEventMap {
        "mudInput": PhoneInputInputDetail;
        "mudChange": PhoneInputChangeDetail;
        "mudCountryChange": PhoneInputCountryChangeDetail;
        "mudOpen": void;
        "mudClose": void;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Phone Input — phone-number entry molecule with country-code prefix and
     * format mask. The most Moldova-specific input in the family: it ships a
     * default `+373` country, a curated diaspora-relevant country list with
     * inline-SVG flag glyphs, and Romanian-voice placeholder + error copy.
     * Pattern B (molecule, form-associated): renders its own `<input type="tel">`
     * inside shadow DOM alongside an inline country trigger that either
     * displays a static flag+dial-code pill (`type="local"`, Moldova-first
     * default) or a combobox that opens a country listbox (`type="international"`).
     * Form participation works via `formAssociated` + `ElementInternals`; the
     * form value is the canonical E.164 string (`+37362123456`).
     * @element mud-phone-input
     */
    interface HTMLMudPhoneInputElement extends Components.MudPhoneInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudPhoneInputElementEventMap>(type: K, listener: (this: HTMLMudPhoneInputElement, ev: MudPhoneInputCustomEvent<HTMLMudPhoneInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudPhoneInputElementEventMap>(type: K, listener: (this: HTMLMudPhoneInputElement, ev: MudPhoneInputCustomEvent<HTMLMudPhoneInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudPhoneInputElement: {
        prototype: HTMLMudPhoneInputElement;
        new (): HTMLMudPhoneInputElement;
    };
    interface HTMLMudProgressTrackerElementEventMap {
        "mudStepClick": ProgressTrackerStepClickDetail;
    }
    /**
     * Progress Tracker (Stepper) — visualises a user's position in a multi-step process.
     * Two flavours:
     * - **Display tracker** (`interactive=false`, default) — read-only. Each step is a
     *   `<li>` carrying ARIA semantics. Use for sign-up wizards, KYC flows, document
     *   submissions where the parent app drives navigation.
     * - **Interactive tracker** (`interactive=true`) — each completed (and the current)
     *   step renders as a `<button>` and emits `mudStepClick`. Pending steps remain
     *   non-actionable per the WAI-ARIA stepper pattern.
     * State legend (Figma node 634:10573):
     *   - `pending`    — neutral grey ring + faded number, non-navigable
     *   - `current`    — brand ring + brand number, neutral label
     *   - `completed`  — brand filled circle + white checkmark (brand underlined link label when interactive)
     *   - `available`  — brand outline ring + brand number, navigable forward (brand underlined link label when interactive)
     *   - `error`      — danger ring + danger cross, neutral label
     * The component renders an ordered list with `role="list"` for AT compatibility
     * (Safari + VoiceOver strip implicit list roles when `list-style: none` is set).
     * @element mud-progress-tracker
     */
    interface HTMLMudProgressTrackerElement extends Components.MudProgressTracker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudProgressTrackerElementEventMap>(type: K, listener: (this: HTMLMudProgressTrackerElement, ev: MudProgressTrackerCustomEvent<HTMLMudProgressTrackerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudProgressTrackerElementEventMap>(type: K, listener: (this: HTMLMudProgressTrackerElement, ev: MudProgressTrackerCustomEvent<HTMLMudProgressTrackerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudProgressTrackerElement: {
        prototype: HTMLMudProgressTrackerElement;
        new (): HTMLMudProgressTrackerElement;
    };
    interface HTMLMudRadioElementEventMap {
        "mudChange": RadioChangeDetail;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Radio — single-select form input atom.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="radio">` inside shadow DOM and paints the visual circle
     * with CSS. Form participation works via `formAssociated` +
     * `ElementInternals.setFormValue`. The component is the standalone radio
     * primitive; a future `mud-radio-group` molecule will manage roving focus
     * and `name`-based exclusivity across siblings.
     * @element mud-radio
     */
    interface HTMLMudRadioElement extends Components.MudRadio, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudRadioElementEventMap>(type: K, listener: (this: HTMLMudRadioElement, ev: MudRadioCustomEvent<HTMLMudRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudRadioElementEventMap>(type: K, listener: (this: HTMLMudRadioElement, ev: MudRadioCustomEvent<HTMLMudRadioElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudRadioElement: {
        prototype: HTMLMudRadioElement;
        new (): HTMLMudRadioElement;
    };
    interface HTMLMudReceiptElementEventMap {
        "mudDownload": ReceiptActionDetail;
        "mudShare": ReceiptActionDetail;
        "mudEmail": ReceiptActionDetail;
        "mudPrint": ReceiptActionDetail;
    }
    /**
     * Receipt — confirmation surface for a finished Moldovan e-Gov transaction
     * (molecule).
     * Pattern B (composed molecule): renders its own header / amount block /
     * details list / QR / footer in shadow DOM. Composes `mud-logo`, `mud-tag`,
     * and `mud-button` for the interactive pieces.
     * Four sibling variants share one element via the `service` attribute —
     * each maps to one of the e-Gov properties:
     * - `service="mpay"` (default) — payment receipt
     * - `service="mpass"` — authentication session log
     * - `service="msign"` — signature receipt
     * - `service="mdelivery"` — delivery confirmation
     * The receipt is a presentational artifact. It does not fetch, validate,
     * or persist; callers pass already-formatted values. The QR (default slot
     * `qr` overrides) is generated client-side from the `qrData` prop via a
     * vendored byte-mode QR encoder — no runtime dependency, no network.
     * Print: the host carries `@media print` rules to hide action buttons,
     * drop shadows, and force ink-primary text so a citizen can print the
     * receipt without the surrounding UI bleeding through.
     * Romanian voice ships as defaults; every label is overridable via the
     * public `@Prop` surface for localisation.
     * @element mud-receipt
     */
    interface HTMLMudReceiptElement extends Components.MudReceipt, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudReceiptElementEventMap>(type: K, listener: (this: HTMLMudReceiptElement, ev: MudReceiptCustomEvent<HTMLMudReceiptElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudReceiptElementEventMap>(type: K, listener: (this: HTMLMudReceiptElement, ev: MudReceiptCustomEvent<HTMLMudReceiptElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudReceiptElement: {
        prototype: HTMLMudReceiptElement;
        new (): HTMLMudReceiptElement;
    };
    interface HTMLMudSearchInputCircularElementEventMap {
        "mudInput": SearchInputCircularChangeDetail;
        "mudChange": SearchInputCircularChangeDetail;
        "mudSearch": SearchInputCircularSearchDetail;
        "mudClear": void;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Search Input (circular) — single-line search-entry control with a fully
     * rounded (pill) silhouette.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="search">` inside shadow DOM. Adds a leading magnifying-glass
     * icon and an optional trailing clear `×` button that appears whenever the
     * control carries a value. Behavior, props, slots, events, keyboard contract,
     * ARIA wiring, and dimensions (height, padding, gap) are IDENTICAL to
     * `mud-search-input-rectangular` — the only visual difference is the
     * silhouette: corners flip to `borderRadius.full` (9999px). The trailing
     * submit button (when `with-button` is set) inherits the pill silhouette via
     * `borderRadius.full`, rendering as a perfect circle that hugs the pill end
     * per Figma master `933:29721`.
     * The Republic of Moldova Unified Design System library catalogues circular
     * and rectangular search fields as separate component_sets, so we ship them
     * as distinct atoms with parallel token namespaces (`--search-input-circular-*`
     * vs `--search-input-rectangular-*`).
     * Optional axes per Figma master `933:29721`:
     * - `loading` — async query is in flight; a trailing spinner appears next to
     *   the value/placeholder and the control is announced as `aria-busy`.
     * - `with-button` — adds a trailing brand-blue circular submit button that
     *   fires `mudSearch` on click. Coexists with the clear button and the
     *   loading spinner.
     * @element mud-search-input-circular
     */
    interface HTMLMudSearchInputCircularElement extends Components.MudSearchInputCircular, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudSearchInputCircularElementEventMap>(type: K, listener: (this: HTMLMudSearchInputCircularElement, ev: MudSearchInputCircularCustomEvent<HTMLMudSearchInputCircularElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudSearchInputCircularElementEventMap>(type: K, listener: (this: HTMLMudSearchInputCircularElement, ev: MudSearchInputCircularCustomEvent<HTMLMudSearchInputCircularElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudSearchInputCircularElement: {
        prototype: HTMLMudSearchInputCircularElement;
        new (): HTMLMudSearchInputCircularElement;
    };
    interface HTMLMudSearchInputRectangularElementEventMap {
        "mudInput": SearchInputRectangularChangeDetail;
        "mudChange": SearchInputRectangularChangeDetail;
        "mudSearch": SearchInputRectangularSearchDetail;
        "mudClear": void;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Search Input (rectangular) — single-line search-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="search">` inside shadow DOM. Adds a leading magnifying-glass
     * icon and an optional trailing clear `×` button that appears whenever the
     * control carries a value. Visual primitives (border, focus ring, label,
     * helper / error, sizes, states) are shared with `mud-input`; specific
     * affordances (icon-start, icon-end-clear, submit-button) live in the
     * `--search-input-rectangular-*` token namespace.
     * Rectangular shape is the default sibling of `mud-search-input-circular`
     * (pill). The two ship as distinct components per the Figma component-set
     * separation in the Republic of Moldova Unified Design System library.
     * Optional axes per Figma master `933:29099`:
     * - `loading` — async query is in flight; a trailing spinner appears next to
     *   the value/placeholder and the control is announced as `aria-busy`.
     * - `with-button` — adds a trailing brand-blue submit button that fires
     *   `mudSearch` on click. Coexists with the clear button and the loading
     *   spinner.
     * @element mud-search-input-rectangular
     */
    interface HTMLMudSearchInputRectangularElement extends Components.MudSearchInputRectangular, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudSearchInputRectangularElementEventMap>(type: K, listener: (this: HTMLMudSearchInputRectangularElement, ev: MudSearchInputRectangularCustomEvent<HTMLMudSearchInputRectangularElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudSearchInputRectangularElementEventMap>(type: K, listener: (this: HTMLMudSearchInputRectangularElement, ev: MudSearchInputRectangularCustomEvent<HTMLMudSearchInputRectangularElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudSearchInputRectangularElement: {
        prototype: HTMLMudSearchInputRectangularElement;
        new (): HTMLMudSearchInputRectangularElement;
    };
    interface HTMLMudSegmentedControlElementEventMap {
        "mudChange": SegmentedControlChangeDetail;
    }
    /**
     * Segmented control — single-select horizontal switcher.
     * Pattern B (atom-interactive, form-associated): renders an internal
     * `role="radiogroup"` of `role="radio"` buttons inside the shadow DOM with
     * a roving `tabindex`. Selected segment gets the dark inverse fill from
     * Figma 659:8188; unselected segments inherit the light tertiary container
     * background and only carry their label.
     * Keyboard contract (WAI-ARIA Authoring Practices, radiogroup pattern):
     * - `Tab` enters and exits the group (single stop)
     * - `ArrowLeft` / `ArrowRight` move selection between segments
     * - `Home` / `End` jump to first / last segment
     * - `Enter` / `Space` reaffirm selection on the focused segment
     * @element mud-segmented-control
     */
    interface HTMLMudSegmentedControlElement extends Components.MudSegmentedControl, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudSegmentedControlElementEventMap>(type: K, listener: (this: HTMLMudSegmentedControlElement, ev: MudSegmentedControlCustomEvent<HTMLMudSegmentedControlElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudSegmentedControlElementEventMap>(type: K, listener: (this: HTMLMudSegmentedControlElement, ev: MudSegmentedControlCustomEvent<HTMLMudSegmentedControlElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudSegmentedControlElement: {
        prototype: HTMLMudSegmentedControlElement;
        new (): HTMLMudSegmentedControlElement;
    };
    interface HTMLMudSelectInputElementEventMap {
        "mudChange": SelectChangeDetail;
        "mudOpen": void;
        "mudClose": void;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Select Input — single-select dropdown atom.
     * Pattern B (atom-interactive, form-associated): renders a custom-styled
     * trigger button and a listbox popover inside shadow DOM. Form participation
     * works via `formAssociated` + `ElementInternals`. Shares the visual primitives
     * of `mud-input` (border, focus ring, label, helper / error text, sizes,
     * states) and adds a trailing chevron icon, listbox menu, and keyboard
     * navigation (ArrowUp/Down/Home/End/Enter/Escape) per the WAI-ARIA combobox
     * pattern.
     * @element mud-select-input
     */
    interface HTMLMudSelectInputElement extends Components.MudSelectInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudSelectInputElementEventMap>(type: K, listener: (this: HTMLMudSelectInputElement, ev: MudSelectInputCustomEvent<HTMLMudSelectInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudSelectInputElementEventMap>(type: K, listener: (this: HTMLMudSelectInputElement, ev: MudSelectInputCustomEvent<HTMLMudSelectInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudSelectInputElement: {
        prototype: HTMLMudSelectInputElement;
        new (): HTMLMudSelectInputElement;
    };
    /**
     * Separator — visual divider between groups of content or UI components.
     * Pattern B (atom-visual): renders a 1D rule, optionally with an inline label.
     * No events, no interactivity. ARIA `separator` semantics.
     * @element mud-separator
     */
    interface HTMLMudSeparatorElement extends Components.MudSeparator, HTMLStencilElement {
    }
    var HTMLMudSeparatorElement: {
        prototype: HTMLMudSeparatorElement;
        new (): HTMLMudSeparatorElement;
    };
    /**
     * Service Button — interactive control for Moldovan M-products (mpay, mpass,
     * msign, mpower, mdelivery).
     * A specialised filled button with a logo badge embedded on the inline-start
     * edge of the geometry. Fixed 48 px height (= minimum touch target) and
     * asymmetric padding (16 start / 20 end) per Figma spec.
     * Slot `badge` reserves a 24×24 box for a `<mud-logo>` rendering a
     * `*-logo-logomark-only` asset (or any other element rendered at that size).
     * The default slot carries the label text.
     * @element mud-service-button
     */
    interface HTMLMudServiceButtonElement extends Components.MudServiceButton, HTMLStencilElement {
    }
    var HTMLMudServiceButtonElement: {
        prototype: HTMLMudServiceButtonElement;
        new (): HTMLMudServiceButtonElement;
    };
    /**
     * Sidebar — a vertical navigation panel composed of `mud-sidebar-group`
     * sections and `mud-sidebar-item` rows.
     * @element mud-sidebar
     */
    interface HTMLMudSidebarElement extends Components.MudSidebar, HTMLStencilElement {
    }
    var HTMLMudSidebarElement: {
        prototype: HTMLMudSidebarElement;
        new (): HTMLMudSidebarElement;
    };
    /**
     * Sidebar group — a labelled section of `mud-sidebar-item` rows.
     * A divider is rendered automatically above every group except the first.
     * @element mud-sidebar-group
     */
    interface HTMLMudSidebarGroupElement extends Components.MudSidebarGroup, HTMLStencilElement {
    }
    var HTMLMudSidebarGroupElement: {
        prototype: HTMLMudSidebarGroupElement;
        new (): HTMLMudSidebarGroupElement;
    };
    interface HTMLMudSidebarItemElementEventMap {
        "mudSelect": SidebarItemSelectDetail;
        "mudToggle": SidebarItemToggleDetail;
    }
    /**
     * Sidebar item — a single navigation row inside a `mud-sidebar` / `mud-sidebar-group`.
     * Renders as a link when `href` is set, otherwise a button. Expandable items
     * toggle a nested list (the `children` slot) and rotate a chevron.
     * @element mud-sidebar-item
     */
    interface HTMLMudSidebarItemElement extends Components.MudSidebarItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudSidebarItemElementEventMap>(type: K, listener: (this: HTMLMudSidebarItemElement, ev: MudSidebarItemCustomEvent<HTMLMudSidebarItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudSidebarItemElementEventMap>(type: K, listener: (this: HTMLMudSidebarItemElement, ev: MudSidebarItemCustomEvent<HTMLMudSidebarItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudSidebarItemElement: {
        prototype: HTMLMudSidebarItemElement;
        new (): HTMLMudSidebarItemElement;
    };
    /**
     * Spinner — animated circular loading indicator.
     * Pattern B (atom-visual): renders a CSS-only rotating arc.
     * No slots, no events, no interactivity.
     * @element mud-spinner
     */
    interface HTMLMudSpinnerElement extends Components.MudSpinner, HTMLStencilElement {
    }
    var HTMLMudSpinnerElement: {
        prototype: HTMLMudSpinnerElement;
        new (): HTMLMudSpinnerElement;
    };
    interface HTMLMudSwitchElementEventMap {
        "mudChange": SwitchChangeDetail;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Switch — binary on/off toggle atom (form-associated).
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="checkbox" role="switch">` inside shadow DOM and paints the
     * visual track + thumb with CSS. Implements the WAI-ARIA switch pattern, not
     * the checkbox pattern — `role="switch"` with `aria-checked="true|false"`.
     * Space toggles per native checkbox semantics; the role swap does not break
     * keyboard activation.
     * The visible track is 48 × 28px; the hit area expands to 32px on
     * pointer-devices and 40px on touch-devices (via `pointer: coarse`) per the
     * Figma "Target Sizes" spec, achieved with a `::before` pseudo-element so the
     * visual footprint stays untouched.
     * @element mud-switch
     */
    interface HTMLMudSwitchElement extends Components.MudSwitch, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudSwitchElementEventMap>(type: K, listener: (this: HTMLMudSwitchElement, ev: MudSwitchCustomEvent<HTMLMudSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudSwitchElementEventMap>(type: K, listener: (this: HTMLMudSwitchElement, ev: MudSwitchCustomEvent<HTMLMudSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudSwitchElement: {
        prototype: HTMLMudSwitchElement;
        new (): HTMLMudSwitchElement;
    };
    interface HTMLMudTabElementEventMap {
        "mudTabActivate": { value: string };
    }
    /**
     * `mud-tab` — single tab item inside a `mud-tabs` tablist.
     * Pattern A child: rendered as a slotted child of `mud-tabs`. Owns its own
     * `role="tab"` host with `aria-selected`, an optional leading icon, the
     * label, and an optional trailing numbered badge.
     * The component is intentionally light: selection, focus management and
     * `aria-controls` wiring are all driven by the parent `mud-tabs` via
     * reflected attributes and DOM ids.
     * @element mud-tab
     */
    interface HTMLMudTabElement extends Components.MudTab, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudTabElementEventMap>(type: K, listener: (this: HTMLMudTabElement, ev: MudTabCustomEvent<HTMLMudTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudTabElementEventMap>(type: K, listener: (this: HTMLMudTabElement, ev: MudTabCustomEvent<HTMLMudTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudTabElement: {
        prototype: HTMLMudTabElement;
        new (): HTMLMudTabElement;
    };
    interface HTMLMudTableElementEventMap {
        "mudSort": TableSortChangeDetail;
        "mudRowClick": TableRowClickDetail;
        "mudSelectionChange": TableSelectionChangeDetail;
    }
    /**
     * Table — data table molecule for tabular content with optional sorting,
     * selection, and responsive mobile collapse.
     * Pattern B (molecule, internal DOM): renders a native `<table>` inside
     * shadow DOM for full a11y semantics (`role="table"`, `role="columnheader"`,
     * `aria-sort`, `aria-selected`). Composes existing primitives — `mud-checkbox`
     * for the selection column, `mud-icon` for sort chevrons. Status badges and
     * row actions are projected via named slots so consumers can drop in
     * `mud-tag`, `mud-button`, or any custom content per cell.
     * At ≤640 px container width the inline padding shrinks from 24 → 16 to
     * match Figma's "Mobile" breakpoint specs (table-header `4930:14358`,
     * table-cell `649:4296`). The table structure itself is preserved; consumers
     * who need a card-stack layout on narrow screens should wrap their own
     * presentation around the data.
     * @element mud-table
     */
    interface HTMLMudTableElement extends Components.MudTable, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudTableElementEventMap>(type: K, listener: (this: HTMLMudTableElement, ev: MudTableCustomEvent<HTMLMudTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudTableElementEventMap>(type: K, listener: (this: HTMLMudTableElement, ev: MudTableCustomEvent<HTMLMudTableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudTableElement: {
        prototype: HTMLMudTableElement;
        new (): HTMLMudTableElement;
    };
    interface HTMLMudTabsElementEventMap {
        "mudChange": TabsChangeDetail;
    }
    /**
     * `mud-tabs` — horizontal tablist that switches the currently visible panel.
     * Two composition modes:
     *  1. **Declarative** (recommended for static menus): slot `<mud-tab>` children
     *     into the default slot and matching `<div slot="panel-{value}">` blocks
     *     into the panel slots.
     *  2. **Data-driven**: pass a `tabs` array. The component renders each entry
     *     as a child `mud-tab` and exposes panels via `<div slot="panel-{value}">`
     *     elements supplied by the consumer.
     * Pattern A (molecule, slot-based). The host carries `role="tablist"`; the
     * tabs are rendered children with `role="tab"`; the panels are slotted into
     * named `panel-{value}` slots and receive `role="tabpanel"` + the matching
     * `aria-labelledby`.
     * Keyboard contract (WAI-ARIA Authoring Practices, automatic activation):
     * - `Tab` focuses the currently selected tab (single tab stop into the group)
     * - `ArrowLeft` / `ArrowRight` move selection between enabled tabs (wraps)
     * - `Home` / `End` jump to the first / last enabled tab
     * - `Enter` / `Space` activate the focused tab (no-op for selected/disabled)
     * Overflow: when the rendered tabs are wider than the host, the component
     * exposes leading + trailing chevron buttons that scroll the strip. Both
     * chevrons are mouse-only; their `aria-hidden="true"` keeps them out of the
     * keyboard order (arrow keys already move selection without overflow help).
     * @element mud-tabs
     */
    interface HTMLMudTabsElement extends Components.MudTabs, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudTabsElementEventMap>(type: K, listener: (this: HTMLMudTabsElement, ev: MudTabsCustomEvent<HTMLMudTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudTabsElementEventMap>(type: K, listener: (this: HTMLMudTabsElement, ev: MudTabsCustomEvent<HTMLMudTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudTabsElement: {
        prototype: HTMLMudTabsElement;
        new (): HTMLMudTabsElement;
    };
    /**
     * Tag — compact, non-interactive label used to mark state, category,
     * or supplementary metadata.
     * Pattern B (atom-visual): the host paints; consumers compose icons
     * through named slots. Two visual scales coexist behind the same
     * element:
     * - `variant="status"` (default) — the standard Status Tag used for
     *   state ("Activ", "În așteptare", "Refuzat"). Medium-weight label,
     *   three surface treatments (`subtle`, `strong`, `outlined`) across
     *   six semantic colors (`muted`, `neutral`, `accent`, `success`,
     *   `brand`, `danger`).
     * - `variant="info"` — a lighter inline tag for metadata embedded in
     *   body text. Regular-weight label, tighter padding. Honors the same
     *   `type` and `semantic` axes.
     * Tags are decorative by default. When a tag conveys a dynamic state
     * to assistive tech ("Procesare în curs"), set `aria-label` and the
     * host will adopt `role="status"` automatically — otherwise the host
     * stays silent so visual-only tags don't pollute the a11y tree.
     * For horizontally stacked groups (8 px gutter, wrap on overflow),
     * compose multiple tags inside a `mud-tag-group` slot wrapper —
     * available as a CSS utility on this element via the `group` data
     * attribute on the parent.
     * @element mud-tag
     */
    interface HTMLMudTagElement extends Components.MudTag, HTMLStencilElement {
    }
    var HTMLMudTagElement: {
        prototype: HTMLMudTagElement;
        new (): HTMLMudTagElement;
    };
    interface HTMLMudTextareaElementEventMap {
        "mudInput": TextareaChangeDetail;
        "mudChange": TextareaChangeDetail;
        "mudFocus": FocusEvent;
        "mudBlur": FocusEvent;
    }
    /**
     * Text Area — multi-line text-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own `<textarea>`
     * inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`. Mirrors the `mud-input` contract for label, helper,
     * error and variant treatment, and adds a vertical resize handle plus an
     * optional character counter.
     * @element mud-textarea
     */
    interface HTMLMudTextareaElement extends Components.MudTextarea, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudTextareaElementEventMap>(type: K, listener: (this: HTMLMudTextareaElement, ev: MudTextareaCustomEvent<HTMLMudTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudTextareaElementEventMap>(type: K, listener: (this: HTMLMudTextareaElement, ev: MudTextareaCustomEvent<HTMLMudTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudTextareaElement: {
        prototype: HTMLMudTextareaElement;
        new (): HTMLMudTextareaElement;
    };
    interface HTMLMudTooltipElementEventMap {
        "mudOpen": void;
        "mudClose": TooltipCloseEventDetail;
    }
    /**
     * Tooltip — transient label, structured popover, or coach mark anchored to a
     * trigger element.
     * Pattern B (internal DOM). The host wraps a `trigger` slot and renders the
     * bubble + arrow inside shadow DOM. Position is computed in JS against the
     * trigger's bounding rect with viewport-aware flip + clamp + corner-aligned
     * placements; the result is pushed to the host as CSS custom properties.
     * Variants:
     * - `default` — transient label. Hover (after `showDelay`) / focus / click /
     *   manual trigger; closes on `mouseleave` (after `hideDelay`), `blur`,
     *   second click, `Esc`, or outside click.
     * - `coach` — persistent instructional overlay with a close button + localized
     *   hint. Dismissed only by Esc, the close button, or an outside click.
     * @element mud-tooltip
     */
    interface HTMLMudTooltipElement extends Components.MudTooltip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLMudTooltipElementEventMap>(type: K, listener: (this: HTMLMudTooltipElement, ev: MudTooltipCustomEvent<HTMLMudTooltipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLMudTooltipElementEventMap>(type: K, listener: (this: HTMLMudTooltipElement, ev: MudTooltipCustomEvent<HTMLMudTooltipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLMudTooltipElement: {
        prototype: HTMLMudTooltipElement;
        new (): HTMLMudTooltipElement;
    };
    interface HTMLElementTagNameMap {
        "mud-accordion": HTMLMudAccordionElement;
        "mud-accordion-item": HTMLMudAccordionItemElement;
        "mud-avatar": HTMLMudAvatarElement;
        "mud-badge": HTMLMudBadgeElement;
        "mud-banner": HTMLMudBannerElement;
        "mud-breadcrumb": HTMLMudBreadcrumbElement;
        "mud-breadcrumb-item": HTMLMudBreadcrumbItemElement;
        "mud-button": HTMLMudButtonElement;
        "mud-button-group": HTMLMudButtonGroupElement;
        "mud-checkbox": HTMLMudCheckboxElement;
        "mud-chip": HTMLMudChipElement;
        "mud-cookie-banner": HTMLMudCookieBannerElement;
        "mud-date-input": HTMLMudDateInputElement;
        "mud-date-picker": HTMLMudDatePickerElement;
        "mud-file-input": HTMLMudFileInputElement;
        "mud-file-item": HTMLMudFileItemElement;
        "mud-footer": HTMLMudFooterElement;
        "mud-header": HTMLMudHeaderElement;
        "mud-header-mega-menu": HTMLMudHeaderMegaMenuElement;
        "mud-header-mobile": HTMLMudHeaderMobileElement;
        "mud-header-nav-item": HTMLMudHeaderNavItemElement;
        "mud-header-services-menu": HTMLMudHeaderServicesMenuElement;
        "mud-icon": HTMLMudIconElement;
        "mud-info-box": HTMLMudInfoBoxElement;
        "mud-inline-message": HTMLMudInlineMessageElement;
        "mud-input": HTMLMudInputElement;
        "mud-input-chip": HTMLMudInputChipElement;
        "mud-link": HTMLMudLinkElement;
        "mud-logo": HTMLMudLogoElement;
        "mud-menu": HTMLMudMenuElement;
        "mud-menu-item": HTMLMudMenuItemElement;
        "mud-modal": HTMLMudModalElement;
        "mud-notification": HTMLMudNotificationElement;
        "mud-numeric-input": HTMLMudNumericInputElement;
        "mud-pagination": HTMLMudPaginationElement;
        "mud-phone-input": HTMLMudPhoneInputElement;
        "mud-progress-tracker": HTMLMudProgressTrackerElement;
        "mud-radio": HTMLMudRadioElement;
        "mud-receipt": HTMLMudReceiptElement;
        "mud-search-input-circular": HTMLMudSearchInputCircularElement;
        "mud-search-input-rectangular": HTMLMudSearchInputRectangularElement;
        "mud-segmented-control": HTMLMudSegmentedControlElement;
        "mud-select-input": HTMLMudSelectInputElement;
        "mud-separator": HTMLMudSeparatorElement;
        "mud-service-button": HTMLMudServiceButtonElement;
        "mud-sidebar": HTMLMudSidebarElement;
        "mud-sidebar-group": HTMLMudSidebarGroupElement;
        "mud-sidebar-item": HTMLMudSidebarItemElement;
        "mud-spinner": HTMLMudSpinnerElement;
        "mud-switch": HTMLMudSwitchElement;
        "mud-tab": HTMLMudTabElement;
        "mud-table": HTMLMudTableElement;
        "mud-tabs": HTMLMudTabsElement;
        "mud-tag": HTMLMudTagElement;
        "mud-textarea": HTMLMudTextareaElement;
        "mud-tooltip": HTMLMudTooltipElement;
    }
}
declare namespace LocalJSX {
    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 };

    /**
     * Accordion — vertical stack of collapsible regions per WAI-ARIA Accordion Pattern.
     * Pattern A (slot container): coordinates child `mud-accordion-item` elements,
     * enforces `mode="single"` exclusivity, manages keyboard traversal across
     * headers (Arrow Up/Down, Home, End), and dispatches `mudChange` whenever the
     * active set changes.
     * Consumers may either:
     *   1. Slot `<mud-accordion-item>` children directly (declarative, recommended), or
     *   2. Pass an `items` array (data-driven; the accordion renders the items for you).
     * @element mud-accordion
     * @fires mudChange - Emitted on every open/close. `detail.openIds` lists every
     *              item currently open (single entry in `mode="single"`).
     */
    interface MudAccordion {
        /**
          * Visual treatment forwarded to every child item.
          * @default 'default'
         */
        "appearance"?: AccordionAppearance;
        /**
          * Layout breakpoint forwarded to every child item. Controls heading type size and vertical padding. Omit to let the responsive `@media` rule in the host CSS drive the value (768px breakpoint).
         */
        "breakpoint"?: 'desktop' | 'mobile';
        /**
          * Trigger-icon placement forwarded to every child item. - `right` (default) — FAQ-style - `left` — sidebar-nav style
          * @default 'right'
         */
        "iconPosition"?: AccordionIconPosition;
        /**
          * Declarative data source. When set, the accordion renders the items for you; the default slot is ignored. Items can still be slotted for advanced use cases — choose one approach per instance.
         */
        "items"?: AccordionItemDescriptor[];
        /**
          * Accessible name forwarded to `aria-label` on the host (paired with `role="group"`). Use when the surrounding heading is not adjacent.
         */
        "label"?: string;
        /**
          * Coordination mode. - `multiple` (default) — items expand/collapse independently - `single` — opening one item collapses the others
          * @default 'multiple'
         */
        "mode"?: AccordionMode;
        /**
          * Emitted whenever the open set changes.
         */
        "onMudChange"?: (event: MudAccordionCustomEvent<AccordionChangeDetail>) => void;
        /**
          * Size rung forwarded to every child item. Independent of `breakpoint` (responsive); set explicitly when you need a compact accordion regardless of viewport. Mirrors the legacy `size` prop.
          * @default 'md'
         */
        "size"?: AccordionSize;
    }
    /**
     * Accordion item — a single collapsible row inside `mud-accordion`.
     * Pattern B (atom-interactive): renders its own header `<button>` and a
     * `<div role="region">` panel inside shadow DOM. The container manages
     * exclusivity in `mode="single"`; the item owns its visual state.
     * @element mud-accordion-item
     * @fires mudToggle - Fired when the user activates the header. The container
     *             listens for this and decides whether to honour it
     *             (single-mode collapsing of siblings).
     */
    interface MudAccordionItem {
        /**
          * Visual treatment. - `default` — flat header, neutral background - `trail-sites` — open header gets a brand-tint background per Figma "Trail Sites"  Set by the parent `mud-accordion` via attribute; consumers should set `appearance` on the parent, not on individual items.
          * @default 'default'
         */
        "appearance"?: 'default' | 'trail-sites';
        /**
          * Layout breakpoint. Set by the parent based on the resolved size (desktop ≥ 768px, mobile below). May also be set explicitly by consumers who need a fixed render at narrow widths.
          * @default 'desktop'
         */
        "breakpoint"?: 'desktop' | 'mobile';
        /**
          * Marks the item non-interactive. Header receives `aria-disabled`.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Header text. Overridden by the `heading` slot when provided.
         */
        "heading"?: string;
        /**
          * Trigger-icon placement relative to the header content. Set by the parent `mud-accordion`.
          * @default 'right'
         */
        "iconPosition"?: AccordionIconPosition;
        /**
          * Stable identifier used by the parent `mud-accordion` when emitting `mudChange`. Auto-generated if omitted.
         */
        "itemId"?: string;
        /**
          * Emitted on Arrow/Home/End keypress on the header. Consumed by the parent `mud-accordion` to implement WAI-ARIA Accordion Pattern traversal. Internal contract — consumers typically don't subscribe directly.
         */
        "onMudAccordionItemKey"?: (event: MudAccordionItemCustomEvent<{ key: string; itemId: string }>) => void;
        /**
          * Emitted when the user activates the header (click / Enter / Space). The parent `mud-accordion` may cancel the implicit toggle in `mode="single"` to enforce exclusivity.
         */
        "onMudToggle"?: (event: MudAccordionItemCustomEvent<{
    open: boolean;
    itemId: string;
  }>) => void;
        /**
          * Whether the item is currently expanded.
          * @default false
         */
        "open"?: boolean;
        /**
          * Visual size rung — controls header height, font size, icon size, padding. Set by the parent `mud-accordion` via `size`; consumers should configure size at the container level.
          * @default 'md'
         */
        "size"?: AccordionSize;
        /**
          * Secondary text shown beneath the heading. Overridden by the `supporting` slot.
         */
        "supportingText"?: string;
    }
    /**
     * Avatar — represents a user via a photo, initials, or a generic person icon.
     * Pattern A (atom-display): wraps a single piece of slottable content (an
     * optional notification badge) and otherwise renders its own internal DOM.
     * The component picks its visual mode from the `type` prop:
     * - `photo` — renders `<img>` from `src`; if the image fails to load, falls
     *   back to initials (when `name`/`initials` is set) or the person icon.
     * - `initials` — renders 1–2 uppercase letters derived from `initials` or
     *   `name`. If neither is set, the icon fallback kicks in.
     * - `icon` — renders a `mud-icon` (default `person`).
     * @element mud-avatar
     */
    interface MudAvatar {
        /**
          * Alt text for the underlying `<img>` when `type="photo"`. Falls back to `name` so screen readers always get a description; pass an empty string to mark the photo as purely decorative.
         */
        "alt"?: string;
        /**
          * Accessible label override. When set, becomes the host's `aria-label` and the avatar is exposed to AT as a single labelled element. When omitted the component picks a sensible default (the name, the initials, or "User avatar").  No `attribute: 'aria-label'` mapping — the Host writes `aria-label` on every render with a derived value, and an explicit attribute observer would map that write back into this prop mid-render (Stencil warns "state/prop changed during rendering"). Stencil's implicit kebab→camel mapping still lets consumers set `aria-label="…"` from HTML.
         */
        "ariaLabel"?: string;
        /**
          * Icon glyph for `type="icon"`. Defaults to the generic `person` symbol.
          * @default 'person'
         */
        "iconName"?: string;
        /**
          * Pre-computed initials. When omitted, `name` is used to derive them. Trimmed to two characters and uppercased before rendering.
         */
        "initials"?: string;
        /**
          * Full name of the represented person. Used to (a) derive `initials` when none are provided and (b) seed `alt` for the photo so the avatar is always announced.
         */
        "name"?: string;
        /**
          * Visual size rung. Matches the Figma scale (xs=24, sm=32, md=40, lg=48, xl=72).
          * @default 'md'
         */
        "size"?: AvatarSize;
        /**
          * Source URL for `type="photo"`. Ignored otherwise.
         */
        "src"?: string;
        /**
          * Visual mode. `photo` renders `src`, `initials` renders 1–2 letters, `icon` renders the person glyph.
          * @default 'initials'
         */
        "type"?: AvatarType;
    }
    /**
     * Badge — small, non-interactive status / count indicator.
     * Two visual forms:
     *  - `numbered` (default): shows a numeric counter inside a rounded pill.
     *  - `dot`: a presence circle for "unread" indication. `xs`/`sm` are solid;
     *    `md`/`lg`/`xl` carry a small centered inner pip (per Figma 551:18330).
     * Five color variants map to the project's semantic token roles.
     * Designed to overlay parent elements (avatars, icon buttons, list items)
     * via consumer-controlled positioning — the badge itself just paints.
     * Position offsets are exposed as CSS variables (`--badge-offset-top`,
     * `--badge-offset-right`) so consumers can compose without overrides.
     * Pattern B (atom-visual): internal DOM only, no slots, no events.
     * @element mud-badge
     */
    interface MudBadge {
        /**
          * Override the accessible name. When omitted, `numbered` uses the visible count text and `dot` falls back to "Notification" (so screen readers announce something meaningful for empty dots). Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Numeric count to display when `type='numbered'`. Ignored for `dot`. Values greater than `max` render as `"{max}+"`.
         */
        "count"?: number;
        /**
          * Upper bound for the visible count. Counts above this render as `"{max}+"`.
          * @default 99
         */
        "max"?: number;
        /**
          * Size rung — five-step scale matching Figma masters `551:17421`:  - `xs` (8 px)  — dot-only presence pip (e.g. dropdown row indicator)  - `sm` (12 px) — compact dot or numbered  - `md` (16 px) — default numbered/dot (Figma Caption Medium 12/16)  - `lg` (20 px) — emphasised numbered (Figma Caption Medium 12/16)  - `xl` (24 px) — large numbered (Figma Body/Small Medium 14/20)
          * @default 'md'
         */
        "size"?: BadgeSize;
        /**
          * Visual form — `numbered` shows the count, `dot` is a presence indicator.
          * @default 'numbered'
         */
        "type"?: BadgeType;
        /**
          * Semantic color variant.
          * @default 'danger'
         */
        "variant"?: BadgeVariant;
    }
    /**
     * Banner — full-width, top-of-page system message.
     * A persistent, non-contextual notification that spans the width of its
     * container and informs users of important system-wide events (scheduled
     * maintenance, outages, announcements). Draws attention without blocking
     * interaction; remains visible until dismissed or resolved.
     * Pattern B (atom-display + interactive close): the optional close affordance
     * lives in shadow DOM with a real `button` role. The body is not interactive
     * apart from the optional inline link.
     * `variant` selects the semantic color family — `info`, `warning`, or `error`
     * (Figma exposes no `success` for banners). `emphasis` selects the surface
     * treatment — `subtle` (tinted) or `strong` (filled, on-color foreground).
     * Live-region routing follows WCAG status/alert conventions:
     * - `info` → `role="status"` + `aria-live="polite"`
     * - `warning` / `error` → `role="alert"` + `aria-live="assertive"`
     * @element mud-banner
     */
    interface MudBanner {
        /**
          * Forwarded to the host as `aria-label`.
         */
        "ariaLabel"?: string;
        /**
          * Close-button accessible label. Defaults to the Romanian "Închide".
          * @default 'Închide'
         */
        "closeLabel"?: string;
        /**
          * When `true`, renders a trailing close (×) button. Activating it emits `mudDismiss`; the consumer is responsible for removing the banner from the DOM.
          * @default false
         */
        "dismissible"?: boolean;
        /**
          * Surface treatment: `subtle` (tinted background, dark text) or `strong` (filled background, on-color text).
          * @default 'subtle'
         */
        "emphasis"?: BannerEmphasis;
        /**
          * Override the default `mud-icon` name for the variant. Ignored when the `icon-start` slot is populated.
         */
        "iconName"?: string;
        /**
          * Href for the optional inline link. Defaults to `#` when omitted.
         */
        "linkHref"?: string;
        /**
          * Optional inline link text rendered after the message (the Figma "Click here" affordance). Pair with `linkHref` for a real destination.
         */
        "linkText"?: string;
        /**
          * Fires when the user activates the close button. Payload is `void` — the consumer owns the dismiss animation / DOM removal.
         */
        "onMudDismiss"?: (event: MudBannerCustomEvent<void>) => void;
        /**
          * Semantic color family. Per Figma the banner exposes `info`, `warning`, and `error` (no `success`).
          * @default 'info'
         */
        "variant"?: BannerVariant;
    }
    /**
     * Breadcrumb — navigational trail showing the user's location in the site hierarchy.
     * Two equivalent authoring modes:
     * 1. **Prop-driven** (preferred for dynamic data): pass `items` as a typed array.
     * 2. **Slot-driven** (preferred for static markup): nest `<mud-breadcrumb-item>` children.
     * When both are present, the `items` prop wins.
     * On desktop the full trail renders horizontally. When `maxVisible` is exceeded,
     * intermediate crumbs collapse into an overflow "…" menu. On mobile (≤640px) with
     * `responsive=true`, the trail collapses to a single "‹ Back to {parent}" link
     * per the WAI-ARIA breadcrumb pattern and Figma 69:408.
     * @element mud-breadcrumb
     */
    interface MudBreadcrumb {
        /**
          * Declarative crumb list. Each item renders as a `mud-breadcrumb-item`. When omitted, the component falls back to its default slot.
         */
        "items"?: BreadcrumbItem[];
        /**
          * Accessible name for the navigation landmark when no `aria-label` is set on the host. Defaults to "Breadcrumb". Setting `aria-label` directly on the host also works — the consumer-supplied attribute wins.
         */
        "label"?: string;
        /**
          * Maximum number of crumbs shown before collapsing the middle into an overflow menu. Per Figma "Best Practices": limit visible items to 4. The first and last 2 are always visible; everything between collapses into the `…` menu.
          * @default 4
         */
        "maxVisible"?: number;
        /**
          * Emits when any crumb is activated (click or keyboard).
         */
        "onMudSelect"?: (event: MudBreadcrumbCustomEvent<BreadcrumbSelectDetail>) => void;
        /**
          * When true, the component collapses to a single "back" link on viewports ≤640px. Disable for surfaces that need the full trail at every size (rare).
          * @default true
         */
        "responsive"?: boolean;
        /**
          * Override the default chevron separator with a literal string (e.g. `"/"`, `"›"`). When empty (default), the chevron icon is rendered. When `slot="separator"` is provided, both this prop and the chevron are ignored.
          * @default ''
         */
        "separator"?: string;
    }
    /**
     * A single crumb inside `mud-breadcrumb`. Renders an anchor when `href` is set,
     * otherwise plain text. The active crumb renders as text with `aria-current="page"`,
     * regardless of `href`.
     * Use this directly when the markup variant of the breadcrumb is preferred over
     * the `items` prop on `mud-breadcrumb`. Both APIs are equivalent in behavior.
     * @element mud-breadcrumb-item
     */
    interface MudBreadcrumbItem {
        /**
          * Marks this crumb as the current page. Adds `aria-current="page"`, switches to medium font weight, and disables navigation (renders as text).
          * @default false
         */
        "active"?: boolean;
        /**
          * Disables interaction and applies the disabled text color.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Optional navigation target. Renders as `<a>` when set, otherwise as `<span>`. Ignored when `active` is true (active crumb is always rendered as text).
         */
        "href"?: string;
        /**
          * Accessible-name fallback when the default slot is empty (e.g. icon-only crumb). If the slot contains visible text, that text is the accessible name — this prop is NOT applied as an `aria-label` override on the rendered element to preserve the slot-first content rule.
         */
        "label"?: string;
        /**
          * Replaces the label with a spinner while keeping the crumb width. Used for async navigation where the parent page hasn't loaded yet.
          * @default false
         */
        "loading"?: boolean;
        /**
          * Fired when the crumb is activated (click or Enter/Space on a non-link crumb). Cancelable — `preventDefault()` lets the consumer handle navigation.
         */
        "onMudSelect"?: (event: MudBreadcrumbItemCustomEvent<{ label: string; href?: string }>) => void;
        /**
          * Visited link styling — text turns magenta (`--color-text-brand-visited`). Maps to the CSS pseudo-state for declarative use cases.
          * @default false
         */
        "visited"?: boolean;
    }
    /**
     * Button — interactive control.
     * Pattern B (atom-interactive): renders its own `<button>` (or `<a>` when `href`
     * is set) inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`.
     * @element mud-button
     */
    interface MudButton {
        /**
          * Visual treatment. - `filled` (default) — solid background per variant - `outlined` — 1.5px border with transparent fill in default/focus; hover/active fill solid (matches filled) - `text` — no border, transparent fill, hover/active tint background; designed for inline use  `outlined` and `text` only support `primary`, `strict`, and `destructive` variants. Other variants fall back to `primary` visuals with a dev-time console warning.
          * @default 'filled'
         */
        "appearance"?: ButtonAppearance;
        /**
          * Disables interactivity. When set the internal control receives `aria-disabled` and (for `<button>`) the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Makes the button expand to fill the inline-size of its container. The host becomes a block-level flex container and the internal control stretches to 100% width — designed for use inside `mud-button-group` (vertical orientation) or in narrow form layouts.
          * @default false
         */
        "fullWidth"?: boolean;
        /**
          * If set, the button renders as `<a href="…">` and behaves as a link. `type`, `name`, and `value` are ignored in this mode.
         */
        "href"?: string;
        /**
          * Switches the button into icon-only mode: the container becomes square with equal zero-padding, and `icon-start`/`icon-end`/default-slot content is suppressed. Icon content should be placed in `slot="icon"`. Requires `label` (or `aria-label`) for screen readers.
          * @default false
         */
        "iconOnly"?: boolean;
        /**
          * Accessible name. Required when the button has no visible text label (icon-only). Forwarded to `aria-label` on the internal control.
         */
        "label"?: string;
        /**
          * Renders a centred spinner and blocks interactivity while preserving the accessible name. Sets `aria-busy` on the internal control.
          * @default false
         */
        "loading"?: boolean;
        /**
          * Form-control `name`. Used when `type="submit"` and a value is submitted.
         */
        "name"?: string;
        /**
          * `rel` for the anchor when `href` is set.
         */
        "rel"?: string;
        /**
          * Container silhouette. `circular` produces a fully-rounded pill; combine with an icon-only label to render a circle.
          * @default 'rectangular'
         */
        "shape"?: ButtonShape;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: ButtonSize;
        /**
          * `target` for the anchor when `href` is set.
         */
        "target"?: string;
        /**
          * Native button `type` attribute. Ignored when `href` is set.
          * @default 'button'
         */
        "type"?: ButtonType;
        /**
          * Form-control `value` submitted alongside `name`.
         */
        "value"?: string;
        /**
          * Color treatment.
          * @default 'primary'
         */
        "variant"?: ButtonVariant;
    }
    /**
     * Button group — layout container for stacking multiple `mud-button` elements
     * with consistent spacing (12px gap) per the MUD Design System.
     * Pure layout primitive: does not propagate props to children, does not emit
     * events, does not manage focus order beyond the natural DOM tab sequence.
     * Each child `mud-button` controls its own size, variant, and full-width
     * behavior independently.
     * @element mud-button-group
     */
    interface MudButtonGroup {
        /**
          * Accessible name for the group. Forwarded to `aria-label` on the host element so assistive technologies announce the buttons as a unit (e.g. "Form actions").
         */
        "label"?: string;
        /**
          * Axis along which buttons are stacked. `horizontal` lays out children in a row; `vertical` stacks them in a column and stretches each child to the group's inline-size (so children with `full-width` fill it).
          * @default 'horizontal'
         */
        "orientation"?: ButtonGroupOrientation;
    }
    /**
     * Checkbox — boolean / tri-state form control.
     * Pattern B (atom-interactive, form-associated): renders its own visual box
     * inside shadow DOM plus a screen-reader-friendly `<input type="checkbox">`.
     * Form participation works via `formAssociated` + `ElementInternals`.
     * Visual states mirror Figma `Mode × State × Size`:
     *   Mode  = Unchecked | Checked | Indeterminate
     *   State = Default | Focus | Error (`invalid`) | Disabled
     *   Size  = Medium (24px) | Small (20px)
     * Indeterminate is a visual-only third state — `checked` semantics are unchanged.
     * @element mud-checkbox
     */
    interface MudCheckbox {
        /**
          * Accessible name override. Used when no visible label is present.
         */
        "ariaLabel"?: string;
        /**
          * Accessible name id reference. Forwarded to the internal control.
         */
        "ariaLabelledby"?: string;
        /**
          * Checked state. Mutable — toggled by user interaction and reflected as the `checked` host attribute. Read in `change` listeners via `event.target.checked`.
          * @default false
         */
        "checked"?: boolean;
        /**
          * Disables interactivity. Sets `aria-disabled` and the native `disabled`.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the label when `invalid` is set. Pairs with the `circle-error-filled` icon and is wired to the control via `aria-describedby`. When present (and `invalid`) it replaces the supporting text. Mirrors the `errorText` convention of `mud-input` / `mud-textarea`.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Tri-state visual marker. When `true`, the box renders a dash glyph regardless of `checked`. Indeterminate is a purely visual hint — the submitted form value still follows `checked`.
          * @default false
         */
        "indeterminate"?: boolean;
        /**
          * Forces destructive visuals (red border, red fill on checked). Sets `aria-invalid="true"`.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Accessible-name fallback. Used as `aria-label` on the internal input when no `label` slot is provided. Does NOT render visible text — use the `label` slot for that. Matches the `mud-button` convention.
         */
        "label"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the control loses focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudBlur"?: (event: MudCheckboxCustomEvent<FocusEvent>) => void;
        /**
          * Fires when `checked` (or `indeterminate`) changes from a user action.
         */
        "onMudChange"?: (event: MudCheckboxCustomEvent<CheckboxChangeDetail>) => void;
        /**
          * Fires when the control gains focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudFocus"?: (event: MudCheckboxCustomEvent<FocusEvent>) => void;
        /**
          * Renders read-only — checkbox keeps focus but ignores toggles.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory for form validation. Adds `aria-required="true"`.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: CheckboxSize;
        /**
          * Accessible-description fallback. Reserved for future use as `aria-describedby` source when no `supporting-text` slot is provided. Does NOT render visible text — use the `supporting-text` slot for that.
         */
        "supportingText"?: string;
        /**
          * Form value submitted when `checked`. Defaults to `'on'` like native checkboxes.
         */
        "value"?: string;
    }
    /**
     * Chip — compact, pill-shaped control for filter selection or token display.
     * Pattern B (atom-interactive): renders its own `<button>` inside shadow DOM
     * so it participates in tab order and exposes a real accessible role.
     * Two modes:
     * - `type="filter"` (default) — toggleable filter chip. Click flips `selected`
     *   and emits `mudSelect`. Best used inside a chip group for mono- or
     *   multi-selection filtering.
     * - `type="input"` — a discrete value entered by a user (e.g. a tag inside
     *   a search field). When `removable`, a trailing close button is rendered;
     *   activating it emits `mudRemove`.
     * @element mud-chip
     */
    interface MudChip {
        /**
          * Optional numeric badge rendered after the label (e.g. a result count). The badge colour inverts with the chip surface so it stays legible in both the default and selected states. Omit (or pass a non-number) to hide it.
         */
        "count"?: number;
        /**
          * Disables interactivity. Reflects `aria-disabled` and removes the chip from pointer/keyboard activation paths.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Accessible-name fallback. Used as `aria-label` on the internal `<button>` when the default slot is empty (and no explicit `aria-label` is set). Does NOT render visible text — use the default slot for that. Matches the `mud-button` convention.
         */
        "label"?: string;
        /**
          * Fires when the user activates the remove button on a `type="input"` chip.
         */
        "onMudRemove"?: (event: MudChipCustomEvent<void>) => void;
        /**
          * Fires when `type="filter"` is toggled. Payload reports the new selected state.
         */
        "onMudSelect"?: (event: MudChipCustomEvent<ChipSelectEventDetail>) => void;
        /**
          * When `type="input"`, renders a trailing close button that emits `mudRemove` on activation. Ignored when `type="filter"`.
          * @default false
         */
        "removable"?: boolean;
        /**
          * Selected state for `type="filter"`. Ignored when `type="input"`.
          * @default false
         */
        "selected"?: boolean;
        /**
          * Selection behaviour for `type="filter"`. In `multi` mode a leading ✓ is rendered automatically when `selected` (no need to slot a checkmark icon). Ignored when `type="input"`.
          * @default 'mono'
         */
        "selectionMode"?: ChipSelectionMode;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: ChipSize;
        /**
          * Behavioral mode. - `filter` — toggle on click, emits `mudSelect` - `input` — represents a user-entered value; combine with `removable` for a trailing × button
          * @default 'filter'
         */
        "type"?: ChipType;
    }
    /**
     * Cookie banner — GDPR consent surface (molecule).
     * Pattern B (composed molecule): renders its own header / body / categories /
     * footer in shadow DOM. Composes `mud-button`, `mud-switch`, `mud-icon`,
     * `mud-tag` and `mud-separator` for the interactive pieces. The host is a
     * non-modal dialog (`role="dialog" aria-modal="false"`) anchored to the bottom
     * or top edge of the viewport — it does NOT trap focus so the page underneath
     * stays operable.
     * Two variants share one element:
     * - `variant="simple"` (default) — three CTAs (`Personalizează` / `Refuză toate`
     *   / `Accept toate`). The "Personalizează" button switches the banner to
     *   expanded mode.
     * - `variant="detailed"` — same collapsed footprint, but expanding reveals a
     *   category list (necessary / analytics / marketing by default) with per-row
     *   `mud-switch`. Required categories render a fixed check-mark instead.
     * Romanian voice ships as defaults; every label is overridable via the public
     * `@Prop` surface for localisation.
     * @element mud-cookie-banner
     */
    interface MudCookieBanner {
        /**
          * "Accept all" button label.
         */
        "acceptLabel"?: string;
        /**
          * Forwarded to the host as `aria-label`. Use this when the visible title is not descriptive enough for screen-reader users.
         */
        "ariaLabel"?: string;
        /**
          * Plain-text body. Defaults to Romanian disclosure copy. Override via `body` slot for rich content.
         */
        "body"?: string;
        /**
          * Category catalogue rendered in detailed/expanded mode. Falls back to a three-bucket Romanian default (necessary / analytics / marketing) when omitted. Ignored when the `categories` slot is populated.
         */
        "categories"?: ReadonlyArray<CookieCategory>;
        /**
          * Close button accessible label. Defaults to Romanian "Închide".
         */
        "closeLabel"?: string;
        /**
          * Whether the banner is currently expanded (preferences view).
          * @default false
         */
        "expanded"?: boolean;
        /**
          * "Show less" toggle label for expanded category descriptions on mobile. Defaults to Romanian "Mai puțin".
         */
        "lessLabel"?: string;
        /**
          * "Customise / Manage cookies" button label.
         */
        "manageLabel"?: string;
        /**
          * "Show more" toggle label for clamped category descriptions on mobile. Defaults to Romanian "Mai mult".
         */
        "moreLabel"?: string;
        /**
          * Fires when the user accepts every (non-required) category.
         */
        "onMudAccept"?: (event: MudCookieBannerCustomEvent<CookieConsentDetail>) => void;
        /**
          * Fires when the banner transitions from expanded → collapsed (via close / Esc).
         */
        "onMudDismiss"?: (event: MudCookieBannerCustomEvent<void>) => void;
        /**
          * Fires when the banner transitions from collapsed → expanded.
         */
        "onMudExpand"?: (event: MudCookieBannerCustomEvent<void>) => void;
        /**
          * Fires when the user rejects every non-required category.
         */
        "onMudReject"?: (event: MudCookieBannerCustomEvent<CookieConsentDetail>) => void;
        /**
          * Fires when the user saves a custom selection (detailed/expanded only).
         */
        "onMudSavePreferences"?: (event: MudCookieBannerCustomEvent<CookieConsentDetail>) => void;
        /**
          * Edge the banner is anchored to.
          * @default 'bottom'
         */
        "position"?: CookieBannerPosition;
        /**
          * Optional href for the inline privacy-policy link.
         */
        "privacyHref"?: string;
        /**
          * Privacy-policy link label. Defaults to Romanian "Politica de confidențialitate".
         */
        "privacyLabel"?: string;
        /**
          * "Reject all" button label.
         */
        "rejectLabel"?: string;
        /**
          * "Save preferences" button label (shown only in detailed/expanded).
         */
        "saveLabel"?: string;
        /**
          * Plain-text title. Defaults to Romanian "Folosim cookie-uri".
         */
        "titleText"?: string;
        /**
          * Layout flavour. - `simple` (default) — three footer buttons, no category list on expand. - `detailed` — adds a category list with per-row toggles in the expanded   state and a single "Salvează preferințele" footer CTA.
          * @default 'simple'
         */
        "variant"?: CookieBannerVariant;
    }
    /**
     * Date Input — segment-masked date entry molecule.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM and overlays a ghost format hint that lets the unfilled
     * `DD/MM/YYYY` segments stay visible while the user types — matching the
     * "focus: date-populated / month-populated / fully-populated" Figma states.
     * @element mud-date-input
     */
    interface MudDateInput {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present.
         */
        "ariaLabel"?: string;
        /**
          * Calendar-popover placement. `auto` opens a desktop dropdown on wide viewports and a full-width bottom sheet on narrow ones; `desktop` / `mobile` force one layout.
          * @default 'auto'
         */
        "breakpoint"?: DateInputBreakpoint;
        /**
          * Accessible label for the clear (×) button.
          * @default 'Șterge'
         */
        "clearLabel"?: string;
        /**
          * Shows a trailing clear (×) button while the field holds a value, wiping the entry in one click. Matches the Figma `clearButton` axis shown in the Focus / Filled states. The button never appears while the field is empty, disabled, or read-only. Opt-in, mirroring the Figma boolean axis.
          * @default false
         */
        "clearable"?: boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Display format. The component accepts only the digits the format permits and rewrites the value with the separator inline as the user types.
          * @default 'DD/MM/YYYY'
         */
        "format"?: DateInputFormat;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Inclusive upper bound in ISO `YYYY-MM-DD`. The validator rejects entries above this date with an `out-of-range` error.
         */
        "max"?: string;
        /**
          * Inclusive lower bound in ISO `YYYY-MM-DD`. The validator rejects entries below this date with an `out-of-range` error.
         */
        "min"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the internal control loses focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudBlur"?: (event: MudDateInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the value is committed (typically on `blur` or `Enter`). `detail.value` is the committed display value; `detail.isoValue` is the ISO `YYYY-MM-DD` when fully populated and valid, otherwise `null`.
         */
        "onMudChange"?: (event: MudDateInputCustomEvent<DateInputChangeDetail>) => void;
        /**
          * Fires when the user empties the field via the clear (×) button.
         */
        "onMudClear"?: (event: MudDateInputCustomEvent<void>) => void;
        /**
          * Fires when the internal control gains focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudFocus"?: (event: MudDateInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires on every keystroke. `detail.value` is the current display value; `detail.isoValue` is the ISO `YYYY-MM-DD` when fully populated and valid, otherwise `null`. `detail.segment` is the segment under the caret.
         */
        "onMudInput"?: (event: MudDateInputCustomEvent<DateInputTypingDetail>) => void;
        /**
          * Placeholder shown when the control is empty. Defaults to the format pattern (`DD/MM/YYYY` / `MM/DD/YYYY` / `YYYY-MM-DD`).
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable and copyable.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: DateInputSize;
        /**
          * Current display value, matching the configured `format` (e.g. `15/04/2025`). Reflects to the host attribute. Internal entry rewrites this prop as the user types — consumers can read it back at any time.
          * @default ''
         */
        "value"?: string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant"?: DateInputVariant;
    }
    /**
     * Romanian date picker — locale-aware calendar molecule.
     * Three modes:
     * - `single` — pick exactly one date. `value` is `string` (ISO YYYY-MM-DD) or empty.
     * - `range` — pick a start + end. Click once to set `rangeStart`, click again to set `rangeEnd`;
     *   click outside the range to start a new range.
     * - `multi` — toggle individual dates. `value` is `string[]`.
     * Three breakpoints (visual modes):
     * - `desktop` — 320px elevated card with shadow.
     * - `mobile` — full-width bottom-sheet style with drag handle.
     * - `docked` — compact (no shadow) intended to attach beneath a `mud-date-input`.
     * All weekday + month labels come from `Intl.DateTimeFormat` so the locale prop drives the language —
     * no hard-coded strings. Romanian (`ro-RO`) is the default.
     * Keyboard:
     * - Arrow keys move focus by day
     * - PageUp/PageDown change month
     * - Shift+PageUp/PageDown change year
     * - Home/End jump to the start/end of the visible week
     * - Enter/Space selects the focused day
     * @element mud-date-picker
     */
    interface MudDatePicker {
        /**
          * Visual breakpoint / placement.
          * @default 'desktop'
         */
        "breakpoint"?: DatePickerBreakpoint;
        /**
          * ISO `YYYY-MM-DD` strings that should be marked disabled (e.g. holidays).
         */
        "disabledDates"?: string[];
        /**
          * Week starts on this day of the week (0 = Sunday, 1 = Monday). Defaults to 1 (Monday) which matches the Romanian + most European convention.
          * @default 1
         */
        "firstDayOfWeek"?: number;
        /**
          * Header presentation. `title` (default) shows one "Month Year" button that cycles views; `dropdown` shows separate month + year dropdown chips (the "advanced" variant from the Figma spec).
          * @default 'title'
         */
        "headerStyle"?: DatePickerHeaderStyle;
        /**
          * Hide the "Today" quick-jump shortcut. Default keeps it visible.
          * @default false
         */
        "hideTodayShortcut"?: boolean;
        /**
          * Accessible label for the entire picker. Set the `aria-label` attribute on the host (or use this prop) and the component captures it on connect into `resolvedAriaLabel`, then strips the host attribute to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb).
         */
        "label"?: string;
        /**
          * BCP-47 locale tag for weekday/month rendering. Defaults to Romanian.
          * @default 'ro-RO'
         */
        "locale"?: string;
        /**
          * Inclusive upper bound (ISO `YYYY-MM-DD`). Dates after this are disabled.
         */
        "max"?: string;
        /**
          * Inclusive lower bound (ISO `YYYY-MM-DD`). Dates before this are disabled.
         */
        "min"?: string;
        /**
          * Selection mode.
          * @default 'single'
         */
        "mode"?: DatePickerMode;
        /**
          * Fires whenever the selection changes. For `range` mode, `detail.rangeStart` / `detail.rangeEnd` carry the canonical ISO strings; for `multi`, `detail.value` is `string[]`.
         */
        "onMudChange"?: (event: MudDatePickerCustomEvent<DatePickerChangeDetail>) => void;
        /**
          * Fires when the visible month changes (arrows, swipe, keyboard). `month` is 0-indexed.
         */
        "onMudMonthChange"?: (event: MudDatePickerCustomEvent<DatePickerMonthChangeDetail>) => void;
        /**
          * Range mode: end date (ISO `YYYY-MM-DD`). Set together with `rangeStart`.
         */
        "rangeEnd"?: string;
        /**
          * Range mode: start date (ISO `YYYY-MM-DD`). Set together with `rangeEnd`.
         */
        "rangeStart"?: string;
        /**
          * Selected value: - `single` → ISO `YYYY-MM-DD` string (or empty) - `range` → ISO array `[start, end]` (use `rangeStart`/`rangeEnd` for explicit access) - `multi` → array of ISO strings
         */
        "value"?: string | string[];
        /**
          * ISO `YYYY-MM-DD` date that controls the initially displayed month without affecting selection. Useful for tests and controlled scenarios where you need a specific month in view.
         */
        "viewDate"?: string;
    }
    /**
     * File Input — drag-and-drop / click-to-browse file selection molecule.
     * Pattern B (molecule, internal DOM, form-associated): the host owns a hidden
     * native `<input type="file">` for the browse path, manages the drop zone
     * affordance, validates by `accept` / `maxSize` / `maxFiles`, and renders a
     * per-file list of `mud-file-item` rows. Citizens get keyboard parity (Tab
     * to focus, Enter/Space to open the picker) and a `role="status"` live region
     * that announces add / remove / reject events.
     * The component owns SELECTION + VALIDATION + DISPLAY. Real upload (progress,
     * network errors, retries) is consumer-driven via the `mudChange` event.
     * State model (no style axis — Figma is state-only):
     *   default → hover → focus → active (drag-over) → disabled
     *   `invalid` is a separate validation flag that recolors the dashed border red
     *   without introducing a style variant.
     * @element mud-file-input
     */
    interface MudFileInput {
        /**
          * Native HTML `accept` attribute — MIME types and/or extensions, comma-separated.
         */
        "accept"?: string;
        /**
          * Accessible name; mirrors to the drop zone's `aria-label` when no visible label is provided. Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb / mud-date-picker / mud-modal / mud-pagination / mud-receipt).
         */
        "ariaLabel"?: string;
        /**
          * Label for the inline "choose files" link. Rendered as an underlined brand-blue button that opens the native file picker.
          * @default 'Alege fișiere'
         */
        "chooseFilesText"?: string;
        /**
          * Lead-in CTA body text inside the drop area at rest. Renders BEFORE the brand-blue inline link. The trailing space is intentional — the link follows on the same line.
          * @default 'Trage și plasează sau '
         */
        "ctaText"?: string;
        /**
          * Disables interactivity — drop zone ignores drops, button is blocked.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Body text shown while a drag is over the drop zone (Figma "Active" state). Replaces the resting body + hides the icon for the duration of the drag.
          * @default 'Eliberează pentru a încărca'
         */
        "dropzoneActiveText"?: string;
        /**
          * Plain-text error message shown below the drop zone when `invalid` is set.
         */
        "errorText"?: string;
        /**
          * Currently accepted files. Two-way bound: assigning a new array rerenders the list, the citizen interacting fires events that the consumer may use to mutate this array externally.
          * @default []
         */
        "files"?: File[];
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the drop zone.
         */
        "helperText"?: string;
        /**
          * Renders the red-border error treatment + wires `aria-invalid`.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Maximum number of files accepted when `multiple` is set.
         */
        "maxFiles"?: number;
        /**
          * Maximum per-file size in bytes; files above are rejected with `code='size'`.
         */
        "maxSize"?: number;
        /**
          * Top-right caption inside the field row, shown below the dropzone. When unset and `maxSize` is provided, this is derived from `maxSize` (bytes) as `Mărime maximă: 100 MB`. Explicit prop wins.
         */
        "maxSizeText"?: string;
        /**
          * Allow selecting more than one file.
          * @default false
         */
        "multiple"?: boolean;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the accepted file list changes (browse OR drop OR remove).
         */
        "onMudChange"?: (event: MudFileInputCustomEvent<FileInputChangeDetail>) => void;
        /**
          * Fires when a drag enters the drop zone.
         */
        "onMudDragEnter"?: (event: MudFileInputCustomEvent<DragEvent>) => void;
        /**
          * Fires when the drag leaves the drop zone.
         */
        "onMudDragLeave"?: (event: MudFileInputCustomEvent<DragEvent>) => void;
        /**
          * Fires after a drop, with the accepted / rejected split + the first rejection reason.
         */
        "onMudDrop"?: (event: MudFileInputCustomEvent<FileInputDropDetail>) => void;
        /**
          * Fires for every rejected file (size / type / count). One event per file.
         */
        "onMudError"?: (event: MudFileInputCustomEvent<FileInputErrorDetail>) => void;
        /**
          * Fires when a file is removed from the inline list.
         */
        "onMudRemove"?: (event: MudFileInputCustomEvent<FileInputRemoveDetail>) => void;
        /**
          * Marks the field as mandatory. Adds the red asterisk + `aria-required`.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung. Drives drop-zone min-height + label / icon scale.
          * @default 'md'
         */
        "size"?: FileInputSize;
        /**
          * Top-left caption inside the field row, shown below the dropzone. When unset and `accept` is provided, this is derived from `accept` as `Formate acceptate: jpg, png, pdf`. Explicit prop wins.
         */
        "supportedFormatsText"?: string;
        /**
          * Presentation. `dropzone` (default) shows the dashed drag-and-drop area; `button` shows a plain "Choose file" button (the Figma "Upload Button"). Both share the same file list, captions and validation.
          * @default 'dropzone'
         */
        "variant"?: FileInputVariant;
    }
    /**
     * File Item — single-file row inside `mud-file-input` (or any file list surface).
     * Pattern B (atom, internal DOM): renders filename + meta (size / error message)
     * + state icon + remove button. The remove button is the only interactive
     * element; the row itself is not focusable so it cannot trap citizens who tab
     * past a long list.
     * @element mud-file-item
     */
    interface MudFileItem {
        /**
          * Disables the remove button.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Per-item error message. Replaces the size meta line when `state="error"`.
         */
        "errorText"?: string;
        /**
          * Visible filename.
          * @default ''
         */
        "filename"?: string;
        /**
          * Hide the remove button entirely (e.g. read-only summary lists).
          * @default false
         */
        "noRemove"?: boolean;
        /**
          * Fires when the citizen presses the remove control. The host is responsible for splicing the file out of its list.
         */
        "onMudRemove"?: (event: MudFileItemCustomEvent<FileItemRemoveDetail>) => void;
        /**
          * Optional image-preview URL (object URL or data URI). When set, a thumbnail renders in place of the leading file-type icon (the Figma "image-preview" variation). Falls back to the icon if the image fails to load.
         */
        "previewSrc"?: string;
        /**
          * Accessible label for the remove button. Provided in Romanian by default to match the institutional voice.
          * @default 'Elimină fișierul'
         */
        "removeLabel"?: string;
        /**
          * Optional file size in bytes — rendered as a human-readable string.
         */
        "size"?: number;
        /**
          * Lifecycle state. Drives leading icon color and border treatment. Matches Figma's 4-state model: `uploaded` (resting), `uploading`, `success`, `error`.
          * @default 'uploaded'
         */
        "state"?: FileItemState;
    }
    /**
     * Page footer — civic, multi-section organism for AGE / EVO platforms.
     * Pattern B (composed organism): renders all sections inside shadow DOM and
     * composes `mud-link`, `mud-logo`, and `mud-icon` for atomic pieces. The host
     * carries `role="contentinfo"` so screen readers announce it as the page
     * footer landmark.
     * Two variants share one element:
     * - `variant="evo"` (default) — full EVO platform footer: branding headline,
     *   link columns (Servicii guvernamentale / Despre / Asistență / Legal),
     *   contact info, social rows, partner logos, accessibility statement, and a
     *   black legal bar with copyright + license link.
     * - `variant="simple"` — slim variant: only the black legal bar with the
     *   copyright text and license/terms links. Used inside scoped flows
     *   (modals, embedded apps) where the full footer is too tall.
     * Romanian voice ships as defaults; every visible string is overridable via
     * the public `@Prop` surface or the `branding` / `sections` slots.
     * @element mud-footer
     */
    interface MudFooter {
        /**
          * Optional href for the accessibility statement link in the legal bar.
         */
        "accessibilityHref"?: string;
        /**
          * Forwarded to the host as `aria-label`. Defaults to Romanian "Subsol pagină".
         */
        "ariaLabel"?: string;
        /**
          * Contact block (email / phone / address). When undefined, the section is hidden. Pass an empty object to opt out of the Romanian defaults.
         */
        "contact"?: FooterContact;
        /**
          * Plain-text copyright line shown in the legal bar. Defaults to Romanian.
         */
        "copyrightText"?: string;
        /**
          * Optional href for the privacy/license link in the legal bar.
         */
        "licenseHref"?: string;
        /**
          * Currently-selected locale for the language switcher. When undefined, the locale switcher is hidden.
         */
        "locale"?: FooterLocale;
        /**
          * Fires when the user selects a new locale from the language switcher. Consumers update their app-level i18n state in response.
         */
        "onMudLocaleChange"?: (event: MudFooterCustomEvent<FooterLocaleChangeDetail>) => void;
        /**
          * Partner logo list. Each entry renders as a text badge (or anchor when `href` is set). Use the `branding` slot for custom logo SVGs.
         */
        "partnerLogos"?: ReadonlyArray<FooterPartner>;
        /**
          * Declarative link columns. Each entry renders as a titled `<nav>` with a vertical link list. Ignored when the `sections` slot is populated. Defaults to the Romanian four-column catalogue.
         */
        "sections"?: ReadonlyArray<FooterSection>;
        /**
          * Social link list. Each entry renders as a circular icon button. When undefined, the section is hidden.
         */
        "social"?: ReadonlyArray<FooterSocial>;
        /**
          * Layout flavour. - `evo` (default) — full EVO platform footer with branding, columns, contact, social, partners, legal bar. - `simple` — slim variant with only the legal bar (copyright + license links).
          * @default 'evo'
         */
        "variant"?: FooterVariant;
    }
    /**
     * Header — the EVO government portal masthead.
     * Phase 1: the desktop shell — a pre-header band (government crest + label +
     * language switcher) above the main bar (logo / nav / actions slots).
     * Mega-menu, services dropdown, mobile and authenticated states layer on top.
     * @element mud-header
     */
    interface MudHeader {
        /**
          * Government label shown in the pre-header.
          * @default 'Guvernul Republicii Moldova'
         */
        "governmentLabel"?: string;
        /**
          * Active language code. Defaults to the first entry in `languages`.
         */
        "language"?: string;
        /**
          * Languages offered by the pre-header switcher.
          * @default HEADER_DEFAULT_LANGUAGES
         */
        "languages"?: readonly HeaderLanguage[];
        /**
          * Accessible name for the primary navigation landmark.
          * @default 'Main'
         */
        "navLabel"?: string;
        /**
          * Fired when a different language is chosen in the pre-header.
         */
        "onMudLanguageChange"?: (event: MudHeaderCustomEvent<HeaderLanguageChangeDetail>) => void;
    }
    /**
     * Header mega-menu — the full-width "Servicii" dropdown panel.
     * Data-driven: pass `columns` (heading + list of links). Toggle visibility via
     * `open`; the consumer positions it directly beneath `mud-header` and wires it
     * to the matching `mud-header-nav-item`'s `mudNavToggle`.
     * @element mud-header-mega-menu
     */
    interface MudHeaderMegaMenu {
        /**
          * Accessible name for the panel (e.g. the triggering nav label).
         */
        "ariaLabel"?: string;
        /**
          * Columns of headings + links.
          * @default []
         */
        "columns"?: readonly MegaMenuColumn[];
        /**
          * Fired when an option is activated.
         */
        "onMudMegaMenuSelect"?: (event: MudHeaderMegaMenuCustomEvent<HeaderMegaMenuSelectDetail>) => void;
        /**
          * Whether the panel is shown.
          * @default false
         */
        "open"?: boolean;
    }
    /**
     * Mobile header — a compact bar that opens a full-screen navigation drawer.
     * Closed: logo + slotted bar actions (e.g. an auth button + search) + a
     * hamburger. Open: a full-screen panel with logo + language pill + close,
     * then slotted `search`, `nav`, `secondary` (services/help) and bottom
     * `actions` (CTA buttons). Reuse `mud-sidebar-item` for the nav rows.
     * @element mud-header-mobile
     */
    interface MudHeaderMobile {
        /**
          * Accessible label for the close button.
          * @default 'Închide'
         */
        "closeLabel"?: string;
        /**
          * Active language code. Defaults to the first entry in `languages`.
         */
        "language"?: string;
        /**
          * Accessible label for the language pill.
          * @default 'Schimbă limba'
         */
        "languageLabel"?: string;
        /**
          * Languages offered by the drawer's language pill.
          * @default HEADER_DEFAULT_LANGUAGES
         */
        "languages"?: readonly HeaderLanguage[];
        /**
          * Alt text for the logo image.
          * @default ''
         */
        "logoAlt"?: string;
        /**
          * Logo image URL (rendered in both the bar and the drawer).
         */
        "logoSrc"?: string;
        /**
          * Accessible label for the hamburger / drawer nav.
          * @default 'Meniu'
         */
        "menuLabel"?: string;
        /**
          * Fired when the language is changed (cycles through `languages`).
         */
        "onMudLanguageChange"?: (event: MudHeaderMobileCustomEvent<HeaderLanguageChangeDetail>) => void;
        /**
          * Fired when the drawer opens or closes.
         */
        "onMudOpenChange"?: (event: MudHeaderMobileCustomEvent<{ open: boolean }>) => void;
        /**
          * Whether the drawer is open.
          * @default false
         */
        "open"?: boolean;
    }
    /**
     * Header navigation item — a top-bar entry inside `mud-header`'s `nav` slot.
     * Renders as a link (`href`) or a button. Expandable items carry a trailing
     * chevron and toggle a mega-menu (wired by the consumer via `mudNavToggle`).
     * @element mud-header-nav-item
     */
    interface MudHeaderNavItem {
        /**
          * Whether the item is the active/open entry.
          * @default false
         */
        "active"?: boolean;
        /**
          * Whether the item is disabled.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Whether the item opens a dropdown/mega-menu (renders a trailing chevron).
          * @default false
         */
        "expandable"?: boolean;
        /**
          * Whether the dropdown is open.
          * @default false
         */
        "expanded"?: boolean;
        /**
          * Render as a link to this destination.
         */
        "href"?: string;
        /**
          * Label text (overridden by slotted content).
         */
        "label"?: string;
        /**
          * Fired when a non-expandable item is activated.
         */
        "onMudNavSelect"?: (event: MudHeaderNavItemCustomEvent<HeaderNavSelectDetail>) => void;
        /**
          * Fired when an expandable item is opened or closed.
         */
        "onMudNavToggle"?: (event: MudHeaderNavItemCustomEvent<HeaderNavToggleDetail>) => void;
        /**
          * Optional status hint, shown as a hover/focus tooltip (e.g. "În curând").
         */
        "tag"?: string;
        /**
          * Value reported on activation.
         */
        "value"?: string;
    }
    /**
     * Header services menu — the "Platforme utile" dropdown.
     * A 2-column grid of platform cards (each a brand logo) over a "discover all"
     * button. Data-driven via `platforms`; toggle visibility with `open`. Reuses
     * `mud-logo` for platforms it ships (mpay/msign/mpower/mnotify) and accepts a
     * `logoSrc` image for the rest (epermits/econsulat).
     * @element mud-header-services-menu
     */
    interface MudHeaderServicesMenu {
        /**
          * Accessible name for the panel (defaults to `heading`).
         */
        "ariaLabel"?: string;
        /**
          * Destination of the "discover all" button.
         */
        "discoverHref"?: string;
        /**
          * Label of the full-width "discover all" button.
          * @default 'Descoperă-le pe toate'
         */
        "discoverLabel"?: string;
        /**
          * Panel heading.
          * @default 'Platforme utile'
         */
        "heading"?: string;
        /**
          * Fired when the "discover all" button is activated.
         */
        "onMudDiscover"?: (event: MudHeaderServicesMenuCustomEvent<void>) => void;
        /**
          * Fired when a platform card is activated.
         */
        "onMudServiceSelect"?: (event: MudHeaderServicesMenuCustomEvent<HeaderServiceSelectDetail>) => void;
        /**
          * Whether the panel is shown.
          * @default false
         */
        "open"?: boolean;
        /**
          * Platform cards.
          * @default []
         */
        "platforms"?: readonly ServicePlatform[];
    }
    /**
     * Icon — renders an inline SVG fetched on-demand from per-size asset files.
     * Names follow the Material Symbols convention: append `-filled` to the base name
     * to request the filled variant (e.g. `check` outlined vs `check-filled`).
     * When the exact `size`/`name` combination is missing from the manifest, the
     * provider falls back to the closest larger size (preferred) and then to the
     * largest smaller size before giving up.
     * @element mud-icon
     */
    interface MudIcon {
        /**
          * Accessible label. When provided, the icon is announced; when omitted it is decorative.
         */
        "ariaLabel"?: string;
        /**
          * Color token suffix (mapped to `--color-{value}`), or `currentColor` to inherit text color.
          * @default 'currentColor'
         */
        "color"?: string;
        /**
          * Reflects to `[disabled]` and visually disables the icon.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Enables interactive treatment (cursor, hover, focus ring, keyboard activation).
          * @default false
         */
        "interactive"?: boolean;
        /**
          * Icon identifier (kebab-case). Suffix `-filled` selects the filled variant.
          * @default 'check'
         */
        "name"?: string;
        /**
          * Pixel size, aligned with Figma Foundations: 12 / 16 / 20 / 24.
          * @default 16
         */
        "size"?: IconSize;
    }
    /**
     * Informational Box — an inline, in-content callout that highlights key
     * messages, announcements, alerts, or explanations within the page flow.
     * Unlike `mud-notification` (a fixed-width corner toast) or `mud-banner` (a
     * full-width page-level bar), the info box sits inside the content column,
     * fills its container's width, and supports rich content: an optional bold
     * heading, a multi-line body (default slot), an optional inline action group
     * (`actions` slot — links/buttons) and an optional close button.
     * Two axes:
     * - `variant` — `info` (neutral icon), `info-moderate` (brand-blue icon),
     *   `warning`, or `error`.
     * - `emphasis` — `subtle` (neutral grey surface, coloured icon) or `strong`
     *   (a tinted semantic surface).
     * The box is static in-flow content, so it is **not** an ARIA live region
     * (that would re-announce on every render). The icon is decorative; the
     * heading and body are read in normal reading order. For transient, announced
     * messages use `mud-notification` / `mud-banner` instead.
     * @element mud-info-box
     */
    interface MudInfoBox {
        /**
          * When `true`, renders a trailing close button. Activating it emits `mudClose`; the consumer removes the box from the DOM.
          * @default false
         */
        "closable"?: boolean;
        /**
          * Close-button accessible label. Defaults to the Romanian "Închide".
          * @default 'Închide'
         */
        "closeLabel"?: string;
        /**
          * Visual emphasis — `subtle` (neutral grey surface) or `strong` (tinted semantic surface).
          * @default 'subtle'
         */
        "emphasis"?: InfoBoxEmphasis;
        /**
          * Suppress the leading icon entirely (the `icon-none` variation).
          * @default false
         */
        "hideIcon"?: boolean;
        /**
          * Override the default per-variant `mud-icon` name. Ignored when the `icon-start` slot is populated or `hideIcon` is set.
         */
        "iconName"?: string;
        /**
          * Fires when the user activates the close button. Payload is `void` — the consumer is responsible for removing the box from the DOM.
         */
        "onMudClose"?: (event: MudInfoBoxCustomEvent<void>) => void;
        /**
          * Optional bold heading rendered above the body.
         */
        "titleText"?: string;
        /**
          * Semantic variant. `info` uses a neutral icon; `info-moderate` uses the brand-blue icon.
          * @default 'info'
         */
        "variant"?: InfoBoxVariant;
    }
    /**
     * Inline Message — lightweight, in-context feedback rendered as a coloured
     * leading icon plus a short text line (no surface, border, or padding).
     * Used alongside inputs, form fields, or any UI element to give immediate
     * guidance — the same visual pattern the form controls render as their
     * assistive / error text, exposed here as a standalone atom for use outside a
     * specific control.
     * `variant` selects the semantic colour (`info` keeps neutral text with a
     * brand-blue icon; `warning` / `success` / `error` colour both). `size` is
     * `small` (12px) or `medium` (14px).
     * It is plain in-flow text, **not** an ARIA live region. When used as form
     * feedback, associate it with the field via `aria-describedby` (and
     * `aria-invalid` for errors) on the consumer side; for a transient, announced
     * message use `mud-notification` / `mud-banner`. The icon is decorative.
     * @element mud-inline-message
     */
    interface MudInlineMessage {
        /**
          * Suppress the leading icon (the `icon-none` variation).
          * @default false
         */
        "hideIcon"?: boolean;
        /**
          * Override the default per-variant `mud-icon` name.
         */
        "iconName"?: string;
        /**
          * Size rung — `small` (12px / 16px icon) or `medium` (14px / 20px icon).
          * @default 'medium'
         */
        "size"?: InlineMessageSize;
        /**
          * Semantic variant. `info` (default) uses neutral text with a brand-blue icon; `warning` / `success` / `error` colour both icon and text.
          * @default 'info'
         */
        "variant"?: InlineMessageVariant;
    }
    /**
     * Input — single-line text-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`. The component is the canonical text-input primitive;
     * specialised inputs (date, search, phone, etc.) compose around it.
     * @element mud-input
     */
    interface MudInput {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern.
         */
        "ariaLabel"?: string;
        /**
          * Native `autocomplete` attribute forwarded to the internal control.
         */
        "autocomplete"?: string;
        /**
          * Accessible label for the clear (×) button. Only used when `clearable` is set.
          * @default 'Golește câmpul'
         */
        "clearLabel"?: string;
        /**
          * Shows a trailing clear (×) button while the control holds a value. Clearing empties the field, emits `mudInput` + `mudChange`, and returns focus to the input. Suppressed when disabled, read-only, or loading.
          * @default false
         */
        "clearable"?: boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Native `inputmode` hint forwarded to the internal control.
         */
        "inputmode"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Loading state. When true the control becomes uninteractive and a trailing spinner replaces the `icon-end` slot. The host carries `aria-busy="true"` for assistive technologies.
          * @default false
         */
        "loading"?: boolean;
        /**
          * Native `maxlength` constraint.
         */
        "maxLength"?: number;
        /**
          * Native `minlength` constraint.
         */
        "minLength"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the internal control loses focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudBlur"?: (event: MudInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the value is committed (typically on `blur` or `Enter`). `detail.value` is the committed value.
         */
        "onMudChange"?: (event: MudInputCustomEvent<InputChangeDetail>) => void;
        /**
          * Fires when the internal control gains focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudFocus"?: (event: MudInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires on every keystroke. `detail.value` is the current control value.
         */
        "onMudInput"?: (event: MudInputCustomEvent<InputChangeDetail>) => void;
        /**
          * Native `pattern` regex forwarded to the internal control.
         */
        "pattern"?: string;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable and copyable.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: InputSize;
        /**
          * Native input `type`.
          * @default 'text'
         */
        "type"?: InputType;
        /**
          * Current value of the control. Reflects to the host attribute.
          * @default ''
         */
        "value"?: string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant"?: InputVariant;
    }
    /**
     * Input Chip — multi-value text-entry control where each confirmed value
     * renders as a removable pill (chip / tag).
     * Pattern B (molecule, internal DOM, form-associated). The host owns:
     *   - the chip-list state (`chips` prop, two-way bound),
     *   - the inline `<input type="text">` for the next value,
     *   - regex / duplicate / max validation,
     *   - the keyboard contract that lets the citizen navigate between input
     *     and chips with arrow keys + delete chips with Backspace / Enter,
     *   - a `role="status"` live region that announces add / remove / reject.
     * The form value submitted to the surrounding `<form>` is a JSON-encoded
     * array of strings (e.g. `["a@b.md","c@d.md"]`) when a `name` is set.
     * @element mud-input-chip
     */
    interface MudInputChip {
        /**
          * Accessible name; mirrors to the group's `aria-label` when no visible label.
         */
        "ariaLabel"?: string;
        /**
          * Confirmed chip values. Two-way bound: assigning a new array rerenders the list. Consumer mutations through events should set this prop.
          * @default []
         */
        "chips"?: string[];
        /**
          * Disables interactivity. Both chip remove-buttons and the text input become inert.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Maximum number of chips accepted. Further additions emit `mudError` with `code: 'max'`.
         */
        "maxChips"?: number;
        /**
          * Form-control `name`. Used during form submission (value: JSON-encoded array).
         */
        "name"?: string;
        /**
          * Fires when the inline input loses focus.
         */
        "onMudBlur"?: (event: MudInputChipCustomEvent<FocusEvent>) => void;
        /**
          * Fires whenever the chip array changes (add or remove).
         */
        "onMudChange"?: (event: MudInputChipCustomEvent<InputChipChangeDetail>) => void;
        /**
          * Fires when a chip is successfully added.
         */
        "onMudChipAdd"?: (event: MudInputChipCustomEvent<InputChipAddDetail>) => void;
        /**
          * Fires when a chip is removed from the list.
         */
        "onMudChipRemove"?: (event: MudInputChipCustomEvent<InputChipRemoveDetail>) => void;
        /**
          * Fires for every rejected chip (pattern / duplicate / max).
         */
        "onMudError"?: (event: MudInputChipCustomEvent<InputChipErrorDetail>) => void;
        /**
          * Fires when the inline input gains focus.
         */
        "onMudFocus"?: (event: MudInputChipCustomEvent<FocusEvent>) => void;
        /**
          * Placeholder shown when the inline input is empty and no chips exist.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds the red asterisk + `aria-required`.
          * @default false
         */
        "required"?: boolean;
        /**
          * Characters that confirm a chip in addition to Enter. Default is a comma.
          * @default ','
         */
        "separators"?: string;
        /**
          * Visual size rung. Drives container min-height + chip pill scale.
          * @default 'md'
         */
        "size"?: InputChipSize;
        /**
          * Optional regex (string form). Values that don't match are rejected with `code: 'pattern'`.
         */
        "validatePattern"?: string;
        /**
          * The not-yet-confirmed text currently typed into the inline input.
          * @default ''
         */
        "value"?: string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant"?: InputChipVariant;
    }
    /**
     * Link — interactive navigational atom.
     * Pattern B (atom-interactive): renders its own `<a>` (or `<button>` when no
     * `href` is set) inside shadow DOM.
     * The component honors the **DESIGN.md "Visited Magenta Rule"** — `:visited`
     * anchors flip to `#aa18ce` (`color.text.brand.visited`). When `target="_blank"`
     * is set, `rel="noopener noreferrer"` is auto-applied and a small external-link
     * indicator is rendered after the label unless the consumer explicitly opts out
     * via `external="false"`.
     * @element mud-link
     */
    interface MudLink {
        /**
          * Forwarded to the internal element as `aria-label`. Required when the default slot contains only an icon with no text label.
         */
        "ariaLabel"?: string;
        /**
          * Disables interactivity. The link becomes inert: no navigation, no hover, no focus ring. `aria-disabled="true"` is set on the internal element and `pointer-events: none` is applied via CSS.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Anchor `download`. When present (any value including empty string), triggers a download instead of navigation.
         */
        "download"?: string;
        /**
          * When `true` (default) and `target="_blank"`, renders an external-link icon indicator after the label. Set to `false` to suppress the indicator (e.g. when the consumer wants to control the icon themselves via slot=icon-end).
          * @default true
         */
        "external"?: boolean;
        /**
          * Anchor `href`. When absent, the link renders as a `<button>` for keyboard semantics (rare case for callback-driven "links").
         */
        "href"?: string;
        /**
          * Anchor `rel`. Explicitly setting this prop overrides the auto-applied `noopener noreferrer` when `target="_blank"`.
         */
        "rel"?: string;
        /**
          * Visual size rung mapped to body type scale (xs=12, sm=14, md=16, lg=18).
          * @default 'md'
         */
        "size"?: LinkSize;
        /**
          * When `true`, the link receives a larger interactive target — a 32px (pointer) / 40px (touch, `pointer: coarse`) minimum block-size per the Figma "Target Sizes" spec — while still hugging its content inline-size. Designed for navigation lists, "View more" affordances, and standalone CTAs that are not embedded in prose (inline links stay compact, exempt from target-size rules).
          * @default false
         */
        "standalone"?: boolean;
        /**
          * Anchor `target` (e.g. `_blank`). When set to `_blank`, the component auto-applies `rel="noopener noreferrer"` (unless `rel` is explicitly set) and renders an external-link indicator after the label.
         */
        "target"?: string;
        /**
          * Underline treatment. - `always` (default) — underline visible at rest, hover, focus, visited - `hover` — underline appears only on hover/focus - `none` — never underlined (use sparingly; accessibility risk)
          * @default 'always'
         */
        "underline"?: LinkUnderline;
        /**
          * Color treatment. - `primary` (default) — institutional blue, the default link color - `strict` — ink (black) for high-emphasis inline links inside dense copy - `white` — for use on dark backgrounds (does not flip on hover beyond             slight opacity; visited still flips to magenta per the rule)
          * @default 'primary'
         */
        "variant"?: LinkVariant;
    }
    /**
     * Brand logo for Moldovan M-products.
     * Each `name` resolves to a single self-contained SVG asset under `./assets/`.
     * The component fetches and renders that SVG into shadow DOM; the host's
     * dimensions follow the SVG's intrinsic `width`/`height`/`viewBox` exactly as
     * exported from Figma — so a future asset with non-standard dimensions
     * "just works" without a CSS contract change.
     * Consumers that need to reserve layout space before the async fetch
     * resolves (e.g. above-the-fold marketing, dense grids) should wrap the
     * logo in a sized container — `mud-service-button` does this for its
     * `badge` slot (24 × 24).
     * @element mud-logo
     */
    interface MudLogo {
        /**
          * Accessible label. When provided (and non-whitespace), the logo is announced as an image; when omitted or whitespace-only the logo is decorative (aria-hidden).
         */
        "ariaLabel"?: string;
        /**
          * Logo asset identifier — the bare filename (without `.svg`) of an asset in `./assets/`. Format: `{service}-logo-{layout}`. See `LOGO_NAMES` for the complete enumeration.
          * @default 'mpay-logo-logomark-only'
         */
        "name"?: LogoName;
        /**
          * Emitted when an asset fails to load — either because the `name` is not in the manifest (`'unknown'`) or because the SVG fetch failed (`'fetch-failed'`). Lets consumers react in production where `console.warn` is invisible (telemetry, fallback UI, etc.).  Note: events emitted during `componentWillLoad` (initial mount) fire before consumer listeners can attach to a freshly-inserted host. Attach the listener BEFORE setting the `name` prop, or rely on the warning for mount-time failures.
         */
        "onMudLogoError"?: (event: MudLogoCustomEvent<{ name: string; reason: 'unknown' | 'fetch-failed' }>) => void;
    }
    /**
     * Menu — a floating panel of choosable options, composed of `mud-menu-item` children.
     * Two flavours via `type`:
     * - `selection` — single-select list (ARIA `listbox`), selected item shows a trailing checkmark.
     * - `contextual` — action menu (ARIA `menu`), items may carry a leading checkbox/radio/icon.
     * The panel is the visual + interaction primitive (keyboard roving, selection, scroll).
     * Anchoring/positioning relative to a trigger is the consumer's responsibility; bind `open`
     * and listen for `mudClose` (Escape / `closeOnSelect`) to drive popover behaviour.
     * @element mud-menu
     */
    interface MudMenu {
        /**
          * Accessible name for the menu.
         */
        "ariaLabel"?: string;
        /**
          * Emit `mudClose` immediately after an item is selected.
          * @default false
         */
        "closeOnSelect"?: boolean;
        /**
          * Fired when the selected value changes (selection menus only).
         */
        "onMudChange"?: (event: MudMenuCustomEvent<MenuChangeDetail>) => void;
        /**
          * Fired when the menu requests to close (Escape key, or `closeOnSelect`).
         */
        "onMudClose"?: (event: MudMenuCustomEvent<void>) => void;
        /**
          * Fired when any item is activated.
         */
        "onMudSelect"?: (event: MudMenuCustomEvent<MenuSelectDetail>) => void;
        /**
          * Whether the panel is shown. Set `false` to hide it when used as a popover.
          * @default true
         */
        "open"?: boolean;
        /**
          * Menu semantics: `selection` (single-select list) or `contextual` (actions).
          * @default 'contextual'
         */
        "type"?: MenuType;
        /**
          * Currently selected value (selection menus).
         */
        "value"?: string;
    }
    /**
     * Menu item — a single row inside a `mud-menu`.
     * Pattern: the host element is the focusable, role-bearing control. Roving
     * `tabindex` is managed imperatively by the parent `mud-menu`. The item emits
     * `mudMenuItemSelect` (bubbling) on activation; the parent coordinates selection.
     * @element mud-menu-item
     */
    interface MudMenuItem {
        /**
          * Whether the item is disabled and non-interactive.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Render as a non-interactive section heading (separator + tertiary label).
          * @default false
         */
        "heading"?: boolean;
        /**
          * Icon name to render when `leading="icon"`.
         */
        "icon"?: string;
        /**
          * Fallback text label when no content is slotted.
         */
        "label"?: string;
        /**
          * Leading element rendered before the label.
          * @default 'none'
         */
        "leading"?: MenuItemLeading;
        /**
          * Fired when the item is activated via click, Enter or Space.
         */
        "onMudMenuItemSelect"?: (event: MudMenuItemCustomEvent<MenuItemSelectDetail>) => void;
        /**
          * Whether the item is selected (selection menus) or checked (checkbox/radio leading).
          * @default false
         */
        "selected"?: boolean;
        /**
          * Value reported when the item is activated.
         */
        "value"?: string;
    }
    /**
     * Modal — overlay dialog molecule.
     * Renders a centered dialog card on top of a dimmed backdrop using the native
     * `<dialog>` element internally. The native element provides the focus trap,
     * ESC handling, and top-layer rendering required for WCAG 2.1 AA Modal
     * conformance (SC 2.1.2 No Keyboard Trap reversed: focus IS trapped inside an
     * active dialog and returned on close).
     * Pattern B (internal DOM): the dialog, backdrop, header, body and footer all
     * live inside shadow DOM. Consumers project content through five slots
     * (`title`, `icon`, `image`, default body, `actions`) and toggle visibility
     * via the `open` prop or the imperative `openModal()` / `closeModal()`
     * methods.
     * Variants control the header treatment:
     * - `default` — title + close button (text-only header)
     * - `with-image` — full-bleed hero image at top with overlaid close button
     * - `with-icon` — leading 48px icon above the body content (no top header bar)
     * Dismiss reasons routed through `mudClose<{reason}>`:
     * - `backdrop` — click on backdrop (suppressed by `closeOnBackdrop=false`)
     * - `escape` — ESC keypress (suppressed by `closeOnEscape=false`)
     * - `close-button` — trailing × button activated
     * - `action` — programmatic via `closeModal('action')`, used by footer buttons
     * @element mud-modal
     */
    interface MudModal {
        /**
          * Footer button arrangement (Figma 358:16247). - `inline` — buttons sit side-by-side, right-aligned (default) - `stacked` — buttons span the full footer width, stacked vertically (primary on top)  For mobile / touch layouts use `stacked` and slot the action buttons DIRECTLY (`<mud-button slot="actions" full-width>` each, primary first) — not wrapped in a container. A wrapped `<div slot="actions">` stays inline because its own layout can't be restyled from the modal's shadow CSS.
          * @default 'inline'
         */
        "actionsLayout"?: ModalActionsLayout;
        /**
          * When `true`, renders a trailing × close button in the header. Activating it emits `mudClose` with `reason: 'close-button'`. Hide it for required confirmation flows by setting `closable=false`.
          * @default true
         */
        "closable"?: boolean;
        /**
          * Accessible label for the close × button. Defaults to the Romanian "Închide".
          * @default 'Închide'
         */
        "closeLabel"?: string;
        /**
          * Whether a click on the backdrop dismisses the modal. Disable for flows that demand an explicit decision (e.g. unsaved-changes confirmation).
          * @default true
         */
        "closeOnBackdrop"?: boolean;
        /**
          * Whether pressing ESC dismisses the modal. Disable to enforce a deliberate confirmation; pair with `closable=false` and footer actions for the strictest dialog contract.
          * @default true
         */
        "closeOnEscape"?: boolean;
        /**
          * Styles the dialog frame and footer for an irreversible action (e.g. delete account). Adds a red top border accent and is intended to be paired with a destructive primary `mud-button` in the actions slot.
          * @default false
         */
        "destructive"?: boolean;
        /**
          * Alt text for the prop-driven hero image. Use an empty string when the image is purely decorative and the title/body already describes the action.
          * @default ''
         */
        "imageAlt"?: string;
        /**
          * Hero image URL for the `with-image` variant. Rendered as the slot fallback — if a consumer projects their own `<img slot="image">` / `<picture>` it wins. Pair with `imageAlt` for accessibility (empty alt is acceptable for decorative images).
         */
        "imageSrc"?: string;
        /**
          * Accessible name forwarded to the host as `aria-label`. Required when no title is provided. The consumer-supplied `aria-label` attribute is captured on connect into `resolvedAriaLabel` and stripped from the host to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb / mud-date-picker).
         */
        "label"?: string;
        /**
          * Fires after the dialog has been dismissed. Payload carries the `reason` so consumers can distinguish backdrop vs. escape vs. close-button vs. footer-action dismissals.
         */
        "onMudClose"?: (event: MudModalCustomEvent<ModalCloseEvent>) => void;
        /**
          * Fires after the dialog has been shown.
         */
        "onMudOpen"?: (event: MudModalCustomEvent<void>) => void;
        /**
          * Whether the modal is currently shown. Reflected so consumers can target `mud-modal[open]` in selectors. Mutable so the component can flip it back to `false` on internal dismiss (backdrop / escape / close button).
          * @default false
         */
        "open"?: boolean;
        /**
          * Visual size rung. Drives the dialog max-width and the typography scale of title and body copy.
          * @default 'md'
         */
        "size"?: ModalSize;
        /**
          * Title text rendered in the header. The named `title` slot, when filled, overrides this prop to allow rich content.
         */
        "titleText"?: string;
        /**
          * Header treatment. - `default` — title bar + close button - `with-image` — hero image as header (close button overlaid) - `with-icon` — leading 48px icon, no top bar
          * @default 'default'
         */
        "variant"?: ModalVariant;
    }
    /**
     * Notification — semantic toast message (350px filled surface, 8px radius).
     * Renders a leading icon, an optional bold heading, the message body
     * (default slot), an optional inline action group (`actions` slot) and an
     * optional trailing close button.
     * Pattern B (atom-display + interactive close): the close affordance lives
     * inside shadow DOM so it participates in tab order with a real
     * `button` role. The body itself is not interactive.
     * `variant` selects the semantic color family — `info`, `warning`, `success`,
     * or `error` — each a filled toast surface with its own leading icon.
     * Live-region routing:
     * - `info` / `success` → `role="status"` + `aria-live="polite"`
     * - `warning` / `error` → `role="alert"` + `aria-live="assertive"`
     * @element mud-notification
     */
    interface MudNotification {
        /**
          * Forwarded to the host as `aria-label`. Use this to give the entire notification an explicit accessible name when the body content alone is not descriptive enough.
         */
        "ariaLabel"?: string;
        /**
          * When `true`, renders a trailing close button. Activating it emits `mudClose`; the consumer is responsible for removing the notification from the DOM.
          * @default false
         */
        "closable"?: boolean;
        /**
          * Close-button accessible label. Defaults to the Romanian "Închide". Provide an alternative for non-Romanian locales.
          * @default 'Închide'
         */
        "closeLabel"?: string;
        /**
          * Override the default `mud-icon` name for the variant (e.g. swap `circle-info-filled` for a custom glyph). When the `icon-start` slot is populated, this prop is ignored.
         */
        "iconName"?: string;
        /**
          * Fires when the user activates the close button. Payload is `void` — the consumer is responsible for the dismiss animation / DOM removal.
         */
        "onMudClose"?: (event: MudNotificationCustomEvent<void>) => void;
        /**
          * Optional bold title rendered above the body.
         */
        "titleText"?: string;
        /**
          * Semantic color family.
          * @default 'info'
         */
        "variant"?: NotificationVariant;
    }
    /**
     * Numeric Input — numeric-entry control with stacked step buttons.
     * Pattern B (atom-interactive, form-associated): renders its own `<input>`
     * inside shadow DOM and pairs it with a trailing stepper stack (chevron-up
     * over chevron-bottom). Shares the visual primitives of `mud-input` (border,
     * focus ring, label, helper / error, sizes, states) and adds a
     * `--numeric-input-stepper-*` token namespace for the increment / decrement
     * affordance.
     * Why `<input type="text" inputmode="decimal">` instead of
     * `<input type="number">`: native `type="number"` mixes parsing, locale, and
     * UI affordances in ways that interact poorly with `precision` rounding and
     * `min`/`max` clamping. The component delegates parsing + clamping to its own
     * logic and exposes `inputmode="decimal"` so mobile devices still surface the
     * numeric keypad.
     * @element mud-numeric-input
     */
    interface MudNumericInput {
        /**
          * Allow fractional input. When `false` the field is integer-only: typing a decimal separator is blocked and any fractional part is truncated on commit.
          * @default true
         */
        "allowDecimal"?: boolean;
        /**
          * Allow negative input. When `false` the field is positive-only: typing `-` is blocked and negative entries are rejected on commit.
          * @default true
         */
        "allowNegative"?: boolean;
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern.
         */
        "ariaLabel"?: string;
        /**
          * Human-readable value announcement for screen readers (e.g. `"5 lei"`). Maps to the native `aria-valuetext` on the spinbutton. Same capture-and-strip pattern as `ariaLabel`.
         */
        "ariaValuetext"?: string;
        /**
          * Accessible label for the clear button. Defaults to the Romanian "Șterge".
          * @default 'Șterge'
         */
        "clearLabel"?: string;
        /**
          * When `true`, renders a trailing clear (×) button while the field holds a value. Activating it clears the value and emits `mudChange` with `null`.
          * @default false
         */
        "clearable"?: boolean;
        /**
          * Accessible label for the decrement button. Defaults to Romanian "Scade".
          * @default 'Scade'
         */
        "decrementLabel"?: string;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute. Stepper buttons are also disabled.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Accessible label for the increment button. Defaults to Romanian "Crește" per the institutional voice.
          * @default 'Crește'
         */
        "incrementLabel"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Loading state. When true the control becomes uninteractive and a brand `mud-spinner` replaces the trailing stepper stack. The host carries `aria-busy="true"` for assistive technologies.
          * @default false
         */
        "loading"?: boolean;
        /**
          * BCP-47 locale used to group the displayed value with thousands separators and to parse grouped input back (e.g. `ro-MD` → `1.250,00`). When unset the value displays ungrouped. Grouping is applied while the field is not being edited; on focus the raw editable number is shown so the caret stays sane.
         */
        "locale"?: string;
        /**
          * Inclusive upper bound. Stepper-up disables at this value; manual entries above clamp on blur.
         */
        "max"?: number;
        /**
          * Maximum number of characters accepted by the field (native `maxlength`). When set, a character counter renders in the assistive row unless `show-counter` is `false`.
         */
        "maxLength"?: number;
        /**
          * Inclusive lower bound. Stepper-down disables at this value; manual entries below clamp on blur.
         */
        "min"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the internal control loses focus.
         */
        "onMudBlur"?: (event: MudNumericInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the value is committed (blur / Enter / stepper). `detail.value` is the clamped, precision-rounded value or `null`.
         */
        "onMudChange"?: (event: MudNumericInputCustomEvent<NumericInputChangeDetail>) => void;
        /**
          * Fires when the clear button empties the field. `detail.value` is `null`.
         */
        "onMudClear"?: (event: MudNumericInputCustomEvent<NumericInputChangeDetail>) => void;
        /**
          * Fires when validation rejects the current input (out-of-range, NaN).
         */
        "onMudError"?: (event: MudNumericInputCustomEvent<NumericInputErrorDetail>) => void;
        /**
          * Fires when the internal control gains focus.
         */
        "onMudFocus"?: (event: MudNumericInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires on every keystroke. `detail.value` is the parsed current value or `null`.
         */
        "onMudInput"?: (event: MudNumericInputCustomEvent<NumericInputChangeDetail>) => void;
        /**
          * Fires when a stepper button (or arrow key) bumps the value.
         */
        "onMudStep"?: (event: MudNumericInputCustomEvent<NumericInputStepDetail>) => void;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Decimal precision applied on blur (number of decimal places). When unset the value is preserved as typed (subject to clamping).
         */
        "precision"?: number;
        /**
          * Renders the field read-only. The control remains focusable; steppers are suppressed.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * Force the character counter to show or hide. Auto-shows when `maxlength` is set; pass `false` to suppress it.
          * @default true
         */
        "showCounter"?: boolean;
        /**
          * Show the trailing stacked stepper (chevron-up / chevron-bottom) buttons. Off by default per Figma master, which renders the canonical numeric input without steppers (suffix-only). Opt in via `show-steppers` for compact quantity / rating fields where stepper affordance is valuable.
          * @default false
         */
        "showSteppers"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: NumericInputSize;
        /**
          * Increment / decrement amount applied by the stepper buttons and arrow keys.
          * @default 1
         */
        "step"?: number;
        /**
          * Current numeric value. `undefined` represents an empty field. Reflects to the host attribute when set.
         */
        "value"?: number;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set. Numeric inputs ship 3 styles per Figma (no Warning) — invalid numeric values are typically out-of-range (Destructive) or confirmed-valid (Success); there is no in-between state worth a Warning tone.
          * @default 'default'
         */
        "variant"?: NumericInputVariant;
    }
    /**
     * Pagination — navigation control for paged content.
     * Renders a list of page-number buttons flanked by Previous / Next controls.
     * The visible page list is computed from `currentPage`, `totalPages`,
     * `siblingCount`, and `boundaryCount`. When the total exceeds the visible
     * window, an interactive overflow button (`…`) collapses the skipped range
     * and lets users jump directly to any of those pages via a dropdown menu
     * (Figma "overflow-active" interaction). When the collapsed range is large
     * (e.g. page 1 of 40 hides ~34 pages), the dropdown caps its height and
     * scrolls internally instead of running off the viewport.
     * The component is internally controlled but exposes a `mudChange` event so
     * the host can drive the active page. Updating `current-page` from outside
     * is also honoured (e.g. when the URL changes via routing).
     * Previous / Next buttons are hidden at the boundaries (page 1 hides Prev,
     * the last page hides Next) instead of being rendered in a disabled state —
     * this matches the Figma "first-page" / "last-page" specification.
     * @element mud-pagination
     */
    interface MudPagination {
        /**
          * Number of page buttons shown at the start and end of the range (before / after the leading / trailing ellipsis).
          * @default 1
         */
        "boundaryCount"?: number;
        /**
          * The active page (1-indexed). Mutable so consumers can two-way bind.
          * @default 1
         */
        "currentPage"?: number;
        /**
          * Accessible name for the navigation landmark when no `aria-label` is set on the host. Defaults to "Navigare pagini". Setting `aria-label` directly on the host also works — the consumer-supplied attribute wins and is captured on connect into `resolvedAriaLabel`, then stripped from the host to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb / mud-date-picker / mud-modal).
         */
        "label"?: string;
        /**
          * Accessible label template for the Next button. The `{page}` token is replaced with the target page number.
          * @default 'Pagina următoare, mergi la pagina {page}'
         */
        "nextAriaLabel"?: string;
        /**
          * Visible label for the Next button (desktop only — hidden on `sm`).
          * @default 'Următor'
         */
        "nextLabel"?: string;
        /**
          * Fires when the user activates a different page via click on a numbered button, the Previous / Next controls, or a page in the overflow dropdown. Carries the new and previous page numbers so consumers can drive routing or data fetches.
         */
        "onMudChange"?: (event: MudPaginationCustomEvent<PaginationChangeDetail>) => void;
        /**
          * Accessible label template for the overflow ("…") button. The `{from}` and `{to}` tokens are replaced with the first and last page in the collapsed range.
          * @default 'Arată paginile de la {from} la {to}'
         */
        "overflowAriaLabel"?: string;
        /**
          * Accessible label template for an individual page button. Tokens `{page}` and `{total}` are substituted with the page number and total page count.
          * @default 'Pagina {page} din {total}'
         */
        "pageAriaLabel"?: string;
        /**
          * Accessible label template for the Previous button. The `{page}` token is replaced with the target page number.
          * @default 'Pagina anterioară, mergi la pagina {page}'
         */
        "prevAriaLabel"?: string;
        /**
          * Visible label for the Previous button (desktop only — hidden on `sm`).
          * @default 'Anterior'
         */
        "prevLabel"?: string;
        /**
          * Whether to render the Previous / Next navigation buttons at all. When `true` (default) they still hide individually at the corresponding boundary (page 1 hides Prev, last page hides Next).
          * @default true
         */
        "showPrevNext"?: boolean;
        /**
          * Number of page buttons shown on each side of the active page.
          * @default 1
         */
        "siblingCount"?: number;
        /**
          * Visual size rung. Mobile breakpoints typically use `sm` (32px) and desktop uses `md` (40px).
          * @default 'md'
         */
        "size"?: PaginationSize;
        /**
          * Total number of pages. When `<= 1` the component renders nothing.
          * @default 1
         */
        "totalPages"?: number;
    }
    /**
     * Phone Input — phone-number entry molecule with country-code prefix and
     * format mask. The most Moldova-specific input in the family: it ships a
     * default `+373` country, a curated diaspora-relevant country list with
     * inline-SVG flag glyphs, and Romanian-voice placeholder + error copy.
     * Pattern B (molecule, form-associated): renders its own `<input type="tel">`
     * inside shadow DOM alongside an inline country trigger that either
     * displays a static flag+dial-code pill (`type="local"`, Moldova-first
     * default) or a combobox that opens a country listbox (`type="international"`).
     * Form participation works via `formAssociated` + `ElementInternals`; the
     * form value is the canonical E.164 string (`+37362123456`).
     * @element mud-phone-input
     */
    interface MudPhoneInput {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern.
         */
        "ariaLabel"?: string;
        /**
          * Optional whitelist of ISO codes to surface in the dropdown. Defaults to the curated 15-country Moldova-diaspora list when omitted.
         */
        "countries"?: string[];
        /**
          * Initial country selection (ISO 3166-1 alpha-2). Defaults to Moldova because the system serves citizens calling government services.
          * @default 'MD'
         */
        "defaultCountry"?: string;
        /**
          * Disables interactivity. Trigger and input receive `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon. Defaults to the Romanian message `"Numărul de telefon este incomplet"` when `invalid` is set without a custom message.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Loading state. When true the control becomes uninteractive and an inline `mud-spinner` renders inside the input row. The host carries `aria-busy="true"` for assistive technologies.
          * @default false
         */
        "loading"?: boolean;
        /**
          * Form-control `name`. Used during form submission with the E.164 value.
         */
        "name"?: string;
        /**
          * Fires when the internal input loses focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudBlur"?: (event: MudPhoneInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the value is committed (typically on `blur` or `Enter`). `detail.isValid` reflects whether the local-segment length sits in the active country's window.
         */
        "onMudChange"?: (event: MudPhoneInputCustomEvent<PhoneInputChangeDetail>) => void;
        /**
          * Fires when the country listbox closes.
         */
        "onMudClose"?: (event: MudPhoneInputCustomEvent<void>) => void;
        /**
          * Fires when the user picks a different country from the dropdown.
         */
        "onMudCountryChange"?: (event: MudPhoneInputCustomEvent<PhoneInputCountryChangeDetail>) => void;
        /**
          * Fires when the internal input gains focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudFocus"?: (event: MudPhoneInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires on every keystroke. `detail.value` is the current canonical E.164 string; `detail.countryCode` is the active ISO 3166-1 alpha-2.
         */
        "onMudInput"?: (event: MudPhoneInputCustomEvent<PhoneInputInputDetail>) => void;
        /**
          * Fires when the country listbox opens.
         */
        "onMudOpen"?: (event: MudPhoneInputCustomEvent<void>) => void;
        /**
          * Reflects the open state of the country listbox. Mutate via `mudOpen` / `mudClose` events, not by writing to the attribute. Only meaningful when `type="international"` — Local mode never opens a listbox.
          * @default false
         */
        "open"?: boolean;
        /**
          * Placeholder shown when the local segment is empty. Defaults to the country's mask.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The input remains focusable and copyable; the country trigger renders inert. Background steps into the soft-gray surface to telegraph "visible but not editable", matching the rest of the input family.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: PhoneInputSize;
        /**
          * Phone entry mode. - `local` (default — Moldova-first): country trigger renders as a   static flag+dial-code pill (no chevron, no listbox). Assumes the   `defaultCountry` implicitly and only accepts its national format. - `international`: country trigger renders as a combobox (flag + dial   code + chevron); clicking opens a listbox of all eligible   countries. Use when the caller can't guarantee the citizen is   filing from inside the home market.
          * @default 'local'
         */
        "type"?: PhoneInputType;
        /**
          * Current value — canonical E.164 (`+37362123456`). Reflects to the host attribute. Empty string represents an unfilled field.
          * @default ''
         */
        "value"?: string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant"?: PhoneInputVariant;
    }
    /**
     * Progress Tracker (Stepper) — visualises a user's position in a multi-step process.
     * Two flavours:
     * - **Display tracker** (`interactive=false`, default) — read-only. Each step is a
     *   `<li>` carrying ARIA semantics. Use for sign-up wizards, KYC flows, document
     *   submissions where the parent app drives navigation.
     * - **Interactive tracker** (`interactive=true`) — each completed (and the current)
     *   step renders as a `<button>` and emits `mudStepClick`. Pending steps remain
     *   non-actionable per the WAI-ARIA stepper pattern.
     * State legend (Figma node 634:10573):
     *   - `pending`    — neutral grey ring + faded number, non-navigable
     *   - `current`    — brand ring + brand number, neutral label
     *   - `completed`  — brand filled circle + white checkmark (brand underlined link label when interactive)
     *   - `available`  — brand outline ring + brand number, navigable forward (brand underlined link label when interactive)
     *   - `error`      — danger ring + danger cross, neutral label
     * The component renders an ordered list with `role="list"` for AT compatibility
     * (Safari + VoiceOver strip implicit list roles when `list-style: none` is set).
     * @element mud-progress-tracker
     */
    interface MudProgressTracker {
        /**
          * Accessible name for the surrounding list landmark. Falls back to `'Progress tracker'` (English) — Romanian consumers can pass `'Pași'`.
         */
        "ariaLabel"?: string;
        /**
          * Compact "dot rail" rendering — the mobile breakpoint from Figma. Hides the step numbers and labels, leaving a rail of dots; per-status fills convey progress (filled brand + checkmark = completed, hollow ring = current / available / pending, danger ring + cross = error). Status icons are kept; only the numeric indicators and text labels are hidden. Works in both orientations.
          * @default false
         */
        "compact"?: boolean;
        /**
          * Optional zero-based index of the current step. When set, it overrides the `status: 'current'` value in `steps`. Mostly useful for parent-driven flows that mutate a single number rather than the whole array.
         */
        "currentStep"?: number;
        /**
          * When true, completed, current, and available steps render as `<button>` elements and emit `mudStepClick`. Pending and error steps remain non-actionable in this mode.
          * @default false
         */
        "interactive"?: boolean;
        /**
          * Emitted when an interactive step is activated via mouse, keyboard, or AT. Detail carries the `index` and the full `step` object that was clicked. Only fires when `interactive=true` and the step is not disabled.
         */
        "onMudStepClick"?: (event: MudProgressTrackerCustomEvent<ProgressTrackerStepClickDetail>) => void;
        /**
          * Layout orientation.   - `horizontal` (default): steps flow left to right; labels render under indicators.   - `vertical`: steps stack top to bottom; labels render to the right of indicators.
          * @default 'horizontal'
         */
        "orientation"?: ProgressTrackerOrientation;
        /**
          * Declarative step list. Each item: `{ id?, label, supportingText?, status, iconName?, disabled? }`. `status` drives the visual state and ARIA semantics — see {@link ProgressTrackerStepStatus}.
         */
        "steps"?: ProgressTrackerStep[];
    }
    /**
     * Radio — single-select form input atom.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="radio">` inside shadow DOM and paints the visual circle
     * with CSS. Form participation works via `formAssociated` +
     * `ElementInternals.setFormValue`. The component is the standalone radio
     * primitive; a future `mud-radio-group` molecule will manage roving focus
     * and `name`-based exclusivity across siblings.
     * @element mud-radio
     */
    interface MudRadio {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present.
         */
        "ariaLabel"?: string;
        /**
          * ID of the element labelling the radio. Used when label content lives outside the component.
         */
        "ariaLabelledby"?: string;
        /**
          * Whether the radio is currently selected.
          * @default false
         */
        "checked"?: boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Maps to Figma's "Error" state — border and selected dot turn red. Sets `aria-invalid` on the internal control.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Accessible-name fallback. Used as `aria-label` on the internal input when no `label` slot is provided. Does NOT render visible text — use the `label` slot for that. Matches the `mud-button` / `mud-checkbox` convention.
         */
        "label"?: string;
        /**
          * Form-control `name`. Used during form submission and for grouping radios.
         */
        "name"?: string;
        /**
          * Fires when the internal control loses focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudBlur"?: (event: MudRadioCustomEvent<FocusEvent>) => void;
        /**
          * Fires whenever the checked state changes. `detail.checked` is the new state.
         */
        "onMudChange"?: (event: MudRadioCustomEvent<RadioChangeDetail>) => void;
        /**
          * Fires when the internal control gains focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudFocus"?: (event: MudRadioCustomEvent<FocusEvent>) => void;
        /**
          * Renders the control read-only. It remains focusable but cannot be toggled.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: RadioSize;
        /**
          * Accessible-description fallback. Reserved for future use as `aria-describedby` source when no `supporting-text` slot is provided. Does NOT render visible text — use the `supporting-text` slot for that.
         */
        "supportingText"?: string;
        /**
          * Value submitted with the form when this radio is checked.
         */
        "value"?: string;
    }
    /**
     * Receipt — confirmation surface for a finished Moldovan e-Gov transaction
     * (molecule).
     * Pattern B (composed molecule): renders its own header / amount block /
     * details list / QR / footer in shadow DOM. Composes `mud-logo`, `mud-tag`,
     * and `mud-button` for the interactive pieces.
     * Four sibling variants share one element via the `service` attribute —
     * each maps to one of the e-Gov properties:
     * - `service="mpay"` (default) — payment receipt
     * - `service="mpass"` — authentication session log
     * - `service="msign"` — signature receipt
     * - `service="mdelivery"` — delivery confirmation
     * The receipt is a presentational artifact. It does not fetch, validate,
     * or persist; callers pass already-formatted values. The QR (default slot
     * `qr` overrides) is generated client-side from the `qrData` prop via a
     * vendored byte-mode QR encoder — no runtime dependency, no network.
     * Print: the host carries `@media print` rules to hide action buttons,
     * drop shadows, and force ink-primary text so a citizen can print the
     * receipt without the surrounding UI bleeding through.
     * Romanian voice ships as defaults; every label is overridable via the
     * public `@Prop` surface for localisation.
     * @element mud-receipt
     */
    interface MudReceipt {
        /**
          * Pre-formatted amount string (e.g. `"150,00"`). The receipt does NOT format numbers — locale-aware grouping and decimal style belong to the caller. Omit to hide the amount panel entirely (used by mpass / msign receipts that carry no monetary value).
         */
        "amount"?: string;
        /**
          * "Suma" label preceding the amount value.
         */
        "amountLabel"?: string;
        /**
          * Currency code rendered next to the amount.
          * @default 'MDL'
         */
        "currency"?: string;
        /**
          * Date in ISO-8601 form (`"2026-05-22T14:32:00Z"`). Rendered via `Intl.DateTimeFormat(this.locale, …)`. Falls back to the raw string on a parse failure.
         */
        "date"?: string;
        /**
          * "Data" label preceding the date.
         */
        "dateLabel"?: string;
        /**
          * Free-text description rendered as its own row.
         */
        "description"?: string;
        /**
          * "Descriere" label preceding the free text.
         */
        "descriptionLabel"?: string;
        /**
          * "Descarcă PDF" button label.
         */
        "downloadLabel"?: string;
        /**
          * "Trimite email" button label.
         */
        "emailLabel"?: string;
        /**
          * Override for the receipt's accessible name. Defaults to the resolved title plus status (e.g. "Bon de plată — Plătit"). Setting `aria-label` directly on the host also works — captured on connect into `resolvedAriaLabel` and stripped to avoid Stencil's attribute-observer / render-loop antipattern (same pattern as mud-radio / mud-switch / mud-tooltip / mud-accordion / mud-breadcrumb / mud-date-picker / mud-modal / mud-pagination).
         */
        "label"?: string;
        /**
          * BCP-47 locale used by the built-in date formatter. Override for non-Romanian surfaces.
          * @default 'ro-RO'
         */
        "locale"?: string;
        /**
          * Fires when the user activates the "Descarcă PDF" action.
         */
        "onMudDownload"?: (event: MudReceiptCustomEvent<ReceiptActionDetail>) => void;
        /**
          * Fires when the user activates the "Trimite email" action.
         */
        "onMudEmail"?: (event: MudReceiptCustomEvent<ReceiptActionDetail>) => void;
        /**
          * Fires when the user activates the "Imprimă" action.
         */
        "onMudPrint"?: (event: MudReceiptCustomEvent<ReceiptActionDetail>) => void;
        /**
          * Fires when the user activates the "Distribuie" action.
         */
        "onMudShare"?: (event: MudReceiptCustomEvent<ReceiptActionDetail>) => void;
        /**
          * "Imprimă" button label.
         */
        "printLabel"?: string;
        /**
          * "Cod QR pentru verificare" accessible label on the QR figure.
         */
        "qrAriaLabel"?: string;
        /**
          * "Scanează pentru verificare" caption under the QR.
         */
        "qrCaption"?: string;
        /**
          * Payload encoded into the QR. When empty AND no `qr` slot is provided, the QR panel is hidden entirely.
         */
        "qrData"?: string;
        /**
          * Recipient party. `idnp` is auto-masked.
         */
        "recipient"?: ReceiptParty;
        /**
          * "Beneficiar" label preceding the recipient.
         */
        "recipientLabel"?: string;
        /**
          * Sender party. `idnp` is auto-masked (`2002******789`).
         */
        "sender"?: ReceiptParty;
        /**
          * "Plătitor" label preceding the sender.
         */
        "senderLabel"?: string;
        /**
          * Which e-Gov property this receipt belongs to. Drives the rendered logo, the default title, and the `service` attribute carried in event detail.
          * @default 'mpay'
         */
        "service"?: ReceiptService;
        /**
          * "Distribuie" button label.
         */
        "shareLabel"?: string;
        /**
          * Whether the built-in action footer renders. Disable for read-only archival views.
          * @default true
         */
        "showActions"?: boolean;
        /**
          * Transaction lifecycle state. Drives the status tag color + label.
         */
        "status"?: ReceiptStatus;
        /**
          * "Status:" inline label preceding the tag.
         */
        "statusLabel"?: string;
        /**
          * Plain-text receipt title. Defaults to a Romanian per-service string (`Bon de plată`, `Confirmare autentificare`, `Confirmare semnătură`, `Confirmare livrare`).  Attribute name is `title-text` to avoid collision with the built-in HTML `title` global attribute (Stencil warns and the global wins at runtime). Prop name remains `titleText` for ergonomic JS access.
         */
        "titleText"?: string;
        /**
          * Opaque transaction identifier rendered in the footer caption.
         */
        "transactionId"?: string;
        /**
          * "Cod tranzacție" label preceding the transaction ID.
         */
        "transactionIdLabel"?: string;
    }
    /**
     * Search Input (circular) — single-line search-entry control with a fully
     * rounded (pill) silhouette.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="search">` inside shadow DOM. Adds a leading magnifying-glass
     * icon and an optional trailing clear `×` button that appears whenever the
     * control carries a value. Behavior, props, slots, events, keyboard contract,
     * ARIA wiring, and dimensions (height, padding, gap) are IDENTICAL to
     * `mud-search-input-rectangular` — the only visual difference is the
     * silhouette: corners flip to `borderRadius.full` (9999px). The trailing
     * submit button (when `with-button` is set) inherits the pill silhouette via
     * `borderRadius.full`, rendering as a perfect circle that hugs the pill end
     * per Figma master `933:29721`.
     * The Republic of Moldova Unified Design System library catalogues circular
     * and rectangular search fields as separate component_sets, so we ship them
     * as distinct atoms with parallel token namespaces (`--search-input-circular-*`
     * vs `--search-input-rectangular-*`).
     * Optional axes per Figma master `933:29721`:
     * - `loading` — async query is in flight; a trailing spinner appears next to
     *   the value/placeholder and the control is announced as `aria-busy`.
     * - `with-button` — adds a trailing brand-blue circular submit button that
     *   fires `mudSearch` on click. Coexists with the clear button and the
     *   loading spinner.
     * @element mud-search-input-circular
     */
    interface MudSearchInputCircular {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Native `autocomplete` attribute forwarded to the internal control.
         */
        "autocomplete"?: string;
        /**
          * Accessible label for the trailing clear button. Defaults to Romanian "Șterge" per the institutional voice.
          * @default 'Șterge'
         */
        "clearLabel"?: string;
        /**
          * Shows the trailing clear `×` button when a value is present. Set to `false` to suppress the affordance entirely (useful for read-only or always-on filters).
          * @default true
         */
        "clearable"?: boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Icon name for the leading icon (rendered via the local SVG library). Override by providing an element to the `icon-start` slot.
          * @default 'search'
         */
        "iconName"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Indicates an in-flight query. Keeps the leading magnifying-glass icon as the role indicator and reveals a trailing brand-coloured `mud-spinner` next to the value; the clear `×` is suppressed while the query is in flight and the control is announced as `aria-busy`. The field stays focusable; emitting `mudSearch` while loading is the consumer's responsibility (typically debounced).
          * @default false
         */
        "loading"?: boolean;
        /**
          * Native `maxlength` constraint.
         */
        "maxLength"?: number;
        /**
          * Native `minlength` constraint.
         */
        "minLength"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the internal control loses focus.
         */
        "onMudBlur"?: (event: MudSearchInputCircularCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the value is committed (typically on `blur`). `detail.value` is the committed value.
         */
        "onMudChange"?: (event: MudSearchInputCircularCustomEvent<SearchInputCircularChangeDetail>) => void;
        /**
          * Fires when the value is cleared by the user (clear button or Escape key).
         */
        "onMudClear"?: (event: MudSearchInputCircularCustomEvent<void>) => void;
        /**
          * Fires when the internal control gains focus.
         */
        "onMudFocus"?: (event: MudSearchInputCircularCustomEvent<FocusEvent>) => void;
        /**
          * Fires on every keystroke. `detail.value` is the current control value.
         */
        "onMudInput"?: (event: MudSearchInputCircularCustomEvent<SearchInputCircularChangeDetail>) => void;
        /**
          * Fires when the user submits the query (Enter key). `detail.value` is the submitted query.
         */
        "onMudSearch"?: (event: MudSearchInputCircularCustomEvent<SearchInputCircularSearchDetail>) => void;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable; the clear affordance is suppressed.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: SearchInputCircularSize;
        /**
          * Accessible label for the trailing submit button. Defaults to Romanian "Caută" per the institutional voice.
          * @default 'Caută'
         */
        "submitLabel"?: string;
        /**
          * Current value of the control. Reflects to the host attribute.
          * @default ''
         */
        "value"?: string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant"?: SearchInputCircularVariant;
        /**
          * Renders a trailing brand-blue circular submit button (the Figma "Button=True" axis on master `933:29721`). Clicking the button — or pressing Enter inside the input — dispatches `mudSearch` with the current value. When the field is empty or disabled, the button enters a disabled visual state and does not fire the event.
          * @default false
         */
        "withButton"?: boolean;
    }
    /**
     * Search Input (rectangular) — single-line search-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="search">` inside shadow DOM. Adds a leading magnifying-glass
     * icon and an optional trailing clear `×` button that appears whenever the
     * control carries a value. Visual primitives (border, focus ring, label,
     * helper / error, sizes, states) are shared with `mud-input`; specific
     * affordances (icon-start, icon-end-clear, submit-button) live in the
     * `--search-input-rectangular-*` token namespace.
     * Rectangular shape is the default sibling of `mud-search-input-circular`
     * (pill). The two ship as distinct components per the Figma component-set
     * separation in the Republic of Moldova Unified Design System library.
     * Optional axes per Figma master `933:29099`:
     * - `loading` — async query is in flight; a trailing spinner appears next to
     *   the value/placeholder and the control is announced as `aria-busy`.
     * - `with-button` — adds a trailing brand-blue submit button that fires
     *   `mudSearch` on click. Coexists with the clear button and the loading
     *   spinner.
     * @element mud-search-input-rectangular
     */
    interface MudSearchInputRectangular {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Native `autocomplete` attribute forwarded to the internal control.
         */
        "autocomplete"?: string;
        /**
          * Accessible label for the trailing clear button. Defaults to Romanian "Șterge" per the institutional voice.
          * @default 'Șterge'
         */
        "clearLabel"?: string;
        /**
          * Shows the trailing clear `×` button when a value is present. Set to `false` to suppress the affordance entirely (useful for read-only or always-on filters).
          * @default true
         */
        "clearable"?: boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Icon name for the leading icon (rendered via the local SVG library). Override by providing an element to the `icon-start` slot.
          * @default 'search'
         */
        "iconName"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Indicates an in-flight query. Keeps the leading magnifying-glass icon as the role indicator and reveals a trailing brand-coloured `mud-spinner` next to the value; the clear `×` is suppressed while the query is in flight and the control is announced as `aria-busy`. The field stays focusable; emitting `mudSearch` while loading is the consumer's responsibility (typically debounced).
          * @default false
         */
        "loading"?: boolean;
        /**
          * Native `maxlength` constraint.
         */
        "maxLength"?: number;
        /**
          * Native `minlength` constraint.
         */
        "minLength"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the internal control loses focus.
         */
        "onMudBlur"?: (event: MudSearchInputRectangularCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the value is committed (typically on `blur`). `detail.value` is the committed value.
         */
        "onMudChange"?: (event: MudSearchInputRectangularCustomEvent<SearchInputRectangularChangeDetail>) => void;
        /**
          * Fires when the value is cleared by the user (clear button or Escape key).
         */
        "onMudClear"?: (event: MudSearchInputRectangularCustomEvent<void>) => void;
        /**
          * Fires when the internal control gains focus.
         */
        "onMudFocus"?: (event: MudSearchInputRectangularCustomEvent<FocusEvent>) => void;
        /**
          * Fires on every keystroke. `detail.value` is the current control value.
         */
        "onMudInput"?: (event: MudSearchInputRectangularCustomEvent<SearchInputRectangularChangeDetail>) => void;
        /**
          * Fires when the user submits the query (Enter key). `detail.value` is the submitted query.
         */
        "onMudSearch"?: (event: MudSearchInputRectangularCustomEvent<SearchInputRectangularSearchDetail>) => void;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable; the clear affordance is suppressed.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: SearchInputRectangularSize;
        /**
          * Accessible label for the trailing submit button. Defaults to Romanian "Caută" per the institutional voice.
          * @default 'Caută'
         */
        "submitLabel"?: string;
        /**
          * Current value of the control. Reflects to the host attribute.
          * @default ''
         */
        "value"?: string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant"?: SearchInputRectangularVariant;
        /**
          * Renders a trailing brand-blue submit button (the Figma "Button=True" axis). Clicking the button — or pressing Enter inside the input — dispatches `mudSearch` with the current value. When the field is empty or disabled, the button enters a disabled visual state and does not fire the event.
          * @default false
         */
        "withButton"?: boolean;
    }
    /**
     * Segmented control — single-select horizontal switcher.
     * Pattern B (atom-interactive, form-associated): renders an internal
     * `role="radiogroup"` of `role="radio"` buttons inside the shadow DOM with
     * a roving `tabindex`. Selected segment gets the dark inverse fill from
     * Figma 659:8188; unselected segments inherit the light tertiary container
     * background and only carry their label.
     * Keyboard contract (WAI-ARIA Authoring Practices, radiogroup pattern):
     * - `Tab` enters and exits the group (single stop)
     * - `ArrowLeft` / `ArrowRight` move selection between segments
     * - `Home` / `End` jump to first / last segment
     * - `Enter` / `Space` reaffirm selection on the focused segment
     * @element mud-segmented-control
     */
    interface MudSegmentedControl {
        /**
          * Accessible name for the group. Forwarded to the host's `aria-label`. Required when no surrounding `<label>` references the control.
         */
        "ariaLabel"?: string;
        /**
          * ID of an element labelling the group (when an external label is used).
         */
        "ariaLabelledby"?: string;
        /**
          * Disables every segment. The container receives `aria-disabled`.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Full-width mode. The control fills its container and segments stretch to equal shares — the mobile breakpoint from Figma 659:8188. When false (default) the control hugs its content while keeping segments uniform.
          * @default false
         */
        "fluid"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the selected segment changes. `detail.value` is the new selection.
         */
        "onMudChange"?: (event: MudSegmentedControlCustomEvent<SegmentedControlChangeDetail>) => void;
        /**
          * Segment configuration. Order in the array maps left-to-right. When omitted the control renders nothing.
         */
        "segments"?: SegmentedControlSegment[];
        /**
          * Visual size rung. `md` is 40 px tall; `sm` is 32 px tall.
          * @default 'md'
         */
        "size"?: SegmentedControlSize;
        /**
          * Value of the currently selected segment. Mutable so the control updates it on selection. Like a native form control, `value` is intentionally NOT reflected to the attribute (the attribute represents the default value) — read the current selection from the property or the submitted form value.
         */
        "value"?: string;
    }
    /**
     * Select Input — single-select dropdown atom.
     * Pattern B (atom-interactive, form-associated): renders a custom-styled
     * trigger button and a listbox popover inside shadow DOM. Form participation
     * works via `formAssociated` + `ElementInternals`. Shares the visual primitives
     * of `mud-input` (border, focus ring, label, helper / error text, sizes,
     * states) and adds a trailing chevron icon, listbox menu, and keyboard
     * navigation (ArrowUp/Down/Home/End/Enter/Escape) per the WAI-ARIA combobox
     * pattern.
     * @element mud-select-input
     */
    interface MudSelectInput {
        /**
          * Accessible name. Mirrors to the trigger's `aria-label` when no visible label is present. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Disables interactivity. The trigger receives `aria-disabled` and the hidden native `<select>` receives the `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the trigger loses focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudBlur"?: (event: MudSelectInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the selected value changes. `detail.value` is the new value.
         */
        "onMudChange"?: (event: MudSelectInputCustomEvent<SelectChangeDetail>) => void;
        /**
          * Fires when the listbox closes.
         */
        "onMudClose"?: (event: MudSelectInputCustomEvent<void>) => void;
        /**
          * Fires when the trigger gains focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudFocus"?: (event: MudSelectInputCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the listbox opens.
         */
        "onMudOpen"?: (event: MudSelectInputCustomEvent<void>) => void;
        /**
          * Reflects the open state of the listbox popover. Read-only externally — use `mudOpen` / `mudClose` to react to changes.
          * @default false
         */
        "open"?: boolean;
        /**
          * Declarative option list. When omitted the component falls back to its default slot, allowing `<option>` children for HTML-native composition.
         */
        "options"?: SelectOption[];
        /**
          * Placeholder shown when no option is selected.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The trigger remains focusable but the listbox cannot be opened.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the trigger.
          * @default false
         */
        "required"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: SelectInputSize;
        /**
          * Selected value. Reflects to the host attribute. Set to empty string when no option is selected.
          * @default ''
         */
        "value"?: string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant"?: SelectInputVariant;
    }
    /**
     * Separator — visual divider between groups of content or UI components.
     * Pattern B (atom-visual): renders a 1D rule, optionally with an inline label.
     * No events, no interactivity. ARIA `separator` semantics.
     * @element mud-separator
     */
    interface MudSeparator {
        /**
          * Accessible label for screen readers. Most separators are decorative and do not need this; provide it only when the separator conveys a discrete semantic boundary that benefits from an announcement.
         */
        "ariaLabel"?: string;
        /**
          * Adds outer spacing on the cross axis. Typical when the separator sits between items in a list or menu.
          * @default false
         */
        "inset"?: boolean;
        /**
          * Optional plain-text label rendered inline at the center of the separator. For richer label content (e.g. an icon plus text), use the default slot instead.
         */
        "label"?: string;
        /**
          * Layout orientation of the separator.
          * @default 'horizontal'
         */
        "orientation"?: SeparatorOrientation;
        /**
          * Visual thickness of the rule.
          * @default 'thin'
         */
        "size"?: SeparatorSize;
        /**
          * Color treatment / emphasis.
          * @default 'subtle'
         */
        "variant"?: SeparatorVariant;
    }
    /**
     * Service Button — interactive control for Moldovan M-products (mpay, mpass,
     * msign, mpower, mdelivery).
     * A specialised filled button with a logo badge embedded on the inline-start
     * edge of the geometry. Fixed 48 px height (= minimum touch target) and
     * asymmetric padding (16 start / 20 end) per Figma spec.
     * Slot `badge` reserves a 24×24 box for a `<mud-logo>` rendering a
     * `*-logo-logomark-only` asset (or any other element rendered at that size).
     * The default slot carries the label text.
     * @element mud-service-button
     */
    interface MudServiceButton {
        /**
          * Visual treatment. - `primary` — solid brand background, white label - `neutral` — light surface background, dark label
          * @default 'primary'
         */
        "appearance"?: ServiceButtonAppearance;
        /**
          * Disables interactivity.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Makes the button expand to fill the inline-size of its container.
          * @default false
         */
        "fullWidth"?: boolean;
        /**
          * If set, the button renders as `<a href="…">` and behaves as a link. `type`, `name`, and `value` are ignored in this mode.
         */
        "href"?: string;
        /**
          * Accessible name override. When omitted, the visible default-slot text is used as the accessible name (the standard pattern).
         */
        "label"?: string;
        /**
          * Renders a centred spinner and blocks interactivity while preserving the accessible name. Sets `aria-busy` on the internal control.
          * @default false
         */
        "loading"?: boolean;
        /**
          * Form-control `name`. Used when `type="submit"` and a value is submitted.
         */
        "name"?: string;
        /**
          * `rel` for the anchor when `href` is set.
         */
        "rel"?: string;
        /**
          * `target` for the anchor when `href` is set.
         */
        "target"?: string;
        /**
          * Native button `type` attribute. Ignored when `href` is set.
          * @default 'button'
         */
        "type"?: ServiceButtonType;
        /**
          * Form-control `value` submitted alongside `name`.
         */
        "value"?: string;
    }
    /**
     * Sidebar — a vertical navigation panel composed of `mud-sidebar-group`
     * sections and `mud-sidebar-item` rows.
     * @element mud-sidebar
     */
    interface MudSidebar {
        /**
          * Accessible name for the navigation landmark.
         */
        "ariaLabel"?: string;
        /**
          * Collapse to the icon-only compact rail.
          * @default false
         */
        "collapsed"?: boolean;
    }
    /**
     * Sidebar group — a labelled section of `mud-sidebar-item` rows.
     * A divider is rendered automatically above every group except the first.
     * @element mud-sidebar-group
     */
    interface MudSidebarGroup {
        /**
          * Section heading label.
         */
        "heading"?: string;
    }
    /**
     * Sidebar item — a single navigation row inside a `mud-sidebar` / `mud-sidebar-group`.
     * Renders as a link when `href` is set, otherwise a button. Expandable items
     * toggle a nested list (the `children` slot) and rotate a chevron.
     * @element mud-sidebar-item
     */
    interface MudSidebarItem {
        /**
          * Whether this item represents the current page/section.
          * @default false
         */
        "active"?: boolean;
        /**
          * Optional trailing numbered badge count (rendered as a `mud-badge`).
         */
        "badge"?: number;
        /**
          * Whether the item is disabled.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Whether the item expands a nested list of children.
          * @default false
         */
        "expandable"?: boolean;
        /**
          * Whether the nested list is expanded.
          * @default false
         */
        "expanded"?: boolean;
        /**
          * Render as a link to this destination.
         */
        "href"?: string;
        /**
          * Leading icon name.
         */
        "icon"?: string;
        /**
          * Leading icon name used while active (e.g. a filled variant). Falls back to `icon`.
         */
        "iconActive"?: string;
        /**
          * Primary label (overridden by slotted content).
         */
        "label"?: string;
        /**
          * Fired when a non-expandable item is activated.
         */
        "onMudSelect"?: (event: MudSidebarItemCustomEvent<SidebarItemSelectDetail>) => void;
        /**
          * Fired when an expandable item is expanded or collapsed.
         */
        "onMudToggle"?: (event: MudSidebarItemCustomEvent<SidebarItemToggleDetail>) => void;
        /**
          * Optional right-aligned secondary label.
         */
        "secondary"?: string;
        /**
          * Optional trailing tag text (rendered as an outlined `mud-tag`).
         */
        "tag"?: string;
        /**
          * Value reported when the item is activated.
         */
        "value"?: string;
    }
    /**
     * Spinner — animated circular loading indicator.
     * Pattern B (atom-visual): renders a CSS-only rotating arc.
     * No slots, no events, no interactivity.
     * @element mud-spinner
     */
    interface MudSpinner {
        /**
          * Accessible label for screen readers.
          * @default 'Loading'
         */
        "label"?: string;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: SpinnerSize;
        /**
          * Color treatment.
          * @default 'brand'
         */
        "variant"?: SpinnerVariant;
    }
    /**
     * Switch — binary on/off toggle atom (form-associated).
     * Pattern B (atom-interactive, form-associated): renders its own
     * `<input type="checkbox" role="switch">` inside shadow DOM and paints the
     * visual track + thumb with CSS. Implements the WAI-ARIA switch pattern, not
     * the checkbox pattern — `role="switch"` with `aria-checked="true|false"`.
     * Space toggles per native checkbox semantics; the role swap does not break
     * keyboard activation.
     * The visible track is 48 × 28px; the hit area expands to 32px on
     * pointer-devices and 40px on touch-devices (via `pointer: coarse`) per the
     * Figma "Target Sizes" spec, achieved with a `::before` pseudo-element so the
     * visual footprint stays untouched.
     * @element mud-switch
     */
    interface MudSwitch {
        /**
          * Consumer-set `aria-label` on the host. The component caches the value (see `resolvedAriaLabel`) and strips the host attribute on mount to avoid the `aria-prohibited-attr` axe rule on the custom-element host.
         */
        "ariaLabel"?: string;
        /**
          * Consumer-set `aria-labelledby`. Same strip + cache pattern as `ariaLabel`.
         */
        "ariaLabelledby"?: string;
        /**
          * Whether the switch is currently on.
          * @default false
         */
        "checked"?: boolean;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Accessible-name fallback. Used as `aria-label` on the internal input when no `label` slot is provided. Does NOT render visible text — use the `label` slot for that. Matches the mud-button / mud-checkbox / mud-radio convention.
         */
        "label"?: string;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the internal control loses focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudBlur"?: (event: MudSwitchCustomEvent<FocusEvent>) => void;
        /**
          * Fires whenever the checked state changes. `detail.checked` is the new state.
         */
        "onMudChange"?: (event: MudSwitchCustomEvent<SwitchChangeDetail>) => void;
        /**
          * Fires when the internal control gains focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudFocus"?: (event: MudSwitchCustomEvent<FocusEvent>) => void;
        /**
          * Marks the field as mandatory. Sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * Value submitted with the form when this switch is on.
          * @default 'on'
         */
        "value"?: string;
    }
    /**
     * `mud-tab` — single tab item inside a `mud-tabs` tablist.
     * Pattern A child: rendered as a slotted child of `mud-tabs`. Owns its own
     * `role="tab"` host with `aria-selected`, an optional leading icon, the
     * label, and an optional trailing numbered badge.
     * The component is intentionally light: selection, focus management and
     * `aria-controls` wiring are all driven by the parent `mud-tabs` via
     * reflected attributes and DOM ids.
     * @element mud-tab
     */
    interface MudTab {
        /**
          * Optional numbered badge displayed after the label.
         */
        "badgeCount"?: number;
        /**
          * Disables the tab. Suppresses click + keyboard activation.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Optional leading icon name resolved against the `mud-icon` registry.
         */
        "iconName"?: string;
        /**
          * Optional plain-text label when no default slot content is provided.
         */
        "label"?: string;
        /**
          * Fires when the user clicks or keyboard-activates the tab. The parent `mud-tabs` listens for this event to drive selection.
         */
        "onMudTabActivate"?: (event: MudTabCustomEvent<{ value: string }>) => void;
        /**
          * Id of the panel this tab controls. Set by the parent `mud-tabs`.
         */
        "panelId"?: string;
        /**
          * Whether this tab is the active one. Mirrors `aria-selected` and the indicator.
          * @default false
         */
        "selected"?: boolean;
        /**
          * Size rung. Reflected so styles cascade independently.
          * @default 'md'
         */
        "size"?: 'md' | 'sm';
        /**
          * Identity of the tab. Used by the parent `mud-tabs` to track selection.
         */
        "value": string;
    }
    /**
     * Table — data table molecule for tabular content with optional sorting,
     * selection, and responsive mobile collapse.
     * Pattern B (molecule, internal DOM): renders a native `<table>` inside
     * shadow DOM for full a11y semantics (`role="table"`, `role="columnheader"`,
     * `aria-sort`, `aria-selected`). Composes existing primitives — `mud-checkbox`
     * for the selection column, `mud-icon` for sort chevrons. Status badges and
     * row actions are projected via named slots so consumers can drop in
     * `mud-tag`, `mud-button`, or any custom content per cell.
     * At ≤640 px container width the inline padding shrinks from 24 → 16 to
     * match Figma's "Mobile" breakpoint specs (table-header `4930:14358`,
     * table-cell `649:4296`). The table structure itself is preserved; consumers
     * who need a card-stack layout on narrow screens should wrap their own
     * presentation around the data.
     * @element mud-table
     */
    interface MudTable {
        /**
          * Accessible label propagated to the rendered `<table>` element. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Column definitions. Each entry maps a row field (`key`) to a header `label`, an optional `sortable` flag, alignment, and width.
         */
        "columns"?: TableColumn[];
        /**
          * Master switch that disables sorting for the WHOLE table, overriding every column's `sortable` flag at once. When `true`, headers render as plain labels — no sort chevron, not keyboard-focusable, no `aria-sort`, and `mudSort` never fires. Useful for read-only or loading states without having to mutate the `columns` array.  Per-column control is unchanged: to make just one column non-sortable, omit `sortable` (or set it to `false`) on that column instead.
          * @default false
         */
        "disableSort"?: boolean;
        /**
          * Header treatment. `default` is the subtle gray header used on light surfaces; `inverted` is the strong dark-on-light header for emphasis.
          * @default 'default'
         */
        "headerStyle"?: TableHeaderStyle;
        /**
          * Enables hover highlight on rows. Independent of selection.
          * @default false
         */
        "hoverable"?: boolean;
        /**
          * Emitted when a row body is clicked (excluding the selection checkbox).
         */
        "onMudRowClick"?: (event: MudTableCustomEvent<TableRowClickDetail>) => void;
        /**
          * Emitted when the selection set changes.
         */
        "onMudSelectionChange"?: (event: MudTableCustomEvent<TableSelectionChangeDetail>) => void;
        /**
          * Emitted when the user activates a sortable header.
         */
        "onMudSort"?: (event: MudTableCustomEvent<TableSortChangeDetail>) => void;
        /**
          * Field used to uniquely identify a row. Used for selection state and stable React-like keys.
          * @default 'id'
         */
        "rowIdField"?: string;
        /**
          * Row treatment. - `divided` (default) — horizontal divider line below every row. - `zebra` — alternating row backgrounds (no dividers). - `borderless` — flat rows, no dividers, no zebra.
          * @default 'divided'
         */
        "rowStyle"?: TableRowStyle;
        /**
          * Row data. Each row is keyed by the field declared in `rowIdField` (defaults to `id`). Missing IDs fall back to row index.
         */
        "rows"?: TableRowData[];
        /**
          * Renders a leading checkbox column for multi-row selection.
          * @default false
         */
        "selectable"?: boolean;
        /**
          * Selected row IDs (controlled). Each entry must correspond to a row's `rowIdField` value (stringified). Toggling rows or the master checkbox emits `mudSelectionChange` — the consumer reflects the new array back via this prop.
         */
        "selectedRows"?: string[];
        /**
          * Currently sorted column key (controlled). When unset no sort glyph is highlighted.
         */
        "sortColumn"?: string;
        /**
          * Sort direction for `sortColumn`. Ignored when `sortColumn` is unset.
         */
        "sortDirection"?: TableSortDirection;
    }
    /**
     * `mud-tabs` — horizontal tablist that switches the currently visible panel.
     * Two composition modes:
     *  1. **Declarative** (recommended for static menus): slot `<mud-tab>` children
     *     into the default slot and matching `<div slot="panel-{value}">` blocks
     *     into the panel slots.
     *  2. **Data-driven**: pass a `tabs` array. The component renders each entry
     *     as a child `mud-tab` and exposes panels via `<div slot="panel-{value}">`
     *     elements supplied by the consumer.
     * Pattern A (molecule, slot-based). The host carries `role="tablist"`; the
     * tabs are rendered children with `role="tab"`; the panels are slotted into
     * named `panel-{value}` slots and receive `role="tabpanel"` + the matching
     * `aria-labelledby`.
     * Keyboard contract (WAI-ARIA Authoring Practices, automatic activation):
     * - `Tab` focuses the currently selected tab (single tab stop into the group)
     * - `ArrowLeft` / `ArrowRight` move selection between enabled tabs (wraps)
     * - `Home` / `End` jump to the first / last enabled tab
     * - `Enter` / `Space` activate the focused tab (no-op for selected/disabled)
     * Overflow: when the rendered tabs are wider than the host, the component
     * exposes leading + trailing chevron buttons that scroll the strip. Both
     * chevrons are mouse-only; their `aria-hidden="true"` keeps them out of the
     * keyboard order (arrow keys already move selection without overflow help).
     * @element mud-tabs
     */
    interface MudTabs {
        /**
          * Accessible name for the tablist. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Id of an external labelling element (overrides `aria-label`).
         */
        "ariaLabelledby"?: string;
        /**
          * Fires when the selected tab changes. `detail.value` is the new selection.
         */
        "onMudChange"?: (event: MudTabsCustomEvent<TabsChangeDetail>) => void;
        /**
          * Size rung. `md` is 48 px tall; `sm` is 40 px tall (mobile + dense layouts).
          * @default 'md'
         */
        "size"?: TabsSize;
        /**
          * Data-driven tab list. When supplied, the component renders one `<mud-tab>` per entry. Mutually compatible with slotted children — the slotted variant takes precedence when both are present.
         */
        "tabs"?: TabDescriptor[];
        /**
          * Value of the currently selected tab. Mutable so that uncontrolled usage (click + keyboard) keeps the host attribute in sync.
         */
        "value"?: string;
    }
    /**
     * Tag — compact, non-interactive label used to mark state, category,
     * or supplementary metadata.
     * Pattern B (atom-visual): the host paints; consumers compose icons
     * through named slots. Two visual scales coexist behind the same
     * element:
     * - `variant="status"` (default) — the standard Status Tag used for
     *   state ("Activ", "În așteptare", "Refuzat"). Medium-weight label,
     *   three surface treatments (`subtle`, `strong`, `outlined`) across
     *   six semantic colors (`muted`, `neutral`, `accent`, `success`,
     *   `brand`, `danger`).
     * - `variant="info"` — a lighter inline tag for metadata embedded in
     *   body text. Regular-weight label, tighter padding. Honors the same
     *   `type` and `semantic` axes.
     * Tags are decorative by default. When a tag conveys a dynamic state
     * to assistive tech ("Procesare în curs"), set `aria-label` and the
     * host will adopt `role="status"` automatically — otherwise the host
     * stays silent so visual-only tags don't pollute the a11y tree.
     * For horizontally stacked groups (8 px gutter, wrap on overflow),
     * compose multiple tags inside a `mud-tag-group` slot wrapper —
     * available as a CSS utility on this element via the `group` data
     * attribute on the parent.
     * @element mud-tag
     */
    interface MudTag {
        /**
          * Overrides the accessible name. When set, the host also adopts `role="status"` so screen readers announce the tag as a live status region (e.g. "Procesare în curs").
         */
        "ariaLabel"?: string;
        /**
          * Fallback label text rendered when the default slot is empty. Plain text only.
         */
        "label"?: string;
        /**
          * Semantic color role.
          * @default 'neutral'
         */
        "semantic"?: TagSemantic;
        /**
          * Size rung — affects height, padding, icon size, and typography. `md` = 24 px, `sm` = 20 px.
          * @default 'md'
         */
        "size"?: TagSize;
        /**
          * Surface treatment. - `subtle` — tinted background, semantic foreground (default). - `strong` — saturated background, on-color foreground. - `outlined` — transparent fill, semantic 1 px border.
          * @default 'subtle'
         */
        "type"?: TagType;
        /**
          * Visual scale. `status` is the standard Status Tag (medium label, three types). `info` is the lighter inline tag for metadata.
          * @default 'status'
         */
        "variant"?: TagVariant;
    }
    /**
     * Text Area — multi-line text-entry control.
     * Pattern B (atom-interactive, form-associated): renders its own `<textarea>`
     * inside shadow DOM. Form participation works via `formAssociated` +
     * `ElementInternals`. Mirrors the `mud-input` contract for label, helper,
     * error and variant treatment, and adds a vertical resize handle plus an
     * optional character counter.
     * @element mud-textarea
     */
    interface MudTextarea {
        /**
          * Accessible name. Mirrors to the internal control's `aria-label` when no visible label is present. Captured into `resolvedAriaLabel` on mount and the host attribute is stripped to avoid Stencil's auto-reflection loop.
         */
        "ariaLabel"?: string;
        /**
          * Disables interactivity. The internal control receives `aria-disabled` and the native `disabled` attribute.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Plain-text error message shown below the control when `invalid` is set. When present it replaces `helperText` and pairs with the error icon.
         */
        "errorText"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Plain-text helper / hint shown below the control.
         */
        "helperText"?: string;
        /**
          * Forces destructive visuals regardless of `variant`. Sets `aria-invalid`. Use together with `errorText` to surface the message.
          * @default false
         */
        "invalid"?: boolean;
        /**
          * Plain-text label. Use the `label` slot for richer content.
         */
        "label"?: string;
        /**
          * Maximum character length. When set, a character counter renders in the bottom-right corner unless `showCounter` is explicitly `false`.
         */
        "maxLength"?: number;
        /**
          * Form-control `name`. Used during form submission.
         */
        "name"?: string;
        /**
          * Fires when the internal control loses focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudBlur"?: (event: MudTextareaCustomEvent<FocusEvent>) => void;
        /**
          * Fires when the value is committed (typically on `blur`). `detail.value` is the committed value.
         */
        "onMudChange"?: (event: MudTextareaCustomEvent<TextareaChangeDetail>) => void;
        /**
          * Fires when the internal control gains focus. The native `FocusEvent` is forwarded as-is.
         */
        "onMudFocus"?: (event: MudTextareaCustomEvent<FocusEvent>) => void;
        /**
          * Fires on every keystroke. `detail.value` is the current control value.
         */
        "onMudInput"?: (event: MudTextareaCustomEvent<TextareaChangeDetail>) => void;
        /**
          * Placeholder shown when the control is empty.
         */
        "placeholder"?: string;
        /**
          * Renders the field read-only. The control remains focusable and copyable.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * Marks the field as mandatory. Adds a red asterisk to the label and sets `aria-required` on the internal control.
          * @default false
         */
        "required"?: boolean;
        /**
          * User resize affordance. `'vertical'` lets the user drag the bottom-right grip to grow the control downward; `'none'` locks the height to `rows`.
          * @default 'vertical'
         */
        "resize"?: TextareaResize;
        /**
          * Minimum visible rows for the native control. Drives the initial height floor before the user resizes vertically.
          * @default 4
         */
        "rows"?: number;
        /**
          * Force the character counter to show or hide. When `maxLength` is set the counter auto-shows; pass `false` to suppress it. Without `maxLength` the counter is hidden regardless.
          * @default true
         */
        "showCounter"?: boolean;
        /**
          * Visual size rung.
          * @default 'md'
         */
        "size"?: TextareaSize;
        /**
          * Current value of the control. Reflects to the host attribute.
          * @default ''
         */
        "value"?: string;
        /**
          * Color treatment. `destructive` is forced when `invalid` is set.
          * @default 'default'
         */
        "variant"?: TextareaVariant;
    }
    /**
     * Tooltip — transient label, structured popover, or coach mark anchored to a
     * trigger element.
     * Pattern B (internal DOM). The host wraps a `trigger` slot and renders the
     * bubble + arrow inside shadow DOM. Position is computed in JS against the
     * trigger's bounding rect with viewport-aware flip + clamp + corner-aligned
     * placements; the result is pushed to the host as CSS custom properties.
     * Variants:
     * - `default` — transient label. Hover (after `showDelay`) / focus / click /
     *   manual trigger; closes on `mouseleave` (after `hideDelay`), `blur`,
     *   second click, `Esc`, or outside click.
     * - `coach` — persistent instructional overlay with a close button + localized
     *   hint. Dismissed only by Esc, the close button, or an outside click.
     * @element mud-tooltip
     */
    interface MudTooltip {
        /**
          * Accessible name applied to the rendered bubble. Stripped from the host after ingestion; the value is forwarded to the bubble's `aria-label`.
         */
        "ariaLabel"?: string;
        /**
          * Convenience: tooltip body text. Used only when the default slot is empty AND no `title` / `description` slots are present.
         */
        "content"?: string;
        /**
          * When `true`, the tooltip will not open via any trigger and force-closes if currently visible.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Auto-flip to the opposite placement when the preferred side would overflow the viewport. Always honored for `position="auto"`.
          * @default true
         */
        "flipFallback"?: boolean;
        /**
          * Hide-delay (ms) before the bubble disappears on mouseleave. Lets the pointer cross a small gap (or land on the bubble in `interactive` mode) without dismissing.
          * @default 150
         */
        "hideDelay"?: number;
        /**
          * Keep the tooltip open when the pointer hovers over the bubble itself. Useful when the body contains links / buttons / scrollable content.
          * @default false
         */
        "interactive"?: boolean;
        /**
          * Hard cap on the bubble width in pixels.
          * @default 280
         */
        "maxWidth"?: number;
        /**
          * Pixel gap between the trigger and the bubble (in addition to the arrow size). Overrides `--tooltip-offset-trigger`.
          * @default 4
         */
        "offset"?: number;
        /**
          * Fired when the tooltip is hidden. `detail.reason` records the cause: `'blur'` (mouseleave / focusout), `'escape'` (Esc), `'close-button'` (coach variant close), `'click-outside'` (outside click), or `'click-trigger'` (second click on the trigger when `trigger="click"`).
         */
        "onMudClose"?: (event: MudTooltipCustomEvent<TooltipCloseEventDetail>) => void;
        /**
          * Fired when the tooltip becomes visible (after `showDelay` for hover triggers).
         */
        "onMudOpen"?: (event: MudTooltipCustomEvent<void>) => void;
        /**
          * Whether the tooltip is currently visible. Mutable so the component can close itself in response to mouseleave / blur / Esc / outside-click, and so consumers can drive visibility imperatively (`trigger="manual"`).
          * @default false
         */
        "open"?: boolean;
        /**
          * Preferred placement relative to the trigger. Accepts all 12 base+align combinations (e.g. `top-left`, `right-bottom`) plus `auto` which prefers `top` and always flips to the opposite side when overflowing.
          * @default 'top'
         */
        "position"?: TooltipPosition;
        /**
          * Show the CSS arrow pointing back at the trigger.
          * @default true
         */
        "showArrow"?: boolean;
        /**
          * Show-delay (ms) before the bubble appears on hover. Focus / click / manual triggers ignore this value.
          * @default 200
         */
        "showDelay"?: number;
        /**
          * Visual size rung. `sm` matches a 4px radius / 8px–12px padding bubble; `lg` matches a 6px radius / 12px–16px padding bubble.
          * @default 'sm'
         */
        "size"?: TooltipSize;
        /**
          * How the tooltip is activated. - `hover`  — mouseenter (after `showDelay`) → open, mouseleave (after `hideDelay`) → close. - `click`  — click toggles open/closed. Outside click and Esc dismiss. - `focus`  — focus (immediate) → open, blur → close. - `manual` — visibility is driven by `open`; ignores pointer/keyboard events.
          * @default 'hover'
         */
        "trigger"?: TooltipTrigger;
        /**
          * Visual variant.
          * @default 'default'
         */
        "variant"?: TooltipVariant;
    }

    interface MudAccordionAttributes {
        "mode": AccordionMode;
        "appearance": AccordionAppearance;
        "size": AccordionSize;
        "iconPosition": AccordionIconPosition;
        "breakpoint": 'desktop' | 'mobile';
        "label": string;
    }
    interface MudAccordionItemAttributes {
        "open": boolean;
        "disabled": boolean;
        "heading": string;
        "supportingText": string;
        "itemId": string;
        "appearance": 'default' | 'trail-sites';
        "breakpoint": 'desktop' | 'mobile';
        "size": AccordionSize;
        "iconPosition": AccordionIconPosition;
    }
    interface MudAvatarAttributes {
        "type": AvatarType;
        "size": AvatarSize;
        "src": string;
        "alt": string;
        "initials": string;
        "name": string;
        "iconName": string;
        "ariaLabel": string;
    }
    interface MudBadgeAttributes {
        "type": BadgeType;
        "variant": BadgeVariant;
        "size": BadgeSize;
        "count": number;
        "max": number;
        "ariaLabel": string;
    }
    interface MudBannerAttributes {
        "variant": BannerVariant;
        "emphasis": BannerEmphasis;
        "dismissible": boolean;
        "linkText": string;
        "linkHref": string;
        "iconName": string;
        "ariaLabel": string;
        "closeLabel": string;
    }
    interface MudBreadcrumbAttributes {
        "maxVisible": number;
        "separator": string;
        "responsive": boolean;
        "label": string;
    }
    interface MudBreadcrumbItemAttributes {
        "href": string;
        "active": boolean;
        "visited": boolean;
        "disabled": boolean;
        "loading": boolean;
        "label": string;
    }
    interface MudButtonAttributes {
        "variant": ButtonVariant;
        "appearance": ButtonAppearance;
        "size": ButtonSize;
        "shape": ButtonShape;
        "type": ButtonType;
        "disabled": boolean;
        "loading": boolean;
        "iconOnly": boolean;
        "fullWidth": boolean;
        "href": string;
        "target": string;
        "rel": string;
        "name": string;
        "value": string;
        "label": string;
    }
    interface MudButtonGroupAttributes {
        "orientation": ButtonGroupOrientation;
        "label": string;
    }
    interface MudCheckboxAttributes {
        "size": CheckboxSize;
        "checked": boolean;
        "indeterminate": boolean;
        "disabled": boolean;
        "invalid": boolean;
        "required": boolean;
        "readonly": boolean;
        "name": string;
        "value": string;
        "label": string;
        "supportingText": string;
        "errorText": string;
        "ariaLabel": string;
        "ariaLabelledby": string;
    }
    interface MudChipAttributes {
        "type": ChipType;
        "size": ChipSize;
        "selected": boolean;
        "selectionMode": ChipSelectionMode;
        "count": number;
        "disabled": boolean;
        "label": string;
        "removable": boolean;
    }
    interface MudCookieBannerAttributes {
        "variant": CookieBannerVariant;
        "expanded": boolean;
        "position": CookieBannerPosition;
        "titleText": string;
        "body": string;
        "acceptLabel": string;
        "rejectLabel": string;
        "manageLabel": string;
        "saveLabel": string;
        "privacyHref": string;
        "privacyLabel": string;
        "closeLabel": string;
        "moreLabel": string;
        "lessLabel": string;
        "ariaLabel": string;
    }
    interface MudDateInputAttributes {
        "variant": DateInputVariant;
        "size": DateInputSize;
        "format": DateInputFormat;
        "breakpoint": DateInputBreakpoint;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "invalid": boolean;
        "value": string;
        "name": string;
        "min": string;
        "max": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "placeholder": string;
        "ariaLabel": string;
        "clearable": boolean;
        "clearLabel": string;
    }
    interface MudDatePickerAttributes {
        "mode": DatePickerMode;
        "breakpoint": DatePickerBreakpoint;
        "headerStyle": DatePickerHeaderStyle;
        "value": string | string[];
        "rangeStart": string;
        "rangeEnd": string;
        "min": string;
        "max": string;
        "locale": string;
        "label": string;
        "firstDayOfWeek": number;
        "hideTodayShortcut": boolean;
        "viewDate": string;
    }
    interface MudFileInputAttributes {
        "size": FileInputSize;
        "variant": FileInputVariant;
        "disabled": boolean;
        "required": boolean;
        "invalid": boolean;
        "multiple": boolean;
        "accept": string;
        "maxSize": number;
        "maxFiles": number;
        "name": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "ctaText": string;
        "chooseFilesText": string;
        "dropzoneActiveText": string;
        "supportedFormatsText": string;
        "maxSizeText": string;
        "ariaLabel": string;
    }
    interface MudFileItemAttributes {
        "state": FileItemState;
        "filename": string;
        "size": number;
        "errorText": string;
        "previewSrc": string;
        "disabled": boolean;
        "noRemove": boolean;
        "removeLabel": string;
    }
    interface MudFooterAttributes {
        "variant": FooterVariant;
        "copyrightText": string;
        "accessibilityHref": string;
        "licenseHref": string;
        "locale": FooterLocale;
        "ariaLabel": string;
    }
    interface MudHeaderAttributes {
        "governmentLabel": string;
        "language": string;
        "navLabel": string;
    }
    interface MudHeaderMegaMenuAttributes {
        "open": boolean;
        "ariaLabel": string;
    }
    interface MudHeaderMobileAttributes {
        "logoSrc": string;
        "logoAlt": string;
        "open": boolean;
        "language": string;
        "menuLabel": string;
        "closeLabel": string;
        "languageLabel": string;
    }
    interface MudHeaderNavItemAttributes {
        "value": string;
        "label": string;
        "expandable": boolean;
        "expanded": boolean;
        "active": boolean;
        "disabled": boolean;
        "tag": string;
        "href": string;
    }
    interface MudHeaderServicesMenuAttributes {
        "heading": string;
        "discoverLabel": string;
        "discoverHref": string;
        "open": boolean;
        "ariaLabel": string;
    }
    interface MudIconAttributes {
        "name": string;
        "size": IconSize;
        "color": string;
        "interactive": boolean;
        "disabled": boolean;
        "ariaLabel": string;
    }
    interface MudInfoBoxAttributes {
        "variant": InfoBoxVariant;
        "emphasis": InfoBoxEmphasis;
        "closable": boolean;
        "hideIcon": boolean;
        "titleText": string;
        "iconName": string;
        "closeLabel": string;
    }
    interface MudInlineMessageAttributes {
        "variant": InlineMessageVariant;
        "size": InlineMessageSize;
        "hideIcon": boolean;
        "iconName": string;
    }
    interface MudInputAttributes {
        "variant": InputVariant;
        "loading": boolean;
        "size": InputSize;
        "type": InputType;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "clearable": boolean;
        "invalid": boolean;
        "value": string;
        "name": string;
        "placeholder": string;
        "clearLabel": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "autocomplete": string;
        "maxLength": number;
        "minLength": number;
        "inputmode": string;
        "pattern": string;
        "ariaLabel": string;
    }
    interface MudInputChipAttributes {
        "variant": InputChipVariant;
        "size": InputChipSize;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "invalid": boolean;
        "value": string;
        "name": string;
        "placeholder": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "maxChips": number;
        "validatePattern": string;
        "separators": string;
        "ariaLabel": string;
    }
    interface MudLinkAttributes {
        "size": LinkSize;
        "variant": LinkVariant;
        "underline": LinkUnderline;
        "standalone": boolean;
        "disabled": boolean;
        "href": string;
        "target": string;
        "rel": string;
        "download": string;
        "ariaLabel": string;
        "external": boolean;
    }
    interface MudLogoAttributes {
        "name": LogoName;
        "ariaLabel": string;
    }
    interface MudMenuAttributes {
        "type": MenuType;
        "open": boolean;
        "value": string;
        "ariaLabel": string;
        "closeOnSelect": boolean;
    }
    interface MudMenuItemAttributes {
        "value": string;
        "leading": MenuItemLeading;
        "icon": string;
        "selected": boolean;
        "disabled": boolean;
        "heading": boolean;
        "label": string;
    }
    interface MudModalAttributes {
        "open": boolean;
        "size": ModalSize;
        "variant": ModalVariant;
        "titleText": string;
        "imageSrc": string;
        "imageAlt": string;
        "closable": boolean;
        "closeOnBackdrop": boolean;
        "closeOnEscape": boolean;
        "destructive": boolean;
        "actionsLayout": ModalActionsLayout;
        "label": string;
        "closeLabel": string;
    }
    interface MudNotificationAttributes {
        "variant": NotificationVariant;
        "closable": boolean;
        "titleText": string;
        "iconName": string;
        "ariaLabel": string;
        "closeLabel": string;
    }
    interface MudNumericInputAttributes {
        "variant": NumericInputVariant;
        "loading": boolean;
        "size": NumericInputSize;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "invalid": boolean;
        "showSteppers": boolean;
        "value": number;
        "min": number;
        "max": number;
        "step": number;
        "precision": number;
        "name": string;
        "placeholder": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "incrementLabel": string;
        "decrementLabel": string;
        "ariaLabel": string;
        "ariaValuetext": string;
        "allowDecimal": boolean;
        "allowNegative": boolean;
        "locale": string;
        "clearable": boolean;
        "clearLabel": string;
        "maxLength": number;
        "showCounter": boolean;
    }
    interface MudPaginationAttributes {
        "size": PaginationSize;
        "currentPage": number;
        "totalPages": number;
        "siblingCount": number;
        "boundaryCount": number;
        "showPrevNext": boolean;
        "prevLabel": string;
        "nextLabel": string;
        "label": string;
        "prevAriaLabel": string;
        "nextAriaLabel": string;
        "pageAriaLabel": string;
        "overflowAriaLabel": string;
    }
    interface MudPhoneInputAttributes {
        "variant": PhoneInputVariant;
        "size": PhoneInputSize;
        "type": PhoneInputType;
        "loading": boolean;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "invalid": boolean;
        "open": boolean;
        "value": string;
        "defaultCountry": string;
        "name": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "placeholder": string;
        "ariaLabel": string;
    }
    interface MudProgressTrackerAttributes {
        "orientation": ProgressTrackerOrientation;
        "interactive": boolean;
        "compact": boolean;
        "currentStep": number;
        "ariaLabel": string;
    }
    interface MudRadioAttributes {
        "size": RadioSize;
        "checked": boolean;
        "disabled": boolean;
        "invalid": boolean;
        "required": boolean;
        "readonly": boolean;
        "name": string;
        "value": string;
        "label": string;
        "supportingText": string;
        "ariaLabel": string;
        "ariaLabelledby": string;
    }
    interface MudReceiptAttributes {
        "service": ReceiptService;
        "titleText": string;
        "status": ReceiptStatus;
        "amount": string;
        "currency": string;
        "date": string;
        "locale": string;
        "description": string;
        "transactionId": string;
        "qrData": string;
        "showActions": boolean;
        "label": string;
        "statusLabel": string;
        "amountLabel": string;
        "dateLabel": string;
        "senderLabel": string;
        "recipientLabel": string;
        "descriptionLabel": string;
        "transactionIdLabel": string;
        "qrCaption": string;
        "qrAriaLabel": string;
        "printLabel": string;
        "downloadLabel": string;
        "emailLabel": string;
        "shareLabel": string;
    }
    interface MudSearchInputCircularAttributes {
        "variant": SearchInputCircularVariant;
        "size": SearchInputCircularSize;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "invalid": boolean;
        "clearable": boolean;
        "loading": boolean;
        "withButton": boolean;
        "submitLabel": string;
        "value": string;
        "name": string;
        "placeholder": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "iconName": string;
        "clearLabel": string;
        "autocomplete": string;
        "maxLength": number;
        "minLength": number;
        "ariaLabel": string;
    }
    interface MudSearchInputRectangularAttributes {
        "variant": SearchInputRectangularVariant;
        "size": SearchInputRectangularSize;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "invalid": boolean;
        "clearable": boolean;
        "loading": boolean;
        "withButton": boolean;
        "submitLabel": string;
        "value": string;
        "name": string;
        "placeholder": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "iconName": string;
        "clearLabel": string;
        "autocomplete": string;
        "maxLength": number;
        "minLength": number;
        "ariaLabel": string;
    }
    interface MudSegmentedControlAttributes {
        "size": SegmentedControlSize;
        "disabled": boolean;
        "fluid": boolean;
        "value": string;
        "name": string;
        "ariaLabel": string;
        "ariaLabelledby": string;
    }
    interface MudSelectInputAttributes {
        "variant": SelectInputVariant;
        "size": SelectInputSize;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "invalid": boolean;
        "open": boolean;
        "value": string;
        "name": string;
        "placeholder": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "ariaLabel": string;
    }
    interface MudSeparatorAttributes {
        "orientation": SeparatorOrientation;
        "size": SeparatorSize;
        "variant": SeparatorVariant;
        "inset": boolean;
        "label": string;
        "ariaLabel": string;
    }
    interface MudServiceButtonAttributes {
        "appearance": ServiceButtonAppearance;
        "type": ServiceButtonType;
        "disabled": boolean;
        "loading": boolean;
        "fullWidth": boolean;
        "href": string;
        "target": string;
        "rel": string;
        "name": string;
        "value": string;
        "label": string;
    }
    interface MudSidebarAttributes {
        "collapsed": boolean;
        "ariaLabel": string;
    }
    interface MudSidebarGroupAttributes {
        "heading": string;
    }
    interface MudSidebarItemAttributes {
        "value": string;
        "icon": string;
        "iconActive": string;
        "label": string;
        "secondary": string;
        "tag": string;
        "badge": number;
        "href": string;
        "expandable": boolean;
        "expanded": boolean;
        "active": boolean;
        "disabled": boolean;
    }
    interface MudSpinnerAttributes {
        "size": SpinnerSize;
        "variant": SpinnerVariant;
        "label": string;
    }
    interface MudSwitchAttributes {
        "checked": boolean;
        "disabled": boolean;
        "required": boolean;
        "name": string;
        "value": string;
        "label": string;
        "ariaLabel": string;
        "ariaLabelledby": string;
    }
    interface MudTabAttributes {
        "value": string;
        "selected": boolean;
        "disabled": boolean;
        "size": 'md' | 'sm';
        "label": string;
        "iconName": string;
        "badgeCount": number;
        "panelId": string;
    }
    interface MudTableAttributes {
        "headerStyle": TableHeaderStyle;
        "rowStyle": TableRowStyle;
        "hoverable": boolean;
        "selectable": boolean;
        "disableSort": boolean;
        "sortColumn": string;
        "sortDirection": TableSortDirection;
        "rowIdField": string;
        "ariaLabel": string;
    }
    interface MudTabsAttributes {
        "size": TabsSize;
        "value": string;
        "ariaLabel": string;
        "ariaLabelledby": string;
    }
    interface MudTagAttributes {
        "variant": TagVariant;
        "size": TagSize;
        "type": TagType;
        "semantic": TagSemantic;
        "label": string;
        "ariaLabel": string;
    }
    interface MudTextareaAttributes {
        "variant": TextareaVariant;
        "size": TextareaSize;
        "disabled": boolean;
        "required": boolean;
        "readonly": boolean;
        "invalid": boolean;
        "resize": TextareaResize;
        "value": string;
        "name": string;
        "placeholder": string;
        "label": string;
        "helperText": string;
        "errorText": string;
        "rows": number;
        "maxLength": number;
        "showCounter": boolean;
        "ariaLabel": string;
    }
    interface MudTooltipAttributes {
        "size": TooltipSize;
        "position": TooltipPosition;
        "variant": TooltipVariant;
        "open": boolean;
        "trigger": TooltipTrigger;
        "content": string;
        "maxWidth": number;
        "showDelay": number;
        "hideDelay": number;
        "interactive": boolean;
        "disabled": boolean;
        "flipFallback": boolean;
        "offset": number;
        "showArrow": boolean;
        "ariaLabel": string;
    }

    interface IntrinsicElements {
        "mud-accordion": Omit<MudAccordion, keyof MudAccordionAttributes> & { [K in keyof MudAccordion & keyof MudAccordionAttributes]?: MudAccordion[K] } & { [K in keyof MudAccordion & keyof MudAccordionAttributes as `attr:${K}`]?: MudAccordionAttributes[K] } & { [K in keyof MudAccordion & keyof MudAccordionAttributes as `prop:${K}`]?: MudAccordion[K] };
        "mud-accordion-item": Omit<MudAccordionItem, keyof MudAccordionItemAttributes> & { [K in keyof MudAccordionItem & keyof MudAccordionItemAttributes]?: MudAccordionItem[K] } & { [K in keyof MudAccordionItem & keyof MudAccordionItemAttributes as `attr:${K}`]?: MudAccordionItemAttributes[K] } & { [K in keyof MudAccordionItem & keyof MudAccordionItemAttributes as `prop:${K}`]?: MudAccordionItem[K] };
        "mud-avatar": Omit<MudAvatar, keyof MudAvatarAttributes> & { [K in keyof MudAvatar & keyof MudAvatarAttributes]?: MudAvatar[K] } & { [K in keyof MudAvatar & keyof MudAvatarAttributes as `attr:${K}`]?: MudAvatarAttributes[K] } & { [K in keyof MudAvatar & keyof MudAvatarAttributes as `prop:${K}`]?: MudAvatar[K] };
        "mud-badge": Omit<MudBadge, keyof MudBadgeAttributes> & { [K in keyof MudBadge & keyof MudBadgeAttributes]?: MudBadge[K] } & { [K in keyof MudBadge & keyof MudBadgeAttributes as `attr:${K}`]?: MudBadgeAttributes[K] } & { [K in keyof MudBadge & keyof MudBadgeAttributes as `prop:${K}`]?: MudBadge[K] };
        "mud-banner": Omit<MudBanner, keyof MudBannerAttributes> & { [K in keyof MudBanner & keyof MudBannerAttributes]?: MudBanner[K] } & { [K in keyof MudBanner & keyof MudBannerAttributes as `attr:${K}`]?: MudBannerAttributes[K] } & { [K in keyof MudBanner & keyof MudBannerAttributes as `prop:${K}`]?: MudBanner[K] };
        "mud-breadcrumb": Omit<MudBreadcrumb, keyof MudBreadcrumbAttributes> & { [K in keyof MudBreadcrumb & keyof MudBreadcrumbAttributes]?: MudBreadcrumb[K] } & { [K in keyof MudBreadcrumb & keyof MudBreadcrumbAttributes as `attr:${K}`]?: MudBreadcrumbAttributes[K] } & { [K in keyof MudBreadcrumb & keyof MudBreadcrumbAttributes as `prop:${K}`]?: MudBreadcrumb[K] };
        "mud-breadcrumb-item": Omit<MudBreadcrumbItem, keyof MudBreadcrumbItemAttributes> & { [K in keyof MudBreadcrumbItem & keyof MudBreadcrumbItemAttributes]?: MudBreadcrumbItem[K] } & { [K in keyof MudBreadcrumbItem & keyof MudBreadcrumbItemAttributes as `attr:${K}`]?: MudBreadcrumbItemAttributes[K] } & { [K in keyof MudBreadcrumbItem & keyof MudBreadcrumbItemAttributes as `prop:${K}`]?: MudBreadcrumbItem[K] };
        "mud-button": Omit<MudButton, keyof MudButtonAttributes> & { [K in keyof MudButton & keyof MudButtonAttributes]?: MudButton[K] } & { [K in keyof MudButton & keyof MudButtonAttributes as `attr:${K}`]?: MudButtonAttributes[K] } & { [K in keyof MudButton & keyof MudButtonAttributes as `prop:${K}`]?: MudButton[K] };
        "mud-button-group": Omit<MudButtonGroup, keyof MudButtonGroupAttributes> & { [K in keyof MudButtonGroup & keyof MudButtonGroupAttributes]?: MudButtonGroup[K] } & { [K in keyof MudButtonGroup & keyof MudButtonGroupAttributes as `attr:${K}`]?: MudButtonGroupAttributes[K] } & { [K in keyof MudButtonGroup & keyof MudButtonGroupAttributes as `prop:${K}`]?: MudButtonGroup[K] };
        "mud-checkbox": Omit<MudCheckbox, keyof MudCheckboxAttributes> & { [K in keyof MudCheckbox & keyof MudCheckboxAttributes]?: MudCheckbox[K] } & { [K in keyof MudCheckbox & keyof MudCheckboxAttributes as `attr:${K}`]?: MudCheckboxAttributes[K] } & { [K in keyof MudCheckbox & keyof MudCheckboxAttributes as `prop:${K}`]?: MudCheckbox[K] };
        "mud-chip": Omit<MudChip, keyof MudChipAttributes> & { [K in keyof MudChip & keyof MudChipAttributes]?: MudChip[K] } & { [K in keyof MudChip & keyof MudChipAttributes as `attr:${K}`]?: MudChipAttributes[K] } & { [K in keyof MudChip & keyof MudChipAttributes as `prop:${K}`]?: MudChip[K] };
        "mud-cookie-banner": Omit<MudCookieBanner, keyof MudCookieBannerAttributes> & { [K in keyof MudCookieBanner & keyof MudCookieBannerAttributes]?: MudCookieBanner[K] } & { [K in keyof MudCookieBanner & keyof MudCookieBannerAttributes as `attr:${K}`]?: MudCookieBannerAttributes[K] } & { [K in keyof MudCookieBanner & keyof MudCookieBannerAttributes as `prop:${K}`]?: MudCookieBanner[K] };
        "mud-date-input": Omit<MudDateInput, keyof MudDateInputAttributes> & { [K in keyof MudDateInput & keyof MudDateInputAttributes]?: MudDateInput[K] } & { [K in keyof MudDateInput & keyof MudDateInputAttributes as `attr:${K}`]?: MudDateInputAttributes[K] } & { [K in keyof MudDateInput & keyof MudDateInputAttributes as `prop:${K}`]?: MudDateInput[K] };
        "mud-date-picker": Omit<MudDatePicker, keyof MudDatePickerAttributes> & { [K in keyof MudDatePicker & keyof MudDatePickerAttributes]?: MudDatePicker[K] } & { [K in keyof MudDatePicker & keyof MudDatePickerAttributes as `attr:${K}`]?: MudDatePickerAttributes[K] } & { [K in keyof MudDatePicker & keyof MudDatePickerAttributes as `prop:${K}`]?: MudDatePicker[K] };
        "mud-file-input": Omit<MudFileInput, keyof MudFileInputAttributes> & { [K in keyof MudFileInput & keyof MudFileInputAttributes]?: MudFileInput[K] } & { [K in keyof MudFileInput & keyof MudFileInputAttributes as `attr:${K}`]?: MudFileInputAttributes[K] } & { [K in keyof MudFileInput & keyof MudFileInputAttributes as `prop:${K}`]?: MudFileInput[K] };
        "mud-file-item": Omit<MudFileItem, keyof MudFileItemAttributes> & { [K in keyof MudFileItem & keyof MudFileItemAttributes]?: MudFileItem[K] } & { [K in keyof MudFileItem & keyof MudFileItemAttributes as `attr:${K}`]?: MudFileItemAttributes[K] } & { [K in keyof MudFileItem & keyof MudFileItemAttributes as `prop:${K}`]?: MudFileItem[K] };
        "mud-footer": Omit<MudFooter, keyof MudFooterAttributes> & { [K in keyof MudFooter & keyof MudFooterAttributes]?: MudFooter[K] } & { [K in keyof MudFooter & keyof MudFooterAttributes as `attr:${K}`]?: MudFooterAttributes[K] } & { [K in keyof MudFooter & keyof MudFooterAttributes as `prop:${K}`]?: MudFooter[K] };
        "mud-header": Omit<MudHeader, keyof MudHeaderAttributes> & { [K in keyof MudHeader & keyof MudHeaderAttributes]?: MudHeader[K] } & { [K in keyof MudHeader & keyof MudHeaderAttributes as `attr:${K}`]?: MudHeaderAttributes[K] } & { [K in keyof MudHeader & keyof MudHeaderAttributes as `prop:${K}`]?: MudHeader[K] };
        "mud-header-mega-menu": Omit<MudHeaderMegaMenu, keyof MudHeaderMegaMenuAttributes> & { [K in keyof MudHeaderMegaMenu & keyof MudHeaderMegaMenuAttributes]?: MudHeaderMegaMenu[K] } & { [K in keyof MudHeaderMegaMenu & keyof MudHeaderMegaMenuAttributes as `attr:${K}`]?: MudHeaderMegaMenuAttributes[K] } & { [K in keyof MudHeaderMegaMenu & keyof MudHeaderMegaMenuAttributes as `prop:${K}`]?: MudHeaderMegaMenu[K] };
        "mud-header-mobile": Omit<MudHeaderMobile, keyof MudHeaderMobileAttributes> & { [K in keyof MudHeaderMobile & keyof MudHeaderMobileAttributes]?: MudHeaderMobile[K] } & { [K in keyof MudHeaderMobile & keyof MudHeaderMobileAttributes as `attr:${K}`]?: MudHeaderMobileAttributes[K] } & { [K in keyof MudHeaderMobile & keyof MudHeaderMobileAttributes as `prop:${K}`]?: MudHeaderMobile[K] };
        "mud-header-nav-item": Omit<MudHeaderNavItem, keyof MudHeaderNavItemAttributes> & { [K in keyof MudHeaderNavItem & keyof MudHeaderNavItemAttributes]?: MudHeaderNavItem[K] } & { [K in keyof MudHeaderNavItem & keyof MudHeaderNavItemAttributes as `attr:${K}`]?: MudHeaderNavItemAttributes[K] } & { [K in keyof MudHeaderNavItem & keyof MudHeaderNavItemAttributes as `prop:${K}`]?: MudHeaderNavItem[K] };
        "mud-header-services-menu": Omit<MudHeaderServicesMenu, keyof MudHeaderServicesMenuAttributes> & { [K in keyof MudHeaderServicesMenu & keyof MudHeaderServicesMenuAttributes]?: MudHeaderServicesMenu[K] } & { [K in keyof MudHeaderServicesMenu & keyof MudHeaderServicesMenuAttributes as `attr:${K}`]?: MudHeaderServicesMenuAttributes[K] } & { [K in keyof MudHeaderServicesMenu & keyof MudHeaderServicesMenuAttributes as `prop:${K}`]?: MudHeaderServicesMenu[K] };
        "mud-icon": Omit<MudIcon, keyof MudIconAttributes> & { [K in keyof MudIcon & keyof MudIconAttributes]?: MudIcon[K] } & { [K in keyof MudIcon & keyof MudIconAttributes as `attr:${K}`]?: MudIconAttributes[K] } & { [K in keyof MudIcon & keyof MudIconAttributes as `prop:${K}`]?: MudIcon[K] };
        "mud-info-box": Omit<MudInfoBox, keyof MudInfoBoxAttributes> & { [K in keyof MudInfoBox & keyof MudInfoBoxAttributes]?: MudInfoBox[K] } & { [K in keyof MudInfoBox & keyof MudInfoBoxAttributes as `attr:${K}`]?: MudInfoBoxAttributes[K] } & { [K in keyof MudInfoBox & keyof MudInfoBoxAttributes as `prop:${K}`]?: MudInfoBox[K] };
        "mud-inline-message": Omit<MudInlineMessage, keyof MudInlineMessageAttributes> & { [K in keyof MudInlineMessage & keyof MudInlineMessageAttributes]?: MudInlineMessage[K] } & { [K in keyof MudInlineMessage & keyof MudInlineMessageAttributes as `attr:${K}`]?: MudInlineMessageAttributes[K] } & { [K in keyof MudInlineMessage & keyof MudInlineMessageAttributes as `prop:${K}`]?: MudInlineMessage[K] };
        "mud-input": Omit<MudInput, keyof MudInputAttributes> & { [K in keyof MudInput & keyof MudInputAttributes]?: MudInput[K] } & { [K in keyof MudInput & keyof MudInputAttributes as `attr:${K}`]?: MudInputAttributes[K] } & { [K in keyof MudInput & keyof MudInputAttributes as `prop:${K}`]?: MudInput[K] };
        "mud-input-chip": Omit<MudInputChip, keyof MudInputChipAttributes> & { [K in keyof MudInputChip & keyof MudInputChipAttributes]?: MudInputChip[K] } & { [K in keyof MudInputChip & keyof MudInputChipAttributes as `attr:${K}`]?: MudInputChipAttributes[K] } & { [K in keyof MudInputChip & keyof MudInputChipAttributes as `prop:${K}`]?: MudInputChip[K] };
        "mud-link": Omit<MudLink, keyof MudLinkAttributes> & { [K in keyof MudLink & keyof MudLinkAttributes]?: MudLink[K] } & { [K in keyof MudLink & keyof MudLinkAttributes as `attr:${K}`]?: MudLinkAttributes[K] } & { [K in keyof MudLink & keyof MudLinkAttributes as `prop:${K}`]?: MudLink[K] };
        "mud-logo": Omit<MudLogo, keyof MudLogoAttributes> & { [K in keyof MudLogo & keyof MudLogoAttributes]?: MudLogo[K] } & { [K in keyof MudLogo & keyof MudLogoAttributes as `attr:${K}`]?: MudLogoAttributes[K] } & { [K in keyof MudLogo & keyof MudLogoAttributes as `prop:${K}`]?: MudLogo[K] };
        "mud-menu": Omit<MudMenu, keyof MudMenuAttributes> & { [K in keyof MudMenu & keyof MudMenuAttributes]?: MudMenu[K] } & { [K in keyof MudMenu & keyof MudMenuAttributes as `attr:${K}`]?: MudMenuAttributes[K] } & { [K in keyof MudMenu & keyof MudMenuAttributes as `prop:${K}`]?: MudMenu[K] };
        "mud-menu-item": Omit<MudMenuItem, keyof MudMenuItemAttributes> & { [K in keyof MudMenuItem & keyof MudMenuItemAttributes]?: MudMenuItem[K] } & { [K in keyof MudMenuItem & keyof MudMenuItemAttributes as `attr:${K}`]?: MudMenuItemAttributes[K] } & { [K in keyof MudMenuItem & keyof MudMenuItemAttributes as `prop:${K}`]?: MudMenuItem[K] };
        "mud-modal": Omit<MudModal, keyof MudModalAttributes> & { [K in keyof MudModal & keyof MudModalAttributes]?: MudModal[K] } & { [K in keyof MudModal & keyof MudModalAttributes as `attr:${K}`]?: MudModalAttributes[K] } & { [K in keyof MudModal & keyof MudModalAttributes as `prop:${K}`]?: MudModal[K] };
        "mud-notification": Omit<MudNotification, keyof MudNotificationAttributes> & { [K in keyof MudNotification & keyof MudNotificationAttributes]?: MudNotification[K] } & { [K in keyof MudNotification & keyof MudNotificationAttributes as `attr:${K}`]?: MudNotificationAttributes[K] } & { [K in keyof MudNotification & keyof MudNotificationAttributes as `prop:${K}`]?: MudNotification[K] };
        "mud-numeric-input": Omit<MudNumericInput, keyof MudNumericInputAttributes> & { [K in keyof MudNumericInput & keyof MudNumericInputAttributes]?: MudNumericInput[K] } & { [K in keyof MudNumericInput & keyof MudNumericInputAttributes as `attr:${K}`]?: MudNumericInputAttributes[K] } & { [K in keyof MudNumericInput & keyof MudNumericInputAttributes as `prop:${K}`]?: MudNumericInput[K] };
        "mud-pagination": Omit<MudPagination, keyof MudPaginationAttributes> & { [K in keyof MudPagination & keyof MudPaginationAttributes]?: MudPagination[K] } & { [K in keyof MudPagination & keyof MudPaginationAttributes as `attr:${K}`]?: MudPaginationAttributes[K] } & { [K in keyof MudPagination & keyof MudPaginationAttributes as `prop:${K}`]?: MudPagination[K] };
        "mud-phone-input": Omit<MudPhoneInput, keyof MudPhoneInputAttributes> & { [K in keyof MudPhoneInput & keyof MudPhoneInputAttributes]?: MudPhoneInput[K] } & { [K in keyof MudPhoneInput & keyof MudPhoneInputAttributes as `attr:${K}`]?: MudPhoneInputAttributes[K] } & { [K in keyof MudPhoneInput & keyof MudPhoneInputAttributes as `prop:${K}`]?: MudPhoneInput[K] };
        "mud-progress-tracker": Omit<MudProgressTracker, keyof MudProgressTrackerAttributes> & { [K in keyof MudProgressTracker & keyof MudProgressTrackerAttributes]?: MudProgressTracker[K] } & { [K in keyof MudProgressTracker & keyof MudProgressTrackerAttributes as `attr:${K}`]?: MudProgressTrackerAttributes[K] } & { [K in keyof MudProgressTracker & keyof MudProgressTrackerAttributes as `prop:${K}`]?: MudProgressTracker[K] };
        "mud-radio": Omit<MudRadio, keyof MudRadioAttributes> & { [K in keyof MudRadio & keyof MudRadioAttributes]?: MudRadio[K] } & { [K in keyof MudRadio & keyof MudRadioAttributes as `attr:${K}`]?: MudRadioAttributes[K] } & { [K in keyof MudRadio & keyof MudRadioAttributes as `prop:${K}`]?: MudRadio[K] };
        "mud-receipt": Omit<MudReceipt, keyof MudReceiptAttributes> & { [K in keyof MudReceipt & keyof MudReceiptAttributes]?: MudReceipt[K] } & { [K in keyof MudReceipt & keyof MudReceiptAttributes as `attr:${K}`]?: MudReceiptAttributes[K] } & { [K in keyof MudReceipt & keyof MudReceiptAttributes as `prop:${K}`]?: MudReceipt[K] };
        "mud-search-input-circular": Omit<MudSearchInputCircular, keyof MudSearchInputCircularAttributes> & { [K in keyof MudSearchInputCircular & keyof MudSearchInputCircularAttributes]?: MudSearchInputCircular[K] } & { [K in keyof MudSearchInputCircular & keyof MudSearchInputCircularAttributes as `attr:${K}`]?: MudSearchInputCircularAttributes[K] } & { [K in keyof MudSearchInputCircular & keyof MudSearchInputCircularAttributes as `prop:${K}`]?: MudSearchInputCircular[K] };
        "mud-search-input-rectangular": Omit<MudSearchInputRectangular, keyof MudSearchInputRectangularAttributes> & { [K in keyof MudSearchInputRectangular & keyof MudSearchInputRectangularAttributes]?: MudSearchInputRectangular[K] } & { [K in keyof MudSearchInputRectangular & keyof MudSearchInputRectangularAttributes as `attr:${K}`]?: MudSearchInputRectangularAttributes[K] } & { [K in keyof MudSearchInputRectangular & keyof MudSearchInputRectangularAttributes as `prop:${K}`]?: MudSearchInputRectangular[K] };
        "mud-segmented-control": Omit<MudSegmentedControl, keyof MudSegmentedControlAttributes> & { [K in keyof MudSegmentedControl & keyof MudSegmentedControlAttributes]?: MudSegmentedControl[K] } & { [K in keyof MudSegmentedControl & keyof MudSegmentedControlAttributes as `attr:${K}`]?: MudSegmentedControlAttributes[K] } & { [K in keyof MudSegmentedControl & keyof MudSegmentedControlAttributes as `prop:${K}`]?: MudSegmentedControl[K] };
        "mud-select-input": Omit<MudSelectInput, keyof MudSelectInputAttributes> & { [K in keyof MudSelectInput & keyof MudSelectInputAttributes]?: MudSelectInput[K] } & { [K in keyof MudSelectInput & keyof MudSelectInputAttributes as `attr:${K}`]?: MudSelectInputAttributes[K] } & { [K in keyof MudSelectInput & keyof MudSelectInputAttributes as `prop:${K}`]?: MudSelectInput[K] };
        "mud-separator": Omit<MudSeparator, keyof MudSeparatorAttributes> & { [K in keyof MudSeparator & keyof MudSeparatorAttributes]?: MudSeparator[K] } & { [K in keyof MudSeparator & keyof MudSeparatorAttributes as `attr:${K}`]?: MudSeparatorAttributes[K] } & { [K in keyof MudSeparator & keyof MudSeparatorAttributes as `prop:${K}`]?: MudSeparator[K] };
        "mud-service-button": Omit<MudServiceButton, keyof MudServiceButtonAttributes> & { [K in keyof MudServiceButton & keyof MudServiceButtonAttributes]?: MudServiceButton[K] } & { [K in keyof MudServiceButton & keyof MudServiceButtonAttributes as `attr:${K}`]?: MudServiceButtonAttributes[K] } & { [K in keyof MudServiceButton & keyof MudServiceButtonAttributes as `prop:${K}`]?: MudServiceButton[K] };
        "mud-sidebar": Omit<MudSidebar, keyof MudSidebarAttributes> & { [K in keyof MudSidebar & keyof MudSidebarAttributes]?: MudSidebar[K] } & { [K in keyof MudSidebar & keyof MudSidebarAttributes as `attr:${K}`]?: MudSidebarAttributes[K] } & { [K in keyof MudSidebar & keyof MudSidebarAttributes as `prop:${K}`]?: MudSidebar[K] };
        "mud-sidebar-group": Omit<MudSidebarGroup, keyof MudSidebarGroupAttributes> & { [K in keyof MudSidebarGroup & keyof MudSidebarGroupAttributes]?: MudSidebarGroup[K] } & { [K in keyof MudSidebarGroup & keyof MudSidebarGroupAttributes as `attr:${K}`]?: MudSidebarGroupAttributes[K] } & { [K in keyof MudSidebarGroup & keyof MudSidebarGroupAttributes as `prop:${K}`]?: MudSidebarGroup[K] };
        "mud-sidebar-item": Omit<MudSidebarItem, keyof MudSidebarItemAttributes> & { [K in keyof MudSidebarItem & keyof MudSidebarItemAttributes]?: MudSidebarItem[K] } & { [K in keyof MudSidebarItem & keyof MudSidebarItemAttributes as `attr:${K}`]?: MudSidebarItemAttributes[K] } & { [K in keyof MudSidebarItem & keyof MudSidebarItemAttributes as `prop:${K}`]?: MudSidebarItem[K] };
        "mud-spinner": Omit<MudSpinner, keyof MudSpinnerAttributes> & { [K in keyof MudSpinner & keyof MudSpinnerAttributes]?: MudSpinner[K] } & { [K in keyof MudSpinner & keyof MudSpinnerAttributes as `attr:${K}`]?: MudSpinnerAttributes[K] } & { [K in keyof MudSpinner & keyof MudSpinnerAttributes as `prop:${K}`]?: MudSpinner[K] };
        "mud-switch": Omit<MudSwitch, keyof MudSwitchAttributes> & { [K in keyof MudSwitch & keyof MudSwitchAttributes]?: MudSwitch[K] } & { [K in keyof MudSwitch & keyof MudSwitchAttributes as `attr:${K}`]?: MudSwitchAttributes[K] } & { [K in keyof MudSwitch & keyof MudSwitchAttributes as `prop:${K}`]?: MudSwitch[K] };
        "mud-tab": Omit<MudTab, keyof MudTabAttributes> & { [K in keyof MudTab & keyof MudTabAttributes]?: MudTab[K] } & { [K in keyof MudTab & keyof MudTabAttributes as `attr:${K}`]?: MudTabAttributes[K] } & { [K in keyof MudTab & keyof MudTabAttributes as `prop:${K}`]?: MudTab[K] } & OneOf<"value", MudTab["value"], MudTabAttributes["value"]>;
        "mud-table": Omit<MudTable, keyof MudTableAttributes> & { [K in keyof MudTable & keyof MudTableAttributes]?: MudTable[K] } & { [K in keyof MudTable & keyof MudTableAttributes as `attr:${K}`]?: MudTableAttributes[K] } & { [K in keyof MudTable & keyof MudTableAttributes as `prop:${K}`]?: MudTable[K] };
        "mud-tabs": Omit<MudTabs, keyof MudTabsAttributes> & { [K in keyof MudTabs & keyof MudTabsAttributes]?: MudTabs[K] } & { [K in keyof MudTabs & keyof MudTabsAttributes as `attr:${K}`]?: MudTabsAttributes[K] } & { [K in keyof MudTabs & keyof MudTabsAttributes as `prop:${K}`]?: MudTabs[K] };
        "mud-tag": Omit<MudTag, keyof MudTagAttributes> & { [K in keyof MudTag & keyof MudTagAttributes]?: MudTag[K] } & { [K in keyof MudTag & keyof MudTagAttributes as `attr:${K}`]?: MudTagAttributes[K] } & { [K in keyof MudTag & keyof MudTagAttributes as `prop:${K}`]?: MudTag[K] };
        "mud-textarea": Omit<MudTextarea, keyof MudTextareaAttributes> & { [K in keyof MudTextarea & keyof MudTextareaAttributes]?: MudTextarea[K] } & { [K in keyof MudTextarea & keyof MudTextareaAttributes as `attr:${K}`]?: MudTextareaAttributes[K] } & { [K in keyof MudTextarea & keyof MudTextareaAttributes as `prop:${K}`]?: MudTextarea[K] };
        "mud-tooltip": Omit<MudTooltip, keyof MudTooltipAttributes> & { [K in keyof MudTooltip & keyof MudTooltipAttributes]?: MudTooltip[K] } & { [K in keyof MudTooltip & keyof MudTooltipAttributes as `attr:${K}`]?: MudTooltipAttributes[K] } & { [K in keyof MudTooltip & keyof MudTooltipAttributes as `prop:${K}`]?: MudTooltip[K] };
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            /**
             * Accordion — vertical stack of collapsible regions per WAI-ARIA Accordion Pattern.
             * Pattern A (slot container): coordinates child `mud-accordion-item` elements,
             * enforces `mode="single"` exclusivity, manages keyboard traversal across
             * headers (Arrow Up/Down, Home, End), and dispatches `mudChange` whenever the
             * active set changes.
             * Consumers may either:
             *   1. Slot `<mud-accordion-item>` children directly (declarative, recommended), or
             *   2. Pass an `items` array (data-driven; the accordion renders the items for you).
             * @element mud-accordion
             * @fires mudChange - Emitted on every open/close. `detail.openIds` lists every
             *              item currently open (single entry in `mode="single"`).
             */
            "mud-accordion": LocalJSX.IntrinsicElements["mud-accordion"] & JSXBase.HTMLAttributes<HTMLMudAccordionElement>;
            /**
             * Accordion item — a single collapsible row inside `mud-accordion`.
             * Pattern B (atom-interactive): renders its own header `<button>` and a
             * `<div role="region">` panel inside shadow DOM. The container manages
             * exclusivity in `mode="single"`; the item owns its visual state.
             * @element mud-accordion-item
             * @fires mudToggle - Fired when the user activates the header. The container
             *             listens for this and decides whether to honour it
             *             (single-mode collapsing of siblings).
             */
            "mud-accordion-item": LocalJSX.IntrinsicElements["mud-accordion-item"] & JSXBase.HTMLAttributes<HTMLMudAccordionItemElement>;
            /**
             * Avatar — represents a user via a photo, initials, or a generic person icon.
             * Pattern A (atom-display): wraps a single piece of slottable content (an
             * optional notification badge) and otherwise renders its own internal DOM.
             * The component picks its visual mode from the `type` prop:
             * - `photo` — renders `<img>` from `src`; if the image fails to load, falls
             *   back to initials (when `name`/`initials` is set) or the person icon.
             * - `initials` — renders 1–2 uppercase letters derived from `initials` or
             *   `name`. If neither is set, the icon fallback kicks in.
             * - `icon` — renders a `mud-icon` (default `person`).
             * @element mud-avatar
             */
            "mud-avatar": LocalJSX.IntrinsicElements["mud-avatar"] & JSXBase.HTMLAttributes<HTMLMudAvatarElement>;
            /**
             * Badge — small, non-interactive status / count indicator.
             * Two visual forms:
             *  - `numbered` (default): shows a numeric counter inside a rounded pill.
             *  - `dot`: a presence circle for "unread" indication. `xs`/`sm` are solid;
             *    `md`/`lg`/`xl` carry a small centered inner pip (per Figma 551:18330).
             * Five color variants map to the project's semantic token roles.
             * Designed to overlay parent elements (avatars, icon buttons, list items)
             * via consumer-controlled positioning — the badge itself just paints.
             * Position offsets are exposed as CSS variables (`--badge-offset-top`,
             * `--badge-offset-right`) so consumers can compose without overrides.
             * Pattern B (atom-visual): internal DOM only, no slots, no events.
             * @element mud-badge
             */
            "mud-badge": LocalJSX.IntrinsicElements["mud-badge"] & JSXBase.HTMLAttributes<HTMLMudBadgeElement>;
            /**
             * Banner — full-width, top-of-page system message.
             * A persistent, non-contextual notification that spans the width of its
             * container and informs users of important system-wide events (scheduled
             * maintenance, outages, announcements). Draws attention without blocking
             * interaction; remains visible until dismissed or resolved.
             * Pattern B (atom-display + interactive close): the optional close affordance
             * lives in shadow DOM with a real `button` role. The body is not interactive
             * apart from the optional inline link.
             * `variant` selects the semantic color family — `info`, `warning`, or `error`
             * (Figma exposes no `success` for banners). `emphasis` selects the surface
             * treatment — `subtle` (tinted) or `strong` (filled, on-color foreground).
             * Live-region routing follows WCAG status/alert conventions:
             * - `info` → `role="status"` + `aria-live="polite"`
             * - `warning` / `error` → `role="alert"` + `aria-live="assertive"`
             * @element mud-banner
             */
            "mud-banner": LocalJSX.IntrinsicElements["mud-banner"] & JSXBase.HTMLAttributes<HTMLMudBannerElement>;
            /**
             * Breadcrumb — navigational trail showing the user's location in the site hierarchy.
             * Two equivalent authoring modes:
             * 1. **Prop-driven** (preferred for dynamic data): pass `items` as a typed array.
             * 2. **Slot-driven** (preferred for static markup): nest `<mud-breadcrumb-item>` children.
             * When both are present, the `items` prop wins.
             * On desktop the full trail renders horizontally. When `maxVisible` is exceeded,
             * intermediate crumbs collapse into an overflow "…" menu. On mobile (≤640px) with
             * `responsive=true`, the trail collapses to a single "‹ Back to {parent}" link
             * per the WAI-ARIA breadcrumb pattern and Figma 69:408.
             * @element mud-breadcrumb
             */
            "mud-breadcrumb": LocalJSX.IntrinsicElements["mud-breadcrumb"] & JSXBase.HTMLAttributes<HTMLMudBreadcrumbElement>;
            /**
             * A single crumb inside `mud-breadcrumb`. Renders an anchor when `href` is set,
             * otherwise plain text. The active crumb renders as text with `aria-current="page"`,
             * regardless of `href`.
             * Use this directly when the markup variant of the breadcrumb is preferred over
             * the `items` prop on `mud-breadcrumb`. Both APIs are equivalent in behavior.
             * @element mud-breadcrumb-item
             */
            "mud-breadcrumb-item": LocalJSX.IntrinsicElements["mud-breadcrumb-item"] & JSXBase.HTMLAttributes<HTMLMudBreadcrumbItemElement>;
            /**
             * Button — interactive control.
             * Pattern B (atom-interactive): renders its own `<button>` (or `<a>` when `href`
             * is set) inside shadow DOM. Form participation works via `formAssociated` +
             * `ElementInternals`.
             * @element mud-button
             */
            "mud-button": LocalJSX.IntrinsicElements["mud-button"] & JSXBase.HTMLAttributes<HTMLMudButtonElement>;
            /**
             * Button group — layout container for stacking multiple `mud-button` elements
             * with consistent spacing (12px gap) per the MUD Design System.
             * Pure layout primitive: does not propagate props to children, does not emit
             * events, does not manage focus order beyond the natural DOM tab sequence.
             * Each child `mud-button` controls its own size, variant, and full-width
             * behavior independently.
             * @element mud-button-group
             */
            "mud-button-group": LocalJSX.IntrinsicElements["mud-button-group"] & JSXBase.HTMLAttributes<HTMLMudButtonGroupElement>;
            /**
             * Checkbox — boolean / tri-state form control.
             * Pattern B (atom-interactive, form-associated): renders its own visual box
             * inside shadow DOM plus a screen-reader-friendly `<input type="checkbox">`.
             * Form participation works via `formAssociated` + `ElementInternals`.
             * Visual states mirror Figma `Mode × State × Size`:
             *   Mode  = Unchecked | Checked | Indeterminate
             *   State = Default | Focus | Error (`invalid`) | Disabled
             *   Size  = Medium (24px) | Small (20px)
             * Indeterminate is a visual-only third state — `checked` semantics are unchanged.
             * @element mud-checkbox
             */
            "mud-checkbox": LocalJSX.IntrinsicElements["mud-checkbox"] & JSXBase.HTMLAttributes<HTMLMudCheckboxElement>;
            /**
             * Chip — compact, pill-shaped control for filter selection or token display.
             * Pattern B (atom-interactive): renders its own `<button>` inside shadow DOM
             * so it participates in tab order and exposes a real accessible role.
             * Two modes:
             * - `type="filter"` (default) — toggleable filter chip. Click flips `selected`
             *   and emits `mudSelect`. Best used inside a chip group for mono- or
             *   multi-selection filtering.
             * - `type="input"` — a discrete value entered by a user (e.g. a tag inside
             *   a search field). When `removable`, a trailing close button is rendered;
             *   activating it emits `mudRemove`.
             * @element mud-chip
             */
            "mud-chip": LocalJSX.IntrinsicElements["mud-chip"] & JSXBase.HTMLAttributes<HTMLMudChipElement>;
            /**
             * Cookie banner — GDPR consent surface (molecule).
             * Pattern B (composed molecule): renders its own header / body / categories /
             * footer in shadow DOM. Composes `mud-button`, `mud-switch`, `mud-icon`,
             * `mud-tag` and `mud-separator` for the interactive pieces. The host is a
             * non-modal dialog (`role="dialog" aria-modal="false"`) anchored to the bottom
             * or top edge of the viewport — it does NOT trap focus so the page underneath
             * stays operable.
             * Two variants share one element:
             * - `variant="simple"` (default) — three CTAs (`Personalizează` / `Refuză toate`
             *   / `Accept toate`). The "Personalizează" button switches the banner to
             *   expanded mode.
             * - `variant="detailed"` — same collapsed footprint, but expanding reveals a
             *   category list (necessary / analytics / marketing by default) with per-row
             *   `mud-switch`. Required categories render a fixed check-mark instead.
             * Romanian voice ships as defaults; every label is overridable via the public
             * `@Prop` surface for localisation.
             * @element mud-cookie-banner
             */
            "mud-cookie-banner": LocalJSX.IntrinsicElements["mud-cookie-banner"] & JSXBase.HTMLAttributes<HTMLMudCookieBannerElement>;
            /**
             * Date Input — segment-masked date entry molecule.
             * Pattern B (atom-interactive, form-associated): renders its own `<input>`
             * inside shadow DOM and overlays a ghost format hint that lets the unfilled
             * `DD/MM/YYYY` segments stay visible while the user types — matching the
             * "focus: date-populated / month-populated / fully-populated" Figma states.
             * @element mud-date-input
             */
            "mud-date-input": LocalJSX.IntrinsicElements["mud-date-input"] & JSXBase.HTMLAttributes<HTMLMudDateInputElement>;
            /**
             * Romanian date picker — locale-aware calendar molecule.
             * Three modes:
             * - `single` — pick exactly one date. `value` is `string` (ISO YYYY-MM-DD) or empty.
             * - `range` — pick a start + end. Click once to set `rangeStart`, click again to set `rangeEnd`;
             *   click outside the range to start a new range.
             * - `multi` — toggle individual dates. `value` is `string[]`.
             * Three breakpoints (visual modes):
             * - `desktop` — 320px elevated card with shadow.
             * - `mobile` — full-width bottom-sheet style with drag handle.
             * - `docked` — compact (no shadow) intended to attach beneath a `mud-date-input`.
             * All weekday + month labels come from `Intl.DateTimeFormat` so the locale prop drives the language —
             * no hard-coded strings. Romanian (`ro-RO`) is the default.
             * Keyboard:
             * - Arrow keys move focus by day
             * - PageUp/PageDown change month
             * - Shift+PageUp/PageDown change year
             * - Home/End jump to the start/end of the visible week
             * - Enter/Space selects the focused day
             * @element mud-date-picker
             */
            "mud-date-picker": LocalJSX.IntrinsicElements["mud-date-picker"] & JSXBase.HTMLAttributes<HTMLMudDatePickerElement>;
            /**
             * File Input — drag-and-drop / click-to-browse file selection molecule.
             * Pattern B (molecule, internal DOM, form-associated): the host owns a hidden
             * native `<input type="file">` for the browse path, manages the drop zone
             * affordance, validates by `accept` / `maxSize` / `maxFiles`, and renders a
             * per-file list of `mud-file-item` rows. Citizens get keyboard parity (Tab
             * to focus, Enter/Space to open the picker) and a `role="status"` live region
             * that announces add / remove / reject events.
             * The component owns SELECTION + VALIDATION + DISPLAY. Real upload (progress,
             * network errors, retries) is consumer-driven via the `mudChange` event.
             * State model (no style axis — Figma is state-only):
             *   default → hover → focus → active (drag-over) → disabled
             *   `invalid` is a separate validation flag that recolors the dashed border red
             *   without introducing a style variant.
             * @element mud-file-input
             */
            "mud-file-input": LocalJSX.IntrinsicElements["mud-file-input"] & JSXBase.HTMLAttributes<HTMLMudFileInputElement>;
            /**
             * File Item — single-file row inside `mud-file-input` (or any file list surface).
             * Pattern B (atom, internal DOM): renders filename + meta (size / error message)
             * + state icon + remove button. The remove button is the only interactive
             * element; the row itself is not focusable so it cannot trap citizens who tab
             * past a long list.
             * @element mud-file-item
             */
            "mud-file-item": LocalJSX.IntrinsicElements["mud-file-item"] & JSXBase.HTMLAttributes<HTMLMudFileItemElement>;
            /**
             * Page footer — civic, multi-section organism for AGE / EVO platforms.
             * Pattern B (composed organism): renders all sections inside shadow DOM and
             * composes `mud-link`, `mud-logo`, and `mud-icon` for atomic pieces. The host
             * carries `role="contentinfo"` so screen readers announce it as the page
             * footer landmark.
             * Two variants share one element:
             * - `variant="evo"` (default) — full EVO platform footer: branding headline,
             *   link columns (Servicii guvernamentale / Despre / Asistență / Legal),
             *   contact info, social rows, partner logos, accessibility statement, and a
             *   black legal bar with copyright + license link.
             * - `variant="simple"` — slim variant: only the black legal bar with the
             *   copyright text and license/terms links. Used inside scoped flows
             *   (modals, embedded apps) where the full footer is too tall.
             * Romanian voice ships as defaults; every visible string is overridable via
             * the public `@Prop` surface or the `branding` / `sections` slots.
             * @element mud-footer
             */
            "mud-footer": LocalJSX.IntrinsicElements["mud-footer"] & JSXBase.HTMLAttributes<HTMLMudFooterElement>;
            /**
             * Header — the EVO government portal masthead.
             * Phase 1: the desktop shell — a pre-header band (government crest + label +
             * language switcher) above the main bar (logo / nav / actions slots).
             * Mega-menu, services dropdown, mobile and authenticated states layer on top.
             * @element mud-header
             */
            "mud-header": LocalJSX.IntrinsicElements["mud-header"] & JSXBase.HTMLAttributes<HTMLMudHeaderElement>;
            /**
             * Header mega-menu — the full-width "Servicii" dropdown panel.
             * Data-driven: pass `columns` (heading + list of links). Toggle visibility via
             * `open`; the consumer positions it directly beneath `mud-header` and wires it
             * to the matching `mud-header-nav-item`'s `mudNavToggle`.
             * @element mud-header-mega-menu
             */
            "mud-header-mega-menu": LocalJSX.IntrinsicElements["mud-header-mega-menu"] & JSXBase.HTMLAttributes<HTMLMudHeaderMegaMenuElement>;
            /**
             * Mobile header — a compact bar that opens a full-screen navigation drawer.
             * Closed: logo + slotted bar actions (e.g. an auth button + search) + a
             * hamburger. Open: a full-screen panel with logo + language pill + close,
             * then slotted `search`, `nav`, `secondary` (services/help) and bottom
             * `actions` (CTA buttons). Reuse `mud-sidebar-item` for the nav rows.
             * @element mud-header-mobile
             */
            "mud-header-mobile": LocalJSX.IntrinsicElements["mud-header-mobile"] & JSXBase.HTMLAttributes<HTMLMudHeaderMobileElement>;
            /**
             * Header navigation item — a top-bar entry inside `mud-header`'s `nav` slot.
             * Renders as a link (`href`) or a button. Expandable items carry a trailing
             * chevron and toggle a mega-menu (wired by the consumer via `mudNavToggle`).
             * @element mud-header-nav-item
             */
            "mud-header-nav-item": LocalJSX.IntrinsicElements["mud-header-nav-item"] & JSXBase.HTMLAttributes<HTMLMudHeaderNavItemElement>;
            /**
             * Header services menu — the "Platforme utile" dropdown.
             * A 2-column grid of platform cards (each a brand logo) over a "discover all"
             * button. Data-driven via `platforms`; toggle visibility with `open`. Reuses
             * `mud-logo` for platforms it ships (mpay/msign/mpower/mnotify) and accepts a
             * `logoSrc` image for the rest (epermits/econsulat).
             * @element mud-header-services-menu
             */
            "mud-header-services-menu": LocalJSX.IntrinsicElements["mud-header-services-menu"] & JSXBase.HTMLAttributes<HTMLMudHeaderServicesMenuElement>;
            /**
             * Icon — renders an inline SVG fetched on-demand from per-size asset files.
             * Names follow the Material Symbols convention: append `-filled` to the base name
             * to request the filled variant (e.g. `check` outlined vs `check-filled`).
             * When the exact `size`/`name` combination is missing from the manifest, the
             * provider falls back to the closest larger size (preferred) and then to the
             * largest smaller size before giving up.
             * @element mud-icon
             */
            "mud-icon": LocalJSX.IntrinsicElements["mud-icon"] & JSXBase.HTMLAttributes<HTMLMudIconElement>;
            /**
             * Informational Box — an inline, in-content callout that highlights key
             * messages, announcements, alerts, or explanations within the page flow.
             * Unlike `mud-notification` (a fixed-width corner toast) or `mud-banner` (a
             * full-width page-level bar), the info box sits inside the content column,
             * fills its container's width, and supports rich content: an optional bold
             * heading, a multi-line body (default slot), an optional inline action group
             * (`actions` slot — links/buttons) and an optional close button.
             * Two axes:
             * - `variant` — `info` (neutral icon), `info-moderate` (brand-blue icon),
             *   `warning`, or `error`.
             * - `emphasis` — `subtle` (neutral grey surface, coloured icon) or `strong`
             *   (a tinted semantic surface).
             * The box is static in-flow content, so it is **not** an ARIA live region
             * (that would re-announce on every render). The icon is decorative; the
             * heading and body are read in normal reading order. For transient, announced
             * messages use `mud-notification` / `mud-banner` instead.
             * @element mud-info-box
             */
            "mud-info-box": LocalJSX.IntrinsicElements["mud-info-box"] & JSXBase.HTMLAttributes<HTMLMudInfoBoxElement>;
            /**
             * Inline Message — lightweight, in-context feedback rendered as a coloured
             * leading icon plus a short text line (no surface, border, or padding).
             * Used alongside inputs, form fields, or any UI element to give immediate
             * guidance — the same visual pattern the form controls render as their
             * assistive / error text, exposed here as a standalone atom for use outside a
             * specific control.
             * `variant` selects the semantic colour (`info` keeps neutral text with a
             * brand-blue icon; `warning` / `success` / `error` colour both). `size` is
             * `small` (12px) or `medium` (14px).
             * It is plain in-flow text, **not** an ARIA live region. When used as form
             * feedback, associate it with the field via `aria-describedby` (and
             * `aria-invalid` for errors) on the consumer side; for a transient, announced
             * message use `mud-notification` / `mud-banner`. The icon is decorative.
             * @element mud-inline-message
             */
            "mud-inline-message": LocalJSX.IntrinsicElements["mud-inline-message"] & JSXBase.HTMLAttributes<HTMLMudInlineMessageElement>;
            /**
             * Input — single-line text-entry control.
             * Pattern B (atom-interactive, form-associated): renders its own `<input>`
             * inside shadow DOM. Form participation works via `formAssociated` +
             * `ElementInternals`. The component is the canonical text-input primitive;
             * specialised inputs (date, search, phone, etc.) compose around it.
             * @element mud-input
             */
            "mud-input": LocalJSX.IntrinsicElements["mud-input"] & JSXBase.HTMLAttributes<HTMLMudInputElement>;
            /**
             * Input Chip — multi-value text-entry control where each confirmed value
             * renders as a removable pill (chip / tag).
             * Pattern B (molecule, internal DOM, form-associated). The host owns:
             *   - the chip-list state (`chips` prop, two-way bound),
             *   - the inline `<input type="text">` for the next value,
             *   - regex / duplicate / max validation,
             *   - the keyboard contract that lets the citizen navigate between input
             *     and chips with arrow keys + delete chips with Backspace / Enter,
             *   - a `role="status"` live region that announces add / remove / reject.
             * The form value submitted to the surrounding `<form>` is a JSON-encoded
             * array of strings (e.g. `["a@b.md","c@d.md"]`) when a `name` is set.
             * @element mud-input-chip
             */
            "mud-input-chip": LocalJSX.IntrinsicElements["mud-input-chip"] & JSXBase.HTMLAttributes<HTMLMudInputChipElement>;
            /**
             * Link — interactive navigational atom.
             * Pattern B (atom-interactive): renders its own `<a>` (or `<button>` when no
             * `href` is set) inside shadow DOM.
             * The component honors the **DESIGN.md "Visited Magenta Rule"** — `:visited`
             * anchors flip to `#aa18ce` (`color.text.brand.visited`). When `target="_blank"`
             * is set, `rel="noopener noreferrer"` is auto-applied and a small external-link
             * indicator is rendered after the label unless the consumer explicitly opts out
             * via `external="false"`.
             * @element mud-link
             */
            "mud-link": LocalJSX.IntrinsicElements["mud-link"] & JSXBase.HTMLAttributes<HTMLMudLinkElement>;
            /**
             * Brand logo for Moldovan M-products.
             * Each `name` resolves to a single self-contained SVG asset under `./assets/`.
             * The component fetches and renders that SVG into shadow DOM; the host's
             * dimensions follow the SVG's intrinsic `width`/`height`/`viewBox` exactly as
             * exported from Figma — so a future asset with non-standard dimensions
             * "just works" without a CSS contract change.
             * Consumers that need to reserve layout space before the async fetch
             * resolves (e.g. above-the-fold marketing, dense grids) should wrap the
             * logo in a sized container — `mud-service-button` does this for its
             * `badge` slot (24 × 24).
             * @element mud-logo
             */
            "mud-logo": LocalJSX.IntrinsicElements["mud-logo"] & JSXBase.HTMLAttributes<HTMLMudLogoElement>;
            /**
             * Menu — a floating panel of choosable options, composed of `mud-menu-item` children.
             * Two flavours via `type`:
             * - `selection` — single-select list (ARIA `listbox`), selected item shows a trailing checkmark.
             * - `contextual` — action menu (ARIA `menu`), items may carry a leading checkbox/radio/icon.
             * The panel is the visual + interaction primitive (keyboard roving, selection, scroll).
             * Anchoring/positioning relative to a trigger is the consumer's responsibility; bind `open`
             * and listen for `mudClose` (Escape / `closeOnSelect`) to drive popover behaviour.
             * @element mud-menu
             */
            "mud-menu": LocalJSX.IntrinsicElements["mud-menu"] & JSXBase.HTMLAttributes<HTMLMudMenuElement>;
            /**
             * Menu item — a single row inside a `mud-menu`.
             * Pattern: the host element is the focusable, role-bearing control. Roving
             * `tabindex` is managed imperatively by the parent `mud-menu`. The item emits
             * `mudMenuItemSelect` (bubbling) on activation; the parent coordinates selection.
             * @element mud-menu-item
             */
            "mud-menu-item": LocalJSX.IntrinsicElements["mud-menu-item"] & JSXBase.HTMLAttributes<HTMLMudMenuItemElement>;
            /**
             * Modal — overlay dialog molecule.
             * Renders a centered dialog card on top of a dimmed backdrop using the native
             * `<dialog>` element internally. The native element provides the focus trap,
             * ESC handling, and top-layer rendering required for WCAG 2.1 AA Modal
             * conformance (SC 2.1.2 No Keyboard Trap reversed: focus IS trapped inside an
             * active dialog and returned on close).
             * Pattern B (internal DOM): the dialog, backdrop, header, body and footer all
             * live inside shadow DOM. Consumers project content through five slots
             * (`title`, `icon`, `image`, default body, `actions`) and toggle visibility
             * via the `open` prop or the imperative `openModal()` / `closeModal()`
             * methods.
             * Variants control the header treatment:
             * - `default` — title + close button (text-only header)
             * - `with-image` — full-bleed hero image at top with overlaid close button
             * - `with-icon` — leading 48px icon above the body content (no top header bar)
             * Dismiss reasons routed through `mudClose<{reason}>`:
             * - `backdrop` — click on backdrop (suppressed by `closeOnBackdrop=false`)
             * - `escape` — ESC keypress (suppressed by `closeOnEscape=false`)
             * - `close-button` — trailing × button activated
             * - `action` — programmatic via `closeModal('action')`, used by footer buttons
             * @element mud-modal
             */
            "mud-modal": LocalJSX.IntrinsicElements["mud-modal"] & JSXBase.HTMLAttributes<HTMLMudModalElement>;
            /**
             * Notification — semantic toast message (350px filled surface, 8px radius).
             * Renders a leading icon, an optional bold heading, the message body
             * (default slot), an optional inline action group (`actions` slot) and an
             * optional trailing close button.
             * Pattern B (atom-display + interactive close): the close affordance lives
             * inside shadow DOM so it participates in tab order with a real
             * `button` role. The body itself is not interactive.
             * `variant` selects the semantic color family — `info`, `warning`, `success`,
             * or `error` — each a filled toast surface with its own leading icon.
             * Live-region routing:
             * - `info` / `success` → `role="status"` + `aria-live="polite"`
             * - `warning` / `error` → `role="alert"` + `aria-live="assertive"`
             * @element mud-notification
             */
            "mud-notification": LocalJSX.IntrinsicElements["mud-notification"] & JSXBase.HTMLAttributes<HTMLMudNotificationElement>;
            /**
             * Numeric Input — numeric-entry control with stacked step buttons.
             * Pattern B (atom-interactive, form-associated): renders its own `<input>`
             * inside shadow DOM and pairs it with a trailing stepper stack (chevron-up
             * over chevron-bottom). Shares the visual primitives of `mud-input` (border,
             * focus ring, label, helper / error, sizes, states) and adds a
             * `--numeric-input-stepper-*` token namespace for the increment / decrement
             * affordance.
             * Why `<input type="text" inputmode="decimal">` instead of
             * `<input type="number">`: native `type="number"` mixes parsing, locale, and
             * UI affordances in ways that interact poorly with `precision` rounding and
             * `min`/`max` clamping. The component delegates parsing + clamping to its own
             * logic and exposes `inputmode="decimal"` so mobile devices still surface the
             * numeric keypad.
             * @element mud-numeric-input
             */
            "mud-numeric-input": LocalJSX.IntrinsicElements["mud-numeric-input"] & JSXBase.HTMLAttributes<HTMLMudNumericInputElement>;
            /**
             * Pagination — navigation control for paged content.
             * Renders a list of page-number buttons flanked by Previous / Next controls.
             * The visible page list is computed from `currentPage`, `totalPages`,
             * `siblingCount`, and `boundaryCount`. When the total exceeds the visible
             * window, an interactive overflow button (`…`) collapses the skipped range
             * and lets users jump directly to any of those pages via a dropdown menu
             * (Figma "overflow-active" interaction). When the collapsed range is large
             * (e.g. page 1 of 40 hides ~34 pages), the dropdown caps its height and
             * scrolls internally instead of running off the viewport.
             * The component is internally controlled but exposes a `mudChange` event so
             * the host can drive the active page. Updating `current-page` from outside
             * is also honoured (e.g. when the URL changes via routing).
             * Previous / Next buttons are hidden at the boundaries (page 1 hides Prev,
             * the last page hides Next) instead of being rendered in a disabled state —
             * this matches the Figma "first-page" / "last-page" specification.
             * @element mud-pagination
             */
            "mud-pagination": LocalJSX.IntrinsicElements["mud-pagination"] & JSXBase.HTMLAttributes<HTMLMudPaginationElement>;
            /**
             * Phone Input — phone-number entry molecule with country-code prefix and
             * format mask. The most Moldova-specific input in the family: it ships a
             * default `+373` country, a curated diaspora-relevant country list with
             * inline-SVG flag glyphs, and Romanian-voice placeholder + error copy.
             * Pattern B (molecule, form-associated): renders its own `<input type="tel">`
             * inside shadow DOM alongside an inline country trigger that either
             * displays a static flag+dial-code pill (`type="local"`, Moldova-first
             * default) or a combobox that opens a country listbox (`type="international"`).
             * Form participation works via `formAssociated` + `ElementInternals`; the
             * form value is the canonical E.164 string (`+37362123456`).
             * @element mud-phone-input
             */
            "mud-phone-input": LocalJSX.IntrinsicElements["mud-phone-input"] & JSXBase.HTMLAttributes<HTMLMudPhoneInputElement>;
            /**
             * Progress Tracker (Stepper) — visualises a user's position in a multi-step process.
             * Two flavours:
             * - **Display tracker** (`interactive=false`, default) — read-only. Each step is a
             *   `<li>` carrying ARIA semantics. Use for sign-up wizards, KYC flows, document
             *   submissions where the parent app drives navigation.
             * - **Interactive tracker** (`interactive=true`) — each completed (and the current)
             *   step renders as a `<button>` and emits `mudStepClick`. Pending steps remain
             *   non-actionable per the WAI-ARIA stepper pattern.
             * State legend (Figma node 634:10573):
             *   - `pending`    — neutral grey ring + faded number, non-navigable
             *   - `current`    — brand ring + brand number, neutral label
             *   - `completed`  — brand filled circle + white checkmark (brand underlined link label when interactive)
             *   - `available`  — brand outline ring + brand number, navigable forward (brand underlined link label when interactive)
             *   - `error`      — danger ring + danger cross, neutral label
             * The component renders an ordered list with `role="list"` for AT compatibility
             * (Safari + VoiceOver strip implicit list roles when `list-style: none` is set).
             * @element mud-progress-tracker
             */
            "mud-progress-tracker": LocalJSX.IntrinsicElements["mud-progress-tracker"] & JSXBase.HTMLAttributes<HTMLMudProgressTrackerElement>;
            /**
             * Radio — single-select form input atom.
             * Pattern B (atom-interactive, form-associated): renders its own
             * `<input type="radio">` inside shadow DOM and paints the visual circle
             * with CSS. Form participation works via `formAssociated` +
             * `ElementInternals.setFormValue`. The component is the standalone radio
             * primitive; a future `mud-radio-group` molecule will manage roving focus
             * and `name`-based exclusivity across siblings.
             * @element mud-radio
             */
            "mud-radio": LocalJSX.IntrinsicElements["mud-radio"] & JSXBase.HTMLAttributes<HTMLMudRadioElement>;
            /**
             * Receipt — confirmation surface for a finished Moldovan e-Gov transaction
             * (molecule).
             * Pattern B (composed molecule): renders its own header / amount block /
             * details list / QR / footer in shadow DOM. Composes `mud-logo`, `mud-tag`,
             * and `mud-button` for the interactive pieces.
             * Four sibling variants share one element via the `service` attribute —
             * each maps to one of the e-Gov properties:
             * - `service="mpay"` (default) — payment receipt
             * - `service="mpass"` — authentication session log
             * - `service="msign"` — signature receipt
             * - `service="mdelivery"` — delivery confirmation
             * The receipt is a presentational artifact. It does not fetch, validate,
             * or persist; callers pass already-formatted values. The QR (default slot
             * `qr` overrides) is generated client-side from the `qrData` prop via a
             * vendored byte-mode QR encoder — no runtime dependency, no network.
             * Print: the host carries `@media print` rules to hide action buttons,
             * drop shadows, and force ink-primary text so a citizen can print the
             * receipt without the surrounding UI bleeding through.
             * Romanian voice ships as defaults; every label is overridable via the
             * public `@Prop` surface for localisation.
             * @element mud-receipt
             */
            "mud-receipt": LocalJSX.IntrinsicElements["mud-receipt"] & JSXBase.HTMLAttributes<HTMLMudReceiptElement>;
            /**
             * Search Input (circular) — single-line search-entry control with a fully
             * rounded (pill) silhouette.
             * Pattern B (atom-interactive, form-associated): renders its own
             * `<input type="search">` inside shadow DOM. Adds a leading magnifying-glass
             * icon and an optional trailing clear `×` button that appears whenever the
             * control carries a value. Behavior, props, slots, events, keyboard contract,
             * ARIA wiring, and dimensions (height, padding, gap) are IDENTICAL to
             * `mud-search-input-rectangular` — the only visual difference is the
             * silhouette: corners flip to `borderRadius.full` (9999px). The trailing
             * submit button (when `with-button` is set) inherits the pill silhouette via
             * `borderRadius.full`, rendering as a perfect circle that hugs the pill end
             * per Figma master `933:29721`.
             * The Republic of Moldova Unified Design System library catalogues circular
             * and rectangular search fields as separate component_sets, so we ship them
             * as distinct atoms with parallel token namespaces (`--search-input-circular-*`
             * vs `--search-input-rectangular-*`).
             * Optional axes per Figma master `933:29721`:
             * - `loading` — async query is in flight; a trailing spinner appears next to
             *   the value/placeholder and the control is announced as `aria-busy`.
             * - `with-button` — adds a trailing brand-blue circular submit button that
             *   fires `mudSearch` on click. Coexists with the clear button and the
             *   loading spinner.
             * @element mud-search-input-circular
             */
            "mud-search-input-circular": LocalJSX.IntrinsicElements["mud-search-input-circular"] & JSXBase.HTMLAttributes<HTMLMudSearchInputCircularElement>;
            /**
             * Search Input (rectangular) — single-line search-entry control.
             * Pattern B (atom-interactive, form-associated): renders its own
             * `<input type="search">` inside shadow DOM. Adds a leading magnifying-glass
             * icon and an optional trailing clear `×` button that appears whenever the
             * control carries a value. Visual primitives (border, focus ring, label,
             * helper / error, sizes, states) are shared with `mud-input`; specific
             * affordances (icon-start, icon-end-clear, submit-button) live in the
             * `--search-input-rectangular-*` token namespace.
             * Rectangular shape is the default sibling of `mud-search-input-circular`
             * (pill). The two ship as distinct components per the Figma component-set
             * separation in the Republic of Moldova Unified Design System library.
             * Optional axes per Figma master `933:29099`:
             * - `loading` — async query is in flight; a trailing spinner appears next to
             *   the value/placeholder and the control is announced as `aria-busy`.
             * - `with-button` — adds a trailing brand-blue submit button that fires
             *   `mudSearch` on click. Coexists with the clear button and the loading
             *   spinner.
             * @element mud-search-input-rectangular
             */
            "mud-search-input-rectangular": LocalJSX.IntrinsicElements["mud-search-input-rectangular"] & JSXBase.HTMLAttributes<HTMLMudSearchInputRectangularElement>;
            /**
             * Segmented control — single-select horizontal switcher.
             * Pattern B (atom-interactive, form-associated): renders an internal
             * `role="radiogroup"` of `role="radio"` buttons inside the shadow DOM with
             * a roving `tabindex`. Selected segment gets the dark inverse fill from
             * Figma 659:8188; unselected segments inherit the light tertiary container
             * background and only carry their label.
             * Keyboard contract (WAI-ARIA Authoring Practices, radiogroup pattern):
             * - `Tab` enters and exits the group (single stop)
             * - `ArrowLeft` / `ArrowRight` move selection between segments
             * - `Home` / `End` jump to first / last segment
             * - `Enter` / `Space` reaffirm selection on the focused segment
             * @element mud-segmented-control
             */
            "mud-segmented-control": LocalJSX.IntrinsicElements["mud-segmented-control"] & JSXBase.HTMLAttributes<HTMLMudSegmentedControlElement>;
            /**
             * Select Input — single-select dropdown atom.
             * Pattern B (atom-interactive, form-associated): renders a custom-styled
             * trigger button and a listbox popover inside shadow DOM. Form participation
             * works via `formAssociated` + `ElementInternals`. Shares the visual primitives
             * of `mud-input` (border, focus ring, label, helper / error text, sizes,
             * states) and adds a trailing chevron icon, listbox menu, and keyboard
             * navigation (ArrowUp/Down/Home/End/Enter/Escape) per the WAI-ARIA combobox
             * pattern.
             * @element mud-select-input
             */
            "mud-select-input": LocalJSX.IntrinsicElements["mud-select-input"] & JSXBase.HTMLAttributes<HTMLMudSelectInputElement>;
            /**
             * Separator — visual divider between groups of content or UI components.
             * Pattern B (atom-visual): renders a 1D rule, optionally with an inline label.
             * No events, no interactivity. ARIA `separator` semantics.
             * @element mud-separator
             */
            "mud-separator": LocalJSX.IntrinsicElements["mud-separator"] & JSXBase.HTMLAttributes<HTMLMudSeparatorElement>;
            /**
             * Service Button — interactive control for Moldovan M-products (mpay, mpass,
             * msign, mpower, mdelivery).
             * A specialised filled button with a logo badge embedded on the inline-start
             * edge of the geometry. Fixed 48 px height (= minimum touch target) and
             * asymmetric padding (16 start / 20 end) per Figma spec.
             * Slot `badge` reserves a 24×24 box for a `<mud-logo>` rendering a
             * `*-logo-logomark-only` asset (or any other element rendered at that size).
             * The default slot carries the label text.
             * @element mud-service-button
             */
            "mud-service-button": LocalJSX.IntrinsicElements["mud-service-button"] & JSXBase.HTMLAttributes<HTMLMudServiceButtonElement>;
            /**
             * Sidebar — a vertical navigation panel composed of `mud-sidebar-group`
             * sections and `mud-sidebar-item` rows.
             * @element mud-sidebar
             */
            "mud-sidebar": LocalJSX.IntrinsicElements["mud-sidebar"] & JSXBase.HTMLAttributes<HTMLMudSidebarElement>;
            /**
             * Sidebar group — a labelled section of `mud-sidebar-item` rows.
             * A divider is rendered automatically above every group except the first.
             * @element mud-sidebar-group
             */
            "mud-sidebar-group": LocalJSX.IntrinsicElements["mud-sidebar-group"] & JSXBase.HTMLAttributes<HTMLMudSidebarGroupElement>;
            /**
             * Sidebar item — a single navigation row inside a `mud-sidebar` / `mud-sidebar-group`.
             * Renders as a link when `href` is set, otherwise a button. Expandable items
             * toggle a nested list (the `children` slot) and rotate a chevron.
             * @element mud-sidebar-item
             */
            "mud-sidebar-item": LocalJSX.IntrinsicElements["mud-sidebar-item"] & JSXBase.HTMLAttributes<HTMLMudSidebarItemElement>;
            /**
             * Spinner — animated circular loading indicator.
             * Pattern B (atom-visual): renders a CSS-only rotating arc.
             * No slots, no events, no interactivity.
             * @element mud-spinner
             */
            "mud-spinner": LocalJSX.IntrinsicElements["mud-spinner"] & JSXBase.HTMLAttributes<HTMLMudSpinnerElement>;
            /**
             * Switch — binary on/off toggle atom (form-associated).
             * Pattern B (atom-interactive, form-associated): renders its own
             * `<input type="checkbox" role="switch">` inside shadow DOM and paints the
             * visual track + thumb with CSS. Implements the WAI-ARIA switch pattern, not
             * the checkbox pattern — `role="switch"` with `aria-checked="true|false"`.
             * Space toggles per native checkbox semantics; the role swap does not break
             * keyboard activation.
             * The visible track is 48 × 28px; the hit area expands to 32px on
             * pointer-devices and 40px on touch-devices (via `pointer: coarse`) per the
             * Figma "Target Sizes" spec, achieved with a `::before` pseudo-element so the
             * visual footprint stays untouched.
             * @element mud-switch
             */
            "mud-switch": LocalJSX.IntrinsicElements["mud-switch"] & JSXBase.HTMLAttributes<HTMLMudSwitchElement>;
            /**
             * `mud-tab` — single tab item inside a `mud-tabs` tablist.
             * Pattern A child: rendered as a slotted child of `mud-tabs`. Owns its own
             * `role="tab"` host with `aria-selected`, an optional leading icon, the
             * label, and an optional trailing numbered badge.
             * The component is intentionally light: selection, focus management and
             * `aria-controls` wiring are all driven by the parent `mud-tabs` via
             * reflected attributes and DOM ids.
             * @element mud-tab
             */
            "mud-tab": LocalJSX.IntrinsicElements["mud-tab"] & JSXBase.HTMLAttributes<HTMLMudTabElement>;
            /**
             * Table — data table molecule for tabular content with optional sorting,
             * selection, and responsive mobile collapse.
             * Pattern B (molecule, internal DOM): renders a native `<table>` inside
             * shadow DOM for full a11y semantics (`role="table"`, `role="columnheader"`,
             * `aria-sort`, `aria-selected`). Composes existing primitives — `mud-checkbox`
             * for the selection column, `mud-icon` for sort chevrons. Status badges and
             * row actions are projected via named slots so consumers can drop in
             * `mud-tag`, `mud-button`, or any custom content per cell.
             * At ≤640 px container width the inline padding shrinks from 24 → 16 to
             * match Figma's "Mobile" breakpoint specs (table-header `4930:14358`,
             * table-cell `649:4296`). The table structure itself is preserved; consumers
             * who need a card-stack layout on narrow screens should wrap their own
             * presentation around the data.
             * @element mud-table
             */
            "mud-table": LocalJSX.IntrinsicElements["mud-table"] & JSXBase.HTMLAttributes<HTMLMudTableElement>;
            /**
             * `mud-tabs` — horizontal tablist that switches the currently visible panel.
             * Two composition modes:
             *  1. **Declarative** (recommended for static menus): slot `<mud-tab>` children
             *     into the default slot and matching `<div slot="panel-{value}">` blocks
             *     into the panel slots.
             *  2. **Data-driven**: pass a `tabs` array. The component renders each entry
             *     as a child `mud-tab` and exposes panels via `<div slot="panel-{value}">`
             *     elements supplied by the consumer.
             * Pattern A (molecule, slot-based). The host carries `role="tablist"`; the
             * tabs are rendered children with `role="tab"`; the panels are slotted into
             * named `panel-{value}` slots and receive `role="tabpanel"` + the matching
             * `aria-labelledby`.
             * Keyboard contract (WAI-ARIA Authoring Practices, automatic activation):
             * - `Tab` focuses the currently selected tab (single tab stop into the group)
             * - `ArrowLeft` / `ArrowRight` move selection between enabled tabs (wraps)
             * - `Home` / `End` jump to the first / last enabled tab
             * - `Enter` / `Space` activate the focused tab (no-op for selected/disabled)
             * Overflow: when the rendered tabs are wider than the host, the component
             * exposes leading + trailing chevron buttons that scroll the strip. Both
             * chevrons are mouse-only; their `aria-hidden="true"` keeps them out of the
             * keyboard order (arrow keys already move selection without overflow help).
             * @element mud-tabs
             */
            "mud-tabs": LocalJSX.IntrinsicElements["mud-tabs"] & JSXBase.HTMLAttributes<HTMLMudTabsElement>;
            /**
             * Tag — compact, non-interactive label used to mark state, category,
             * or supplementary metadata.
             * Pattern B (atom-visual): the host paints; consumers compose icons
             * through named slots. Two visual scales coexist behind the same
             * element:
             * - `variant="status"` (default) — the standard Status Tag used for
             *   state ("Activ", "În așteptare", "Refuzat"). Medium-weight label,
             *   three surface treatments (`subtle`, `strong`, `outlined`) across
             *   six semantic colors (`muted`, `neutral`, `accent`, `success`,
             *   `brand`, `danger`).
             * - `variant="info"` — a lighter inline tag for metadata embedded in
             *   body text. Regular-weight label, tighter padding. Honors the same
             *   `type` and `semantic` axes.
             * Tags are decorative by default. When a tag conveys a dynamic state
             * to assistive tech ("Procesare în curs"), set `aria-label` and the
             * host will adopt `role="status"` automatically — otherwise the host
             * stays silent so visual-only tags don't pollute the a11y tree.
             * For horizontally stacked groups (8 px gutter, wrap on overflow),
             * compose multiple tags inside a `mud-tag-group` slot wrapper —
             * available as a CSS utility on this element via the `group` data
             * attribute on the parent.
             * @element mud-tag
             */
            "mud-tag": LocalJSX.IntrinsicElements["mud-tag"] & JSXBase.HTMLAttributes<HTMLMudTagElement>;
            /**
             * Text Area — multi-line text-entry control.
             * Pattern B (atom-interactive, form-associated): renders its own `<textarea>`
             * inside shadow DOM. Form participation works via `formAssociated` +
             * `ElementInternals`. Mirrors the `mud-input` contract for label, helper,
             * error and variant treatment, and adds a vertical resize handle plus an
             * optional character counter.
             * @element mud-textarea
             */
            "mud-textarea": LocalJSX.IntrinsicElements["mud-textarea"] & JSXBase.HTMLAttributes<HTMLMudTextareaElement>;
            /**
             * Tooltip — transient label, structured popover, or coach mark anchored to a
             * trigger element.
             * Pattern B (internal DOM). The host wraps a `trigger` slot and renders the
             * bubble + arrow inside shadow DOM. Position is computed in JS against the
             * trigger's bounding rect with viewport-aware flip + clamp + corner-aligned
             * placements; the result is pushed to the host as CSS custom properties.
             * Variants:
             * - `default` — transient label. Hover (after `showDelay`) / focus / click /
             *   manual trigger; closes on `mouseleave` (after `hideDelay`), `blur`,
             *   second click, `Esc`, or outside click.
             * - `coach` — persistent instructional overlay with a close button + localized
             *   hint. Dismissed only by Esc, the close button, or an outside click.
             * @element mud-tooltip
             */
            "mud-tooltip": LocalJSX.IntrinsicElements["mud-tooltip"] & JSXBase.HTMLAttributes<HTMLMudTooltipElement>;
        }
    }
}