@egose/shadcn-theme-ng 0.0.28 → 0.1.0

package/button/fesm2022/button.mjs

@@ -8,69 +8,69 @@ import { HlmSpinner } from '@egose/shadcn-theme-ng/spinner';
 import { cva } from 'class-variance-authority';
 
 const buttonVariants = cva([
-    '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',
-    'no-underline',
+    "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",
+    "no-underline",
 ], {
     variants: {
         variant: {
-            default: 'border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',
-            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',
-            outline: 'border border-primary bg-white text-primary shadow-sm hover:bg-primary/10',
-            link: 'text-primary underline-offset-4 hover:underline',
-            ghost: 'hover:bg-light hover:text-light-foreground',
+            default: "border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+            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",
+            outline: "border border-primary bg-white text-primary shadow-sm hover:bg-primary/10",
+            link: "text-primary underline-offset-4 hover:underline",
+            ghost: "hover:bg-light hover:text-light-foreground",
         },
         size: {
-            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',
-            'icon-xs': 'h-6 w-6 rounded-xs',
-            'icon-sm': 'h-8 w-8 rounded-sm',
-            'icon-lg': 'h-10 w-10 rounded-sm',
-            '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',
+            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",
+            'icon-xs': "h-6 w-6 rounded-xs",
+            'icon-sm': "h-8 w-8 rounded-sm",
+            'icon-lg': "h-10 w-10 rounded-sm",
+            '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: 'bg-white border',
-            'outline-filled': 'bg-white border',
+            outline: "bg-white border",
+            'outline-filled': "bg-white border",
         },
         loading: {
-            true: 'pointer-events-none',
+            true: "pointer-events-none",
             false: null,
         },
     },
@@ -118,7 +118,7 @@ class HlmButton {
             appearance: this.appearance(),
             loading: this.loading(),
             className: this.userClass(),
-        }), outlineClasses, this.loading() ? 'pointer-events-none' : '', this._additionalClasses());
+        }), outlineClasses, this.loading() ? "pointer-events-none" : '', this._additionalClasses());
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
     /** Computed spinner classes */
