ng-blatui 1.2.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-blatui",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "BlatUI components, ported to Angular — built on signals, Angular Aria & the CDK.",
   "keywords": [
     "angular",

package/types/ng-blatui.d.ts

@@ -532,5 +532,217 @@ declare class BuiTooltip {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiTooltip, "[buiTooltip]", never, { "text": { "alias": "buiTooltip"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { BuiAccordion, BuiAccordionContent, BuiAccordionItem, BuiAccordionTrigger, BuiAlert, BuiAlertDescription, BuiAlertTitle, BuiAvatar, BuiBadge, BuiButton, BuiCard, BuiCardAction, BuiCardContent, BuiCardDescription, BuiCardFooter, BuiCardHeader, BuiCardTitle, BuiCheckbox, BuiDialogContent, BuiDialogDescription, BuiDialogFooter, BuiDialogHeader, BuiDialogTitle, BuiInput, BuiLabel, BuiProgress, BuiRadioGroup, BuiRadioGroupItem, BuiSeparator, BuiSkeleton, BuiSwitch, BuiTabList, BuiTabPanel, BuiTabTrigger, BuiTabs, BuiTextarea, BuiThemeCustomizer, BuiTooltip, BuiTooltipContent, THEME_TOKENS, ThemeStore, buttonVariants, cn };
+/** Breadcrumb navigation landmark (`<nav aria-label="breadcrumb">`). */
+declare class BuiBreadcrumb {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBreadcrumb, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiBreadcrumb, "nav[buiBreadcrumb]", never, {}, {}, never, never, true, never>;
+}
+declare class BuiBreadcrumbList {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBreadcrumbList, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiBreadcrumbList, "ol[buiBreadcrumbList]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiBreadcrumbItem {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBreadcrumbItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiBreadcrumbItem, "li[buiBreadcrumbItem]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiBreadcrumbLink {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBreadcrumbLink, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiBreadcrumbLink, "a[buiBreadcrumbLink]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** The current page in a breadcrumb — non-interactive, `aria-current="page"`. */
+declare class BuiBreadcrumbPage {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBreadcrumbPage, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiBreadcrumbPage, "[buiBreadcrumbPage]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Separator between breadcrumb items (defaults to a chevron). */
+declare class BuiBreadcrumbSeparator {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBreadcrumbSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiBreadcrumbSeparator, "li[buiBreadcrumbSeparator]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/** Collapsed breadcrumb indicator (ellipsis). */
+declare class BuiBreadcrumbEllipsis {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBreadcrumbEllipsis, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiBreadcrumbEllipsis, "li[buiBreadcrumbEllipsis]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Keyboard key styling, applied to a native `<kbd>` element. */
+declare class BuiKbd {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiKbd, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiKbd, "kbd[buiKbd]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Constrains projected content to a given aspect ratio (e.g. `16 / 9`). */
+declare class BuiAspectRatio {
+    readonly ratio: _angular_core.InputSignal<string>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAspectRatio, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiAspectRatio, "bui-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Groups buttons (and inputs) into a single segmented control. */
+declare class BuiButtonGroup {
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiButtonGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiButtonGroup, "[buiButtonGroup]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** A non-button text segment inside a button group. */
+declare class BuiButtonGroupText {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiButtonGroupText, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiButtonGroupText, "[buiButtonGroupText]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Empty-state container. */
+declare class BuiEmpty {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiEmpty, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiEmpty, "[buiEmpty]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiEmptyHeader {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiEmptyHeader, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiEmptyHeader, "[buiEmptyHeader]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiEmptyMedia {
+    readonly variant: _angular_core.InputSignal<"default" | "icon">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiEmptyMedia, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiEmptyMedia, "[buiEmptyMedia]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiEmptyTitle {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiEmptyTitle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiEmptyTitle, "[buiEmptyTitle]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiEmptyDescription {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiEmptyDescription, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiEmptyDescription, "[buiEmptyDescription]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiEmptyContent {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiEmptyContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiEmptyContent, "[buiEmptyContent]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Centered, padded page container with a max-width scale. */
+declare class BuiContainer {
+    readonly size: _angular_core.InputSignal<"sm" | "lg" | "xl" | "md" | "prose" | "full">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiContainer, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiContainer, "[buiContainer]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** A form field row grouping a label, control, description and error. */
+declare class BuiField {
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical" | "responsive">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiField, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiField, "[buiField]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiFieldSet {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldSet, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiFieldSet, "fieldset[buiFieldSet]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiFieldLegend {
+    readonly variant: _angular_core.InputSignal<"label" | "legend">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldLegend, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiFieldLegend, "legend[buiFieldLegend]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiFieldGroup {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiFieldGroup, "[buiFieldGroup]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiFieldLabel {
+    readonly forId: _angular_core.InputSignal<string | undefined>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldLabel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiFieldLabel, "label[buiFieldLabel]", never, { "forId": { "alias": "for"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiFieldTitle {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldTitle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiFieldTitle, "[buiFieldTitle]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiFieldDescription {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldDescription, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiFieldDescription, "p[buiFieldDescription]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiFieldContent {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiFieldContent, "[buiFieldContent]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Field validation message (`role="alert"`). */
+declare class BuiFieldError {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldError, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiFieldError, "[buiFieldError]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Labelled divider between fields. */
+declare class BuiFieldSeparator {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiFieldSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiFieldSeparator, "bui-field-separator", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Accessible disclosure: a trigger toggles the visibility of its content. */
+declare class BuiCollapsible {
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly contentId: string;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCollapsible, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCollapsible, "[buiCollapsible]", ["buiCollapsible"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
+}
+declare class BuiCollapsibleTrigger {
+    protected readonly collapsible: BuiCollapsible;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCollapsibleTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCollapsibleTrigger, "button[buiCollapsibleTrigger]", never, {}, {}, never, never, true, never>;
+}
+declare class BuiCollapsibleContent {
+    protected readonly collapsible: BuiCollapsible;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCollapsibleContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCollapsibleContent, "[buiCollapsibleContent]", never, {}, {}, never, never, true, never>;
+}
+
+export { BuiAccordion, BuiAccordionContent, BuiAccordionItem, BuiAccordionTrigger, BuiAlert, BuiAlertDescription, BuiAlertTitle, BuiAspectRatio, BuiAvatar, BuiBadge, BuiBreadcrumb, BuiBreadcrumbEllipsis, BuiBreadcrumbItem, BuiBreadcrumbLink, BuiBreadcrumbList, BuiBreadcrumbPage, BuiBreadcrumbSeparator, BuiButton, BuiButtonGroup, BuiButtonGroupText, BuiCard, BuiCardAction, BuiCardContent, BuiCardDescription, BuiCardFooter, BuiCardHeader, BuiCardTitle, BuiCheckbox, BuiCollapsible, BuiCollapsibleContent, BuiCollapsibleTrigger, BuiContainer, BuiDialogContent, BuiDialogDescription, BuiDialogFooter, BuiDialogHeader, BuiDialogTitle, BuiEmpty, BuiEmptyContent, BuiEmptyDescription, BuiEmptyHeader, BuiEmptyMedia, BuiEmptyTitle, BuiField, BuiFieldContent, BuiFieldDescription, BuiFieldError, BuiFieldGroup, BuiFieldLabel, BuiFieldLegend, BuiFieldSeparator, BuiFieldSet, BuiFieldTitle, BuiInput, BuiKbd, BuiLabel, BuiProgress, BuiRadioGroup, BuiRadioGroupItem, BuiSeparator, BuiSkeleton, BuiSwitch, BuiTabList, BuiTabPanel, BuiTabTrigger, BuiTabs, BuiTextarea, BuiThemeCustomizer, BuiTooltip, BuiTooltipContent, THEME_TOKENS, ThemeStore, buttonVariants, cn };
 export type { AlertTone, AlertVariant, BadgeIntensity, BadgeSize, BadgeTone, BadgeVariant, ButtonSize, ButtonVariant, CardVariant, InputSize, SeparatorOrientation, SwitchSize, TextareaSize, ThemeMode };