ng-blatui 1.3.0 → 1.5.0

package/package.json

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

package/types/ng-blatui.d.ts

@@ -1,6 +1,7 @@
 import { ClassValue } from 'clsx';
 export { ClassValue } from 'clsx';
 import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 export { AccordionContent, AccordionGroup, AccordionPanel, AccordionTrigger, ɵɵDeferredContent, ɵɵDeferredContentAware } from '@angular/aria/accordion';
@@ -610,5 +611,193 @@ declare class BuiButtonGroupText {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiButtonGroupText, "[buiButtonGroupText]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, 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, BuiDialogContent, BuiDialogDescription, BuiDialogFooter, BuiDialogHeader, BuiDialogTitle, BuiInput, BuiKbd, BuiLabel, BuiProgress, BuiRadioGroup, BuiRadioGroupItem, BuiSeparator, BuiSkeleton, BuiSwitch, BuiTabList, BuiTabPanel, BuiTabTrigger, BuiTabs, BuiTextarea, BuiThemeCustomizer, BuiTooltip, BuiTooltipContent, THEME_TOKENS, ThemeStore, buttonVariants, cn };
+/** 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>;
+}
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** A two-state toggle button (`aria-pressed`). */
+declare class BuiToggle {
+    readonly pressed: _angular_core.ModelSignal<boolean>;
+    readonly variant: _angular_core.InputSignal<"default" | "outline" | null | undefined>;
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiToggle, "button[buiToggle]", never, { "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "pressed": "pressedChange"; }, never, ["*"], true, never>;
+}
+
+/** A spinning loading indicator (`role="status"`). */
+declare class BuiSpinner {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSpinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiSpinner, "bui-spinner", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Copy-to-clipboard button: copies `value`, flips to a check, announces "Copied". */
+declare class BuiCopyButton {
+    readonly value: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly copied: _angular_core.WritableSignal<boolean>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected copy(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCopyButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiCopyButton, "button[buiCopyButton]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Full-width announcement bar. Optionally dismissible and (with `persistKey`) remembers
+ * the dismissal in localStorage. SSR-safe — localStorage is only touched in the browser.
+ */
+declare class BuiBanner implements OnInit {
+    readonly tone: _angular_core.InputSignal<"default" | "success" | "warning" | "danger" | "info" | "primary">;
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    readonly persistKey: _angular_core.InputSignal<string | undefined>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly show: _angular_core.WritableSignal<boolean>;
+    private readonly isBrowser;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    protected dismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBanner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiBanner, "bui-banner", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "persistKey": { "alias": "persistKey"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { BuiAccordion, BuiAccordionContent, BuiAccordionItem, BuiAccordionTrigger, BuiAlert, BuiAlertDescription, BuiAlertTitle, BuiAspectRatio, BuiAvatar, BuiBadge, BuiBanner, BuiBreadcrumb, BuiBreadcrumbEllipsis, BuiBreadcrumbItem, BuiBreadcrumbLink, BuiBreadcrumbList, BuiBreadcrumbPage, BuiBreadcrumbSeparator, BuiButton, BuiButtonGroup, BuiButtonGroupText, BuiCard, BuiCardAction, BuiCardContent, BuiCardDescription, BuiCardFooter, BuiCardHeader, BuiCardTitle, BuiCheckbox, BuiCollapsible, BuiCollapsibleContent, BuiCollapsibleTrigger, BuiContainer, BuiCopyButton, 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, BuiSpinner, BuiSwitch, BuiTabList, BuiTabPanel, BuiTabTrigger, BuiTabs, BuiTextarea, BuiThemeCustomizer, BuiToggle, BuiTooltip, BuiTooltipContent, THEME_TOKENS, ThemeStore, buttonVariants, cn, toggleVariants };
 export type { AlertTone, AlertVariant, BadgeIntensity, BadgeSize, BadgeTone, BadgeVariant, ButtonSize, ButtonVariant, CardVariant, InputSize, SeparatorOrientation, SwitchSize, TextareaSize, ThemeMode };