@malva-ui/core 0.1.12 → 0.1.14

package/types/malva-ui-core-breadcrumb.d.ts

@@ -0,0 +1,308 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as _malva_ui_i18n from '@malva-ui/i18n';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { MlvPopup } from '@malva-ui/core/popup';
+import { MlvDensity } from '@malva-ui/cdk/density';
+
+/**
+ * Individual breadcrumb item component.
+ *
+ * Renders a navigable link (via `routerLink` or `href`), or non-interactive
+ * text in one of three distinct states:
+ *
+ * - `current` — the page being viewed (`aria-current="page"`).
+ * - `disabled` — a destination that exists but is switched off for this user.
+ * - *plain* — the default when no link, `current` or `disabled` is given: an
+ *   ancestor step that simply has nowhere to navigate to.
+ *
+ * The last item in the breadcrumb list should have `current` set to `true`.
+ *
+ * @example Basic usage
+ * ```html
+ * <mlv-breadcrumb-item href="/home">Home</mlv-breadcrumb-item>
+ * <mlv-breadcrumb-item [routerLink]="['/products']">Products</mlv-breadcrumb-item>
+ * <mlv-breadcrumb-item [current]="true">Widget Pro</mlv-breadcrumb-item>
+ * ```
+ *
+ * @example Plain, non-navigable ancestor
+ * ```html
+ * <mlv-breadcrumb-item>Settings</mlv-breadcrumb-item>
+ * ```
+ */
+declare class MlvBreadcrumbItem {
+    /**
+     * Angular router link for navigation.
+     * Supports string or string array (same as `[routerLink]`).
+     */
+    readonly routerLink: _angular_core.InputSignal<string | string[] | null>;
+    /**
+     * Standard `href` for anchor-based navigation.
+     * Use when not using Angular Router.
+     */
+    readonly href: _angular_core.InputSignal<string | null>;
+    /**
+     * When `true`, marks this item as the current page.
+     * Renders as non-interactive text with `aria-current="page"`.
+     */
+    readonly current: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * When `true`, marks this step as **deliberately switched off** — a
+     * destination that exists but is currently unavailable to this user.
+     * Renders as non-interactive text with `.mlv-breadcrumb__link--disabled`.
+     *
+     * An ancestor step that merely has nowhere to navigate to is **not**
+     * disabled: omit `routerLink`, `href`, `current` and `disabled`, and the
+     * item renders as a plain readable crumb (`.mlv-breadcrumb__link--plain`).
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvBreadcrumbItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MlvBreadcrumbItem, "mlv-breadcrumb-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Structural directive that marks an `<ng-template>` as a custom separator
+ * to be rendered between breadcrumb items.
+ *
+ * When no `[mlvSeparator]` directive is present inside `nav[mlvBreadcrumb]`,
+ * the component falls back to a `LucideChevronRight` icon.
+ *
+ * @example Custom text separator
+ * ```html
+ * <nav mlvBreadcrumb [items]="items">
+ *   <ng-template mlvSeparator>›</ng-template>
+ * </nav>
+ * ```
+ *
+ * @example Custom icon separator
+ * ```html
+ * <nav mlvBreadcrumb [items]="items">
+ *   <ng-template mlvSeparator>
+ *     <svg lucideSlash [size]="14" />
+ *   </ng-template>
+ * </nav>
+ * ```
+ */
+declare class MlvBreadcrumbSeparator {
+    /** The template reference for the custom separator content. */
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvBreadcrumbSeparator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MlvBreadcrumbSeparator, "[mlvSeparator]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a single breadcrumb navigation item.
+ *
+ * Use this interface when providing items data-driven via the `items` input
+ * on `MlvBreadcrumb`.
+ */
+interface MlvBreadcrumbEntry {
+    /** Display label for this breadcrumb step. */
+    label: string;
+    /**
+     * Router link for Angular router navigation.
+     * Passed directly to `[routerLink]` on the anchor element.
+     * Use either `routerLink` or `href`, not both.
+     */
+    routerLink?: string | string[];
+    /**
+     * Raw href for standard anchor navigation.
+     * Use either `href` or `routerLink`, not both.
+     */
+    href?: string;
+    /**
+     * When `true`, marks this step as **deliberately switched off** — a
+     * destination that exists but is currently unavailable to this user (no
+     * permission, not yet provisioned, gated behind a plan).
+     *
+     * This is **not** the way to express an ancestor step that simply has
+     * nowhere to navigate to — a grouping label such as "Settings" in
+     * `Settings › Personal › Profile`. For those, omit both `routerLink` and
+     * `href` and leave `disabled` unset: the item renders as a plain, readable,
+     * non-interactive crumb (`.mlv-breadcrumb__link--plain`). Marking a plain
+     * ancestor `disabled` tells assistive technology something false and opts
+     * the crumb into the disabled colour ramp.
+     */
+    disabled?: boolean;
+}
+
+/**
+ * Navigation breadcrumb component.
+ *
+ * Use with `nav[mlvBreadcrumb]` selector applied to a `<nav>` element.
+ * Renders a list of breadcrumb trail items with a customisable separator,
+ * optional overflow truncation with a popover for hidden items, and router
+ * integration.
+ *
+ * Supports two usage modes:
+ * 1. **Data-driven** — pass an array of `MlvBreadcrumbEntry` objects via `[items]`.
+ * 2. **Projected** — nest `<mlv-breadcrumb-item>` elements directly.
+ *
+ * The separator can be customised by placing `<ng-template mlvSeparator>` inside
+ * the `<nav>`. When no separator directive is present, a `LucideChevronRight` icon
+ * is used as the default.
+ *
+ * @example Data-driven
+ * ```html
+ * <nav mlvBreadcrumb [items]="breadcrumbs"></nav>
+ * ```
+ *
+ * @example Custom separator via structural directive
+ * ```html
+ * <nav mlvBreadcrumb [items]="breadcrumbs">
+ *   <ng-template mlvSeparator>›</ng-template>
+ * </nav>
+ * ```
+ *
+ * @example Projected items
+ * ```html
+ * <nav mlvBreadcrumb>
+ *   <mlv-breadcrumb-item href="/">Home</mlv-breadcrumb-item>
+ *   <mlv-breadcrumb-item [routerLink]="['/products']">Products</mlv-breadcrumb-item>
+ *   <mlv-breadcrumb-item [current]="true">Widget Pro</mlv-breadcrumb-item>
+ * </nav>
+ * ```
+ *
+ * @example With overflow truncation
+ * ```html
+ * <nav mlvBreadcrumb [items]="longBreadcrumbs" [maxItems]="4"></nav>
+ * ```
+ */
+declare class MlvBreadcrumb {
+    /** @protected The component's i18n strings signal. */
+    protected readonly _i18n: _angular_core.Signal<_malva_ui_i18n.MlvBreadcrumbI18n>;
+    /** @private Resolver for ICU parameterized i18n strings. */
+    private readonly _resolver;
+    /**
+     * @protected Resolved aria-label for the overflow ellipsis button, e.g.
+     * "Show 3 more breadcrumb items".
+     */
+    protected readonly _showMoreLabel: _angular_core.Signal<string>;
+    /** @private Document reference used for focus navigation checks. */
+    private readonly _document;
+    private readonly _rtlService;
+    /**
+     * Data-driven list of breadcrumb items.
+     * When provided, items are rendered from this array.
+     * The last item in the array is automatically treated as the current page.
+     */
+    readonly items: _angular_core.InputSignal<MlvBreadcrumbEntry[]>;
+    /**
+     * Density applied to the overflow popover's item list.
+     *
+     * The popover is portaled to the CDK overlay container, outside the
+     * component's DOM tree, so ancestor density classes cannot cascade into it.
+     * Forwarded to the overflow `mlv-popup`, which stamps the resolved
+     * `mlv--{density}` class on the detached panel. When omitted, the global
+     * `MlvDensityService` density applies.
+     */
+    readonly mlvDensity: _angular_core.InputSignal<MlvDensity | undefined>;
+    /**
+     * Maximum number of items to display before truncating.
+     * When the total count exceeds this value, the middle items are collapsed
+     * into an ellipsis (`…`) button. Clicking the button opens a popover
+     * listing all hidden items. Always shows the first and last items.
+     * Set to `0` to disable truncation (show all items). Defaults to `0`.
+     */
+    readonly maxItems: _angular_core.InputSignal<number>;
+    /**
+     * When `true`, makes the separator `aria-hidden` to prevent screen readers
+     * from announcing it. Defaults to `true`.
+     */
+    readonly hideSeparatorFromScreenReaders: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * @protected Custom separator template projected via `<ng-template mlvSeparator>`.
+     * When absent, a `LucideChevronRight` icon is rendered as the default separator.
+     */
+    protected readonly _separatorDef: _angular_core.Signal<MlvBreadcrumbSeparator | undefined>;
+    /**
+     * @protected Projected `mlv-breadcrumb-item` elements from content.
+     * Used when the component is operated in projected mode instead of data-driven.
+     */
+    protected readonly _projectedItems: _angular_core.Signal<readonly MlvBreadcrumbItem[]>;
+    /** @protected Ellipsis trigger used to restore focus after keyboard close. */
+    protected readonly _overflowTriggerRef: _angular_core.Signal<HTMLButtonElement | undefined>;
+    /**
+     * @private The focusable overflow-popover link elements, in DOM order. They are
+     * rendered by this component's own template (inside `mlvPopupContent`), so a
+     * signal view query resolves them — even though the popover content renders in
+     * a detached overlay. Replaces a `getElementById` + `querySelectorAll` lookup.
+     */
+    private readonly _overflowNavItems;
+    /** @protected Stable id applied to the overflow list element (menu container). */
+    protected readonly _overflowListId: string;
+    /**
+     * @protected The computed visible items for data-driven mode, with overflow applied.
+     * Returns the full list when `maxItems` is 0 or not set.
+     */
+    protected readonly _visibleItems: _angular_core.Signal<(MlvBreadcrumbEntry & {
+        _isEllipsis?: boolean;
+    })[]>;
+    /**
+     * @protected The hidden items that are collapsed behind the ellipsis.
+     * These are shown in the popover when the ellipsis button is clicked.
+     */
+    protected readonly _hiddenItems: _angular_core.Signal<MlvBreadcrumbEntry[]>;
+    /**
+     * @protected Whether the component is used in data-driven mode (items provided via input).
+     * When false, rendered items come from projected `<mlv-breadcrumb-item>` elements.
+     */
+    protected readonly _isDataDriven: _angular_core.Signal<boolean>;
+    /**
+     * @protected Moves focus to the first actionable item after the overflow popup opens.
+     */
+    protected _focusFirstOverflowItem(): void;
+    /**
+     * @protected Handles arrow-key navigation within the overflow popup.
+     */
+    protected _onOverflowKeydown(event: KeyboardEvent, popup: MlvPopup): void;
+    /**
+     * @protected Closes the overflow popup after an item is activated.
+     */
+    protected _closeOverflowPopup(popup: MlvPopup): void;
+    /**
+     * @private Focuses an overflow item by index when it exists.
+     */
+    private _focusOverflowItem;
+    /**
+     * @private Returns currently rendered focusable overflow item elements.
+     */
+    private _overflowItemElements;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvBreadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MlvBreadcrumb, "nav[mlvBreadcrumb]", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "mlvDensity": { "alias": "mlvDensity"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "hideSeparatorFromScreenReaders": { "alias": "hideSeparatorFromScreenReaders"; "required": false; "isSignal": true; }; }, {}, ["_separatorDef", "_projectedItems"], ["*"], true, never>;
+}
+
+/**
+ * Attribute directive that can be applied to any `<a>` or `<li>` element as an
+ * alternative to using the `<mlv-breadcrumb-item>` component. Applies the
+ * correct BEM classes without replacing the native element.
+ *
+ * Use this when you need to preserve native element semantics (e.g., when
+ * working with a router `<a>` element inside a list item, or when composing
+ * with third-party link components).
+ *
+ * @example Applied to a native anchor inside an `<li>`
+ * ```html
+ * <nav mlvBreadcrumb>
+ *   <ol class="mlv-breadcrumb__list">
+ *     <li mlvBreadcrumbItem class="mlv-breadcrumb__item">
+ *       <a mlvBreadcrumbItem class="mlv-breadcrumb__link" href="/">Home</a>
+ *     </li>
+ *   </ol>
+ * </nav>
+ * ```
+ *
+ * @example Applied to a `<li>` element
+ * ```html
+ * <li mlvBreadcrumbItem>
+ *   <a class="mlv-breadcrumb__link" href="/products">Products</a>
+ * </li>
+ * ```
+ */
+declare class MlvBreadcrumbItemHost {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvBreadcrumbItemHost, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MlvBreadcrumbItemHost, "[mlvBreadcrumbItem]", never, {}, {}, never, never, true, never>;
+}
+
+export { MlvBreadcrumb, MlvBreadcrumbItem, MlvBreadcrumbItemHost, MlvBreadcrumbSeparator };
+export type { MlvBreadcrumbEntry };

package/types/malva-ui-core-button.d.ts

@@ -0,0 +1,194 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Signal } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import * as i1 from '@malva-ui/cdk/density';
+import { MlvDensity, MlvDensityDirective } from '@malva-ui/cdk/density';
+
+declare class MlvButtonBefore extends MlvStructural {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvButtonBefore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MlvButtonBefore, "[mlvButtonBefore]", never, {}, {}, never, never, true, never>;
+}
+declare class MlvButtonAfter extends MlvStructural {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvButtonAfter, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MlvButtonAfter, "[mlvButtonAfter]", never, {}, {}, never, never, true, never>;
+}
+declare class MlvButtonIcon {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvButtonIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MlvButtonIcon, "[mlvButtonIcon]", never, {}, {}, never, never, true, never>;
+}
+
+/** Visual treatment shared by buttons and button containers. */
+type MlvButtonVariant = 'primary' | 'secondary' | 'outlined' | 'accent' | 'transparent' | 'elevated' | 'error' | 'warning' | 'info';
+/**
+ * Shape applied to an individual button. `circle` and `square` are icon-only
+ * shapes (width equals height); `pill` keeps the content width with a fully
+ * rounded stadium radius.
+ */
+type MlvButtonShape = 'default' | 'circle' | 'square' | 'pill';
+
+declare class MlvButton {
+    /**
+     * Visual treatment for this button. When omitted, the closest button group,
+     * split button, or toggle supplies it; otherwise the fallback depends on the
+     * shape — `secondary` for the icon-only `square`/`circle` shapes and
+     * `primary` for every other shape.
+     */
+    readonly variant: _angular_core.InputSignal<MlvButtonVariant | undefined>;
+    /** Shape of the button. Circle and square are intended for icon-only actions. */
+    readonly shape: _angular_core.InputSignal<MlvButtonShape>;
+    /** Whether the native button is disabled. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Whether the button is waiting for an asynchronous action to complete. */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the button reflects a persistent selected state — an active
+     * formatting menu trigger, a chosen view. Paints the same surface as a
+     * pressed toggle while adding no ARIA of its own, so a menu button keeps
+     * `aria-haspopup`/`aria-expanded` as its only state semantics. A real toggle
+     * sets `aria-pressed` instead, which paints identically.
+     */
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** @private Optional ancestor-provided default visual treatment. */
+    private readonly _variantAccessor;
+    /**
+     * The visual treatment after resolving local, inherited, and default values.
+     *
+     * The final fallback is shape-aware: a bare `square`/`circle` button is an
+     * icon action, and rendering a row of them as saturated `primary` CTAs was
+     * never the intent, so they fall back to the neutral `secondary` treatment.
+     * An explicit `variant` and an ancestor `MLV_BUTTON_VARIANT` both still win.
+     */
+    readonly effectiveVariant: _angular_core.Signal<MlvButtonVariant>;
+    /** @protected Whether `shape` is one of the square/circle icon-only shapes. */
+    protected readonly _iconShape: _angular_core.Signal<boolean>;
+    /**
+     * @protected True for a circle/square button whose content is only an icon —
+     * either marked with `mlvButtonIcon` or inferred from an empty label slot.
+     * Drives the icon-only modifier.
+     */
+    protected readonly _iconOnly: _angular_core.Signal<boolean>;
+    /** @protected Template slot rendered before the button text. */
+    protected readonly beforeRef: _angular_core.Signal<MlvButtonBefore | undefined>;
+    /** @protected Template slot rendered after the button text. */
+    protected readonly afterRef: _angular_core.Signal<MlvButtonAfter | undefined>;
+    /** @private Projected icon directive, used to detect icon-only buttons. */
+    private readonly _iconDirective;
+    /** @private The label slot, read back after render to detect icon-only content. */
+    private readonly _textRef;
+    /**
+     * @private Whether the default content slot rendered any non-whitespace text.
+     *
+     * Starts `true` so a button that never reaches a browser render — server-side
+     * rendering, where `afterRenderEffect` does not run — keeps the pre-inference
+     * behaviour instead of guessing icon-only.
+     */
+    private readonly _hasProjectedText;
+    constructor();
+    /** @protected Prevents activation while the button is disabled or loading. */
+    protected _handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MlvButton, "button[mlvButton], a[mlvButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, ["beforeRef", "afterRef", "_iconDirective"], ["*"], true, [{ directive: typeof i1.MlvDensityDirective; inputs: { "mlvDensity": "mlvDensity"; }; outputs: {}; }]>;
+}
+
+/**
+ * Contract implemented by button containers that provide a default variant to
+ * descendant buttons.
+ */
+interface MlvButtonVariantAccessor {
+    /** The resolved variant descendants should use when they have no override. */
+    readonly effectiveVariant: Signal<MlvButtonVariant>;
+}
+/** Optional ancestor that supplies a default variant to descendant buttons. */
+declare const MLV_BUTTON_VARIANT: InjectionToken<MlvButtonVariantAccessor>;
+
+/**
+ * Visually joins related buttons and provides a shared variant to children.
+ * Use the native `aria-label` or `aria-labelledby` attribute to name the group
+ * when its purpose is not clear from surrounding content.
+ */
+declare class MlvButtonGroup implements MlvButtonVariantAccessor {
+    /**
+     * Default visual treatment for descendant buttons. An individual button can
+     * still override it with its own `variant` input.
+     */
+    readonly variant: _angular_core.InputSignal<MlvButtonVariant | undefined>;
+    /** @private Optional variant supplied by an enclosing button container. */
+    private readonly _parentVariant;
+    /** The shared variant inherited by descendants without a local override. */
+    readonly effectiveVariant: _angular_core.Signal<MlvButtonVariant>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvButtonGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MlvButtonGroup, "mlv-button-group", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Joins a primary action and its related secondary trigger into one control.
+ * The component owns layout and shared styling; consumers keep control of the
+ * two projected native buttons and any menu or popup attached to the trigger.
+ */
+declare class MlvButtonSplit implements MlvButtonVariantAccessor {
+    /**
+     * Default visual treatment for both projected buttons. Either child can
+     * override it with a local `variant` input.
+     */
+    readonly variant: _angular_core.InputSignal<MlvButtonVariant | undefined>;
+    /** @private Optional variant supplied by an enclosing button container. */
+    private readonly _parentVariant;
+    /** The shared variant inherited by projected buttons. */
+    readonly effectiveVariant: _angular_core.Signal<MlvButtonVariant>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvButtonSplit, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MlvButtonSplit, "mlv-button-split", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** A two-state button that exposes native `aria-pressed` semantics. */
+declare class MlvButtonToggle implements MlvButtonVariantAccessor {
+    /** Two-way bindable pressed state reflected by the inner native button. */
+    readonly pressed: _angular_core.ModelSignal<boolean>;
+    /** Whether the inner native button is disabled. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Visual treatment for the toggle. When omitted, it inherits the closest
+     * button container variant and otherwise falls back to `primary`.
+     */
+    readonly variant: _angular_core.InputSignal<MlvButtonVariant | undefined>;
+    /** Shape of the inner button. */
+    readonly shape: _angular_core.InputSignal<MlvButtonShape>;
+    /** Density level forwarded to the inner button. */
+    readonly mlvDensity: _angular_core.InputSignal<MlvDensity | undefined>;
+    /** Accessible name for an icon-only toggle. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Id reference(s) naming the inner native button. */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /** @private Optional variant supplied by an enclosing button container. */
+    private readonly _parentVariant;
+    /** The visual treatment inherited by the inner button. */
+    readonly effectiveVariant: _angular_core.Signal<MlvButtonVariant>;
+    /** Toggles the pressed state unless the control is disabled. */
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvButtonToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MlvButtonToggle, "mlv-button-toggle", never, { "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "mlvDensity": { "alias": "mlvDensity"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "pressed": "pressedChange"; }, never, ["*"], true, never>;
+}
+
+declare class MlvButtonClose {
+    /**
+     * Visual treatment for the inner button. Defaults to `transparent`; binding
+     * `undefined` allows the standard button variant inheritance to take over.
+     */
+    readonly variant: _angular_core.InputSignal<MlvButtonVariant | undefined>;
+    /** Shape of the inner close button. */
+    readonly shape: _angular_core.InputSignal<MlvButtonShape>;
+    /** Accessible name applied to the inner native button. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @protected Resolved host-directive density forwarded to the inner button.
+     *
+     * The full five-step directive, not one of the clamped variants: a close
+     * button matches the dimensions of an icon-only `mlvButton` at every density.
+     */
+    protected readonly _density: MlvDensityDirective;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MlvButtonClose, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MlvButtonClose, "mlv-button-close", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.MlvDensityDirective; inputs: { "mlvDensity": "mlvDensity"; }; outputs: {}; }]>;
+}
+
+export { MLV_BUTTON_VARIANT, MlvButton, MlvButtonAfter, MlvButtonBefore, MlvButtonClose, MlvButtonGroup, MlvButtonIcon, MlvButtonSplit, MlvButtonToggle };
+export type { MlvButtonShape, MlvButtonVariant, MlvButtonVariantAccessor };