@@ -135,113 +135,88 @@ class HlmButton {
     /** Helper functions */
     getOutlineClasses(variant) {
         const colors = {
-            default: 'border-primary text-primary shadow-sm hover:bg-primary/10',
-            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',
-            outline: 'border-primary text-primary shadow-sm hover:bg-primary/10',
-            link: 'text-primary',
-            ghost: 'text-light-foreground',
+            default: "border-primary text-primary shadow-sm hover:bg-primary/10",
+            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",
+            outline: "border-primary text-primary shadow-sm hover:bg-primary/10",
+            link: "text-primary",
+            ghost: "text-light-foreground",
         };
         return colors[variant];
     }
     getOutlineFilledClasses(variant) {
         const colors = {
-            default: 'hover:bg-primary hover:text-primary-foreground',
-            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',
-            outline: 'hover:bg-primary hover:text-primary-foreground',
-            link: 'hover:underline',
-            ghost: 'hover:bg-light',
+            default: "hover:bg-primary hover:text-primary-foreground",
+            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",
+            outline: "hover:bg-primary hover:text-primary-foreground",
+            link: "hover:underline",
+            ghost: "hover:bg-light",
         };
         return colors[variant];
     }
     getSpinnerClasses(variant) {
         const colors = {
-            default: '[&>svg]:text-primary-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',
-            outline: '[&>svg]:text-primary',
-            link: '[&>svg]:text-primary',
-            ghost: '[&>svg]:text-light-foreground',
+            default: "[&>svg]:text-primary-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",
+            outline: "[&>svg]:text-primary",
+            link: "[&>svg]:text-primary",
+            ghost: "[&>svg]:text-light-foreground",
         };
         return colors[variant];
     }
     getOutlineSpinnerClasses(variant) {
         const colors = {
-            default: '[&>svg]:text-primary',
-            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',
-            outline: '[&>svg]:text-primary',
-            link: '[&>svg]:text-primary',
-            ghost: '[&>svg]:text-light-foreground',
+            default: "[&>svg]:text-primary",
+            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",
+            outline: "[&>svg]:text-primary",
+            link: "[&>svg]:text-primary",
+            ghost: "[&>svg]:text-light-foreground",
         };
         return colors[variant];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", 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: "class", 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="relative inline-flex items-center">
-        <span class="invisible">
-          <ng-container *ngTemplateOutlet="projected" />
-        </span>
-        <span class="absolute inset-0 flex items-center justify-center">
-          <hlm-spinner [spinnerClass]="spinnerClass()" />
-        </span>
-      </div>
-    } @else {
-      <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()" />
-        }
-      </div>
-    }
-  `, 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", 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: "class", 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: "\n    <ng-template #projected>\n      <ng-content></ng-content>\n    </ng-template>\n\n    @if (loading()) {\n      <div class=\"relative inline-flex items-center\">\n        <span class=\"invisible\">\n          <ng-container *ngTemplateOutlet=\"projected\" />\n        </span>\n        <span class=\"absolute inset-0 flex items-center justify-center\">\n          <hlm-spinner [spinnerClass]=\"spinnerClass()\" />\n        </span>\n      </div>\n    } @else {\n      <div class=\"flex items-center 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  ", 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: "22.0.7", ngImport: i0, type: HlmButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'button[hlmButton], a[hlmButton]',
@@ -254,32 +229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         '[attr.disabled]': '(loading() || disabled()) ? true : null',
                         '[attr.type]': 'type()',
                     },
-                    template: `
-    <ng-template #projected>
-      <ng-content></ng-content>
-    </ng-template>
-
-    @if (loading()) {
-      <div class="relative inline-flex items-center">
-        <span class="invisible">
-          <ng-container *ngTemplateOutlet="projected" />
-        </span>
-        <span class="absolute inset-0 flex items-center justify-center">
-          <hlm-spinner [spinnerClass]="spinnerClass()" />
-        </span>
-      </div>
-    } @else {
-      <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()" />
-        }
-      </div>
-    }
-  `,
+                    template: "\n    <ng-template #projected>\n      <ng-content></ng-content>\n    </ng-template>\n\n    @if (loading()) {\n      <div class=\"relative inline-flex items-center\">\n        <span class=\"invisible\">\n          <ng-container *ngTemplateOutlet=\"projected\" />\n        </span>\n        <span class=\"absolute inset-0 flex items-center justify-center\">\n          <hlm-spinner [spinnerClass]=\"spinnerClass()\" />\n        </span>\n      </div>\n    } @else {\n      <div class=\"flex items-center 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  ",
                 }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], spinnerUserClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerUserClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 
@@ -314,10 +264,10 @@ class HlmBtn {
     setClass(classes) {
         this._additionalClasses.set(classes);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmBtn, isStandalone: true, selector: "button[hlmBtn], a[hlmBtn]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button" }, properties: { "class": "_computedClass()", "attr.type": "type()" } }, exportAs: ["hlmBtn"], hostDirectives: [{ directive: i1.BrnButton, inputs: ["disabled", "disabled"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmBtn, isStandalone: true, selector: "button[hlmBtn], a[hlmBtn]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button" }, properties: { "class": "_computedClass()", "attr.type": "type()" } }, exportAs: ["hlmBtn"], hostDirectives: [{ directive: i1.BrnButton, inputs: ["disabled", "disabled"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBtn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBtn, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[hlmBtn], a[hlmBtn]',
@@ -337,11 +287,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 const HlmButtonImports = [HlmButton, HlmBtn];
 class HlmButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonModule, imports: [HlmButton, HlmBtn], exports: [HlmButton, HlmBtn] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonModule, imports: [HlmButton] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonModule, imports: [HlmButton, HlmBtn], exports: [HlmButton, HlmBtn] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonModule, imports: [HlmButton] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmButtonImports],
@@ -354,4 +304,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 
 export { HlmBtn, HlmButton, HlmButtonImports, HlmButtonModule, buttonVariants, injectBrnButtonConfig, provideBrnButtonConfig };
-//# sourceMappingURL=button.mjs.map
+

package/button/types/button.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ValueProvider } from '@angular/core';
+import { TemplateRef, ValueProvider } from '@angular/core';
 import { ClassValue } from 'clsx';
 import * as i1 from '@spartan-ng/brain/button';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -34,7 +34,7 @@ declare class HlmButton {
     readonly size: _angular_core.InputSignal<SizeType>;
     readonly appearance: _angular_core.InputSignal<AppearanceType>;
     readonly loading: _angular_core.InputSignal<boolean>;
-    readonly icon: _angular_core.InputSignal<any>;
+    readonly icon: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
     readonly iconPosition: _angular_core.InputSignal<"left" | "right">;
     readonly userClass: _angular_core.InputSignal<ClassValue>;
     readonly spinnerUserClass: _angular_core.InputSignal<ClassValue>;

package/button-group/fesm2022/button-group.mjs

@@ -5,11 +5,11 @@ import { cva } from 'class-variance-authority';
 import * as i1 from '@spartan-ng/brain/separator';
 import { provideBrnSeparatorConfig, BrnSeparator } from '@spartan-ng/brain/separator';
 
-const buttonGroupVariants = cva("has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+const buttonGroupVariants = cva("has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
     variants: {
         orientation: {
-            horizontal: '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-md [&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none',
-            vertical: '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
+            horizontal: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+            vertical: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
         },
     },
     defaultVariants: {
@@ -22,10 +22,10 @@ class HlmButtonGroup {
     }
     orientation = input('horizontal', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmButtonGroup, isStandalone: true, selector: "[hlmButtonGroup],hlm-button-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group", "role": "group" }, properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmButtonGroup, isStandalone: true, selector: "[hlmButtonGroup],hlm-button-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group", "role": "group" }, properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmButtonGroup],hlm-button-group',
@@ -40,15 +40,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 class HlmButtonGroupSeparator {
     constructor() {
         classes(() => [
-            'bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',
+            "bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
             // separator classes
-            'shrink-0 data-horizontal:h-px data-vertical:w-px data-vertical:self-stretch',
+            "shrink-0 data-horizontal:h-px data-vertical:w-px data-vertical:self-stretch",
         ]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmButtonGroupSeparator, isStandalone: true, selector: "[hlmButtonGroupSeparator],hlm-button-group-separator", host: { attributes: { "data-slot": "button-group-separator" } }, providers: [provideBrnSeparatorConfig({ orientation: 'vertical' })], hostDirectives: [{ directive: i1.BrnSeparator, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmButtonGroupSeparator, isStandalone: true, selector: "[hlmButtonGroupSeparator],hlm-button-group-separator", host: { attributes: { "data-slot": "button-group-separator" } }, providers: [provideBrnSeparatorConfig({ orientation: 'vertical' })], hostDirectives: [{ directive: i1.BrnSeparator, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmButtonGroupSeparator],hlm-button-group-separator',
@@ -62,12 +62,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmButtonGroupText {
     constructor() {
-        classes(() => "bg-muted gap-2 rounded-md border px-2.5 text-sm font-medium shadow-xs [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center [&_ng-icon]:pointer-events-none");
+        classes(() => "bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium shadow-xs [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center [&_ng-icon]:pointer-events-none");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmButtonGroupText, isStandalone: true, selector: "[hlmButtonGroupText],hlm-button-group-text", host: { attributes: { "data-slot": "button-group-text" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmButtonGroupText, isStandalone: true, selector: "[hlmButtonGroupText],hlm-button-group-text", host: { attributes: { "data-slot": "button-group-text" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupText, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmButtonGroupText],hlm-button-group-text',
@@ -82,11 +82,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 const HlmButtonGroupImports = [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator];
 class HlmButtonGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupModule, imports: [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator], exports: [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupModule, imports: [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator], exports: [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmButtonGroupImports],
@@ -99,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 
 export { HlmButtonGroup, HlmButtonGroupImports, HlmButtonGroupModule, HlmButtonGroupSeparator, HlmButtonGroupText };
-//# sourceMappingURL=button-group.mjs.map
+

package/calendar/README.md

@@ -1,64 +1,3 @@
-# Calendar
+# Calendar Subpath
 
-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 calendar
-```
-
-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/calendar
-   ```
-
-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.
+This project ships only as `@egose/shadcn-theme-ng/calendar` or `@egose/shadcn-theme-ng-tw/calendar`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.