@egose/shadcn-theme-ng 0.0.11 → 0.0.13

package/autocomplete/index.d.ts

@@ -0,0 +1,162 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef, ValueProvider } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ControlValueAccessor } from '@angular/forms';
+import { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
+import { ClassValue } from 'clsx';
+import * as i1 from '@spartan-ng/brain/autocomplete';
+
+declare const HLM_AUTOCOMPLETE_VALUE_ACCESSOR: {
+    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
+    useExisting: _angular_core.Type<any>;
+    multi: boolean;
+};
+declare class HlmAutocomplete<T> implements ControlValueAccessor {
+    private static _id;
+    private readonly _config;
+    private readonly _brnPopover;
+    private readonly _inputRef;
+    protected readonly _elementRef: ElementRef<any>;
+    readonly onSelect: _angular_core.InputSignal<((option: string) => void) | undefined>;
+    /** The user defined class  */
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    /** Custom class for the autocomplete list. */
+    readonly autocompleteListClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedAutocompleteListClass: _angular_core.Signal<string>;
+    /** Custom class for the empty and loading state container. */
+    readonly autocompleteEmptyClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedAutocompleteEmptyClass: _angular_core.Signal<string>;
+    /** The list of filtered options to display in the autocomplete. */
+    readonly filteredOptions: _angular_core.InputSignal<T[]>;
+    /** The selected value. */
+    readonly value: _angular_core.InputSignal<T | undefined>;
+    protected readonly _value: _angular_core.WritableSignal<T | undefined>;
+    /** The search query. */
+    readonly search: _angular_core.InputSignal<string | undefined>;
+    protected readonly _search: _angular_core.WritableSignal<string>;
+    /** Function to transform an option value to a search string. Defaults to identity function for strings. */
+    readonly transformValueToSearch: _angular_core.InputSignal<(value: T) => string>;
+    /** Optional template for rendering each option. */
+    readonly optionTemplate: _angular_core.InputSignal<TemplateRef<HlmAutocompleteOption<T>> | undefined>;
+    /** Whether the autocomplete is in a loading state. */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Placeholder text for the input field. */
+    readonly searchPlaceholderText: _angular_core.InputSignal<string>;
+    /** Text to display when loading options. */
+    readonly loadingText: _angular_core.InputSignal<string>;
+    /** Text to display when no options are found. */
+    readonly emptyText: _angular_core.InputSignal<string>;
+    /** Aria label for the toggle button. */
+    readonly ariaLabelToggleButton: _angular_core.InputSignal<string>;
+    /** The id of the input field. */
+    readonly inputId: _angular_core.InputSignal<string>;
+    /** Whether the autocomplete is disabled. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly _disabled: _angular_core.WritableSignal<boolean>;
+    /** Emitted when the selected value changes. */
+    readonly valueChange: _angular_core.OutputEmitterRef<T | null>;
+    /** Emitted when the search query changes. */
+    readonly searchChange: _angular_core.OutputEmitterRef<string>;
+    protected _onChange?: ChangeFn<T | null>;
+    protected _onTouched?: TouchFn;
+    protected _setPopoverState(state: 'open' | 'closed'): void;
+    protected _click(): void;
+    protected _openPopover(): void;
+    protected _toggleOptions(): void;
+    protected _onSearchChanged(event: Event): void;
+    protected _clearOption(): void;
+    protected _optionSelected(option: T): void;
+    clearText(): void;
+    setPopoverState(state: 'open' | 'closed'): void;
+    /** CONTROL VALUE ACCESSOR */
+    writeValue(value: T | null): void;
+    registerOnChange(fn: ChangeFn<T | null>): void;
+    registerOnTouched(fn: TouchFn): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocomplete<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmAutocomplete<any>, "hlm-autocomplete", never, { "onSelect": { "alias": "onSelect"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "autocompleteListClass": { "alias": "autocompleteListClass"; "required": false; "isSignal": true; }; "autocompleteEmptyClass": { "alias": "autocompleteEmptyClass"; "required": false; "isSignal": true; }; "filteredOptions": { "alias": "filteredOptions"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "transformValueToSearch": { "alias": "transformValueToSearch"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchPlaceholderText": { "alias": "searchPlaceholderText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "ariaLabelToggleButton": { "alias": "ariaLabelToggleButton"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; }, never, ["[loading]", "[empty]"], true, never>;
+}
+interface HlmAutocompleteOption<T> {
+    $implicit: T;
+}
+
+declare class HlmAutocompleteEmpty {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocompleteEmpty, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmAutocompleteEmpty, "[hlmAutocompleteEmpty]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmAutocompleteGroup {
+    /** The user defined class  */
+    readonly userClass: _angular_core.InputSignal<string>;
+    /** The styles to apply  */
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocompleteGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmAutocompleteGroup, "hlm-autocomplete-group", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteGroup; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteItem {
+    /** The user defined class  */
+    readonly userClass: _angular_core.InputSignal<string>;
+    /** The styles to apply  */
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocompleteItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmAutocompleteItem, "button[hlm-autocomplete-item]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteItem; inputs: { "value": "value"; "disabled": "disabled"; "id": "id"; }; outputs: { "selected": "selected"; }; }]>;
+}
+
+declare class HlmAutocompleteList {
+    /** The user defined class  */
+    readonly userClass: _angular_core.InputSignal<string>;
+    /** The styles to apply  */
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocompleteList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmAutocompleteList, "hlm-autocomplete-list", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteList; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteSearch {
+    /** The user defined class  */
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    /** The styles to apply  */
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocompleteSearch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmAutocompleteSearch, "hlm-autocomplete-search", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class HlmAutocompleteSearchInput {
+    /** The user defined class  */
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    /** The styles to apply  */
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocompleteSearchInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmAutocompleteSearchInput, "input[hlm-autocomplete-search-input]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSearchInput; inputs: { "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteTrigger {
+    private readonly _host;
+    private readonly _brnDialog;
+    /** Whether the trigger is disabled. */
+    readonly disabledTrigger: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    constructor();
+    open(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocompleteTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmAutocompleteTrigger, "[hlmAutocompleteTrigger]", never, { "disabledTrigger": { "alias": "disabledTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TransformValueToString<T> = (value: T) => string;
+interface HlmAutocompleteConfig<T> {
+    transformValueToSearch: TransformValueToString<T>;
+}
+declare function provideHlmAutocompleteConfig<T>(config: Partial<HlmAutocompleteConfig<T>>): ValueProvider;
+declare function injectHlmAutocompleteConfig<T>(): HlmAutocompleteConfig<T>;
+
+declare const HlmAutocompleteImports: readonly [typeof HlmAutocomplete, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteItem, typeof HlmAutocompleteList, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSearchInput, typeof HlmAutocompleteTrigger];
+declare class HlmAutocompleteModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmAutocompleteModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmAutocompleteModule, never, [typeof HlmAutocomplete, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteItem, typeof HlmAutocompleteList, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSearchInput, typeof HlmAutocompleteTrigger], [typeof HlmAutocomplete, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteItem, typeof HlmAutocompleteList, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSearchInput, typeof HlmAutocompleteTrigger]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmAutocompleteModule>;
+}
+
+export { HLM_AUTOCOMPLETE_VALUE_ACCESSOR, HlmAutocomplete, HlmAutocompleteEmpty, HlmAutocompleteGroup, HlmAutocompleteImports, HlmAutocompleteItem, HlmAutocompleteList, HlmAutocompleteModule, HlmAutocompleteSearch, HlmAutocompleteSearchInput, HlmAutocompleteTrigger, injectHlmAutocompleteConfig, provideHlmAutocompleteConfig };
+export type { HlmAutocompleteConfig, TransformValueToString };

package/badge/fesm2022/badge.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { signal, computed, Input, Component } from '@angular/core';
+import { input, signal, computed, Component } from '@angular/core';
 import { cva } from 'class-variance-authority';
 import { hlm } from '@egose/shadcn-theme-ng/utils';
 
-/* Tailwind + CVA variant config */
 const badgeVariants = cva([
     'tw:inline-flex',
     'tw:items-center',
@@ -49,25 +48,25 @@ const badgeVariants = cva([
     },
 });
 class HlmBadge {
-    /** Props */
-    variant = 'primary';
-    size = 'default';
-    appearance = 'solid';
-    userClass = '';
+    /** Props as signal-based inputs */
+    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass" }] : []));
     _additionalClasses = signal('', ...(ngDevMode ? [{ debugName: "_additionalClasses" }] : []));
     /** Computed badge class merging */
     _computedClass = computed(() => {
-        const outlineClasses = this.appearance === 'outline' || this.appearance === 'outline-filled'
-            ? [this.getOutlineClasses(this.variant)]
+        const outlineClasses = this.appearance() === 'outline' || this.appearance() === 'outline-filled'
+            ? [this.getOutlineClasses(this.variant())]
             : [];
-        if (this.appearance === 'outline-filled') {
-            outlineClasses.push(this.getOutlineFilledClasses(this.variant));
+        if (this.appearance() === 'outline-filled') {
+            outlineClasses.push(this.getOutlineFilledClasses(this.variant()));
         }
         return hlm(badgeVariants({
-            variant: this.variant,
-            size: this.size,
-            appearance: this.appearance,
-            className: this.userClass,
+            variant: this.variant(),
+            size: this.size(),
+            appearance: this.appearance(),
+            className: this.userClass(),
         }), outlineClasses, this._additionalClasses());
     }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
     setClass(classes) {
@@ -110,10 +109,10 @@ class HlmBadge {
         };
         return colors[variant];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: HlmBadge, isStandalone: true, selector: "span[hlmBadge], a[hlmBadge]", inputs: { variant: "variant", size: "size", appearance: "appearance", userClass: "userClass" }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", type: HlmBadge, isStandalone: true, selector: "span[hlmBadge], a[hlmBadge]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "userClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmBadge, decorators: [{
             type: Component,
             args: [{
                     selector: 'span[hlmBadge], a[hlmBadge]',
@@ -122,17 +121,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                     host: {
                         '[class]': '_computedClass()',
                     },
-                    template: ` <ng-content></ng-content> `,
+                    template: `<ng-content></ng-content>`,
                 }]
-        }], propDecorators: { variant: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }], userClass: [{
-                type: Input
-            }] } });
+        }] });
 
 /*
  * Public API Surface of badge

package/badge/fesm2022/badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.mjs","sources":["../../../projects/badge/src/lib/badge.ts","../../../projects/badge/src/public-api.ts","../../../projects/badge/src/badge.ts"],"sourcesContent":["import { Component, Input, computed, signal } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ClassValue } from 'clsx';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\n\n/* Tailwind + CVA variant config */\nexport const badgeVariants = cva(\n  [\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:rounded-sm',\n    'tw:font-medium',\n    'tw:whitespace-nowrap',\n    'tw:transition-colors',\n    'tw:focus-visible:outline-none',\n    'tw:focus-visible:ring-1',\n    'tw:focus-visible:ring-ring',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'tw:bg-primary tw:text-primary-foreground tw:hover:bg-primary/90',\n        secondary: 'tw:bg-secondary tw:text-secondary-foreground tw:hover:bg-secondary/90',\n        success: 'tw:bg-success tw:text-success-foreground tw:hover:bg-success/90',\n        warning: 'tw:bg-warning tw:text-warning-foreground tw:hover:bg-warning/90',\n        danger: 'tw:bg-danger tw:text-danger-foreground tw:hover:bg-danger/90',\n        info: 'tw:bg-info tw:text-info-foreground tw:hover:bg-info/90',\n        light: 'tw:bg-light tw:text-light-foreground tw:hover:bg-light/90',\n        dark: 'tw:bg-dark tw:text-dark-foreground tw:hover:bg-dark/90',\n        accent: 'tw:bg-accent tw:text-accent-foreground tw:hover:bg-accent/90',\n        destructive: 'tw:bg-destructive tw:text-destructive-foreground tw:hover:bg-destructive/90',\n        muted: 'tw:bg-muted tw:text-muted-foreground tw:hover:bg-muted/90',\n        link: 'tw:text-primary tw:underline-offset-4 tw:hover:underline',\n        ghost: 'tw:hover:bg-light tw:hover:text-light-foreground',\n      },\n      size: {\n        sm: 'tw:h-5 tw:px-2 tw:text-xs',\n        default: 'tw:h-6 tw:px-3 tw:text-sm',\n        lg: 'tw:h-7 tw:px-4 tw:text-base',\n      },\n      appearance: {\n        solid: '',\n        outline: 'tw:bg-white tw:border',\n        'outline-filled': 'tw:bg-white tw:border',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      appearance: 'solid',\n    },\n  },\n);\n\nexport type BadgeVariants = VariantProps<typeof badgeVariants>;\nexport type BadgeVariantType = NonNullable<BadgeVariants['variant']>;\nexport type BadgeSizeType = NonNullable<BadgeVariants['size']>;\nexport type BadgeAppearanceType = NonNullable<BadgeVariants['appearance']>;\n\n@Component({\n  selector: 'span[hlmBadge], a[hlmBadge]',\n  standalone: true,\n  imports: [],\n  host: {\n    '[class]': '_computedClass()',\n  },\n  template: ` <ng-content></ng-content> `,\n})\nexport class HlmBadge {\n  /** Props */\n  @Input() variant: BadgeVariantType = 'primary';\n  @Input() size: BadgeSizeType = 'default';\n  @Input() appearance: BadgeAppearanceType = 'solid';\n  @Input() userClass: ClassValue = '';\n\n  private readonly _additionalClasses = signal<ClassValue>('');\n\n  /** Computed badge class merging */\n  protected readonly _computedClass = computed(() => {\n    const outlineClasses =\n      this.appearance === 'outline' || this.appearance === 'outline-filled'\n        ? [this.getOutlineClasses(this.variant)]\n        : [];\n    if (this.appearance === 'outline-filled') {\n      outlineClasses.push(this.getOutlineFilledClasses(this.variant));\n    }\n    return hlm(\n      badgeVariants({\n        variant: this.variant,\n        size: this.size,\n        appearance: this.appearance,\n        className: this.userClass,\n      }),\n      outlineClasses,\n      this._additionalClasses(),\n    );\n  });\n\n  setClass(classes: string): void {\n    this._additionalClasses.set(classes);\n  }\n\n  /** Helper functions */\n  private getOutlineClasses(variant: BadgeVariantType) {\n    const colors: Record<BadgeVariantType, string> = {\n      primary: 'tw:border-primary tw:text-primary tw:hover:bg-primary/10',\n      secondary: 'tw:border-secondary tw:text-secondary tw:hover:bg-secondary/10',\n      success: 'tw:border-success tw:text-success tw:hover:bg-success/10',\n      warning: 'tw:border-warning tw:text-warning tw:hover:bg-warning/10',\n      danger: 'tw:border-danger tw:text-danger tw:hover:bg-danger/10',\n      info: 'tw:border-info tw:text-info tw:hover:bg-info/10',\n      light: 'tw:border-light tw:text-light-foreground tw:hover:bg-light/10',\n      dark: 'tw:border-dark tw:text-dark tw:hover:bg-dark/10',\n      accent: 'tw:border-accent tw:text-accent tw:hover:bg-accent/10',\n      destructive: 'tw:border-destructive tw:text-destructive tw:hover:bg-destructive/10',\n      muted: 'tw:border-muted tw:text-muted-foreground tw:hover:bg-muted/10',\n      link: 'tw:text-primary',\n      ghost: 'tw:text-light-foreground',\n    };\n    return colors[variant];\n  }\n\n  private getOutlineFilledClasses(variant: BadgeVariantType) {\n    const colors: Record<BadgeVariantType, string> = {\n      primary: 'tw:hover:bg-primary tw:hover:text-primary-foreground',\n      secondary: 'tw:hover:bg-secondary tw:hover:text-secondary-foreground',\n      success: 'tw:hover:bg-success tw:hover:text-success-foreground',\n      warning: 'tw:hover:bg-warning tw:hover:text-warning-foreground',\n      danger: 'tw:hover:bg-danger tw:hover:text-danger-foreground',\n      info: 'tw:hover:bg-info tw:hover:text-info-foreground',\n      light: 'tw:hover:bg-light tw:hover:text-light-foreground',\n      dark: 'tw:hover:bg-dark tw:hover:text-dark-foreground',\n      accent: 'tw:hover:bg-accent tw:hover:text-accent-foreground',\n      destructive: 'tw:hover:bg-destructive tw:hover:text-destructive-foreground',\n      muted: 'tw:hover:bg-muted tw:hover:text-muted-foreground',\n      link: 'tw:hover:underline',\n      ghost: 'tw:hover:bg-light',\n    };\n    return colors[variant];\n  }\n}\n","/*\n * Public API Surface of badge\n */\n\nexport * from './lib/badge';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"badge.mjs","sources":["../../../projects/badge/src/lib/badge.ts","../../../projects/badge/src/public-api.ts","../../../projects/badge/src/badge.ts"],"sourcesContent":["import { Component, computed, signal, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ClassValue } from 'clsx';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\n\nexport const badgeVariants = cva(\n  [\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:rounded-sm',\n    'tw:font-medium',\n    'tw:whitespace-nowrap',\n    'tw:transition-colors',\n    'tw:focus-visible:outline-none',\n    'tw:focus-visible:ring-1',\n    'tw:focus-visible:ring-ring',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'tw:bg-primary tw:text-primary-foreground tw:hover:bg-primary/90',\n        secondary: 'tw:bg-secondary tw:text-secondary-foreground tw:hover:bg-secondary/90',\n        success: 'tw:bg-success tw:text-success-foreground tw:hover:bg-success/90',\n        warning: 'tw:bg-warning tw:text-warning-foreground tw:hover:bg-warning/90',\n        danger: 'tw:bg-danger tw:text-danger-foreground tw:hover:bg-danger/90',\n        info: 'tw:bg-info tw:text-info-foreground tw:hover:bg-info/90',\n        light: 'tw:bg-light tw:text-light-foreground tw:hover:bg-light/90',\n        dark: 'tw:bg-dark tw:text-dark-foreground tw:hover:bg-dark/90',\n        accent: 'tw:bg-accent tw:text-accent-foreground tw:hover:bg-accent/90',\n        destructive: 'tw:bg-destructive tw:text-destructive-foreground tw:hover:bg-destructive/90',\n        muted: 'tw:bg-muted tw:text-muted-foreground tw:hover:bg-muted/90',\n        link: 'tw:text-primary tw:underline-offset-4 tw:hover:underline',\n        ghost: 'tw:hover:bg-light tw:hover:text-light-foreground',\n      },\n      size: {\n        sm: 'tw:h-5 tw:px-2 tw:text-xs',\n        default: 'tw:h-6 tw:px-3 tw:text-sm',\n        lg: 'tw:h-7 tw:px-4 tw:text-base',\n      },\n      appearance: {\n        solid: '',\n        outline: 'tw:bg-white tw:border',\n        'outline-filled': 'tw:bg-white tw:border',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      appearance: 'solid',\n    },\n  },\n);\n\nexport type BadgeVariants = VariantProps<typeof badgeVariants>;\nexport type BadgeVariantType = NonNullable<BadgeVariants['variant']>;\nexport type BadgeSizeType = NonNullable<BadgeVariants['size']>;\nexport type BadgeAppearanceType = NonNullable<BadgeVariants['appearance']>;\n\n@Component({\n  selector: 'span[hlmBadge], a[hlmBadge]',\n  standalone: true,\n  imports: [],\n  host: {\n    '[class]': '_computedClass()',\n  },\n  template: `<ng-content></ng-content>`,\n})\nexport class HlmBadge {\n  /** Props as signal-based inputs */\n  variant = input<BadgeVariantType>('primary');\n  size = input<BadgeSizeType>('default');\n  appearance = input<BadgeAppearanceType>('solid');\n  userClass = input<ClassValue>('');\n\n  private readonly _additionalClasses = signal<ClassValue>('');\n\n  /** Computed badge class merging */\n  protected readonly _computedClass = computed(() => {\n    const outlineClasses =\n      this.appearance() === 'outline' || this.appearance() === 'outline-filled'\n        ? [this.getOutlineClasses(this.variant())]\n        : [];\n\n    if (this.appearance() === 'outline-filled') {\n      outlineClasses.push(this.getOutlineFilledClasses(this.variant()));\n    }\n\n    return hlm(\n      badgeVariants({\n        variant: this.variant(),\n        size: this.size(),\n        appearance: this.appearance(),\n        className: this.userClass(),\n      }),\n      outlineClasses,\n      this._additionalClasses(),\n    );\n  });\n\n  setClass(classes: string): void {\n    this._additionalClasses.set(classes);\n  }\n\n  /** Helper functions */\n  private getOutlineClasses(variant: BadgeVariantType) {\n    const colors: Record<BadgeVariantType, string> = {\n      primary: 'tw:border-primary tw:text-primary tw:hover:bg-primary/10',\n      secondary: 'tw:border-secondary tw:text-secondary tw:hover:bg-secondary/10',\n      success: 'tw:border-success tw:text-success tw:hover:bg-success/10',\n      warning: 'tw:border-warning tw:text-warning tw:hover:bg-warning/10',\n      danger: 'tw:border-danger tw:text-danger tw:hover:bg-danger/10',\n      info: 'tw:border-info tw:text-info tw:hover:bg-info/10',\n      light: 'tw:border-light tw:text-light-foreground tw:hover:bg-light/10',\n      dark: 'tw:border-dark tw:text-dark tw:hover:bg-dark/10',\n      accent: 'tw:border-accent tw:text-accent tw:hover:bg-accent/10',\n      destructive: 'tw:border-destructive tw:text-destructive tw:hover:bg-destructive/10',\n      muted: 'tw:border-muted tw:text-muted-foreground tw:hover:bg-muted/10',\n      link: 'tw:text-primary',\n      ghost: 'tw:text-light-foreground',\n    };\n    return colors[variant];\n  }\n\n  private getOutlineFilledClasses(variant: BadgeVariantType) {\n    const colors: Record<BadgeVariantType, string> = {\n      primary: 'tw:hover:bg-primary tw:hover:text-primary-foreground',\n      secondary: 'tw:hover:bg-secondary tw:hover:text-secondary-foreground',\n      success: 'tw:hover:bg-success tw:hover:text-success-foreground',\n      warning: 'tw:hover:bg-warning tw:hover:text-warning-foreground',\n      danger: 'tw:hover:bg-danger tw:hover:text-danger-foreground',\n      info: 'tw:hover:bg-info tw:hover:text-info-foreground',\n      light: 'tw:hover:bg-light tw:hover:text-light-foreground',\n      dark: 'tw:hover:bg-dark tw:hover:text-dark-foreground',\n      accent: 'tw:hover:bg-accent tw:hover:text-accent-foreground',\n      destructive: 'tw:hover:bg-destructive tw:hover:text-destructive-foreground',\n      muted: 'tw:hover:bg-muted tw:hover:text-muted-foreground',\n      link: 'tw:hover:underline',\n      ghost: 'tw:hover:bg-light',\n    };\n    return colors[variant];\n  }\n}\n","/*\n * Public API Surface of badge\n */\n\nexport * from './lib/badge';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/badge/index.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
@@ -13,20 +13,20 @@ type BadgeVariantType = NonNullable<BadgeVariants['variant']>;
 type BadgeSizeType = NonNullable<BadgeVariants['size']>;
 type BadgeAppearanceType = NonNullable<BadgeVariants['appearance']>;
 declare class HlmBadge {
-    /** Props */
-    variant: BadgeVariantType;
-    size: BadgeSizeType;
-    appearance: BadgeAppearanceType;
-    userClass: ClassValue;
+    /** Props as signal-based inputs */
+    variant: _angular_core.InputSignal<BadgeVariantType>;
+    size: _angular_core.InputSignal<BadgeSizeType>;
+    appearance: _angular_core.InputSignal<BadgeAppearanceType>;
+    userClass: _angular_core.InputSignal<ClassValue>;
     private readonly _additionalClasses;
     /** Computed badge class merging */
-    protected readonly _computedClass: i0.Signal<string>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
     setClass(classes: string): void;
     /** Helper functions */
     private getOutlineClasses;
     private getOutlineFilledClasses;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HlmBadge, "span[hlmBadge], a[hlmBadge]", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "userClass": { "alias": "userClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmBadge, "span[hlmBadge], a[hlmBadge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "userClass": { "alias": "userClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { HlmBadge, badgeVariants };

package/basic-alert/fesm2022/basic-alert.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { Input, Component } from '@angular/core';
+import { input, Component } from '@angular/core';
 import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideGhost, lucideLink, lucideZap, lucideThumbsUp, lucideStar, lucideBell, lucideCircleAlert, lucideBatteryWarning, lucideInfo, lucideCircleCheck } from '@ng-icons/lucide';
 import { HlmAlert, HlmAlertIcon, HlmAlertTitle, HlmAlertDescription } from '@egose/shadcn-theme-ng/alert';
 import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
 
 class EgBasicAlert {
-    variant = 'info';
-    appearance = 'solid';
-    title = '';
-    description = '';
+    variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    description = input('', ...(ngDevMode ? [{ debugName: "description" }] : []));
     getIconName(variant) {
         switch (variant) {
             case 'success':
@@ -39,8 +39,8 @@ class EgBasicAlert {
                 return 'lucideInfo';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: EgBasicAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: EgBasicAlert, isStandalone: true, selector: "eg-basic-alert", inputs: { variant: "variant", appearance: "appearance", title: "title", description: "description" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgBasicAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", type: EgBasicAlert, isStandalone: true, selector: "eg-basic-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             provideIcons({
                 lucideCircleCheck,
                 lucideInfo,
@@ -54,14 +54,14 @@ class EgBasicAlert {
                 lucideGhost,
             }),
         ], ngImport: i0, template: `
-    <div hlmAlert [variant]="variant" [appearance]="appearance" class="">
-      <ng-icon hlm hlmAlertIcon [name]="getIconName(variant)" />
-      <h4 hlmAlertTitle class="tw:capitalize">{{ title }}</h4>
-      <p hlmAlertDescription>{{ description }}</p>
+    <div hlmAlert [variant]="variant()" [appearance]="appearance()" class="">
+      <ng-icon hlm hlmAlertIcon [name]="getIconName(variant())" />
+      <h4 hlmAlertTitle class="tw:capitalize">{{ title() }}</h4>
+      <p hlmAlertDescription>{{ description() }}</p>
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: HlmAlert, selector: "[hlmAlert]", inputs: ["class", "variant", "appearance"] }, { kind: "directive", type: HlmAlertIcon, selector: "[hlmAlertIcon]" }, { kind: "directive", type: HlmAlertTitle, selector: "[hlmAlertTitle]", inputs: ["class"] }, { kind: "directive", type: HlmAlertDescription, selector: "[hlmAlertDesc],[hlmAlertDescription]", inputs: ["class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: EgBasicAlert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgBasicAlert, decorators: [{
             type: Component,
             args: [{
                     selector: 'eg-basic-alert',
@@ -82,22 +82,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         }),
                     ],
                     template: `
-    <div hlmAlert [variant]="variant" [appearance]="appearance" class="">
-      <ng-icon hlm hlmAlertIcon [name]="getIconName(variant)" />
-      <h4 hlmAlertTitle class="tw:capitalize">{{ title }}</h4>
-      <p hlmAlertDescription>{{ description }}</p>
+    <div hlmAlert [variant]="variant()" [appearance]="appearance()" class="">
+      <ng-icon hlm hlmAlertIcon [name]="getIconName(variant())" />
+      <h4 hlmAlertTitle class="tw:capitalize">{{ title() }}</h4>
+      <p hlmAlertDescription>{{ description() }}</p>
     </div>
   `,
                 }]
-        }], propDecorators: { variant: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }] } });
+        }] });
 
 /*
  * Public API Surface of basic-alert

package/basic-alert/fesm2022/basic-alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"basic-alert.mjs","sources":["../../../projects/basic-alert/src/lib/basic-alert.ts","../../../projects/basic-alert/src/public-api.ts","../../../projects/basic-alert/src/basic-alert.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport {\n  lucideCircleAlert,\n  lucideCircleCheck,\n  lucideInfo,\n  lucideBatteryWarning,\n  lucideBell,\n  lucideStar,\n  lucideThumbsUp,\n  lucideZap,\n  lucideLink,\n  lucideGhost,\n} from '@ng-icons/lucide';\nimport {\n  HlmAlert,\n  HlmAlertIcon,\n  HlmAlertTitle,\n  HlmAlertDescription,\n  type VariantType,\n  type AppearanceType,\n} from '@egose/shadcn-theme-ng/alert';\nimport { HlmIcon } from '@egose/shadcn-theme-ng/icon';\n\n@Component({\n  selector: 'eg-basic-alert',\n  standalone: true,\n  imports: [HlmAlert, HlmAlertIcon, HlmAlertTitle, HlmAlertDescription, NgIcon, HlmIcon],\n  providers: [\n    provideIcons({\n      lucideCircleCheck,\n      lucideInfo,\n      lucideBatteryWarning,\n      lucideCircleAlert,\n      lucideBell,\n      lucideStar,\n      lucideThumbsUp,\n      lucideZap,\n      lucideLink,\n      lucideGhost,\n    }),\n  ],\n  template: `\n    <div hlmAlert [variant]=\"variant\" [appearance]=\"appearance\" class=\"\">\n      <ng-icon hlm hlmAlertIcon [name]=\"getIconName(variant)\" />\n      <h4 hlmAlertTitle class=\"tw:capitalize\">{{ title }}</h4>\n      <p hlmAlertDescription>{{ description }}</p>\n    </div>\n  `,\n})\nexport class EgBasicAlert {\n  @Input() variant: VariantType = 'info';\n  @Input() appearance: AppearanceType = 'solid';\n  @Input() title = '';\n  @Input() description = '';\n\n  getIconName(variant: VariantType): string {\n    switch (variant) {\n      case 'success':\n        return 'lucideCircleCheck';\n      case 'info':\n        return 'lucideInfo';\n      case 'warning':\n        return 'lucideBatteryWarning';\n      case 'danger':\n      case 'destructive':\n        return 'lucideCircleAlert';\n      case 'muted':\n        return 'lucideBell';\n      case 'accent':\n        return 'lucideStar';\n      case 'primary':\n        return 'lucideThumbsUp';\n      case 'secondary':\n        return 'lucideZap';\n      case 'link':\n        return 'lucideLink';\n      case 'ghost':\n        return 'lucideGhost';\n      case 'light':\n      case 'dark':\n      default:\n        return 'lucideInfo';\n    }\n  }\n}\n","/*\n * Public API Surface of basic-alert\n */\n\nexport * from './lib/basic-alert';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"basic-alert.mjs","sources":["../../../projects/basic-alert/src/lib/basic-alert.ts","../../../projects/basic-alert/src/public-api.ts","../../../projects/basic-alert/src/basic-alert.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport {\n  lucideCircleAlert,\n  lucideCircleCheck,\n  lucideInfo,\n  lucideBatteryWarning,\n  lucideBell,\n  lucideStar,\n  lucideThumbsUp,\n  lucideZap,\n  lucideLink,\n  lucideGhost,\n} from '@ng-icons/lucide';\nimport {\n  HlmAlert,\n  HlmAlertIcon,\n  HlmAlertTitle,\n  HlmAlertDescription,\n  type VariantType,\n  type AppearanceType,\n} from '@egose/shadcn-theme-ng/alert';\nimport { HlmIcon } from '@egose/shadcn-theme-ng/icon';\n\n@Component({\n  selector: 'eg-basic-alert',\n  standalone: true,\n  imports: [HlmAlert, HlmAlertIcon, HlmAlertTitle, HlmAlertDescription, NgIcon, HlmIcon],\n  providers: [\n    provideIcons({\n      lucideCircleCheck,\n      lucideInfo,\n      lucideBatteryWarning,\n      lucideCircleAlert,\n      lucideBell,\n      lucideStar,\n      lucideThumbsUp,\n      lucideZap,\n      lucideLink,\n      lucideGhost,\n    }),\n  ],\n  template: `\n    <div hlmAlert [variant]=\"variant()\" [appearance]=\"appearance()\" class=\"\">\n      <ng-icon hlm hlmAlertIcon [name]=\"getIconName(variant())\" />\n      <h4 hlmAlertTitle class=\"tw:capitalize\">{{ title() }}</h4>\n      <p hlmAlertDescription>{{ description() }}</p>\n    </div>\n  `,\n})\nexport class EgBasicAlert {\n  variant = input<VariantType>('info');\n  appearance = input<AppearanceType>('solid');\n  title = input<string>('');\n  description = input<string>('');\n\n  getIconName(variant: VariantType): string {\n    switch (variant) {\n      case 'success':\n        return 'lucideCircleCheck';\n      case 'info':\n        return 'lucideInfo';\n      case 'warning':\n        return 'lucideBatteryWarning';\n      case 'danger':\n      case 'destructive':\n        return 'lucideCircleAlert';\n      case 'muted':\n        return 'lucideBell';\n      case 'accent':\n        return 'lucideStar';\n      case 'primary':\n        return 'lucideThumbsUp';\n      case 'secondary':\n        return 'lucideZap';\n      case 'link':\n        return 'lucideLink';\n      case 'ghost':\n        return 'lucideGhost';\n      case 'light':\n      case 'dark':\n      default:\n        return 'lucideInfo';\n    }\n  }\n}\n","/*\n * Public API Surface of basic-alert\n */\n\nexport * from './lib/basic-alert';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/basic-alert/index.d.ts

@@ -1,14 +1,14 @@
+import * as _angular_core from '@angular/core';
 import { VariantType, AppearanceType } from '@egose/shadcn-theme-ng/alert';
-import * as i0 from '@angular/core';
 
 declare class EgBasicAlert {
-    variant: VariantType;
-    appearance: AppearanceType;
-    title: string;
-    description: string;
+    variant: _angular_core.InputSignal<VariantType>;
+    appearance: _angular_core.InputSignal<AppearanceType>;
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
     getIconName(variant: VariantType): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EgBasicAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EgBasicAlert, "eg-basic-alert", never, { "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgBasicAlert, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgBasicAlert, "eg-basic-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { EgBasicAlert };