@egose/shadcn-theme-ng 0.0.12 → 0.0.14

package/button/fesm2022/button.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, computed, Input, Component, NgModule } from '@angular/core';
+import { input, signal, computed, Component, NgModule } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@spartan-ng/brain/button';
 import { BrnButton } from '@spartan-ng/brain/button';
@@ -8,63 +8,63 @@ import { cva } from 'class-variance-authority';
 import { hlm } from '@egose/shadcn-theme-ng/utils';
 
 const buttonVariants = cva([
-    'tw:cursor-pointer',
-    'tw:active:translate-y-[0.5px]',
-    'tw:disabled:pointer-events-none',
-    'tw:disabled:opacity-50',
-    'tw:focus-visible:outline-none',
-    'tw:focus-visible:ring-1',
-    'tw:focus-visible:ring-ring',
-    'tw:font-medium',
-    'tw:gap-2',
-    'tw:inline-flex',
-    'tw:items-center',
-    'tw:justify-center',
-    'tw:rounded-sm',
-    'tw:text-sm',
-    'tw:transform',
-    'tw:transition',
-    'tw:transition-colors',
-    'tw:whitespace-nowrap',
-    'tw:[&_svg]:pointer-events-none',
-    'tw:[&_svg]:shrink-0',
-    'tw:[&_svg]:size-4',
+    'cursor-pointer',
+    'active:translate-y-[0.5px]',
+    'disabled:pointer-events-none',
+    'disabled:opacity-50',
+    'focus-visible:outline-none',
+    'focus-visible:ring-1',
+    'focus-visible:ring-ring',
+    'font-medium',
+    'gap-2',
+    'inline-flex',
+    'items-center',
+    'justify-center',
+    'rounded-sm',
+    'text-sm',
+    'transform',
+    'transition',
+    'transition-colors',
+    'whitespace-nowrap',
+    '[&_svg]:pointer-events-none',
+    '[&_svg]:shrink-0',
+    '[&_svg]:size-4',
 ], {
     variants: {
         variant: {
-            primary: 'tw:border tw:border-primary tw:bg-primary tw:text-primary-foreground tw:shadow-sm tw:hover:bg-primary/90',
-            secondary: 'tw:border tw:border-secondary tw:bg-secondary tw:text-secondary-foreground tw:shadow-sm tw:hover:bg-secondary/90',
-            success: 'tw:border tw:border-success tw:bg-success tw:text-success-foreground tw:shadow-sm tw:hover:bg-success/90',
-            warning: 'tw:border tw:border-warning tw:bg-warning tw:text-warning-foreground tw:shadow-sm tw:hover:bg-warning/90',
-            danger: 'tw:border tw:border-danger tw:bg-danger tw:text-danger-foreground tw:shadow-sm tw:hover:bg-danger/90',
-            info: 'tw:border tw:border-info tw:bg-info tw:text-info-foreground tw:shadow-sm tw:hover:bg-info/90',
-            light: 'tw:border tw:border-light tw:bg-light tw:text-light-foreground tw:shadow-sm tw:hover:bg-light/90',
-            dark: 'tw:border tw:border-dark tw:bg-dark tw:text-dark-foreground tw:shadow-sm tw:hover:bg-dark/90',
-            accent: 'tw:border tw:border-accent tw:bg-accent tw:text-accent-foreground tw:shadow-sm tw:hover:bg-accent/90',
-            destructive: 'tw:border tw:border-destructive tw:bg-destructive tw:text-destructive-foreground tw:shadow-sm tw:hover:bg-destructive/90',
-            muted: 'tw:border tw:border-muted tw:bg-muted tw:text-muted-foreground tw:shadow-sm tw:hover:bg-muted/90',
-            link: 'tw:text-primary tw:underline-offset-4 tw:hover:underline',
-            ghost: 'tw:hover:bg-light tw:hover:text-light-foreground',
+            primary: 'border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',
+            secondary: 'border border-secondary bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90',
+            success: 'border border-success bg-success text-success-foreground shadow-sm hover:bg-success/90',
+            warning: 'border border-warning bg-warning text-warning-foreground shadow-sm hover:bg-warning/90',
+            danger: 'border border-danger bg-danger text-danger-foreground shadow-sm hover:bg-danger/90',
+            info: 'border border-info bg-info text-info-foreground shadow-sm hover:bg-info/90',
+            light: 'border border-light bg-light text-light-foreground shadow-sm hover:bg-light/90',
+            dark: 'border border-dark bg-dark text-dark-foreground shadow-sm hover:bg-dark/90',
+            accent: 'border border-accent bg-accent text-accent-foreground shadow-sm hover:bg-accent/90',
+            destructive: 'border border-destructive bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+            muted: 'border border-muted bg-muted text-muted-foreground shadow-sm hover:bg-muted/90',
+            link: 'text-primary underline-offset-4 hover:underline',
+            ghost: 'hover:bg-light 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',
-            lg: 'tw:h-10 tw:rounded-sm tw:px-7 tw:text-base',
-            icon: 'tw:h-9 tw:w-9',
-            '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-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',
+            xs: 'h-7 rounded-xs px-2 text-xs',
+            sm: 'h-8 rounded-sm px-3',
+            default: 'h-9 px-4 py-2',
+            lg: 'h-10 rounded-sm px-7 text-base',
+            icon: 'h-9 w-9',
+            'compact-xs': 'h-6 px-2 py-1 text-xs',
+            'compact-sm': 'h-7 px-2 py-1',
+            'compact-default': 'h-8 px-2 py-1',
+            'compact-lg': 'h-9 px-2 py-1 text-base',
+            'compact-icon': 'h-8 w-8',
         },
         appearance: {
             solid: '',
-            outline: 'tw:bg-white tw:border',
-            'outline-filled': 'tw:bg-white tw:border',
+            outline: 'bg-white border',
+            'outline-filled': 'bg-white border',
         },
         loading: {
-            true: 'tw:pointer-events-none',
+            true: 'pointer-events-none',
             false: null,
         },
     },
@@ -76,40 +76,40 @@ const buttonVariants = cva([
     },
 });
 class HlmButton {
-    /** Props */
-    variant = 'primary';
-    size = 'default';
-    appearance = 'solid';
-    loading = false;
-    icon;
-    iconPosition = 'left';
-    userClass = '';
-    spinnerUserClass = '';
-    disabled = false;
-    type = 'button';
+    /** Props as signal-based inputs */
+    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    iconPosition = input('left', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass" }] : []));
+    spinnerUserClass = input('', ...(ngDevMode ? [{ debugName: "spinnerUserClass" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
     _additionalClasses = signal('', ...(ngDevMode ? [{ debugName: "_additionalClasses" }] : []));
     /** Computed button 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(buttonVariants({
-            variant: this.variant,
-            size: this.size,
-            appearance: this.appearance,
-            loading: this.loading,
-            className: this.userClass,
-        }), outlineClasses, this.loading ? 'tw:pointer-events-none' : '', this._additionalClasses());
+            variant: this.variant(),
+            size: this.size(),
+            appearance: this.appearance(),
+            loading: this.loading(),
+            className: this.userClass(),
+        }), outlineClasses, this.loading() ? 'pointer-events-none' : '', this._additionalClasses());
     }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
     /** Computed spinner classes */
     spinnerClass = computed(() => {
-        const base = this.appearance === 'outline' || this.appearance === 'outline-filled'
-            ? this.getOutlineSpinnerClasses(this.variant)
-            : this.getSpinnerClasses(this.variant);
-        return hlm(base, this.spinnerUserClass);
+        const base = this.appearance() === 'outline' || this.appearance() === 'outline-filled'
+            ? this.getOutlineSpinnerClasses(this.variant())
+            : this.getSpinnerClasses(this.variant());
+        return hlm(base, this.spinnerUserClass());
     }, ...(ngDevMode ? [{ debugName: "spinnerClass" }] : []));
     setClass(classes) {
         this._additionalClasses.set(classes);
@@ -117,99 +117,99 @@ class HlmButton {
     /** Helper functions */
     getOutlineClasses(variant) {
         const colors = {
-            primary: 'tw:border-primary tw:text-primary tw:shadow-sm tw:hover:bg-primary/10',
-            secondary: 'tw:border-secondary tw:text-secondary tw:shadow-sm tw:hover:bg-secondary/10',
-            success: 'tw:border-success tw:text-success tw:shadow-sm tw:hover:bg-success/10',
-            warning: 'tw:border-warning tw:text-warning tw:shadow-sm tw:hover:bg-warning/10',
-            danger: 'tw:border-danger tw:text-danger tw:shadow-sm tw:hover:bg-danger/10',
-            info: 'tw:border-info tw:text-info tw:shadow-sm tw:hover:bg-info/10',
-            light: 'tw:border-light tw:text-light-foreground tw:shadow-sm tw:hover:bg-light/10',
-            dark: 'tw:border-dark tw:text-dark tw:shadow-sm tw:hover:bg-dark/10',
-            accent: 'tw:border-accent tw:text-accent tw:shadow-sm tw:hover:bg-accent/10',
-            destructive: 'tw:border-destructive tw:text-destructive tw:shadow-sm tw:hover:bg-destructive/10',
-            muted: 'tw:border-muted tw:text-muted-foreground tw:shadow-sm tw:hover:bg-muted/10',
-            link: 'tw:text-primary',
-            ghost: 'tw:text-light-foreground',
+            primary: 'border-primary text-primary shadow-sm hover:bg-primary/10',
+            secondary: 'border-secondary text-secondary shadow-sm hover:bg-secondary/10',
+            success: 'border-success text-success shadow-sm hover:bg-success/10',
+            warning: 'border-warning text-warning shadow-sm hover:bg-warning/10',
+            danger: 'border-danger text-danger shadow-sm hover:bg-danger/10',
+            info: 'border-info text-info shadow-sm hover:bg-info/10',
+            light: 'border-light text-light-foreground shadow-sm hover:bg-light/10',
+            dark: 'border-dark text-dark shadow-sm hover:bg-dark/10',
+            accent: 'border-accent text-accent shadow-sm hover:bg-accent/10',
+            destructive: 'border-destructive text-destructive shadow-sm hover:bg-destructive/10',
+            muted: 'border-muted text-muted-foreground shadow-sm hover:bg-muted/10',
+            link: 'text-primary',
+            ghost: 'text-light-foreground',
         };
         return colors[variant];
     }
     getOutlineFilledClasses(variant) {
         const colors = {
-            primary: 'tw:hover:bg-primary tw:hover:text-primary-foreground',
-            secondary: 'tw:hover:bg-secondary tw:hover:text-secondary-foreground',
-            success: 'tw:hover:bg-success tw:hover:text-success-foreground',
-            warning: 'tw:hover:bg-warning tw:hover:text-warning-foreground',
-            danger: 'tw:hover:bg-danger tw:hover:text-danger-foreground',
-            info: 'tw:hover:bg-info tw:hover:text-info-foreground',
-            light: 'tw:hover:bg-light tw:hover:text-light-foreground',
-            dark: 'tw:hover:bg-dark tw:hover:text-dark-foreground',
-            accent: 'tw:hover:bg-accent tw:hover:text-accent-foreground',
-            destructive: 'tw:hover:bg-destructive tw:hover:text-destructive-foreground',
-            muted: 'tw:hover:bg-muted tw:hover:text-muted-foreground',
-            link: 'tw:hover:underline',
-            ghost: 'tw:hover:bg-light',
+            primary: 'hover:bg-primary hover:text-primary-foreground',
+            secondary: 'hover:bg-secondary hover:text-secondary-foreground',
+            success: 'hover:bg-success hover:text-success-foreground',
+            warning: 'hover:bg-warning hover:text-warning-foreground',
+            danger: 'hover:bg-danger hover:text-danger-foreground',
+            info: 'hover:bg-info hover:text-info-foreground',
+            light: 'hover:bg-light hover:text-light-foreground',
+            dark: 'hover:bg-dark hover:text-dark-foreground',
+            accent: 'hover:bg-accent hover:text-accent-foreground',
+            destructive: 'hover:bg-destructive hover:text-destructive-foreground',
+            muted: 'hover:bg-muted hover:text-muted-foreground',
+            link: 'hover:underline',
+            ghost: 'hover:bg-light',
         };
         return colors[variant];
     }
     getSpinnerClasses(variant) {
         const colors = {
-            primary: 'tw:[&>svg]:text-primary-foreground',
-            secondary: 'tw:[&>svg]:text-secondary-foreground',
-            success: 'tw:[&>svg]:text-success-foreground',
-            warning: 'tw:[&>svg]:text-warning-foreground',
-            danger: 'tw:[&>svg]:text-danger-foreground',
-            info: 'tw:[&>svg]:text-info-foreground',
-            light: 'tw:[&>svg]:text-light-foreground',
-            dark: 'tw:[&>svg]:text-dark-foreground',
-            accent: 'tw:[&>svg]:text-accent-foreground',
-            destructive: 'tw:[&>svg]:text-destructive-foreground',
-            muted: 'tw:[&>svg]:text-muted-foreground',
-            link: 'tw:[&>svg]:text-primary',
-            ghost: 'tw:[&>svg]:text-light-foreground',
+            primary: '[&>svg]:text-primary-foreground',
+            secondary: '[&>svg]:text-secondary-foreground',
+            success: '[&>svg]:text-success-foreground',
+            warning: '[&>svg]:text-warning-foreground',
+            danger: '[&>svg]:text-danger-foreground',
+            info: '[&>svg]:text-info-foreground',
+            light: '[&>svg]:text-light-foreground',
+            dark: '[&>svg]:text-dark-foreground',
+            accent: '[&>svg]:text-accent-foreground',
+            destructive: '[&>svg]:text-destructive-foreground',
+            muted: '[&>svg]:text-muted-foreground',
+            link: '[&>svg]:text-primary',
+            ghost: '[&>svg]:text-light-foreground',
         };
         return colors[variant];
     }
     getOutlineSpinnerClasses(variant) {
         const colors = {
-            primary: 'tw:[&>svg]:text-primary',
-            secondary: 'tw:[&>svg]:text-secondary',
-            success: 'tw:[&>svg]:text-success',
-            warning: 'tw:[&>svg]:text-warning',
-            danger: 'tw:[&>svg]:text-danger',
-            info: 'tw:[&>svg]:text-info',
-            light: 'tw:[&>svg]:text-light',
-            dark: 'tw:[&>svg]:text-dark',
-            accent: 'tw:[&>svg]:text-accent',
-            destructive: 'tw:[&>svg]:text-destructive',
-            muted: 'tw:[&>svg]:text-muted-foreground',
-            link: 'tw:[&>svg]:text-primary',
-            ghost: 'tw:[&>svg]:text-light-foreground',
+            primary: '[&>svg]:text-primary',
+            secondary: '[&>svg]:text-secondary',
+            success: '[&>svg]:text-success',
+            warning: '[&>svg]:text-warning',
+            danger: '[&>svg]:text-danger',
+            info: '[&>svg]:text-info',
+            light: '[&>svg]:text-light',
+            dark: '[&>svg]:text-dark',
+            accent: '[&>svg]:text-accent',
+            destructive: '[&>svg]:text-destructive',
+            muted: '[&>svg]:text-muted-foreground',
+            link: '[&>svg]:text-primary',
+            ghost: '[&>svg]:text-light-foreground',
         };
         return colors[variant];
     }
     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: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: HlmButton, isStandalone: true, selector: "button[hlmButton], a[hlmButton]", 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 }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "userClass", isSignal: true, isRequired: false, transformFunction: null }, spinnerUserClass: { classPropertyName: "spinnerUserClass", publicName: "spinnerUserClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, 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>
 
-    @if (loading) {
-      <div class="tw:relative tw:inline-flex tw:items-center">
-        <span class="tw:invisible">
+    @if (loading()) {
+      <div class="relative inline-flex items-center">
+        <span class="invisible">
           <ng-container *ngTemplateOutlet="projected" />
         </span>
-        <span class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center">
+        <span class="absolute inset-0 flex items-center justify-center">
           <hlm-spinner size="small" [spinnerClass]="spinnerClass()" />
         </span>
       </div>
     } @else {
-      <div class="tw:flex tw:items-center tw:gap-1">
-        @if (icon && iconPosition === 'left') {
-          <ng-container *ngTemplateOutlet="icon" />
+      <div class="flex items-center gap-1">
+        @if (icon() && iconPosition() === 'left') {
+          <ng-container *ngTemplateOutlet="icon()" />
         }
         <ng-container *ngTemplateOutlet="projected" />
-        @if (icon && iconPosition === 'right') {
-          <ng-container *ngTemplateOutlet="icon" />
+        @if (icon() && iconPosition() === 'right') {
+          <ng-container *ngTemplateOutlet="icon()" />
         }
       </div>
     }
@@ -224,58 +224,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                     hostDirectives: [{ directive: BrnButton, inputs: ['disabled'] }],
                     host: {
                         '[class]': '_computedClass()',
-                        '[attr.aria-busy]': 'loading || null',
-                        '[attr.disabled]': '(loading || disabled) ? true : null',
-                        '[attr.type]': 'type',
+                        '[attr.aria-busy]': 'loading() || null',
+                        '[attr.disabled]': '(loading() || disabled()) ? true : null',
+                        '[attr.type]': 'type()',
                     },
                     template: `
     <ng-template #projected>
       <ng-content></ng-content>
     </ng-template>
 
-    @if (loading) {
-      <div class="tw:relative tw:inline-flex tw:items-center">
-        <span class="tw:invisible">
+    @if (loading()) {
+      <div class="relative inline-flex items-center">
+        <span class="invisible">
           <ng-container *ngTemplateOutlet="projected" />
         </span>
-        <span class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center">
+        <span class="absolute inset-0 flex items-center justify-center">
           <hlm-spinner size="small" [spinnerClass]="spinnerClass()" />
         </span>
       </div>
     } @else {
-      <div class="tw:flex tw:items-center tw:gap-1">
-        @if (icon && iconPosition === 'left') {
-          <ng-container *ngTemplateOutlet="icon" />
+      <div class="flex items-center gap-1">
+        @if (icon() && iconPosition() === 'left') {
+          <ng-container *ngTemplateOutlet="icon()" />
         }
         <ng-container *ngTemplateOutlet="projected" />
-        @if (icon && iconPosition === 'right') {
-          <ng-container *ngTemplateOutlet="icon" />
+        @if (icon() && iconPosition() === 'right') {
+          <ng-container *ngTemplateOutlet="icon()" />
         }
       </div>
     }
   `,
                 }]
-        }], propDecorators: { variant: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], iconPosition: [{
-                type: Input
-            }], userClass: [{
-                type: Input
-            }], spinnerUserClass: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }] } });
+        }] });
 
 /*
  * Public API Surface of button

package/button/fesm2022/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":["../../../projects/button/src/lib/button.ts","../../../projects/button/src/public-api.ts","../../../projects/button/src/button.ts"],"sourcesContent":["import { Component, Input, computed, signal } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { BrnButton } from '@spartan-ng/brain/button';\nimport { HlmSpinner } from '@egose/shadcn-theme-ng/spinner';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ClassValue } from 'clsx';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\n\nexport const buttonVariants = cva(\n  [\n    'tw:cursor-pointer',\n    'tw:active:translate-y-[0.5px]',\n    'tw:disabled:pointer-events-none',\n    'tw:disabled:opacity-50',\n    'tw:focus-visible:outline-none',\n    'tw:focus-visible:ring-1',\n    'tw:focus-visible:ring-ring',\n    'tw:font-medium',\n    'tw:gap-2',\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:rounded-sm',\n    'tw:text-sm',\n    'tw:transform',\n    'tw:transition',\n    'tw:transition-colors',\n    'tw:whitespace-nowrap',\n    'tw:[&_svg]:pointer-events-none',\n    'tw:[&_svg]:shrink-0',\n    'tw:[&_svg]:size-4',\n  ],\n  {\n    variants: {\n      variant: {\n        primary:\n          'tw:border tw:border-primary tw:bg-primary tw:text-primary-foreground tw:shadow-sm tw:hover:bg-primary/90',\n        secondary:\n          'tw:border tw:border-secondary tw:bg-secondary tw:text-secondary-foreground tw:shadow-sm tw:hover:bg-secondary/90',\n        success:\n          'tw:border tw:border-success tw:bg-success tw:text-success-foreground tw:shadow-sm tw:hover:bg-success/90',\n        warning:\n          'tw:border tw:border-warning tw:bg-warning tw:text-warning-foreground tw:shadow-sm tw:hover:bg-warning/90',\n        danger: 'tw:border tw:border-danger tw:bg-danger tw:text-danger-foreground tw:shadow-sm tw:hover:bg-danger/90',\n        info: 'tw:border tw:border-info tw:bg-info tw:text-info-foreground tw:shadow-sm tw:hover:bg-info/90',\n        light: 'tw:border tw:border-light tw:bg-light tw:text-light-foreground tw:shadow-sm tw:hover:bg-light/90',\n        dark: 'tw:border tw:border-dark tw:bg-dark tw:text-dark-foreground tw:shadow-sm tw:hover:bg-dark/90',\n        accent: 'tw:border tw:border-accent tw:bg-accent tw:text-accent-foreground tw:shadow-sm tw:hover:bg-accent/90',\n        destructive:\n          'tw:border tw:border-destructive tw:bg-destructive tw:text-destructive-foreground tw:shadow-sm tw:hover:bg-destructive/90',\n        muted: 'tw:border tw:border-muted tw:bg-muted tw:text-muted-foreground tw:shadow-sm 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        xs: 'tw:h-7 tw:rounded-xs tw:px-2 tw:text-xs',\n        sm: 'tw:h-8 tw:rounded-sm tw:px-3',\n        default: 'tw:h-9 tw:px-4 tw:py-2',\n        lg: 'tw:h-10 tw:rounded-sm tw:px-7 tw:text-base',\n        icon: 'tw:h-9 tw:w-9',\n        'compact-xs': 'tw:h-6 tw:px-2 tw:py-1 tw:text-xs',\n        'compact-sm': 'tw:h-7 tw:px-2 tw:py-1',\n        'compact-default': 'tw:h-8 tw:px-2 tw:py-1',\n        'compact-lg': 'tw:h-9 tw:px-2 tw:py-1 tw:text-base',\n        'compact-icon': 'tw:h-8 tw:w-8',\n      },\n      appearance: {\n        solid: '',\n        outline: 'tw:bg-white tw:border',\n        'outline-filled': 'tw:bg-white tw:border',\n      },\n      loading: {\n        true: 'tw:pointer-events-none',\n        false: null,\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      appearance: 'solid',\n      loading: false,\n    },\n  },\n);\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\nexport type VariantType = NonNullable<ButtonVariants['variant']>;\nexport type SizeType = NonNullable<ButtonVariants['size']>;\nexport type AppearanceType = NonNullable<ButtonVariants['appearance']>;\n\n@Component({\n  selector: 'button[hlmButton], a[hlmButton]',\n  standalone: true,\n  imports: [BrnButton, HlmSpinner, NgTemplateOutlet],\n  hostDirectives: [{ directive: BrnButton, inputs: ['disabled'] }],\n  host: {\n    '[class]': '_computedClass()',\n    '[attr.aria-busy]': 'loading || null',\n    '[attr.disabled]': '(loading || disabled) ? true : null',\n    '[attr.type]': 'type',\n  },\n  template: `\n    <ng-template #projected>\n      <ng-content></ng-content>\n    </ng-template>\n\n    @if (loading) {\n      <div class=\"tw:relative tw:inline-flex tw:items-center\">\n        <span class=\"tw:invisible\">\n          <ng-container *ngTemplateOutlet=\"projected\" />\n        </span>\n        <span class=\"tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center\">\n          <hlm-spinner size=\"small\" [spinnerClass]=\"spinnerClass()\" />\n        </span>\n      </div>\n    } @else {\n      <div class=\"tw:flex tw:items-center tw:gap-1\">\n        @if (icon && iconPosition === 'left') {\n          <ng-container *ngTemplateOutlet=\"icon\" />\n        }\n        <ng-container *ngTemplateOutlet=\"projected\" />\n        @if (icon && iconPosition === 'right') {\n          <ng-container *ngTemplateOutlet=\"icon\" />\n        }\n      </div>\n    }\n  `,\n})\nexport class HlmButton {\n  /** Props */\n  @Input() variant: VariantType = 'primary';\n  @Input() size: SizeType = 'default';\n  @Input() appearance: AppearanceType = 'solid';\n  @Input() loading = false;\n  @Input() icon?: any;\n  @Input() iconPosition: 'left' | 'right' = 'left';\n  @Input() userClass: ClassValue = '';\n  @Input() spinnerUserClass: ClassValue = '';\n  @Input() disabled = false;\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n\n  private readonly _additionalClasses = signal<ClassValue>('');\n\n  /** Computed button 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      buttonVariants({\n        variant: this.variant,\n        size: this.size,\n        appearance: this.appearance,\n        loading: this.loading,\n        className: this.userClass,\n      }),\n      outlineClasses,\n      this.loading ? 'tw:pointer-events-none' : '',\n      this._additionalClasses(),\n    );\n  });\n\n  /** Computed spinner classes */\n  protected readonly spinnerClass = computed(() => {\n    const base =\n      this.appearance === 'outline' || this.appearance === 'outline-filled'\n        ? this.getOutlineSpinnerClasses(this.variant)\n        : this.getSpinnerClasses(this.variant);\n    return hlm(base, this.spinnerUserClass);\n  });\n\n  setClass(classes: string): void {\n    this._additionalClasses.set(classes);\n  }\n\n  /** Helper functions */\n  private getOutlineClasses(variant: VariantType) {\n    const colors: Record<VariantType, string> = {\n      primary: 'tw:border-primary tw:text-primary tw:shadow-sm tw:hover:bg-primary/10',\n      secondary: 'tw:border-secondary tw:text-secondary tw:shadow-sm tw:hover:bg-secondary/10',\n      success: 'tw:border-success tw:text-success tw:shadow-sm tw:hover:bg-success/10',\n      warning: 'tw:border-warning tw:text-warning tw:shadow-sm tw:hover:bg-warning/10',\n      danger: 'tw:border-danger tw:text-danger tw:shadow-sm tw:hover:bg-danger/10',\n      info: 'tw:border-info tw:text-info tw:shadow-sm tw:hover:bg-info/10',\n      light: 'tw:border-light tw:text-light-foreground tw:shadow-sm tw:hover:bg-light/10',\n      dark: 'tw:border-dark tw:text-dark tw:shadow-sm tw:hover:bg-dark/10',\n      accent: 'tw:border-accent tw:text-accent tw:shadow-sm tw:hover:bg-accent/10',\n      destructive: 'tw:border-destructive tw:text-destructive tw:shadow-sm tw:hover:bg-destructive/10',\n      muted: 'tw:border-muted tw:text-muted-foreground tw:shadow-sm 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: VariantType) {\n    const colors: Record<VariantType, 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  private getSpinnerClasses(variant: VariantType) {\n    const colors: Record<VariantType, string> = {\n      primary: 'tw:[&>svg]:text-primary-foreground',\n      secondary: 'tw:[&>svg]:text-secondary-foreground',\n      success: 'tw:[&>svg]:text-success-foreground',\n      warning: 'tw:[&>svg]:text-warning-foreground',\n      danger: 'tw:[&>svg]:text-danger-foreground',\n      info: 'tw:[&>svg]:text-info-foreground',\n      light: 'tw:[&>svg]:text-light-foreground',\n      dark: 'tw:[&>svg]:text-dark-foreground',\n      accent: 'tw:[&>svg]:text-accent-foreground',\n      destructive: 'tw:[&>svg]:text-destructive-foreground',\n      muted: 'tw:[&>svg]:text-muted-foreground',\n      link: 'tw:[&>svg]:text-primary',\n      ghost: 'tw:[&>svg]:text-light-foreground',\n    };\n    return colors[variant];\n  }\n\n  private getOutlineSpinnerClasses(variant: VariantType) {\n    const colors: Record<VariantType, string> = {\n      primary: 'tw:[&>svg]:text-primary',\n      secondary: 'tw:[&>svg]:text-secondary',\n      success: 'tw:[&>svg]:text-success',\n      warning: 'tw:[&>svg]:text-warning',\n      danger: 'tw:[&>svg]:text-danger',\n      info: 'tw:[&>svg]:text-info',\n      light: 'tw:[&>svg]:text-light',\n      dark: 'tw:[&>svg]:text-dark',\n      accent: 'tw:[&>svg]:text-accent',\n      destructive: 'tw:[&>svg]:text-destructive',\n      muted: 'tw:[&>svg]:text-muted-foreground',\n      link: 'tw:[&>svg]:text-primary',\n      ghost: 'tw:[&>svg]:text-light-foreground',\n    };\n    return colors[variant];\n  }\n}\n","/*\n * Public API Surface of button\n */\n\nimport { NgModule } from '@angular/core';\nimport { HlmButton } from './lib/button';\nexport * from './lib/button';\n\nexport const HlmButtonImports = [HlmButton] as const;\n\n@NgModule({\n  imports: [...HlmButtonImports],\n  exports: [...HlmButtonImports],\n})\nexport class HlmButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.mjs","sources":["../../../projects/button/src/lib/button.ts","../../../projects/button/src/public-api.ts","../../../projects/button/src/button.ts"],"sourcesContent":["import { Component, computed, signal, input } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { BrnButton } from '@spartan-ng/brain/button';\nimport { HlmSpinner } from '@egose/shadcn-theme-ng/spinner';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ClassValue } from 'clsx';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\n\nexport const buttonVariants = cva(\n  [\n    'tw:cursor-pointer',\n    'tw:active:translate-y-[0.5px]',\n    'tw:disabled:pointer-events-none',\n    'tw:disabled:opacity-50',\n    'tw:focus-visible:outline-none',\n    'tw:focus-visible:ring-1',\n    'tw:focus-visible:ring-ring',\n    'tw:font-medium',\n    'tw:gap-2',\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:rounded-sm',\n    'tw:text-sm',\n    'tw:transform',\n    'tw:transition',\n    'tw:transition-colors',\n    'tw:whitespace-nowrap',\n    'tw:[&_svg]:pointer-events-none',\n    'tw:[&_svg]:shrink-0',\n    'tw:[&_svg]:size-4',\n  ],\n  {\n    variants: {\n      variant: {\n        primary:\n          'tw:border tw:border-primary tw:bg-primary tw:text-primary-foreground tw:shadow-sm tw:hover:bg-primary/90',\n        secondary:\n          'tw:border tw:border-secondary tw:bg-secondary tw:text-secondary-foreground tw:shadow-sm tw:hover:bg-secondary/90',\n        success:\n          'tw:border tw:border-success tw:bg-success tw:text-success-foreground tw:shadow-sm tw:hover:bg-success/90',\n        warning:\n          'tw:border tw:border-warning tw:bg-warning tw:text-warning-foreground tw:shadow-sm tw:hover:bg-warning/90',\n        danger: 'tw:border tw:border-danger tw:bg-danger tw:text-danger-foreground tw:shadow-sm tw:hover:bg-danger/90',\n        info: 'tw:border tw:border-info tw:bg-info tw:text-info-foreground tw:shadow-sm tw:hover:bg-info/90',\n        light: 'tw:border tw:border-light tw:bg-light tw:text-light-foreground tw:shadow-sm tw:hover:bg-light/90',\n        dark: 'tw:border tw:border-dark tw:bg-dark tw:text-dark-foreground tw:shadow-sm tw:hover:bg-dark/90',\n        accent: 'tw:border tw:border-accent tw:bg-accent tw:text-accent-foreground tw:shadow-sm tw:hover:bg-accent/90',\n        destructive:\n          'tw:border tw:border-destructive tw:bg-destructive tw:text-destructive-foreground tw:shadow-sm tw:hover:bg-destructive/90',\n        muted: 'tw:border tw:border-muted tw:bg-muted tw:text-muted-foreground tw:shadow-sm 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        xs: 'tw:h-7 tw:rounded-xs tw:px-2 tw:text-xs',\n        sm: 'tw:h-8 tw:rounded-sm tw:px-3',\n        default: 'tw:h-9 tw:px-4 tw:py-2',\n        lg: 'tw:h-10 tw:rounded-sm tw:px-7 tw:text-base',\n        icon: 'tw:h-9 tw:w-9',\n        'compact-xs': 'tw:h-6 tw:px-2 tw:py-1 tw:text-xs',\n        'compact-sm': 'tw:h-7 tw:px-2 tw:py-1',\n        'compact-default': 'tw:h-8 tw:px-2 tw:py-1',\n        'compact-lg': 'tw:h-9 tw:px-2 tw:py-1 tw:text-base',\n        'compact-icon': 'tw:h-8 tw:w-8',\n      },\n      appearance: {\n        solid: '',\n        outline: 'tw:bg-white tw:border',\n        'outline-filled': 'tw:bg-white tw:border',\n      },\n      loading: {\n        true: 'tw:pointer-events-none',\n        false: null,\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      appearance: 'solid',\n      loading: false,\n    },\n  },\n);\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\nexport type VariantType = NonNullable<ButtonVariants['variant']>;\nexport type SizeType = NonNullable<ButtonVariants['size']>;\nexport type AppearanceType = NonNullable<ButtonVariants['appearance']>;\n\n@Component({\n  selector: 'button[hlmButton], a[hlmButton]',\n  standalone: true,\n  imports: [BrnButton, HlmSpinner, NgTemplateOutlet],\n  hostDirectives: [{ directive: BrnButton, inputs: ['disabled'] }],\n  host: {\n    '[class]': '_computedClass()',\n    '[attr.aria-busy]': 'loading() || null',\n    '[attr.disabled]': '(loading() || disabled()) ? true : null',\n    '[attr.type]': 'type()',\n  },\n  template: `\n    <ng-template #projected>\n      <ng-content></ng-content>\n    </ng-template>\n\n    @if (loading()) {\n      <div class=\"tw:relative tw:inline-flex tw:items-center\">\n        <span class=\"tw:invisible\">\n          <ng-container *ngTemplateOutlet=\"projected\" />\n        </span>\n        <span class=\"tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center\">\n          <hlm-spinner size=\"small\" [spinnerClass]=\"spinnerClass()\" />\n        </span>\n      </div>\n    } @else {\n      <div class=\"tw:flex tw:items-center tw:gap-1\">\n        @if (icon() && iconPosition() === 'left') {\n          <ng-container *ngTemplateOutlet=\"icon()\" />\n        }\n        <ng-container *ngTemplateOutlet=\"projected\" />\n        @if (icon() && iconPosition() === 'right') {\n          <ng-container *ngTemplateOutlet=\"icon()\" />\n        }\n      </div>\n    }\n  `,\n})\nexport class HlmButton {\n  /** Props as signal-based inputs */\n  variant = input<VariantType>('primary');\n  size = input<SizeType>('default');\n  appearance = input<AppearanceType>('solid');\n  loading = input<boolean>(false);\n  icon = input<any | undefined>(undefined);\n  iconPosition = input<'left' | 'right'>('left');\n  userClass = input<ClassValue>('');\n  spinnerUserClass = input<ClassValue>('');\n  disabled = input<boolean>(false);\n  type = input<'button' | 'submit' | 'reset'>('button');\n\n  private readonly _additionalClasses = signal<ClassValue>('');\n\n  /** Computed button 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      buttonVariants({\n        variant: this.variant(),\n        size: this.size(),\n        appearance: this.appearance(),\n        loading: this.loading(),\n        className: this.userClass(),\n      }),\n      outlineClasses,\n      this.loading() ? 'tw:pointer-events-none' : '',\n      this._additionalClasses(),\n    );\n  });\n\n  /** Computed spinner classes */\n  protected readonly spinnerClass = computed(() => {\n    const base =\n      this.appearance() === 'outline' || this.appearance() === 'outline-filled'\n        ? this.getOutlineSpinnerClasses(this.variant())\n        : this.getSpinnerClasses(this.variant());\n\n    return hlm(base, this.spinnerUserClass());\n  });\n\n  setClass(classes: string): void {\n    this._additionalClasses.set(classes);\n  }\n\n  /** Helper functions */\n  private getOutlineClasses(variant: VariantType) {\n    const colors: Record<VariantType, string> = {\n      primary: 'tw:border-primary tw:text-primary tw:shadow-sm tw:hover:bg-primary/10',\n      secondary: 'tw:border-secondary tw:text-secondary tw:shadow-sm tw:hover:bg-secondary/10',\n      success: 'tw:border-success tw:text-success tw:shadow-sm tw:hover:bg-success/10',\n      warning: 'tw:border-warning tw:text-warning tw:shadow-sm tw:hover:bg-warning/10',\n      danger: 'tw:border-danger tw:text-danger tw:shadow-sm tw:hover:bg-danger/10',\n      info: 'tw:border-info tw:text-info tw:shadow-sm tw:hover:bg-info/10',\n      light: 'tw:border-light tw:text-light-foreground tw:shadow-sm tw:hover:bg-light/10',\n      dark: 'tw:border-dark tw:text-dark tw:shadow-sm tw:hover:bg-dark/10',\n      accent: 'tw:border-accent tw:text-accent tw:shadow-sm tw:hover:bg-accent/10',\n      destructive: 'tw:border-destructive tw:text-destructive tw:shadow-sm tw:hover:bg-destructive/10',\n      muted: 'tw:border-muted tw:text-muted-foreground tw:shadow-sm 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: VariantType) {\n    const colors: Record<VariantType, 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  private getSpinnerClasses(variant: VariantType) {\n    const colors: Record<VariantType, string> = {\n      primary: 'tw:[&>svg]:text-primary-foreground',\n      secondary: 'tw:[&>svg]:text-secondary-foreground',\n      success: 'tw:[&>svg]:text-success-foreground',\n      warning: 'tw:[&>svg]:text-warning-foreground',\n      danger: 'tw:[&>svg]:text-danger-foreground',\n      info: 'tw:[&>svg]:text-info-foreground',\n      light: 'tw:[&>svg]:text-light-foreground',\n      dark: 'tw:[&>svg]:text-dark-foreground',\n      accent: 'tw:[&>svg]:text-accent-foreground',\n      destructive: 'tw:[&>svg]:text-destructive-foreground',\n      muted: 'tw:[&>svg]:text-muted-foreground',\n      link: 'tw:[&>svg]:text-primary',\n      ghost: 'tw:[&>svg]:text-light-foreground',\n    };\n    return colors[variant];\n  }\n\n  private getOutlineSpinnerClasses(variant: VariantType) {\n    const colors: Record<VariantType, string> = {\n      primary: 'tw:[&>svg]:text-primary',\n      secondary: 'tw:[&>svg]:text-secondary',\n      success: 'tw:[&>svg]:text-success',\n      warning: 'tw:[&>svg]:text-warning',\n      danger: 'tw:[&>svg]:text-danger',\n      info: 'tw:[&>svg]:text-info',\n      light: 'tw:[&>svg]:text-light',\n      dark: 'tw:[&>svg]:text-dark',\n      accent: 'tw:[&>svg]:text-accent',\n      destructive: 'tw:[&>svg]:text-destructive',\n      muted: 'tw:[&>svg]:text-muted-foreground',\n      link: 'tw:[&>svg]:text-primary',\n      ghost: 'tw:[&>svg]:text-light-foreground',\n    };\n    return colors[variant];\n  }\n}\n","/*\n * Public API Surface of button\n */\n\nimport { NgModule } from '@angular/core';\nimport { HlmButton } from './lib/button';\nexport * from './lib/button';\n\nexport const HlmButtonImports = [HlmButton] as const;\n\n@NgModule({\n  imports: [...HlmButtonImports],\n  exports: [...HlmButtonImports],\n})\nexport class HlmButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/button/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';
@@ -15,37 +15,37 @@ type VariantType = NonNullable<ButtonVariants['variant']>;
 type SizeType = NonNullable<ButtonVariants['size']>;
 type AppearanceType = NonNullable<ButtonVariants['appearance']>;
 declare class HlmButton {
-    /** Props */
-    variant: VariantType;
-    size: SizeType;
-    appearance: AppearanceType;
-    loading: boolean;
-    icon?: any;
-    iconPosition: 'left' | 'right';
-    userClass: ClassValue;
-    spinnerUserClass: ClassValue;
-    disabled: boolean;
-    type: 'button' | 'submit' | 'reset';
+    /** Props as signal-based inputs */
+    variant: _angular_core.InputSignal<VariantType>;
+    size: _angular_core.InputSignal<SizeType>;
+    appearance: _angular_core.InputSignal<AppearanceType>;
+    loading: _angular_core.InputSignal<boolean>;
+    icon: _angular_core.InputSignal<any>;
+    iconPosition: _angular_core.InputSignal<"left" | "right">;
+    userClass: _angular_core.InputSignal<ClassValue>;
+    spinnerUserClass: _angular_core.InputSignal<ClassValue>;
+    disabled: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     private readonly _additionalClasses;
     /** Computed button class merging */
-    protected readonly _computedClass: i0.Signal<string>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
     /** Computed spinner classes */
-    protected readonly spinnerClass: i0.Signal<string>;
+    protected readonly spinnerClass: _angular_core.Signal<string>;
     setClass(classes: string): void;
     /** Helper functions */
     private getOutlineClasses;
     private getOutlineFilledClasses;
     private getSpinnerClasses;
     private getOutlineSpinnerClasses;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HlmButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HlmButton, "button[hlmButton], a[hlmButton]", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "userClass": { "alias": "userClass"; "required": false; }; "spinnerUserClass": { "alias": "spinnerUserClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnButton; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmButton, "button[hlmButton], a[hlmButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "userClass": { "alias": "userClass"; "required": false; "isSignal": true; }; "spinnerUserClass": { "alias": "spinnerUserClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnButton; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
 }
 
 declare const HlmButtonImports: readonly [typeof HlmButton];
 declare class HlmButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<HlmButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmButtonModule, never, [typeof HlmButton], [typeof HlmButton]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<HlmButtonModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmButtonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmButtonModule, never, [typeof HlmButton], [typeof HlmButton]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmButtonModule>;
 }
 
 export { HlmButton, HlmButtonImports, HlmButtonModule, buttonVariants };