@tolle_/tolle-ui 0.0.18-beta → 0.0.19-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,11 @@ 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; }; "readonly": { "alias": "readonly"; "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/masked-input.component.d.ts

@@ -5,11 +5,17 @@ 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;
@@ -22,6 +28,7 @@ export declare class MaskedInputComponent implements ControlValueAccessor, After
     onTouched: any;
     constructor(el: ElementRef, cdr: ChangeDetectorRef);
     ngAfterContentChecked(): void;
+    get computedContainerClass(): string;
     get computedInputClass(): string;
     onInput(event: Event): void;
     private applyMask;
@@ -32,5 +39,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; }; }, {}, 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,12 @@
+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;
+    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/theme.service.d.ts

@@ -24,7 +24,9 @@ export declare class ThemeService {
     toggleTheme(): void;
     private enableDarkMode;
     private disableDarkMode;
+    setPrimaryColor(color: string, persist?: boolean): void;
     get currentTheme(): 'dark' | 'light';
+    get primaryColor(): string | null;
     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.19-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/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';

package/theme.css

@@ -224,3 +224,12 @@
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;     /* Firefox */
 }
+
+@keyframes caret-blink {
+  0%, 70%, 100% { opacity: 1; }
+  20%, 50% { opacity: 0; }
+}
+
+.animate-caret-blink {
+  animation: caret-blink 1.25s ease-out infinite;
+}

package/esm2022/tolle_-tolle-ui.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9sbGVfLXRvbGxlLXVpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvdG9sbGUvc3JjL3RvbGxlXy10b2xsZS11aS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19