@egose/shadcn-theme-ng 0.0.10 → 0.0.12

package/autocomplete/index.d.ts

@@ -0,0 +1,158 @@
+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>;
+    /** 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 _openPopover(): void;
+    protected _toggleOptions(): void;
+    protected _onSearchChanged(event: Event): void;
+    protected _clearOption(): void;
+    protected _optionSelected(option: T): 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, { "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,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { signal, computed, Input, Component } from '@angular/core';
 import { cva } from 'class-variance-authority';
-import { cn } from '@egose/shadcn-theme-ng/utils';
+import { hlm } from '@egose/shadcn-theme-ng/utils';
 
 /* Tailwind + CVA variant config */
 const badgeVariants = cva([
@@ -63,7 +63,7 @@ class HlmBadge {
         if (this.appearance === 'outline-filled') {
             outlineClasses.push(this.getOutlineFilledClasses(this.variant));
         }
-        return cn(badgeVariants({
+        return hlm(badgeVariants({
             variant: this.variant,
             size: this.size,
             appearance: this.appearance,
@@ -110,10 +110,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: "14.0.0", version: "20.3.1", 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 });
 }
-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]',

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 { cn } 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 cn(\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, 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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"}

package/basic-alert/README.md

@@ -0,0 +1,64 @@
+# BasicAlert
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build basic-alert
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+
+   ```bash
+   cd dist/basic-alert
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

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

@@ -0,0 +1,111 @@
+import * as i0 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 = '';
+    getIconName(variant) {
+        switch (variant) {
+            case 'success':
+                return 'lucideCircleCheck';
+            case 'info':
+                return 'lucideInfo';
+            case 'warning':
+                return 'lucideBatteryWarning';
+            case 'danger':
+            case 'destructive':
+                return 'lucideCircleAlert';
+            case 'muted':
+                return 'lucideBell';
+            case 'accent':
+                return 'lucideStar';
+            case 'primary':
+                return 'lucideThumbsUp';
+            case 'secondary':
+                return 'lucideZap';
+            case 'link':
+                return 'lucideLink';
+            case 'ghost':
+                return 'lucideGhost';
+            case 'light':
+            case 'dark':
+            default:
+                return 'lucideInfo';
+        }
+    }
+    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: "14.0.0", version: "20.3.1", type: EgBasicAlert, isStandalone: true, selector: "eg-basic-alert", inputs: { variant: "variant", appearance: "appearance", title: "title", description: "description" }, providers: [
+            provideIcons({
+                lucideCircleCheck,
+                lucideInfo,
+                lucideBatteryWarning,
+                lucideCircleAlert,
+                lucideBell,
+                lucideStar,
+                lucideThumbsUp,
+                lucideZap,
+                lucideLink,
+                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>
+  `, 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.1", ngImport: i0, type: EgBasicAlert, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'eg-basic-alert',
+                    standalone: true,
+                    imports: [HlmAlert, HlmAlertIcon, HlmAlertTitle, HlmAlertDescription, NgIcon, HlmIcon],
+                    providers: [
+                        provideIcons({
+                            lucideCircleCheck,
+                            lucideInfo,
+                            lucideBatteryWarning,
+                            lucideCircleAlert,
+                            lucideBell,
+                            lucideStar,
+                            lucideThumbsUp,
+                            lucideZap,
+                            lucideLink,
+                            lucideGhost,
+                        }),
+                    ],
+                    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>
+  `,
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of basic-alert
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EgBasicAlert };
+//# sourceMappingURL=basic-alert.mjs.map

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

@@ -0,0 +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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"}

package/basic-alert/index.d.ts

@@ -0,0 +1,14 @@
+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;
+    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>;
+}
+
+export { EgBasicAlert };

package/button/fesm2022/button.mjs

@@ -5,7 +5,7 @@ import * as i1 from '@spartan-ng/brain/button';
 import { BrnButton } from '@spartan-ng/brain/button';
 import { HlmSpinner } from '@egose/shadcn-theme-ng/spinner';
 import { cva } from 'class-variance-authority';
-import { cn } from '@egose/shadcn-theme-ng/utils';
+import { hlm } from '@egose/shadcn-theme-ng/utils';
 
 const buttonVariants = cva([
     'tw:cursor-pointer',
@@ -47,13 +47,15 @@ const buttonVariants = cva([
             ghost: 'tw:hover:bg-light tw:hover:text-light-foreground',
         },
         size: {
+            xs: 'tw:h-7 tw:rounded-xs tw:px-2 tw:text-xs',
+            sm: 'tw:h-8 tw:rounded-sm tw:px-3',
             default: 'tw:h-9 tw:px-4 tw:py-2',
-            sm: 'tw:h-8 tw:rounded-sm tw:px-3 tw:text-xs',
-            lg: 'tw:h-10 tw:rounded-sm tw:px-8',
+            lg: 'tw:h-10 tw:rounded-sm tw:px-7 tw:text-base',
             icon: 'tw:h-9 tw:w-9',
-            'compact-default': 'tw:h-8 tw:px-2 tw:py-1',
+            'compact-xs': 'tw:h-6 tw:px-2 tw:py-1 tw:text-xs',
             'compact-sm': 'tw:h-7 tw:px-2 tw:py-1',
-            'compact-lg': 'tw:h-9 tw:px-2 tw:py-1',
+            'compact-default': 'tw:h-8 tw:px-2 tw:py-1',
+            'compact-lg': 'tw:h-9 tw:px-2 tw:py-1 tw:text-base',
             'compact-icon': 'tw:h-8 tw:w-8',
         },
         appearance: {
@@ -94,7 +96,7 @@ class HlmButton {
         if (this.appearance === 'outline-filled') {
             outlineClasses.push(this.getOutlineFilledClasses(this.variant));
         }
-        return cn(buttonVariants({
+        return hlm(buttonVariants({
             variant: this.variant,
             size: this.size,
             appearance: this.appearance,
@@ -107,7 +109,7 @@ class HlmButton {
         const base = this.appearance === 'outline' || this.appearance === 'outline-filled'
             ? this.getOutlineSpinnerClasses(this.variant)
             : this.getSpinnerClasses(this.variant);
-        return cn(base, this.spinnerUserClass);
+        return hlm(base, this.spinnerUserClass);
     }, ...(ngDevMode ? [{ debugName: "spinnerClass" }] : []));
     setClass(classes) {
         this._additionalClasses.set(classes);
@@ -185,8 +187,8 @@ class HlmButton {
         };
         return colors[variant];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: HlmButton, isStandalone: true, selector: "button[hlmButton], a[hlmButton]", inputs: { variant: "variant", size: "size", appearance: "appearance", loading: "loading", icon: "icon", iconPosition: "iconPosition", userClass: "userClass", spinnerUserClass: "spinnerUserClass", disabled: "disabled", type: "type" }, host: { properties: { "class": "_computedClass()", "attr.aria-busy": "loading || null", "attr.disabled": "(loading || disabled) ? true : null", "attr.type": "type" } }, hostDirectives: [{ directive: i1.BrnButton, inputs: ["disabled", "disabled"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: HlmButton, isStandalone: true, selector: "button[hlmButton], a[hlmButton]", inputs: { variant: "variant", size: "size", appearance: "appearance", loading: "loading", icon: "icon", iconPosition: "iconPosition", userClass: "userClass", spinnerUserClass: "spinnerUserClass", disabled: "disabled", type: "type" }, host: { properties: { "class": "_computedClass()", "attr.aria-busy": "loading || null", "attr.disabled": "(loading || disabled) ? true : null", "attr.type": "type" } }, hostDirectives: [{ directive: i1.BrnButton, inputs: ["disabled", "disabled"] }], ngImport: i0, template: `
     <ng-template #projected>
       <ng-content></ng-content>
     </ng-template>
@@ -213,7 +215,7 @@ class HlmButton {
     }
   `, isInline: true, dependencies: [{ kind: "component", type: HlmSpinner, selector: "hlm-spinner", inputs: ["size", "show", "class", "spinnerClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'button[hlmButton], a[hlmButton]',
@@ -280,11 +282,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
  */
 const HlmButtonImports = [HlmButton];
 class HlmButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: HlmButtonModule, imports: [HlmButton], exports: [HlmButton] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmButtonModule, imports: [HlmButtonImports] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: HlmButtonModule, imports: [HlmButton], exports: [HlmButton] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmButtonModule, imports: [HlmButtonImports] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: HlmButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmButtonImports],