@tolle_/tolle-ui 0.0.18-beta → 0.0.21-beta

package/lib/alert.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AlertVariants = VariantProps<typeof alertVariants>;
+export declare class AlertComponent {
+    variant: AlertVariants['variant'];
+    title?: string;
+    class: string;
+    dismissible: boolean;
+    onClose: EventEmitter<void>;
+    dismissed: boolean;
+    isDismissing: boolean;
+    protected alertVariants: (props?: ({
+        variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    protected cn: typeof cn;
+    dismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "tolle-alert", never, { "variant": { "alias": "variant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "class": { "alias": "class"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, { "onClose": "onClose"; }, never, ["[icon]", "*"], true, never>;
+}
+export {};

package/lib/avatar-fallback.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AvatarFallbackComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarFallbackComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarFallbackComponent, "tolle-avatar-fallback", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/avatar.component.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AvatarComponent {
+    private cdr;
+    src?: string;
+    alt: string;
+    size: 'sm' | 'default' | 'lg' | 'xl';
+    shape: 'circle' | 'square';
+    isLoading: boolean;
+    hasError: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    onLoad(): void;
+    onError(): void;
+    get hostClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "tolle-avatar", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/breadcrumb-item.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class BreadcrumbItemComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "tolle-breadcrumb-item", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/breadcrumb-link.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class BreadcrumbLinkComponent {
+    active: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbLinkComponent, "tolle-breadcrumb-link", never, { "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/breadcrumb-separator.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class BreadcrumbSeparatorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbSeparatorComponent, "tolle-breadcrumb-separator", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/breadcrumb.component.d.ts

@@ -0,0 +1,8 @@
+import { cn } from "./utils/cn";
+import * as i0 from "@angular/core";
+export declare class BreadcrumbComponent {
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "tolle-breadcrumb", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/button.component.d.ts

@@ -3,7 +3,6 @@ import * as i0 from "@angular/core";
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
-    block?: boolean | null | undefined;
     busy?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonProps = VariantProps<typeof buttonVariants>;
@@ -11,12 +10,10 @@ export declare class ButtonComponent {
     class: string;
     variant: ButtonProps['variant'];
     size: ButtonProps['size'];
-    block: boolean;
     disabled: boolean;
     busy: boolean;
-    readonly: boolean;
     get computedClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "tolle-button", never, { "class": { "alias": "class"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "tolle-button", never, { "class": { "alias": "class"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export {};

package/lib/empty-state.component.d.ts

@@ -0,0 +1,20 @@
+import { type VariantProps } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+declare const emptyStateVariants: (props?: ({
+    variant?: "default" | "minimal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type EmptyStateVariants = VariantProps<typeof emptyStateVariants>;
+export declare class EmptyStateComponent {
+    variant: EmptyStateVariants['variant'];
+    title: string;
+    description?: string;
+    class: string;
+    protected emptyStateVariants: (props?: ({
+        variant?: "default" | "minimal" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "tolle-empty-state", never, { "variant": { "alias": "variant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["[icon]", "[actions]"], true, never>;
+}
+export {};

package/lib/input.component.d.ts

@@ -1,9 +1,10 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { cn } from './utils/cn';
 import * as i0 from "@angular/core";
-export declare class InputComponent implements ControlValueAccessor {
+export declare class InputComponent implements ControlValueAccessor, AfterViewInit {
     private cdr;
+    inputElement: ElementRef<HTMLInputElement>;
     id: string;
     label: string;
     hint: string;
@@ -16,18 +17,25 @@ export declare class InputComponent implements ControlValueAccessor {
     disabled: boolean;
     readonly: boolean;
     error: boolean;
+    hideHintOnFocus: boolean;
     value: any;
     onChange: any;
     onTouched: any;
+    isFocused: boolean;
     constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     onInputChange(event: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    focusInput(): void;
     protected readonly cn: typeof cn;
+    get computedLabelClass(): string;
     get computedContainerClass(): string;
     get computedInputClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "tolle-input", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "tolle-input", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "error": { "alias": "error"; "required": false; }; "hideHintOnFocus": { "alias": "hideHintOnFocus"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
 }

package/lib/masked-input.component.d.ts

@@ -5,24 +5,37 @@ import * as i0 from "@angular/core";
 export declare class MaskedInputComponent implements ControlValueAccessor, AfterContentChecked {
     private el;
     private cdr;
+    id: string;
+    label: string;
+    hint: string;
+    errorMessage: string;
     mask: string;
     placeholder: string;
     type: string;
     disabled: boolean;
+    readonly: boolean;
     class: string;
+    containerClass: string;
     error: boolean;
     size: 'xs' | 'sm' | 'default' | 'lg';
     returnRaw: boolean;
+    hideHintOnFocus: boolean;
     inputEl: ElementRef<HTMLInputElement>;
     hasPrefix: boolean;
     hasSuffix: boolean;
     displayValue: string;
+    isFocused: boolean;
     private tokens;
     onChange: any;
     onTouched: any;
     constructor(el: ElementRef, cdr: ChangeDetectorRef);
     ngAfterContentChecked(): void;
+    get computedLabelClass(): string;
+    get computedContainerClass(): string;
     get computedInputClass(): string;
+    focusInput(): void;
+    onFocus(): void;
+    onBlur(): void;
     onInput(event: Event): void;
     private applyMask;
     private unmask;
@@ -32,5 +45,5 @@ export declare class MaskedInputComponent implements ControlValueAccessor, After
     setDisabledState(isDisabled: boolean): void;
     protected cn: typeof cn;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaskedInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MaskedInputComponent, "tolle-masked-input", never, { "mask": { "alias": "mask"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; "error": { "alias": "error"; "required": false; }; "size": { "alias": "size"; "required": false; }; "returnRaw": { "alias": "returnRaw"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MaskedInputComponent, "tolle-masked-input", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "class": { "alias": "class"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "error": { "alias": "error"; "required": false; }; "size": { "alias": "size"; "required": false; }; "returnRaw": { "alias": "returnRaw"; "required": false; }; "hideHintOnFocus": { "alias": "hideHintOnFocus"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
 }

package/lib/otp-group.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class OtpGroupComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OtpGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OtpGroupComponent, "tolle-otp-group", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/otp-slot.component.d.ts

@@ -0,0 +1,13 @@
+import { cn } from "./utils/cn";
+import * as i0 from "@angular/core";
+export declare class OtpSlotComponent {
+    char: string | undefined;
+    isActive: boolean;
+    isFirst: boolean;
+    isLast: boolean;
+    class: string;
+    protected cn: typeof cn;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OtpSlotComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OtpSlotComponent, "tolle-otp-slot", never, { "char": { "alias": "char"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isFirst": { "alias": "isFirst"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/otp.component.d.ts

@@ -0,0 +1,21 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class OtpComponent implements ControlValueAccessor {
+    private cdr;
+    length: number;
+    disabled: boolean;
+    auto: boolean;
+    value: string;
+    isFocused: boolean;
+    onChange: any;
+    onTouched: any;
+    constructor(cdr: ChangeDetectorRef);
+    onInputChange(event: any): void;
+    getSlotClass(index: number): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OtpComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OtpComponent, "tolle-otp", never, { "length": { "alias": "length"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/popover-content.component.d.ts

@@ -0,0 +1,8 @@
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+export declare class PopoverContentComponent {
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverContentComponent, "tolle-popover-content", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/popover.component.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PopoverComponent implements OnDestroy {
+    placement: 'top' | 'bottom' | 'left' | 'right';
+    onOpen: EventEmitter<void>;
+    onClose: EventEmitter<void>;
+    triggerEl: ElementRef;
+    popoverEl: ElementRef;
+    isOpen: boolean;
+    private cleanup?;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    private updatePosition;
+    onClickOutside(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "tolle-popover", never, { "placement": { "alias": "placement"; "required": false; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, never, ["[trigger]", "*"], true, never>;
+}

package/lib/radio-group.component.d.ts

@@ -0,0 +1,23 @@
+import { OnChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { cn } from './utils/cn';
+import { RadioService } from './radio-service';
+import * as i0 from "@angular/core";
+export declare class RadioGroupComponent implements ControlValueAccessor, OnChanges {
+    private radioService;
+    class: string;
+    disabled: boolean;
+    name: string;
+    value: any;
+    onChange: any;
+    onTouched: any;
+    constructor(radioService: RadioService);
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnChanges(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    protected readonly cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "tolle-radio-group", never, { "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/radio-item.component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { cn } from './utils/cn';
+import { RadioService } from './radio-service';
+import * as i0 from "@angular/core";
+export declare class RadioItemComponent implements OnInit, OnDestroy {
+    private radioService;
+    private cdr;
+    value: any;
+    disabled: boolean;
+    class: string;
+    isSelected: boolean;
+    groupDisabled: boolean;
+    private sub;
+    get isEffectiveDisabled(): boolean;
+    constructor(radioService: RadioService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    select(): void;
+    ngOnDestroy(): void;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioItemComponent, "tolle-radio-item", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/radio-service.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class RadioService {
+    private selectedValueSource;
+    selectedValue$: import("rxjs").Observable<any>;
+    private disabledSource;
+    disabled$: import("rxjs").Observable<boolean>;
+    select(value: any): void;
+    setDisabled(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RadioService>;
+}

package/lib/select.component.d.ts

@@ -14,6 +14,7 @@ export declare class SelectComponent implements ControlValueAccessor, AfterConte
     readonly: boolean;
     trigger: ElementRef;
     popover: ElementRef;
+    container: ElementRef;
     items: QueryList<SelectItemComponent>;
     private sub;
     searchQuery: string;

package/lib/textarea.component.d.ts

@@ -7,25 +7,32 @@ export declare class TextareaComponent implements ControlValueAccessor, AfterVie
     label: string;
     placeholder: string;
     hint: string;
+    errorMessage: string;
     rows: number;
     maxLength?: number;
     showCharacterCount: boolean;
     autoGrow: boolean;
     error: boolean;
     className: string;
+    hideHintOnFocus: boolean;
+    hideCharacterCountOnFocus: boolean;
     disabled: boolean;
     readonly: boolean;
     value: string;
+    isFocused: boolean;
     onChange: any;
     onTouched: any;
     ngAfterViewInit(): void;
+    get computedLabelClass(): string;
     get textareaClasses(): string;
     handleInput(event: any): void;
+    onFocus(): void;
+    onBlur(): void;
     private resize;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "tolle-textarea", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "autoGrow": { "alias": "autoGrow"; "required": false; }; "error": { "alias": "error"; "required": false; }; "className": { "alias": "className"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "tolle-textarea", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "autoGrow": { "alias": "autoGrow"; "required": false; }; "error": { "alias": "error"; "required": false; }; "className": { "alias": "className"; "required": false; }; "hideHintOnFocus": { "alias": "hideHintOnFocus"; "required": false; }; "hideCharacterCountOnFocus": { "alias": "hideCharacterCountOnFocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/theme.service.d.ts

@@ -12,19 +12,53 @@ export declare class ThemeService {
     constructor(document: Document, platformId: Object, config: TolleConfig, rendererFactory: RendererFactory2);
     private initializeTheme;
     /**
-     * Applies the brand identity variables with full shade palette
+     * Sets the border radius for all components
      */
-    applyBrandConfig(config: TolleConfig): void;
+    setRadius(radius: string, persist?: boolean): void;
+    /**
+     * Updates the radius calculations in dynamic styles
+     */
+    private updateRadiusInDynamicStyles;
     /**
      * Generates full primary color palette (50-900) based on base color
-     * Uses color-mix() for consistency with your existing approach
      */
     private generatePrimaryShades;
+    /**
+     * Convert hex color to RGB object
+     */
+    private hexToRgb;
+    /**
+     * Convert hex to RGB string format for CSS (space-separated)
+     */
+    private hexToRgbString;
+    /**
+     * Get contrast color in RGB format
+     */
+    private getContrastColorRgb;
+    /**
+     * Lighten a hex color by a percentage
+     */
+    private lightenColor;
+    /**
+     * Darken a hex color by a percentage
+     */
+    private darkenColor;
+    /**
+     * Calculate contrast color (black or white) based on background color
+     */
+    private getContrastColor;
     private injectDynamicStyles;
     toggleTheme(): void;
     private enableDarkMode;
     private disableDarkMode;
+    setPrimaryColor(color: string, persist?: boolean): void;
     get currentTheme(): 'dark' | 'light';
+    get primaryColor(): string | null;
+    get radius(): string | null;
+    /**
+     * Applies the brand identity variables with full shade palette
+     */
+    applyBrandConfig(config: TolleConfig): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, [null, null, { optional: true; }, null]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tolle_/tolle-ui",
-  "version": "0.0.18-beta",
+  "version": "0.0.21-beta",
   "publishConfig": {
     "access": "public"
   },
@@ -16,9 +16,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/tolle_-tolle-ui.mjs",
-      "esm": "./esm2022/tolle_-tolle-ui.mjs",
-      "default": "./fesm2022/tolle_-tolle-ui.mjs"
+      "esm2022": "./esm2022/tolle-ui.mjs",
+      "esm": "./esm2022/tolle-ui.mjs",
+      "default": "./fesm2022/tolle-ui.mjs"
     }
   },
   "description": "A high-performance Angular UI library.",
@@ -30,12 +30,13 @@
     "@floating-ui/dom": "^1.7.4",
     "class-variance-authority": "^0.7.1",
     "tailwind-merge": "^3.4.0",
-    "clsx": "^2.1.1"
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
-  "module": "fesm2022/tolle_-tolle-ui.mjs",
+  "module": "fesm2022/tolle-ui.mjs",
   "typings": "index.d.ts"
 }

package/preset.js

@@ -1,48 +1,56 @@
-/** @type {import('tailwindcss').Config} */
+// tolle-preset.js
 module.exports = {
+  darkMode: 'class',
   theme: {
     extend: {
       colors: {
-        // Primary with full palette
+        // CSS Variables with RGB values
+        border: 'rgb(var(--border) / <alpha-value>)',
+        input: 'rgb(var(--input) / <alpha-value>)',
+        ring: 'rgb(var(--ring) / <alpha-value>)',
+        background: 'rgb(var(--background) / <alpha-value>)',
+        foreground: 'rgb(var(--foreground) / <alpha-value>)',
+
+        // Primary colors with opacity support
         primary: {
-          50: 'var(--primary-50)',
-          100: 'var(--primary-100)',
-          200: 'var(--primary-200)',
-          300: 'var(--primary-300)',
-          400: 'var(--primary-400)',
-          500: 'var(--primary-500)',
-          600: 'var(--primary-600)',
-          700: 'var(--primary-700)',
-          800: 'var(--primary-800)',
-          900: 'var(--primary-900)',
-          DEFAULT: 'var(--primary-500)',
-          foreground: 'var(--primary-foreground)',
+          DEFAULT: 'rgb(var(--primary) / <alpha-value>)',
+          foreground: 'rgb(var(--primary-foreground) / <alpha-value>)',
+          50: 'rgb(var(--primary-50) / <alpha-value>)',
+          100: 'rgb(var(--primary-100) / <alpha-value>)',
+          200: 'rgb(var(--primary-200) / <alpha-value>)',
+          300: 'rgb(var(--primary-300) / <alpha-value>)',
+          400: 'rgb(var(--primary-400) / <alpha-value>)',
+          500: 'rgb(var(--primary-500) / <alpha-value>)',
+          600: 'rgb(var(--primary-600) / <alpha-value>)',
+          700: 'rgb(var(--primary-700) / <alpha-value>)',
+          800: 'rgb(var(--primary-800) / <alpha-value>)',
+          900: 'rgb(var(--primary-900) / <alpha-value>)',
         },
-        // Other colors
+
+        // Semantic colors with opacity support
         secondary: {
-          DEFAULT: 'var(--secondary)',
-          foreground: 'var(--secondary-foreground)',
+          DEFAULT: 'rgb(var(--secondary) / <alpha-value>)',
+          foreground: 'rgb(var(--secondary-foreground) / <alpha-value>)',
+        },
+        destructive: {
+          DEFAULT: 'rgb(var(--destructive) / <alpha-value>)',
+          foreground: 'rgb(var(--destructive-foreground) / <alpha-value>)',
         },
         muted: {
-          DEFAULT: 'var(--muted)',
-          foreground: 'var(--muted-foreground)',
+          DEFAULT: 'rgb(var(--muted) / <alpha-value>)',
+          foreground: 'rgb(var(--muted-foreground) / <alpha-value>)',
         },
         accent: {
-          DEFAULT: 'var(--accent)',
-          foreground: 'var(--accent-foreground)',
-        },
-        destructive: {
-          DEFAULT: 'var(--destructive)',
-          foreground: 'var(--destructive-foreground)',
+          DEFAULT: 'rgb(var(--accent) / <alpha-value>)',
+          foreground: 'rgb(var(--accent-foreground) / <alpha-value>)',
         },
-        border: 'var(--border)',
-        input: 'var(--input)',
-        ring: 'var(--ring)',
-        background: 'var(--background)',
-        foreground: 'var(--foreground)',
         popover: {
-          DEFAULT: 'var(--popover)',
-          foreground: 'var(--popover-foreground)',
+          DEFAULT: 'rgb(var(--popover) / <alpha-value>)',
+          foreground: 'rgb(var(--popover-foreground) / <alpha-value>)',
+        },
+        card: {
+          DEFAULT: 'rgb(var(--card) / <alpha-value>)',
+          foreground: 'rgb(var(--card-foreground) / <alpha-value>)',
         },
       },
       borderRadius: {
@@ -50,7 +58,13 @@ module.exports = {
         md: 'calc(var(--radius) - 2px)',
         sm: 'calc(var(--radius) - 4px)',
       },
+      boxShadow: {
+        sm: 'var(--shadow-sm)',
+        DEFAULT: 'var(--shadow)',
+        md: 'var(--shadow-md)',
+        lg: 'var(--shadow-lg)',
+      },
     },
   },
   plugins: [],
-};
+}

package/public-api.d.ts

@@ -38,3 +38,18 @@ export * from './lib/dropdown-menu.component';
 export * from './lib/dropdown-separator.component';
 export * from './lib/dropdown-trigger.directive';
 export * from './lib/textarea.component';
+export * from './lib/alert.component';
+export * from './lib/avatar.component';
+export * from './lib/avatar-fallback.component';
+export * from './lib/breadcrumb.component';
+export * from './lib/breadcrumb-link.component';
+export * from './lib/breadcrumb-separator.component';
+export * from './lib/breadcrumb-item.component';
+export * from './lib/empty-state.component';
+export * from './lib/otp.component';
+export * from './lib/otp-slot.component';
+export * from './lib/otp-group.component';
+export * from './lib/popover.component';
+export * from './lib/popover-content.component';
+export * from './lib/radio-group.component';
+export * from './lib/radio-item.component';