ng-blatui 1.0.0

package/types/ng-blatui.d.ts

@@ -0,0 +1,485 @@
+import { ClassValue } from 'clsx';
+export { ClassValue } from 'clsx';
+import * as _angular_core 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';
+export { DIALOG_DATA, Dialog, DialogModule, DialogRef } from '@angular/cdk/dialog';
+export { Tab, TabContent, TabList, TabPanel, Tabs } from '@angular/aria/tabs';
+
+/**
+ * Merge class names with `clsx` semantics and resolve Tailwind conflicts with
+ * `tailwind-merge`. The single utility every ng-blatui component uses to combine
+ * its variant classes with consumer-provided ones.
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
+type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;
+/**
+ * Applies BlatUI button styling to a native `<button>` or `<a>`, keeping native
+ * semantics, focus and keyboard behavior (accessibility for free).
+ */
+declare class BuiButton {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiButton, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiButton, "button[buiButton], a[buiButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const SIZES: {
+    readonly sm: "px-1.5 py-px text-[0.625rem]";
+    readonly default: "px-2 py-0.5 text-xs";
+    readonly lg: "px-3 py-1 text-sm [&>svg]:size-3.5";
+};
+declare const VARIANTS: {
+    readonly default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90";
+    readonly secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90";
+    readonly destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60";
+    readonly outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground";
+};
+declare const TONES: {
+    readonly success: {
+        readonly soft: "border-transparent bg-success/10 text-success dark:bg-success/15";
+        readonly solid: "border-transparent bg-success text-success-foreground";
+        readonly outline: "text-success border-success/40";
+    };
+    readonly warning: {
+        readonly soft: "border-transparent bg-warning/10 text-warning dark:bg-warning/15";
+        readonly solid: "border-transparent bg-warning text-warning-foreground";
+        readonly outline: "text-warning border-warning/40";
+    };
+    readonly danger: {
+        readonly soft: "border-transparent bg-destructive/10 text-destructive dark:bg-destructive/15";
+        readonly solid: "border-transparent bg-destructive text-destructive-foreground";
+        readonly outline: "text-destructive border-destructive/40";
+    };
+    readonly info: {
+        readonly soft: "border-transparent bg-info/10 text-info dark:bg-info/15";
+        readonly solid: "border-transparent bg-info text-info-foreground";
+        readonly outline: "text-info border-info/40";
+    };
+    readonly neutral: {
+        readonly soft: "border-transparent bg-muted text-muted-foreground";
+        readonly solid: "border-transparent bg-foreground/85 text-background";
+        readonly outline: "text-muted-foreground border-border";
+    };
+};
+type BadgeSize = keyof typeof SIZES;
+type BadgeVariant = keyof typeof VARIANTS | 'soft' | 'solid';
+type BadgeTone = keyof typeof TONES;
+type BadgeIntensity = keyof (typeof TONES)['success'];
+/**
+ * BlatUI badge. Brand variants (`default | secondary | destructive | outline`)
+ * or semantic `tone` (`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.
+ */
+declare class BuiBadge {
+    readonly variant: _angular_core.InputSignal<BadgeVariant>;
+    readonly tone: _angular_core.InputSignal<"success" | "warning" | "danger" | "info" | "neutral" | null>;
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiBadge, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiBadge, "[buiBadge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * BlatUI label. Apply to a native `<label>` (use `for`/`id` to associate it with
+ * a control) so the click-to-focus and screen-reader association work natively.
+ */
+declare class BuiLabel {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiLabel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiLabel, "label[buiLabel]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SeparatorOrientation = 'horizontal' | 'vertical';
+/**
+ * BlatUI separator. `decorative` (default) renders `role="none"`; set
+ * `[decorative]="false"` for a semantic `role="separator"` with `aria-orientation`.
+ */
+declare class BuiSeparator {
+    readonly orientation: _angular_core.InputSignal<SeparatorOrientation>;
+    readonly decorative: _angular_core.InputSignal<boolean>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSeparator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiSeparator, "[buiSeparator]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * BlatUI skeleton placeholder. Marked `aria-hidden` so assistive tech ignores the
+ * shimmering placeholder; announce real loading state separately (e.g. aria-busy).
+ */
+declare class BuiSkeleton {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSkeleton, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiSkeleton, "[buiSkeleton]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const CARD_VARIANTS: {
+    readonly default: "bg-card text-card-foreground rounded-xl border p-6 shadow-sm";
+    readonly sectioned: "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm";
+};
+type CardVariant = keyof typeof CARD_VARIANTS;
+/** BlatUI card container. Use `variant="sectioned"` with the header/content/footer parts. */
+declare class BuiCard {
+    readonly variant: _angular_core.InputSignal<"default" | "sectioned">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCard, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCard, "[buiCard]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiCardHeader {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCardHeader, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCardHeader, "[buiCardHeader]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiCardTitle {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCardTitle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCardTitle, "[buiCardTitle]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiCardDescription {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCardDescription, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCardDescription, "[buiCardDescription]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiCardAction {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCardAction, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCardAction, "[buiCardAction]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiCardContent {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCardContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCardContent, "[buiCardContent]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiCardFooter {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiCardFooter, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiCardFooter, "[buiCardFooter]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const ALERT_VARIANTS: {
+    readonly default: "bg-card text-card-foreground";
+    readonly destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive";
+};
+declare const ALERT_TONES: {
+    readonly success: "border-success/20 bg-success/10 text-success [&>svg]:text-success *:data-[slot=alert-description]:text-success";
+    readonly warning: "border-warning/20 bg-warning/10 text-warning [&>svg]:text-warning *:data-[slot=alert-description]:text-warning";
+    readonly danger: "border-destructive/20 bg-destructive/10 text-destructive [&>svg]:text-destructive *:data-[slot=alert-description]:text-destructive";
+    readonly info: "border-info/20 bg-info/10 text-info [&>svg]:text-info *:data-[slot=alert-description]:text-info";
+    readonly neutral: "border-border bg-muted text-foreground [&>svg]:text-foreground *:data-[slot=alert-description]:text-muted-foreground";
+};
+type AlertVariant = keyof typeof ALERT_VARIANTS;
+type AlertTone = keyof typeof ALERT_TONES;
+/**
+ * BlatUI alert. `role="alert"` for assistive tech. Brand `variant`
+ * (`default | destructive`) or semantic `tone` (`success | warning | danger | info | neutral`).
+ */
+declare class BuiAlert {
+    readonly variant: _angular_core.InputSignal<"default" | "destructive">;
+    readonly tone: _angular_core.InputSignal<"success" | "warning" | "danger" | "info" | "neutral" | null>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAlert, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiAlert, "[buiAlert]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiAlertTitle {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAlertTitle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiAlertTitle, "[buiAlertTitle]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiAlertDescription {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAlertDescription, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiAlertDescription, "[buiAlertDescription]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const INPUT_SIZES: {
+    readonly sm: "h-8 px-2.5 py-1 text-sm file:h-6 file:text-xs";
+    readonly default: "h-9 px-3 py-1 text-base md:text-sm file:h-7 file:text-sm";
+    readonly lg: "h-10 px-4 py-2 text-base file:h-8 file:text-sm";
+};
+type InputSize = keyof typeof INPUT_SIZES;
+/** Applies BlatUI input styling to a native `<input>` (keeps native validation & a11y). */
+declare class BuiInput {
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiInput, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiInput, "input[buiInput]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const TEXTAREA_SIZES: {
+    readonly sm: "min-h-14 px-2.5 py-1.5 text-sm";
+    readonly default: "min-h-16 px-3 py-2 text-base md:text-sm";
+    readonly lg: "min-h-20 px-4 py-2.5 text-base";
+};
+type TextareaSize = keyof typeof TEXTAREA_SIZES;
+/** Applies BlatUI textarea styling to a native `<textarea>` (auto-grows via field-sizing). */
+declare class BuiTextarea {
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiTextarea, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiTextarea, "textarea[buiTextarea]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * BlatUI linear progress bar. Exposes the full `progressbar` ARIA contract
+ * (valuemin/max/now/text). Set `[indeterminate]="true"` for an unknown-duration bar.
+ */
+declare class BuiProgress {
+    readonly value: _angular_core.InputSignal<number>;
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly pct: _angular_core.Signal<number>;
+    protected readonly rounded: _angular_core.Signal<number>;
+    protected readonly valueText: _angular_core.Signal<string>;
+    protected readonly indicatorTransform: _angular_core.Signal<string>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiProgress, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiProgress, "bui-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * BlatUI avatar. Renders the image when `src` is set and loads; otherwise shows
+ * the projected fallback (initials, icon). Falls back automatically on load error.
+ */
+declare class BuiAvatar {
+    readonly src: _angular_core.InputSignal<string | null>;
+    readonly alt: _angular_core.InputSignal<string>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly error: _angular_core.WritableSignal<boolean>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAvatar, never>;
+    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>;
+}
+
+/**
+ * BlatUI checkbox. A native `<button role="checkbox">` (Space/Enter toggle for free)
+ * with `[(checked)]` two-way binding and tri-state `[(indeterminate)]`.
+ */
+declare class BuiCheckbox {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly indeterminate: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
+    protected readonly ariaChecked: _angular_core.Signal<string>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected toggle(): 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"; }, never, never, true, never>;
+}
+
+declare const SWITCH_TRACK: {
+    readonly sm: "h-4 w-7";
+    readonly default: "h-[1.15rem] w-8";
+    readonly lg: "h-6 w-10";
+};
+type SwitchSize = keyof typeof SWITCH_TRACK;
+/**
+ * BlatUI switch. A native `<button role="switch">` with `[(checked)]` two-way
+ * binding; keyboard activation (Space/Enter) and focus come from the native button.
+ */
+declare class BuiSwitch {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly state: _angular_core.Signal<"checked" | "unchecked">;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    protected readonly thumbClass: _angular_core.Signal<string>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiSwitch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiSwitch, "button[buiSwitch]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class BuiAccordion {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAccordion, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiAccordion, "[buiAccordion]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiAccordionItem {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAccordionItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiAccordionItem, "[buiAccordionItem]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiAccordionTrigger {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAccordionTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiAccordionTrigger, "button[buiAccordionTrigger]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiAccordionContent {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiAccordionContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiAccordionContent, "[buiAccordionContent]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class BuiTabs {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiTabs, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiTabs, "[buiTabs]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiTabList {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiTabList, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiTabList, "[buiTabList]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiTabTrigger {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiTabTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiTabTrigger, "[buiTabTrigger]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiTabPanel {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiTabPanel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiTabPanel, "[buiTabPanel]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class BuiDialogContent {
+    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>;
+}
+declare class BuiDialogHeader {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiDialogHeader, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiDialogHeader, "[buiDialogHeader]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiDialogTitle {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiDialogTitle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiDialogTitle, "[buiDialogTitle]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiDialogDescription {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiDialogDescription, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiDialogDescription, "[buiDialogDescription]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class BuiDialogFooter {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiDialogFooter, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BuiDialogFooter, "[buiDialogFooter]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ThemeMode = 'light' | 'dark' | 'system';
+/** Every token the `@theme inline` mapping references — emitted into `:root` on export. */
+declare const THEME_TOKENS: readonly ["--radius", "--spacing", "--tracking-normal", "--font-sans", "--font-serif", "--font-mono", "--shadow-2xs", "--shadow-xs", "--shadow-sm", "--shadow", "--shadow-md", "--shadow-lg", "--shadow-xl", "--shadow-2xl", "--background", "--foreground", "--card", "--card-foreground", "--popover", "--popover-foreground", "--primary", "--primary-foreground", "--secondary", "--secondary-foreground", "--muted", "--muted-foreground", "--accent", "--accent-foreground", "--destructive", "--destructive-foreground", "--border", "--input", "--ring", "--chart-1", "--chart-2", "--chart-3", "--chart-4", "--chart-5", "--sidebar", "--sidebar-foreground", "--sidebar-primary", "--sidebar-primary-foreground", "--sidebar-accent", "--sidebar-accent-foreground", "--sidebar-border", "--sidebar-ring"];
+/**
+ * Live theme engine (the brain behind `<bui-theme-customizer>`). Mirrors BlatUI:
+ * every dimension just toggles a `data-*` attribute / the `.dark` class on `<html>`,
+ * and `blatui.css` holds all the token values. `exportCss()` serialises the active
+ * theme to a paste-ready stylesheet. SSR-safe and persisted to localStorage.
+ */
+declare class ThemeStore {
+    private readonly isBrowser;
+    readonly mode: _angular_core.WritableSignal<ThemeMode>;
+    readonly base: _angular_core.WritableSignal<string>;
+    readonly preset: _angular_core.WritableSignal<string>;
+    readonly radius: _angular_core.WritableSignal<string>;
+    readonly font: _angular_core.WritableSignal<string>;
+    readonly fontHeading: _angular_core.WritableSignal<string>;
+    readonly shadow: _angular_core.WritableSignal<string>;
+    readonly spacing: _angular_core.WritableSignal<string>;
+    readonly tracking: _angular_core.WritableSignal<string>;
+    readonly inputStyle: _angular_core.WritableSignal<string>;
+    private readonly systemDark;
+    readonly isDark: _angular_core.Signal<boolean>;
+    constructor();
+    setMode(value: ThemeMode): void;
+    setBase(value: string): void;
+    setPreset(value: string): void;
+    setRadius(value: string): void;
+    setFont(value: string): void;
+    setFontHeading(value: string): void;
+    setShadow(value: string): void;
+    setSpacing(value: string): void;
+    setTracking(value: string): void;
+    setInputStyle(value: string): void;
+    toggle(): void;
+    reset(): void;
+    /** Serialise the active theme to a complete, paste-ready stylesheet. */
+    exportCss(): string;
+    private readTokens;
+    private load;
+    private apply;
+    private attr;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeStore>;
+}
+
+interface Option<T extends string = string> {
+    readonly value: T;
+    readonly label: string;
+}
+interface Swatch {
+    readonly value: string;
+    readonly color: string;
+}
+interface FontOption {
+    readonly value: string;
+    readonly label: string;
+    readonly family: string;
+}
+/**
+ * BlatUI's "Customize" toolbar, ported to Angular. Tunes every theme dimension
+ * live (mode, base, accent, radius, input style, fonts, shadow, spacing, tracking)
+ * through {@link ThemeStore}, then exports a paste-ready stylesheet via "Copy CSS".
+ */
+declare class BuiThemeCustomizer {
+    protected readonly theme: ThemeStore;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    protected readonly copied: _angular_core.WritableSignal<boolean>;
+    protected readonly modes: readonly Option<ThemeMode>[];
+    protected readonly bases: readonly Swatch[];
+    protected readonly accents: readonly Swatch[];
+    protected readonly radii: readonly string[];
+    protected readonly inputStyles: readonly Option[];
+    protected readonly fonts: readonly FontOption[];
+    protected readonly shadows: readonly Option[];
+    protected readonly spacings: readonly Option[];
+    protected readonly trackings: readonly Option[];
+    protected readonly _hasClipboard: _angular_core.Signal<boolean>;
+    protected copyCss(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuiThemeCustomizer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuiThemeCustomizer, "bui-theme-customizer", never, {}, {}, 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, BuiSeparator, BuiSkeleton, BuiSwitch, BuiTabList, BuiTabPanel, BuiTabTrigger, BuiTabs, BuiTextarea, BuiThemeCustomizer, THEME_TOKENS, ThemeStore, buttonVariants, cn };
+export type { AlertTone, AlertVariant, BadgeIntensity, BadgeSize, BadgeTone, BadgeVariant, ButtonSize, ButtonVariant, CardVariant, InputSize, SeparatorOrientation, SwitchSize, TextareaSize, ThemeMode };