ng-blatui 1.32.2 → 1.34.0

package/types/ng-blatui.d.ts

@@ -1,12 +1,13 @@
 import { ClassValue } from 'clsx';
 export { ClassValue } from 'clsx';
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Signal, EnvironmentProviders, OnInit, OnDestroy, TemplateRef } from '@angular/core';
+import { InjectionToken, Signal, EnvironmentProviders, OnInit, OnDestroy, TemplateRef, ElementRef } from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { ControlValueAccessor } from '@angular/forms';
 import { Menu } from '@angular/aria/menu';
 export { Menu, MenuBar, MenuContent, MenuItem, MenuTrigger } from '@angular/aria/menu';
+import { ConnectedPosition } from '@angular/cdk/overlay';
 import { SafeResourceUrl } from '@angular/platform-browser';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 export { AccordionContent, AccordionGroup, AccordionPanel, AccordionTrigger, ɵɵDeferredContent, ɵɵDeferredContentAware } from '@angular/aria/accordion';
@@ -160,6 +161,11 @@ declare const VARIANTS: {
     readonly outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground";
 };
 declare const TONES$1: {
+    readonly primary: {
+        readonly soft: "border-transparent bg-primary/10 text-primary dark:bg-primary/15";
+        readonly solid: "border-transparent bg-primary text-primary-foreground";
+        readonly outline: "text-primary border-primary/40";
+    };
     readonly success: {
         readonly soft: "border-transparent bg-success/10 text-success dark:bg-success/15";
         readonly solid: "border-transparent bg-success text-success-foreground";
@@ -196,7 +202,7 @@ type BadgeTone = keyof typeof TONES$1;
 type BadgeIntensity = keyof (typeof TONES$1)['success'];
 /**
  * BlatUI badge. Brand variants (`default | secondary | destructive | outline`)
- * or semantic `tone` (`success | warning | danger | info | neutral`) where
+ * or semantic `tone` (`primary | success | warning | danger | info | neutral`) where
  * `variant` then selects intensity (`soft | solid | outline`). Built on a native
  * element so it stays in the document flow and screen-reader friendly.
  */
@@ -204,7 +210,7 @@ declare class BuiBadge {
     /** Brand variant, or the intensity (`soft`/`solid`/`outline`) when a `tone` is set. */
     readonly variant: _angular_core.InputSignal<BadgeVariant>;
     /** Optional semantic tone; when set it overrides the brand variant's color. */
-    readonly tone: _angular_core.InputSignal<"success" | "warning" | "danger" | "info" | "neutral" | null>;
+    readonly tone: _angular_core.InputSignal<"success" | "primary" | "warning" | "danger" | "info" | "neutral" | null>;
     /** Badge size preset. */
     readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
@@ -432,6 +438,16 @@ declare class BuiAvatar {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiAvatar, "bui-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/** Per-tone checked/indeterminate fill colors. `primary` is the default (unchanged) look. */
+declare const CHECKBOX_TONES: {
+    readonly primary: "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:border-primary";
+    readonly success: "data-[state=checked]:bg-success data-[state=checked]:text-success-foreground data-[state=checked]:border-success data-[state=indeterminate]:bg-success data-[state=indeterminate]:text-success-foreground data-[state=indeterminate]:border-success";
+    readonly warning: "data-[state=checked]:bg-warning data-[state=checked]:text-warning-foreground data-[state=checked]:border-warning data-[state=indeterminate]:bg-warning data-[state=indeterminate]:text-warning-foreground data-[state=indeterminate]:border-warning";
+    readonly danger: "data-[state=checked]:bg-destructive data-[state=checked]:text-white data-[state=checked]:border-destructive data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:text-white data-[state=indeterminate]:border-destructive";
+    readonly info: "data-[state=checked]:bg-info data-[state=checked]:text-info-foreground data-[state=checked]:border-info data-[state=indeterminate]:bg-info data-[state=indeterminate]:text-info-foreground data-[state=indeterminate]:border-info";
+};
+/** Semantic color of the checkbox's checked/indeterminate fill. */
+type CheckboxTone = keyof typeof CHECKBOX_TONES;
 /**
  * BlatUI checkbox. A native `<button role="checkbox">` (Space/Enter toggle for free)
  * with `[(checked)]` two-way binding and tri-state `[(indeterminate)]`.
@@ -443,6 +459,8 @@ declare class BuiCheckbox implements ControlValueAccessor {
     readonly indeterminate: _angular_core.ModelSignal<boolean>;
     /** Whether the checkbox is disabled. Two-way bindable with `[(disabled)]`. */
     readonly disabled: _angular_core.ModelSignal<boolean>;
+    /** Semantic color of the checked/indeterminate fill. */
+    readonly tone: _angular_core.InputSignal<"success" | "primary" | "warning" | "danger" | "info">;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     private onChange;
     protected onTouched: () => void;
@@ -455,7 +473,7 @@ declare class BuiCheckbox implements ControlValueAccessor {
     registerOnTouched(callback: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCheckbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiCheckbox, "button[buiCheckbox]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiCheckbox, "button[buiCheckbox]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "disabled": "disabledChange"; }, never, never, true, never>;
 }
 
 declare const SWITCH_TRACK: {
@@ -546,11 +564,25 @@ declare class BuiTabPanel {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiTabPanel, "[buiTabPanel]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/** Caps the dialog width from the `sm` breakpoint up. On smaller screens the dialog always
+ *  spans `calc(100vw - 2rem)` so it never collapses to its intrinsic width. */
+declare const DIALOG_SIZE: {
+    readonly sm: "sm:max-w-sm";
+    readonly md: "sm:max-w-md";
+    readonly lg: "sm:max-w-lg";
+    readonly xl: "sm:max-w-xl";
+    readonly '2xl': "sm:max-w-2xl";
+    readonly full: "sm:max-w-[calc(100vw-4rem)]";
+};
+/** Dialog width preset. Controls the max width from the `sm` breakpoint up. */
+type DialogSize = keyof typeof DIALOG_SIZE;
 declare class BuiDialogContent {
+    /** Width preset: `sm` | `md` | `lg` | `xl` | `2xl` | `full`. Defaults to `lg`. */
+    readonly size: _angular_core.InputSignal<"sm" | "lg" | "md" | "xl" | "2xl" | "full">;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     protected readonly computedClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiDialogContent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiDialogContent, "[buiDialogContent]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiDialogContent, "[buiDialogContent]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class BuiDialogHeader {
     readonly userClass: _angular_core.InputSignal<ClassValue>;
@@ -870,7 +902,7 @@ declare class BuiEmptyContent {
 /** Centered, padded page container with a max-width scale. */
 declare class BuiContainer {
     /** Maximum width preset for the container. */
-    readonly size: _angular_core.InputSignal<"sm" | "lg" | "xl" | "md" | "prose" | "full">;
+    readonly size: _angular_core.InputSignal<"sm" | "lg" | "md" | "xl" | "full" | "prose">;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     protected readonly computedClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiContainer, never>;
@@ -1025,7 +1057,7 @@ declare class BuiCopyButton {
  */
 declare class BuiBanner implements OnInit {
     /** Color tone (`default | primary | info | success | warning | danger`). */
-    readonly tone: _angular_core.InputSignal<"default" | "success" | "warning" | "danger" | "info" | "primary">;
+    readonly tone: _angular_core.InputSignal<"default" | "success" | "primary" | "warning" | "danger" | "info">;
     /** Whether to show the dismiss button. */
     readonly dismissible: _angular_core.InputSignal<boolean>;
     /** When set, the dismissal is remembered in localStorage under this key. */
@@ -1623,11 +1655,19 @@ declare class BuiAutosizeTextarea extends BuiTextarea {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiAutosizeTextarea, "textarea[buiAutosizeTextarea]", never, {}, {}, never, never, true, never>;
 }
 
-declare class BuiDropdownMenu {
+declare class BuiDropdownMenu implements OnDestroy {
     protected readonly menu: Menu<any>;
+    private readonly overlay;
+    private readonly host;
+    private readonly isBrowser;
+    private overlayRef;
+    private portal;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     protected readonly computedClass: _angular_core.Signal<string>;
-    protected onScroll(): void;
+    constructor();
+    private attach;
+    private detach;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiDropdownMenu, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiDropdownMenu, "[buiDropdownMenu]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -1885,6 +1925,12 @@ declare class BuiSelect implements ControlValueAccessor {
     readonly placeholder: _angular_core.InputSignal<string>;
     /** Whether the select is disabled. Two-way bindable with `[(disabled)]`. */
     readonly disabled: _angular_core.ModelSignal<boolean>;
+    /**
+     * Accessible name for the combobox. Bound from a plain `aria-label="…"` on the host
+     * (consumed as an input, so it's applied to the inner combobox button rather than left
+     * as a prohibited ARIA attribute on the custom element).
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     private onChange;
     private onTouched;
@@ -1894,12 +1940,13 @@ declare class BuiSelect implements ControlValueAccessor {
     protected readonly active: _angular_core.WritableSignal<number>;
     protected readonly selectedOption: _angular_core.Signal<SelectOption | undefined>;
     protected readonly selectedLabel: _angular_core.Signal<string>;
+    protected readonly listboxPositions: ConnectedPosition[];
     protected readonly computedClass: _angular_core.Signal<string>;
     protected isSelected(value: string): boolean;
     protected toggle(): void;
     protected select(option: SelectOption): void;
     protected onKeydown(event: KeyboardEvent): void;
-    protected onDocumentClick(event: MouseEvent): void;
+    protected onOutsideClick(event: MouseEvent): void;
     private openList;
     private close;
     writeValue(value: SelectValue | null): void;
@@ -1907,7 +1954,7 @@ declare class BuiSelect implements ControlValueAccessor {
     registerOnTouched(callback: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiSelect, "bui-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "values": "valuesChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiSelect, "bui-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "values": "valuesChange"; "disabled": "disabledChange"; }, never, never, true, never>;
 }
 
 /**
@@ -1972,13 +2019,14 @@ declare class BuiCombobox implements ControlValueAccessor {
     protected readonly selectedLabel: _angular_core.Signal<string>;
     protected readonly display: _angular_core.Signal<string>;
     protected readonly filtered: _angular_core.Signal<readonly ComboboxOption[]>;
+    protected readonly listboxPositions: ConnectedPosition[];
     protected readonly computedClass: _angular_core.Signal<string>;
     protected onInput(event: Event): void;
     protected openList(): void;
     protected isSelected(value: string): boolean;
     protected select(option: ComboboxOption): void;
     protected onKeydown(event: KeyboardEvent): void;
-    protected onDocumentClick(event: MouseEvent): void;
+    protected onOutsideClick(event: MouseEvent): void;
     writeValue(value: ComboboxValue | null): void;
     registerOnChange(callback: (value: ComboboxValue) => void): void;
     registerOnTouched(callback: () => void): void;
@@ -2929,6 +2977,49 @@ declare class BuiKnob implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiKnob, "bui-knob", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
 }
 
+declare const ICON_TILE_TONES: {
+    readonly primary: "bg-primary/10 text-primary";
+    readonly success: "bg-success/10 text-success dark:bg-success/15";
+    readonly warning: "bg-warning/10 text-warning dark:bg-warning/15";
+    readonly info: "bg-info/10 text-info dark:bg-info/15";
+    readonly destructive: "bg-destructive/10 text-destructive dark:bg-destructive/15";
+    readonly muted: "bg-muted text-foreground";
+    readonly 'chart-1': "bg-chart-1/10 text-chart-1";
+    readonly 'chart-2': "bg-chart-2/10 text-chart-2";
+    readonly 'chart-3': "bg-chart-3/10 text-chart-3";
+    readonly 'chart-4': "bg-chart-4/10 text-chart-4";
+    readonly 'chart-5': "bg-chart-5/10 text-chart-5";
+};
+declare const ICON_TILE_SIZES: {
+    readonly sm: "size-8 [&_svg]:size-4";
+    readonly default: "size-10 [&_svg]:size-5";
+    readonly lg: "size-12 [&_svg]:size-6";
+};
+/** Tone of the icon tile's tinted background + foreground. */
+type IconTileTone = keyof typeof ICON_TILE_TONES;
+/** Preset square size of the icon tile. */
+type IconTileSize = keyof typeof ICON_TILE_SIZES;
+/** Tile shape: a rounded square (default) or a full circle. */
+type IconTileShape = 'square' | 'circle';
+/**
+ * A tinted rounded square that frames a projected icon — the small "tile" used
+ * across dashboards for stat-card leading icons, list-row markers, feature
+ * bullets, etc. Project an icon (e.g. an inline `<svg>`) as its content; the
+ * tile sizes it automatically.
+ */
+declare class BuiIconTile {
+    /** Colour tone (semantic or chart palette). */
+    readonly tone: _angular_core.InputSignal<"destructive" | "success" | "primary" | "warning" | "info" | "muted" | "chart-1" | "chart-2" | "chart-3" | "chart-4" | "chart-5">;
+    /** Square size preset. */
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    /** Tile shape — a rounded square (default) or a full circle. */
+    readonly shape: _angular_core.InputSignal<IconTileShape>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiIconTile, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiIconTile, "bui-icon-tile", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 /** A lazy image with a blurred placeholder / skeleton and a graceful error state. */
 declare class BuiImage {
     /** Source URL of the full image to load. */
@@ -3014,7 +3105,7 @@ declare class BuiChatMessage {
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     protected readonly isUser: _angular_core.Signal<boolean>;
     protected readonly initials: _angular_core.Signal<string>;
-    protected readonly bubbleClass: _angular_core.Signal<"bg-primary text-primary-foreground" | "bg-muted text-foreground">;
+    protected readonly bubbleClass: _angular_core.Signal<"bg-muted text-foreground" | "bg-primary text-primary-foreground">;
     protected readonly computedClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiChatMessage, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiChatMessage, "bui-chat-message", never, { "role": { "alias": "role"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "typing": { "alias": "typing"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -3151,6 +3242,278 @@ declare class BuiPhoneInput {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiPhoneInput, "bui-phone-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "countryLabel": { "alias": "countryLabel"; "required": false; "isSignal": true; }; "numberLabel": { "alias": "numberLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "country": "countryChange"; }, never, never, true, never>;
 }
 
+/** How the currency is shown: local symbol, narrow symbol, ISO code, or full name. */
+type CurrencyDisplay = 'symbol' | 'narrowSymbol' | 'code' | 'name';
+/**
+ * A localized currency input backed by `Intl.NumberFormat`. Stores a numeric amount and displays
+ * it formatted while unfocused; while focused it shows a plain editable number so the caret and
+ * typing behave predictably. Works with template-driven and reactive forms (ControlValueAccessor).
+ *
+ * When ICU has no local glyph for a currency (so it renders the ISO code, e.g. `MAD`), pass a
+ * `symbol` to override it in the locale's correct position — `symbol="DH"` shows `DH`.
+ */
+declare class BuiMoneyInput implements ControlValueAccessor {
+    /** The numeric amount. Two-way bindable with `[(value)]`. `null` when the field is empty. */
+    readonly value: _angular_core.ModelSignal<number | null>;
+    /** BCP 47 locale for formatting/parsing. Defaults to the runtime locale. */
+    readonly locale: _angular_core.InputSignal<string>;
+    /** ISO 4217 currency code, e.g. `USD`, `EUR`, `MAD`. */
+    readonly currency: _angular_core.InputSignal<string>;
+    /** How the currency is shown. `narrowSymbol` renders the local symbol when ICU has one. */
+    readonly currencyDisplay: _angular_core.InputSignal<CurrencyDisplay>;
+    /**
+     * Custom currency symbol that overrides the one ICU would render, kept in the locale's correct
+     * position and spacing. Use it when the ISO data has no local glyph — e.g. `symbol="DH"` shows
+     * `DH` instead of the `MAD` code for Moroccan dirham.
+     */
+    readonly symbol: _angular_core.InputSignal<string>;
+    /** Minimum fraction digits shown when formatted. Defaults to the currency's own default. */
+    readonly minimumFractionDigits: _angular_core.InputSignal<number | null>;
+    /** Maximum fraction digits shown when formatted. Defaults to the currency's own default. */
+    readonly maximumFractionDigits: _angular_core.InputSignal<number | null>;
+    /** Placeholder shown when the field is empty. */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Whether the field is disabled. Two-way bindable with `[(disabled)]`. */
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    /** Native `name` attribute for the input. */
+    readonly name: _angular_core.InputSignal<string>;
+    /** Native `id` attribute; falls back to a generated id. */
+    readonly id: _angular_core.InputSignal<string>;
+    /** Accessible name, applied to the inner input. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly resolvedId: string;
+    private onChange;
+    private onTouched;
+    private readonly focused;
+    /** Literal string shown in the input (formatted while blurred, raw while focused/typing). */
+    private readonly editText;
+    private readonly formatter;
+    private readonly formatted;
+    protected readonly text: _angular_core.Signal<string>;
+    protected readonly inputClass: _angular_core.Signal<string>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected onFocus(): void;
+    protected onInput(event: Event): void;
+    protected onBlur(): void;
+    /** Parse a user-typed string into a number, tolerating currency symbols, grouping and either
+     *  `.` or `,` as the decimal separator. Returns `null` for an empty or non-numeric entry. */
+    private parse;
+    writeValue(value: number | null): void;
+    registerOnChange(callback: (value: number | null) => void): void;
+    registerOnTouched(callback: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiMoneyInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiMoneyInput, "bui-money-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "symbol": { "alias": "symbol"; "required": false; "isSignal": true; }; "minimumFractionDigits": { "alias": "minimumFractionDigits"; "required": false; "isSignal": true; }; "maximumFractionDigits": { "alias": "maximumFractionDigits"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+/**
+ * A batteries-included text field: label, control, hint and error wired together with the right
+ * `for` / `id` / `aria-describedby` / `aria-invalid` relationships, on top of the `buiField` +
+ * `buiInput` primitives. Reach for the primitives directly when you need a custom layout.
+ *
+ * ```html
+ * <bui-input-field label="Email" hint="We'll never share it." type="email" [(value)]="email" />
+ * ```
+ */
+declare class BuiInputField implements ControlValueAccessor {
+    /** The field value. Two-way bindable with `[(value)]`. */
+    readonly value: _angular_core.ModelSignal<string>;
+    /** Visible label. When empty, pass `aria-label` for an accessible name. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Helper text shown below the control while there is no error. */
+    readonly hint: _angular_core.InputSignal<string>;
+    /** Error message; when set, the control is marked invalid and this replaces the hint. */
+    readonly error: _angular_core.InputSignal<string>;
+    /** Native input type (`text`, `email`, `password`, `number`, …). */
+    readonly type: _angular_core.InputSignal<string>;
+    /** Placeholder shown when the field is empty. */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Whether the field is required (adds a marker and the `required` attribute). */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /** Whether the field is disabled. Two-way bindable with `[(disabled)]`. */
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    /** Size preset controlling input height, padding and text size. */
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    /** Native `name` attribute. */
+    readonly name: _angular_core.InputSignal<string>;
+    /** Native `autocomplete` attribute. */
+    readonly autocomplete: _angular_core.InputSignal<string>;
+    /** Native `inputmode` attribute. */
+    readonly inputmode: _angular_core.InputSignal<string>;
+    /** Accessible name applied to the input when there is no visible `label`. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    private readonly ids;
+    protected readonly resolvedId: string;
+    protected readonly hintId: string;
+    protected readonly errorId: string;
+    protected onChange: (value: string) => void;
+    protected onTouched: () => void;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected onInput(event: Event): void;
+    writeValue(value: string | null): void;
+    registerOnChange(callback: (value: string) => void): void;
+    registerOnTouched(callback: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiInputField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiInputField, "bui-input-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+/** Selection behavior of the calendar. */
+type CalendarMode = 'single' | 'range' | 'multiple';
+interface CalendarRange {
+    /** Start date of the range, as `yyyy-mm-dd`. */
+    start: string;
+    /** End date of the range, as `yyyy-mm-dd`. */
+    end: string;
+}
+interface Day {
+    iso: string;
+    num: number;
+    inMonth: boolean;
+    isToday: boolean;
+    disabled: boolean;
+}
+interface MonthGrid {
+    key: string;
+    label: string;
+    weeks: Day[][];
+}
+/**
+ * A date calendar. Modes: `single` (one day), `range` (start–end), `multiple` (a set of days).
+ * Render several months side by side with `months`. SSR-safe.
+ */
+declare class BuiCalendar implements ControlValueAccessor {
+    /** Selected day (mode="single") as `yyyy-mm-dd`. Two-way bindable with `[(value)]`. */
+    readonly value: _angular_core.ModelSignal<string>;
+    /** Selection mode: `single` | `range` | `multiple`. */
+    readonly mode: _angular_core.InputSignal<CalendarMode>;
+    /** Selected range (mode="range"). */
+    readonly range: _angular_core.ModelSignal<CalendarRange>;
+    /** Selected days (mode="multiple"). */
+    readonly values: _angular_core.ModelSignal<readonly string[]>;
+    /** Number of month grids to render side by side. */
+    readonly months: _angular_core.InputSignal<number>;
+    /** First day of the week (0 = Sunday). */
+    readonly weekStart: _angular_core.InputSignal<number>;
+    /** Earliest selectable date (`yyyy-mm-dd`). */
+    readonly minDate: _angular_core.InputSignal<string>;
+    /** Latest selectable date (`yyyy-mm-dd`). */
+    readonly maxDate: _angular_core.InputSignal<string>;
+    /** Specific ISO dates (yyyy-mm-dd) to disable. */
+    readonly disabledDates: _angular_core.InputSignal<readonly string[]>;
+    /** Disable Saturdays and Sundays. */
+    readonly disableWeekends: _angular_core.InputSignal<boolean>;
+    /** Show an ISO week-number column on the left. */
+    readonly showWeekNumbers: _angular_core.InputSignal<boolean>;
+    /** `dropdown` swaps the month label for month + year selects (single month only). */
+    readonly captionLayout: _angular_core.InputSignal<"label" | "dropdown">;
+    /** Hide days that fall outside the current month. */
+    readonly hideOutsideDays: _angular_core.InputSignal<boolean>;
+    /** Whether the whole calendar is disabled. Two-way bindable with `[(disabled)]`. */
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    /** Accessible label for the previous-month button. */
+    readonly previousMonthLabel: _angular_core.InputSignal<string | undefined>;
+    /** Accessible label for the month dropdown. */
+    readonly monthSelectLabel: _angular_core.InputSignal<string | undefined>;
+    /** Accessible label for the year dropdown. */
+    readonly yearLabel: _angular_core.InputSignal<string | undefined>;
+    /** Accessible label for the next-month button. */
+    readonly nextMonthLabel: _angular_core.InputSignal<string | undefined>;
+    protected readonly previousMonthText: _angular_core.Signal<string>;
+    protected readonly monthText: _angular_core.Signal<string>;
+    protected readonly yearText: _angular_core.Signal<string>;
+    protected readonly nextMonthText: _angular_core.Signal<string>;
+    private onChange;
+    protected onTouched: () => void;
+    private readonly view;
+    protected readonly weekdays: _angular_core.Signal<string[]>;
+    protected readonly monthLabel: _angular_core.Signal<string>;
+    protected readonly viewMonth: _angular_core.Signal<number>;
+    protected readonly viewYear: _angular_core.Signal<number>;
+    protected readonly monthOptions: _angular_core.Signal<{
+        value: number;
+        label: string;
+    }[]>;
+    protected readonly years: _angular_core.Signal<number[]>;
+    protected readonly monthGrids: _angular_core.Signal<MonthGrid[]>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected weekNum(iso: string): number;
+    protected changeMonth(delta: number): void;
+    protected setMonth(event: Event): void;
+    protected setYear(event: Event): void;
+    protected select(iso: string): void;
+    writeValue(value: string | null | undefined): void;
+    registerOnChange(callback: (value: string) => void): void;
+    registerOnTouched(callback: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected isSelected(iso: string): boolean;
+    private inRangeMiddle;
+    protected dayClass(day: Day): string;
+    private weeksFor;
+    private isDisabled;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCalendar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiCalendar, "bui-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "disableWeekends": { "alias": "disableWeekends"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; "hideOutsideDays": { "alias": "hideOutsideDays"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "previousMonthLabel": { "alias": "previousMonthLabel"; "required": false; "isSignal": true; }; "monthSelectLabel": { "alias": "monthSelectLabel"; "required": false; "isSignal": true; }; "yearLabel": { "alias": "yearLabel"; "required": false; "isSignal": true; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "range": "rangeChange"; "values": "valuesChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+/** A named shortcut shown beside the calendar, e.g. "Last 7 days". */
+interface DateRangePreset {
+    /** Text shown for the shortcut. */
+    label: string;
+    /** The range it applies, as `yyyy-mm-dd` bounds. */
+    range: CalendarRange;
+}
+/**
+ * A start→end date range picker: a trigger that opens a two-month calendar (in a CDK overlay, so
+ * it is never clipped by an `overflow: hidden` ancestor) alongside quick-pick presets. Two-way
+ * bind the range with `[(value)]` or use it as a form control.
+ *
+ * ```html
+ * <bui-date-range-picker [(value)]="range" />
+ * ```
+ */
+declare class BuiDateRangePicker implements ControlValueAccessor {
+    /** Selected range as `yyyy-mm-dd` bounds. Two-way bindable with `[(value)]`. */
+    readonly value: _angular_core.ModelSignal<CalendarRange>;
+    /** Month grids shown side by side in the popover. */
+    readonly months: _angular_core.InputSignal<number>;
+    /** Earliest selectable date (`yyyy-mm-dd`). */
+    readonly minDate: _angular_core.InputSignal<string>;
+    /** Latest selectable date (`yyyy-mm-dd`). */
+    readonly maxDate: _angular_core.InputSignal<string>;
+    /** Text shown on the trigger when nothing is selected. */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Whether the picker is disabled. Two-way bindable with `[(disabled)]`. */
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    /** Quick-pick shortcuts. Pass `[]` to hide them; omit for a sensible default set. */
+    readonly presets: _angular_core.InputSignal<DateRangePreset[] | null>;
+    /** Accessible name applied to the trigger. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    protected readonly popupPositions: ConnectedPosition[];
+    private onChange;
+    private onTouched;
+    protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly display: _angular_core.Signal<string>;
+    protected readonly resolvedPresets: _angular_core.Signal<DateRangePreset[]>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected onRange(range: CalendarRange): void;
+    protected applyPreset(preset: DateRangePreset): void;
+    protected onOutsideClick(event: MouseEvent): void;
+    private fmt;
+    private defaultPresets;
+    writeValue(value: CalendarRange | null): void;
+    registerOnChange(callback: (value: CalendarRange) => void): void;
+    registerOnTouched(callback: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiDateRangePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiDateRangePicker, "bui-date-range-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
 /** A chat composer: an autosizing textarea with a send button. Emits `submitted` on send. */
 declare class BuiPromptInput {
     /** Current textarea content. Two-way bindable with `[(value)]`. */
@@ -3815,105 +4178,10 @@ declare class BuiMarkdownEditor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiMarkdownEditor, "bui-markdown-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
-/** Selection behavior of the calendar. */
-type CalendarMode = 'single' | 'range' | 'multiple';
-interface CalendarRange {
-    /** Start date of the range, as `yyyy-mm-dd`. */
-    start: string;
-    /** End date of the range, as `yyyy-mm-dd`. */
-    end: string;
-}
-interface Day {
-    iso: string;
-    num: number;
-    inMonth: boolean;
-    isToday: boolean;
-    disabled: boolean;
-}
-interface MonthGrid {
-    key: string;
-    label: string;
-    weeks: Day[][];
-}
 /**
- * A date calendar. Modes: `single` (one day), `range` (start–end), `multiple` (a set of days).
- * Render several months side by side with `months`. SSR-safe.
+ * A date input that opens a calendar popover. The popover renders in a CDK overlay, so it escapes
+ * any `overflow: hidden` ancestor (no clipping) and flips to stay on-screen.
  */
-declare class BuiCalendar implements ControlValueAccessor {
-    /** Selected day (mode="single") as `yyyy-mm-dd`. Two-way bindable with `[(value)]`. */
-    readonly value: _angular_core.ModelSignal<string>;
-    /** Selection mode: `single` | `range` | `multiple`. */
-    readonly mode: _angular_core.InputSignal<CalendarMode>;
-    /** Selected range (mode="range"). */
-    readonly range: _angular_core.ModelSignal<CalendarRange>;
-    /** Selected days (mode="multiple"). */
-    readonly values: _angular_core.ModelSignal<readonly string[]>;
-    /** Number of month grids to render side by side. */
-    readonly months: _angular_core.InputSignal<number>;
-    /** First day of the week (0 = Sunday). */
-    readonly weekStart: _angular_core.InputSignal<number>;
-    /** Earliest selectable date (`yyyy-mm-dd`). */
-    readonly minDate: _angular_core.InputSignal<string>;
-    /** Latest selectable date (`yyyy-mm-dd`). */
-    readonly maxDate: _angular_core.InputSignal<string>;
-    /** Specific ISO dates (yyyy-mm-dd) to disable. */
-    readonly disabledDates: _angular_core.InputSignal<readonly string[]>;
-    /** Disable Saturdays and Sundays. */
-    readonly disableWeekends: _angular_core.InputSignal<boolean>;
-    /** Show an ISO week-number column on the left. */
-    readonly showWeekNumbers: _angular_core.InputSignal<boolean>;
-    /** `dropdown` swaps the month label for month + year selects (single month only). */
-    readonly captionLayout: _angular_core.InputSignal<"label" | "dropdown">;
-    /** Hide days that fall outside the current month. */
-    readonly hideOutsideDays: _angular_core.InputSignal<boolean>;
-    /** Whether the whole calendar is disabled. Two-way bindable with `[(disabled)]`. */
-    readonly disabled: _angular_core.ModelSignal<boolean>;
-    readonly userClass: _angular_core.InputSignal<ClassValue>;
-    /** Accessible label for the previous-month button. */
-    readonly previousMonthLabel: _angular_core.InputSignal<string | undefined>;
-    /** Accessible label for the month dropdown. */
-    readonly monthSelectLabel: _angular_core.InputSignal<string | undefined>;
-    /** Accessible label for the year dropdown. */
-    readonly yearLabel: _angular_core.InputSignal<string | undefined>;
-    /** Accessible label for the next-month button. */
-    readonly nextMonthLabel: _angular_core.InputSignal<string | undefined>;
-    protected readonly previousMonthText: _angular_core.Signal<string>;
-    protected readonly monthText: _angular_core.Signal<string>;
-    protected readonly yearText: _angular_core.Signal<string>;
-    protected readonly nextMonthText: _angular_core.Signal<string>;
-    private onChange;
-    protected onTouched: () => void;
-    private readonly view;
-    protected readonly weekdays: _angular_core.Signal<string[]>;
-    protected readonly monthLabel: _angular_core.Signal<string>;
-    protected readonly viewMonth: _angular_core.Signal<number>;
-    protected readonly viewYear: _angular_core.Signal<number>;
-    protected readonly monthOptions: _angular_core.Signal<{
-        value: number;
-        label: string;
-    }[]>;
-    protected readonly years: _angular_core.Signal<number[]>;
-    protected readonly monthGrids: _angular_core.Signal<MonthGrid[]>;
-    protected readonly computedClass: _angular_core.Signal<string>;
-    protected weekNum(iso: string): number;
-    protected changeMonth(delta: number): void;
-    protected setMonth(event: Event): void;
-    protected setYear(event: Event): void;
-    protected select(iso: string): void;
-    writeValue(value: string | null | undefined): void;
-    registerOnChange(callback: (value: string) => void): void;
-    registerOnTouched(callback: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    protected isSelected(iso: string): boolean;
-    private inRangeMiddle;
-    protected dayClass(day: Day): string;
-    private weeksFor;
-    private isDisabled;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCalendar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiCalendar, "bui-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "disableWeekends": { "alias": "disableWeekends"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; "hideOutsideDays": { "alias": "hideOutsideDays"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "previousMonthLabel": { "alias": "previousMonthLabel"; "required": false; "isSignal": true; }; "monthSelectLabel": { "alias": "monthSelectLabel"; "required": false; "isSignal": true; }; "yearLabel": { "alias": "yearLabel"; "required": false; "isSignal": true; }; "nextMonthLabel": { "alias": "nextMonthLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "range": "rangeChange"; "values": "valuesChange"; "disabled": "disabledChange"; }, never, never, true, never>;
-}
-
-/** A date input that opens a calendar popover. */
 declare class BuiDatePicker implements ControlValueAccessor {
     /** Selected date (mode="single") as `yyyy-mm-dd`. Two-way bindable with `[(value)]`. */
     readonly value: _angular_core.ModelSignal<string>;
@@ -3950,11 +4218,12 @@ declare class BuiDatePicker implements ControlValueAccessor {
     protected readonly open: _angular_core.WritableSignal<boolean>;
     protected readonly hasValue: _angular_core.Signal<boolean>;
     protected readonly display: _angular_core.Signal<string>;
+    protected readonly popupPositions: ConnectedPosition[];
     protected readonly computedClass: _angular_core.Signal<string>;
     protected onPick(iso: string): void;
     protected onRange(range: CalendarRange): void;
     private fmt;
-    protected onDocumentClick(event: MouseEvent): void;
+    protected onOutsideClick(event: MouseEvent): void;
     writeValue(value: string | null | undefined): void;
     registerOnChange(callback: (value: string) => void): void;
     registerOnTouched(callback: () => void): void;
@@ -4076,7 +4345,10 @@ declare class BuiContextMenu {
     protected readonly x: _angular_core.WritableSignal<number>;
     protected readonly y: _angular_core.WritableSignal<number>;
     protected readonly computedClass: _angular_core.Signal<string>;
+    private readonly menuEl;
+    private readonly injector;
     protected onContext(event: MouseEvent): void;
+    private clampToViewport;
     protected select(item: ContextMenuItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiContextMenu, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiContextMenu, "bui-context-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
@@ -4150,41 +4422,112 @@ interface ChartSeries {
     /** Optional explicit stroke/fill colour; falls back to the palette. */
     color?: string;
 }
-/** A lightweight SVG chart (line / area / bar). Pure + SSR-safe. */
+/** A lightweight SVG chart (line / area / bar / donut). Pure + SSR-safe. */
 declare class BuiChart {
-    /** Chart render style: line, bar, or filled area. */
-    readonly type: _angular_core.InputSignal<"area" | "line" | "bar">;
-    /** Series to plot; bar charts use only the first series. */
+    /** Chart render style: line, bar, filled area, a donut ring, or a half-ring gauge. */
+    readonly type: _angular_core.InputSignal<"area" | "line" | "bar" | "donut" | "gauge">;
+    /** Series to plot; bar/donut use only the first series. */
     readonly series: _angular_core.InputSignal<readonly ChartSeries[]>;
     /** X-axis tick labels rendered below the chart. */
     readonly labels: _angular_core.InputSignal<readonly string[]>;
-    /** Chart height in pixels (SVG viewBox height). */
+    /** Chart height in pixels (SVG viewBox height / donut diameter). */
     readonly height: _angular_core.InputSignal<number>;
+    /**
+     * Override for the value the chart scales against. For a donut it defines the
+     * full ring (e.g. `max=100` with data `[62]` fills 62%); otherwise the max of
+     * the series data is used.
+     */
+    readonly max: _angular_core.InputSignal<number | null>;
+    /** Donut ring thickness, in the 100×100 viewBox units. */
+    readonly thickness: _angular_core.InputSignal<number>;
+    /**
+     * Index of the highlighted bar (bar charts). When set, the active bar renders
+     * solid and the rest are tinted; when `null` every bar renders solid.
+     */
+    readonly activeIndex: _angular_core.InputSignal<number | null>;
+    /** Value text shown above each bar (bar charts); pass one entry per data point. */
+    readonly barLabels: _angular_core.InputSignal<readonly string[]>;
+    /** Stack every series into one bar per data point, bottom-to-top (bar charts). */
+    readonly stacked: _angular_core.InputSignal<boolean>;
+    /** Render every series side-by-side within each data slot (grouped bar charts). */
+    readonly grouped: _angular_core.InputSignal<boolean>;
+    /** Per-bar fill colors (bar charts); index-aligned with the first series' data. Overrides the series color. */
+    readonly barColors: _angular_core.InputSignal<readonly string[]>;
+    /** Draw a faint full-height track behind each bar (bar charts). */
+    readonly track: _angular_core.InputSignal<boolean>;
+    /** Render a dot marker at each data point (line/area charts). */
+    readonly dots: _angular_core.InputSignal<boolean>;
+    /** Number of evenly-spaced vertical grid lines (line/area charts; 0 hides them). */
+    readonly gridX: _angular_core.InputSignal<number>;
     /** Accessible label for the chart's `aria-label`. */
     readonly label: _angular_core.InputSignal<string>;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     protected readonly width = 600;
-    private readonly max;
-    protected readonly bars: _angular_core.Signal<{
+    protected readonly donutC = 251.33;
+    private readonly scaleMax;
+    /**
+     * HTML bar columns. Each column has an overall height (`pct`, scaled against the
+     * max) plus one or more stacked `segments` (a single segment in the common case,
+     * several when `stacked`). Inactive bars are tinted when `activeIndex` is set.
+     */
+    protected readonly barColumns: _angular_core.Signal<{
+        id: number;
+        pct: number;
+        segments: {
+            id: number;
+            share: number;
+            fill: string;
+        }[];
+        value: string;
+        label: string;
+    }[]>;
+    /** Grouped bars: one slot per data point, each holding a side-by-side sub-bar per series. */
+    protected readonly barGroups: _angular_core.Signal<{
+        id: number;
+        label: string;
+        bars: {
+            id: number;
+            pct: number;
+            fill: string;
+        }[];
+    }[]>;
+    /** Half-ring gauge geometry: a 180° arc filled to the first value's share of `max`. */
+    protected readonly gauge: _angular_core.Signal<{
+        dash: string;
+        gap: string;
+        color: string | undefined;
+    }>;
+    /** Dot markers (line/area) as viewBox-relative percentages, immune to the non-uniform SVG scale. */
+    protected readonly lineDots: _angular_core.Signal<{
         id: number;
         x: number;
         y: number;
-        w: number;
-        h: number;
         color: string;
     }[]>;
+    /** Evenly-spaced vertical grid line x-positions (in viewBox units). */
+    protected readonly gridLines: _angular_core.Signal<number[]>;
     protected readonly paths: _angular_core.Signal<{
         id: number;
         color: string;
         line: string;
         area: string;
     }[]>;
+    /** Donut arcs: each value in the first series becomes a ring segment. */
+    protected readonly donutSegments: _angular_core.Signal<{
+        id: number;
+        dash: string;
+        offset: string;
+        color: string;
+    }[]>;
     protected readonly computedClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiChart, "bui-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiChart, "bui-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "barLabels": { "alias": "barLabels"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "grouped": { "alias": "grouped"; "required": false; "isSignal": true; }; "barColors": { "alias": "barColors"; "required": false; "isSignal": true; }; "track": { "alias": "track"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "gridX": { "alias": "gridX"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
 }
 
-/** A combined date + time picker in a popover. Value is `YYYY-MM-DDTHH:mm`. */
+/**
+ * A combined date + time picker in a popover. Value is `YYYY-MM-DDTHH:mm`. The popover renders in a
+ * CDK overlay, so it escapes any `overflow: hidden` ancestor (no clipping) and flips on-screen.
+ */
 declare class BuiDatetimePicker implements ControlValueAccessor {
     /** Selected date-time (mode="single") as `YYYY-MM-DDTHH:mm`. Two-way bindable with `[(value)]`. */
     readonly value: _angular_core.ModelSignal<string>;
@@ -4216,12 +4559,13 @@ declare class BuiDatetimePicker implements ControlValueAccessor {
     protected readonly calRange: _angular_core.Signal<CalendarRange>;
     protected readonly hasValue: _angular_core.Signal<boolean>;
     protected readonly display: _angular_core.Signal<string>;
+    protected readonly popupPositions: ConnectedPosition[];
     protected readonly computedClass: _angular_core.Signal<string>;
     protected onDate(iso: string): void;
     protected onRange(range: CalendarRange): void;
     protected onTime(time: string): void;
     private fmt;
-    protected onDocumentClick(event: MouseEvent): void;
+    protected onOutsideClick(event: MouseEvent): void;
     writeValue(value: string | null | undefined): void;
     registerOnChange(callback: (value: string) => void): void;
     registerOnTouched(callback: () => void): void;
@@ -4261,7 +4605,8 @@ declare class BuiAutocomplete implements ControlValueAccessor {
     protected readonly boxClass: _angular_core.Signal<string>;
     private onChange;
     protected onTouched: () => void;
-    private readonly host;
+    protected readonly host: ElementRef<HTMLElement>;
+    protected readonly panelPositions: ConnectedPosition[];
     protected readonly listId: string;
     protected readonly open: _angular_core.WritableSignal<boolean>;
     protected readonly active: _angular_core.WritableSignal<number>;
@@ -4271,7 +4616,7 @@ declare class BuiAutocomplete implements ControlValueAccessor {
     protected onKeydown(event: KeyboardEvent): void;
     protected choose(option: string): void;
     protected removeChip(chip: string): void;
-    protected onDocumentClick(event: MouseEvent): void;
+    protected onOutsideClick(event: MouseEvent): void;
     writeValue(value: AutocompleteValue | null): void;
     registerOnChange(callback: (value: AutocompleteValue) => void): void;
     registerOnTouched(callback: () => void): void;
@@ -4491,16 +4836,27 @@ interface NavMenuItem {
     /** A highlighted promo link shown at the top of the dropdown panel. */
     featured?: NavMenuLink;
 }
-/** A horizontal navigation menu with hover/click dropdown panels. */
-declare class BuiNavigationMenu {
+/**
+ * A horizontal navigation menu with hover/click dropdown panels. The panels open in a CDK overlay
+ * so they escape any `overflow: hidden` ancestor (e.g. a clipping header) and flip when they would
+ * run off-screen. A short close delay bridges the gap between a trigger and its panel so moving the
+ * cursor across it doesn't snap the menu shut.
+ */
+declare class BuiNavigationMenu implements OnDestroy {
     /** Top-level menu entries, each optionally opening a dropdown panel. */
     readonly items: _angular_core.InputSignal<readonly NavMenuItem[]>;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     protected readonly active: _angular_core.WritableSignal<number>;
+    protected readonly panelPositions: ConnectedPosition[];
+    private closeTimer;
     protected readonly computedClass: _angular_core.Signal<string>;
     protected href(value: string | undefined): string;
     protected onEnter(index: number, item: NavMenuItem): void;
     protected toggle(index: number): void;
+    protected close(): void;
+    protected scheduleClose(): void;
+    protected cancelClose(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiNavigationMenu, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiNavigationMenu, "bui-navigation-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -4727,20 +5083,75 @@ declare class BuiRichTextEditor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiRichTextEditor, "bui-rich-text-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "formattingLabel": { "alias": "formattingLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
-/** A collapsible vertical navigation sidebar. Toggle width with the `open` model. */
+/**
+ * Shared state for an inset sidebar layout, owned by {@link BuiSidebarProvider} and
+ * injected by the sidebar, trigger and inset. Tracks the desktop expanded/rail state,
+ * the mobile off-canvas drawer, and a `matchMedia` breakpoint (SSR-safe).
+ */
+declare class BuiSidebarState {
+    private readonly isBrowser;
+    /** Desktop: whether the sidebar is expanded (vs. an icon rail / hidden). */
+    readonly open: _angular_core.WritableSignal<boolean>;
+    /** Mobile: whether the off-canvas drawer is open. */
+    readonly mobileOpen: _angular_core.WritableSignal<boolean>;
+    /** Whether the viewport is below the `md` breakpoint. */
+    readonly isMobile: _angular_core.WritableSignal<boolean>;
+    constructor();
+    /** Toggle the drawer on mobile, otherwise the desktop expanded state. */
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSidebarState, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BuiSidebarState>;
+}
+/**
+ * Layout wrapper for an inset sidebar shell. Provides {@link BuiSidebarState} to a
+ * {@link BuiSidebar} + {@link BuiSidebarInset}, lays them out in a row, and renders the
+ * mobile backdrop. Wrap a dashboard's sidebar and main content in this provider.
+ */
+declare class BuiSidebarProvider {
+    /** Shared sidebar state; exposed (via `exportAs="buiSidebar"`) for template access. */
+    readonly state: BuiSidebarState;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    /** Close the mobile drawer (e.g. after a nav item is chosen). */
+    closeMobile(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSidebarProvider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiSidebarProvider, "bui-sidebar-provider", ["buiSidebar"], { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * A collapsible vertical navigation sidebar. Standalone it toggles via the `open` model;
+ * inside a {@link BuiSidebarProvider} it reads shared state and becomes a mobile off-canvas
+ * drawer + desktop icon-rail automatically.
+ */
 declare class BuiSidebar {
-    /** Whether the sidebar is expanded. Two-way bindable with `[(open)]`. */
+    private readonly state;
+    /** Whether the sidebar is expanded. Two-way bindable with `[(open)]` (standalone use). */
     readonly open: _angular_core.ModelSignal<boolean>;
     /** Edge the sidebar is docked to, which sets its border side. */
     readonly side: _angular_core.InputSignal<"right" | "left">;
     /** Collapse behavior: hide entirely (`offcanvas`) or shrink to an icon rail (`icon`). */
     readonly collapsible: _angular_core.InputSignal<"icon" | "offcanvas">;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
+    /** Effective expanded state — provider-driven when present, else the local `open` model. */
+    protected readonly expanded: _angular_core.Signal<boolean>;
     private readonly collapsedWidth;
     protected readonly computedClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSidebar, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiSidebar, "bui-sidebar", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["*"], true, never>;
 }
+/** The main content panel that sits beside a {@link BuiSidebar} inside a {@link BuiSidebarProvider}. */
+declare class BuiSidebarInset {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSidebarInset, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiSidebarInset, "[buiSidebarInset]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A button that toggles the sidebar (desktop rail / mobile drawer) via {@link BuiSidebarState}. */
+declare class BuiSidebarTrigger {
+    private readonly state;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSidebarTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiSidebarTrigger, "[buiSidebarTrigger]", never, {}, {}, never, never, true, never>;
+}
 /** A styled, accessible item button for a {@link BuiSidebar} menu. */
 declare class BuiSidebarMenuButton {
     /** Whether this item is the current page; sets active styling and `aria-current`. */
@@ -4814,5 +5225,5 @@ declare class BuiQrCode {
 /** Encode `text` into a QR module matrix (true = dark). Level M, versions 1-10. */
 declare function encodeQr(text: string): boolean[][];
 
-export { BUI_DEFAULT_LABELS, BUI_LABELS, BuiAccent, BuiAccordion, BuiAccordionContent, BuiAccordionItem, BuiAccordionTrigger, BuiAddToCart, BuiAlert, BuiAlertDescription, BuiAlertDialogAction, BuiAlertDialogCancel, BuiAlertDialogContent, BuiAlertDialogDescription, BuiAlertDialogFooter, BuiAlertDialogHeader, BuiAlertDialogTitle, BuiAlertTitle, BuiAnimatedBeam, BuiAspectRatio, BuiAudioPlayer, BuiAurora, BuiAutocomplete, BuiAutosizeTextarea, BuiAvatar, BuiAvatarGroup, BuiBackToTop, BuiBadge, BuiBanner, BuiBentoGrid, BuiBentoItem, BuiBorderBeam, BuiBottomNavigation, BuiBottomNavigationItem, BuiBreadcrumb, BuiBreadcrumbEllipsis, BuiBreadcrumbItem, BuiBreadcrumbLink, BuiBreadcrumbList, BuiBreadcrumbPage, BuiBreadcrumbSeparator, BuiButton, BuiButtonGroup, BuiButtonGroupText, BuiCalendar, BuiCard, BuiCardAction, BuiCardContent, BuiCardDescription, BuiCardFooter, BuiCardHeader, BuiCardTitle, BuiCarousel, BuiChart, BuiChat, BuiChatMessage, BuiCheckbox, BuiCitation, BuiCodeBlock, BuiCollapsible, BuiCollapsibleContent, BuiCollapsibleTrigger, BuiColorPicker, BuiCombobox, BuiCommand, BuiComparisonSlider, BuiComparisonTable, BuiConfetti, BuiContainer, BuiContextMenu, BuiCookieConsent, BuiCopyButton, BuiCountdown, BuiDataTable, BuiDatePicker, BuiDatetimePicker, BuiDescriptionItem, BuiDescriptionList, BuiDialogContent, BuiDialogDescription, BuiDialogFooter, BuiDialogHeader, BuiDialogTitle, BuiDiffViewer, BuiDock, BuiDockItem, BuiDotPattern, BuiDrawer, BuiDropdownMenu, BuiDropdownMenuItem, BuiDropdownMenuLabel, BuiDropdownMenuSeparator, BuiEditable, BuiEmpty, BuiEmptyContent, BuiEmptyDescription, BuiEmptyHeader, BuiEmptyMedia, BuiEmptyTitle, BuiField, BuiFieldContent, BuiFieldDescription, BuiFieldError, BuiFieldGroup, BuiFieldLabel, BuiFieldLegend, BuiFieldSeparator, BuiFieldSet, BuiFieldTitle, BuiFileUpload, BuiFlipCard, BuiGallery, BuiGantt, BuiGradientText, BuiGridPattern, BuiHeatmap, BuiHoverCard, BuiHoverCardContent, BuiImage, BuiInfiniteScroll, BuiInput, BuiInputGroup, BuiInputGroupAddon, BuiInputGroupButton, BuiInputGroupInput, BuiInputGroupText, BuiInputMask, BuiInputOtp, BuiItem, BuiItemActions, BuiItemContent, BuiItemDescription, BuiItemGroup, BuiItemMedia, BuiItemTitle, BuiJsonViewer, BuiJsonViewerNode, BuiKanban, BuiKbd, BuiKbdGroup, BuiKnob, BuiLabel, BuiLink, BuiLoadingOverlay, BuiMap, BuiMarkdownEditor, BuiMarquee, BuiMasonry, BuiMentionInput, BuiMenubar, BuiMenubarTrigger, BuiMeteors, BuiMeter, BuiMiniCart, BuiNavigationMenu, BuiNotificationCenter, BuiNumberInput, BuiNumberTicker, BuiOnboardingTour, BuiOrgChart, BuiOrgChartNode, BuiPageHeader, BuiPagination, BuiPaginationContent, BuiPaginationEllipsis, BuiPaginationItem, BuiPaginationLink, BuiParallax, BuiPasswordStrength, BuiPhoneInput, BuiPopover, BuiPopoverContent, BuiPresence, BuiPrice, BuiProductCard, BuiProgress, BuiPromptInput, BuiQrCode, BuiQuantitySelector, BuiQuote, BuiRadioGroup, BuiRadioGroupItem, BuiRating, BuiReasoning, BuiRepeater, BuiResizableHandle, BuiResizablePanel, BuiResizablePanelGroup, BuiRichTextEditor, BuiScheduler, BuiScrollArea, BuiScrollspy, BuiSegmentedControl, BuiSelect, BuiSeparator, BuiSheet, BuiSidebar, BuiSidebarMenuButton, BuiSignaturePad, BuiSkeleton, BuiSlider, BuiSonner, BuiSparkline, BuiSpeedDial, BuiSpinner, BuiSpotlightCard, BuiStack, BuiStat, BuiStepper, BuiStepperItem, BuiStreamingText, BuiSwitch, BuiTabList, BuiTabPanel, BuiTabTrigger, BuiTable, BuiTableBody, BuiTableCaption, BuiTableCell, BuiTableContainer, BuiTableFooter, BuiTableHead, BuiTableHeader, BuiTableRow, BuiTabs, BuiTagsInput, BuiTerminal, BuiTextReveal, BuiTextarea, BuiThemeCustomizer, BuiTiltCard, BuiTimeField, BuiTimeline, BuiTimelineItem, BuiToaster, BuiToggle, BuiToggleGroup, BuiToggleGroupItem, BuiToolCall, BuiTooltip, BuiTooltipContent, BuiTopProgress, BuiTree, BuiTreeNode, BuiTreeTable, BuiTypewriter, BuiTypography, BuiVariantSelector, BuiVideo, BuiVisuallyHidden, THEME_TOKENS, ThemeStore, buiLabel, buttonVariants, cn, encodeQr, provideBuiLabels, toggleVariants };
-export type { AddToCartSize, AlertTone, AlertVariant, AutocompleteSize, BadgeIntensity, BadgeSize, BadgeTone, BadgeVariant, BuiLabels, ButtonSize, ButtonVariant, CalendarMode, CalendarRange, CardVariant, CarouselOrientation, CartItem, ChartSeries, ComboboxOption, CommandGroup, CommandItem, ComparisonRow, ConfettiDirection, ContextMenuItem, DataTableColumn, GalleryImage, GanttMilestone, GanttTask, GroupAvatar, InputSize, KanbanCard, KanbanColumn, Mention, NavMenuItem, NavMenuLink, NotificationItem, NumberInputSize, OrgNode, PhoneCountry, PopoverSide, RepeaterField, SchedulerEvent, ScrollspyItem, SegmentOption, SelectOption, SeparatorOrientation, SpeedDialAction, SwitchSize, TextareaSize, ThemeMode, TimeFieldMode, ToastOptions, ToastTone, TooltipSide, TourStep, TreeItem, TreeTableColumn, TreeTableRow, VariantOption };
+export { BUI_DEFAULT_LABELS, BUI_LABELS, BuiAccent, BuiAccordion, BuiAccordionContent, BuiAccordionItem, BuiAccordionTrigger, BuiAddToCart, BuiAlert, BuiAlertDescription, BuiAlertDialogAction, BuiAlertDialogCancel, BuiAlertDialogContent, BuiAlertDialogDescription, BuiAlertDialogFooter, BuiAlertDialogHeader, BuiAlertDialogTitle, BuiAlertTitle, BuiAnimatedBeam, BuiAspectRatio, BuiAudioPlayer, BuiAurora, BuiAutocomplete, BuiAutosizeTextarea, BuiAvatar, BuiAvatarGroup, BuiBackToTop, BuiBadge, BuiBanner, BuiBentoGrid, BuiBentoItem, BuiBorderBeam, BuiBottomNavigation, BuiBottomNavigationItem, BuiBreadcrumb, BuiBreadcrumbEllipsis, BuiBreadcrumbItem, BuiBreadcrumbLink, BuiBreadcrumbList, BuiBreadcrumbPage, BuiBreadcrumbSeparator, BuiButton, BuiButtonGroup, BuiButtonGroupText, BuiCalendar, BuiCard, BuiCardAction, BuiCardContent, BuiCardDescription, BuiCardFooter, BuiCardHeader, BuiCardTitle, BuiCarousel, BuiChart, BuiChat, BuiChatMessage, BuiCheckbox, BuiCitation, BuiCodeBlock, BuiCollapsible, BuiCollapsibleContent, BuiCollapsibleTrigger, BuiColorPicker, BuiCombobox, BuiCommand, BuiComparisonSlider, BuiComparisonTable, BuiConfetti, BuiContainer, BuiContextMenu, BuiCookieConsent, BuiCopyButton, BuiCountdown, BuiDataTable, BuiDatePicker, BuiDateRangePicker, BuiDatetimePicker, BuiDescriptionItem, BuiDescriptionList, BuiDialogContent, BuiDialogDescription, BuiDialogFooter, BuiDialogHeader, BuiDialogTitle, BuiDiffViewer, BuiDock, BuiDockItem, BuiDotPattern, BuiDrawer, BuiDropdownMenu, BuiDropdownMenuItem, BuiDropdownMenuLabel, BuiDropdownMenuSeparator, BuiEditable, BuiEmpty, BuiEmptyContent, BuiEmptyDescription, BuiEmptyHeader, BuiEmptyMedia, BuiEmptyTitle, BuiField, BuiFieldContent, BuiFieldDescription, BuiFieldError, BuiFieldGroup, BuiFieldLabel, BuiFieldLegend, BuiFieldSeparator, BuiFieldSet, BuiFieldTitle, BuiFileUpload, BuiFlipCard, BuiGallery, BuiGantt, BuiGradientText, BuiGridPattern, BuiHeatmap, BuiHoverCard, BuiHoverCardContent, BuiIconTile, BuiImage, BuiInfiniteScroll, BuiInput, BuiInputField, BuiInputGroup, BuiInputGroupAddon, BuiInputGroupButton, BuiInputGroupInput, BuiInputGroupText, BuiInputMask, BuiInputOtp, BuiItem, BuiItemActions, BuiItemContent, BuiItemDescription, BuiItemGroup, BuiItemMedia, BuiItemTitle, BuiJsonViewer, BuiJsonViewerNode, BuiKanban, BuiKbd, BuiKbdGroup, BuiKnob, BuiLabel, BuiLink, BuiLoadingOverlay, BuiMap, BuiMarkdownEditor, BuiMarquee, BuiMasonry, BuiMentionInput, BuiMenubar, BuiMenubarTrigger, BuiMeteors, BuiMeter, BuiMiniCart, BuiMoneyInput, BuiNavigationMenu, BuiNotificationCenter, BuiNumberInput, BuiNumberTicker, BuiOnboardingTour, BuiOrgChart, BuiOrgChartNode, BuiPageHeader, BuiPagination, BuiPaginationContent, BuiPaginationEllipsis, BuiPaginationItem, BuiPaginationLink, BuiParallax, BuiPasswordStrength, BuiPhoneInput, BuiPopover, BuiPopoverContent, BuiPresence, BuiPrice, BuiProductCard, BuiProgress, BuiPromptInput, BuiQrCode, BuiQuantitySelector, BuiQuote, BuiRadioGroup, BuiRadioGroupItem, BuiRating, BuiReasoning, BuiRepeater, BuiResizableHandle, BuiResizablePanel, BuiResizablePanelGroup, BuiRichTextEditor, BuiScheduler, BuiScrollArea, BuiScrollspy, BuiSegmentedControl, BuiSelect, BuiSeparator, BuiSheet, BuiSidebar, BuiSidebarInset, BuiSidebarMenuButton, BuiSidebarProvider, BuiSidebarState, BuiSidebarTrigger, BuiSignaturePad, BuiSkeleton, BuiSlider, BuiSonner, BuiSparkline, BuiSpeedDial, BuiSpinner, BuiSpotlightCard, BuiStack, BuiStat, BuiStepper, BuiStepperItem, BuiStreamingText, BuiSwitch, BuiTabList, BuiTabPanel, BuiTabTrigger, BuiTable, BuiTableBody, BuiTableCaption, BuiTableCell, BuiTableContainer, BuiTableFooter, BuiTableHead, BuiTableHeader, BuiTableRow, BuiTabs, BuiTagsInput, BuiTerminal, BuiTextReveal, BuiTextarea, BuiThemeCustomizer, BuiTiltCard, BuiTimeField, BuiTimeline, BuiTimelineItem, BuiToaster, BuiToggle, BuiToggleGroup, BuiToggleGroupItem, BuiToolCall, BuiTooltip, BuiTooltipContent, BuiTopProgress, BuiTree, BuiTreeNode, BuiTreeTable, BuiTypewriter, BuiTypography, BuiVariantSelector, BuiVideo, BuiVisuallyHidden, THEME_TOKENS, ThemeStore, buiLabel, buttonVariants, cn, encodeQr, provideBuiLabels, toggleVariants };
+export type { AddToCartSize, AlertTone, AlertVariant, AutocompleteSize, BadgeIntensity, BadgeSize, BadgeTone, BadgeVariant, BuiLabels, ButtonSize, ButtonVariant, CalendarMode, CalendarRange, CardVariant, CarouselOrientation, CartItem, ChartSeries, CheckboxTone, ComboboxOption, CommandGroup, CommandItem, ComparisonRow, ConfettiDirection, ContextMenuItem, CurrencyDisplay, DataTableColumn, DateRangePreset, DialogSize, GalleryImage, GanttMilestone, GanttTask, GroupAvatar, IconTileShape, IconTileSize, IconTileTone, InputSize, KanbanCard, KanbanColumn, Mention, NavMenuItem, NavMenuLink, NotificationItem, NumberInputSize, OrgNode, PhoneCountry, PopoverSide, RepeaterField, SchedulerEvent, ScrollspyItem, SegmentOption, SelectOption, SeparatorOrientation, SpeedDialAction, SwitchSize, TextareaSize, ThemeMode, TimeFieldMode, ToastOptions, ToastTone, TooltipSide, TourStep, TreeItem, TreeTableColumn, TreeTableRow, VariantOption };