@egose/shadcn-theme-ng 0.0.28 → 0.2.0

package/alert/fesm2022/alert.mjs

@@ -4,93 +4,93 @@ import { hlm } from '@egose/shadcn-theme-ng/utils';
 import { cva } from 'class-variance-authority';
 import { provideHlmIconConfig } from '@egose/shadcn-theme-ng/icon';
 
-const alertVariants = cva('relative w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>[hlmAlertIcon]]:grid has-[>[hlmAlertIcon]]:grid-cols-[calc(theme(spacing.1)*4)_1fr] has-[>[hlmAlertIcon]]:gap-x-3 [&>[hlmAlertIcon]]:size-4 [&>[hlmAlertIcon]]:translate-y-0.5 [&>[hlmAlertIcon]]:text-current', {
+const alertVariants = cva("relative w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>[hlmAlertIcon]]:grid has-[>[hlmAlertIcon]]:grid-cols-[calc(theme(spacing.1)*4)_1fr] has-[>[hlmAlertIcon]]:gap-x-3 [&>[hlmAlertIcon]]:size-4 [&>[hlmAlertIcon]]:translate-y-0.5 [&>[hlmAlertIcon]]:text-current", {
     variants: {
         variant: {
-            primary: 'bg-primary text-primary-foreground [&>[hlmAlertDescription]]:text-primary-foreground/90',
-            secondary: 'bg-secondary text-secondary-foreground [&>[hlmAlertDescription]]:text-secondary-foreground/90',
-            success: 'bg-success text-success-foreground [&>[hlmAlertDescription]]:text-success-foreground/90',
-            warning: 'bg-warning text-warning-foreground [&>[hlmAlertDescription]]:text-warning-foreground/90',
-            danger: 'bg-danger text-danger-foreground [&>[hlmAlertDescription]]:text-danger-foreground/90',
-            info: 'bg-info text-info-foreground [&>[hlmAlertDescription]]:text-info-foreground/90',
-            light: 'bg-light text-light-foreground [&>[hlmAlertDescription]]:text-light-foreground/90',
-            dark: 'bg-dark text-dark-foreground [&>[hlmAlertDescription]]:text-dark-foreground/90',
-            accent: 'bg-accent text-accent-foreground [&>[hlmAlertDescription]]:text-accent-foreground/90',
-            destructive: 'bg-destructive text-destructive-foreground [&>[hlmAlertDescription]]:text-destructive-foreground/90',
-            muted: 'bg-muted text-muted-foreground [&>[hlmAlertDescription]]:text-muted-foreground/90',
-            link: 'text-primary underline-offset-4 [&>[hlmAlertDescription]]:text-primary/90',
-            ghost: '[&>[hlmAlertDescription]]:text-muted-foreground',
+            primary: "bg-primary text-primary-foreground [&>[hlmAlertDescription]]:text-primary-foreground/90",
+            secondary: "bg-secondary text-secondary-foreground [&>[hlmAlertDescription]]:text-secondary-foreground/90",
+            success: "bg-success text-success-foreground [&>[hlmAlertDescription]]:text-success-foreground/90",
+            warning: "bg-warning text-warning-foreground [&>[hlmAlertDescription]]:text-warning-foreground/90",
+            danger: "bg-danger text-danger-foreground [&>[hlmAlertDescription]]:text-danger-foreground/90",
+            info: "bg-info text-info-foreground [&>[hlmAlertDescription]]:text-info-foreground/90",
+            light: "bg-light text-light-foreground [&>[hlmAlertDescription]]:text-light-foreground/90",
+            dark: "bg-dark text-dark-foreground [&>[hlmAlertDescription]]:text-dark-foreground/90",
+            accent: "bg-accent text-accent-foreground [&>[hlmAlertDescription]]:text-accent-foreground/90",
+            destructive: "bg-destructive text-destructive-foreground [&>[hlmAlertDescription]]:text-destructive-foreground/90",
+            muted: "bg-muted text-muted-foreground [&>[hlmAlertDescription]]:text-muted-foreground/90",
+            link: "text-primary underline-offset-4 [&>[hlmAlertDescription]]:text-primary/90",
+            ghost: "[&>[hlmAlertDescription]]:text-muted-foreground",
         },
         appearance: {
             solid: '',
-            light: 'font-semibold',
+            light: "font-semibold",
         },
     },
     compoundVariants: [
         {
             variant: 'primary',
             appearance: 'light',
-            class: 'bg-primary/20 text-primary [&>[hlmAlertDescription]]:text-primary',
+            class: "bg-primary/20 text-primary [&>[hlmAlertDescription]]:text-primary",
         },
         {
             variant: 'secondary',
             appearance: 'light',
-            class: 'bg-secondary/20 text-secondary [&>[hlmAlertDescription]]:text-secondary',
+            class: "bg-secondary/20 text-secondary [&>[hlmAlertDescription]]:text-secondary",
         },
         {
             variant: 'success',
             appearance: 'light',
-            class: 'bg-success/20 text-success [&>[hlmAlertDescription]]:text-success',
+            class: "bg-success/20 text-success [&>[hlmAlertDescription]]:text-success",
         },
         {
             variant: 'warning',
             appearance: 'light',
-            class: 'bg-warning/20 text-warning [&>[hlmAlertDescription]]:text-warning',
+            class: "bg-warning/20 text-warning [&>[hlmAlertDescription]]:text-warning",
         },
         {
             variant: 'danger',
             appearance: 'light',
-            class: 'bg-danger/20 text-danger [&>[hlmAlertDescription]]:text-danger',
+            class: "bg-danger/20 text-danger [&>[hlmAlertDescription]]:text-danger",
         },
         {
             variant: 'info',
             appearance: 'light',
-            class: 'bg-info/20 text-info [&>[hlmAlertDescription]]:text-info',
+            class: "bg-info/20 text-info [&>[hlmAlertDescription]]:text-info",
         },
         {
             variant: 'light',
             appearance: 'light',
-            class: 'bg-light/20 text-light [&>[hlmAlertDescription]]:text-light',
+            class: "bg-light/20 text-light [&>[hlmAlertDescription]]:text-light",
         },
         {
             variant: 'dark',
             appearance: 'light',
-            class: 'bg-dark/20 text-dark [&>[hlmAlertDescription]]:text-dark',
+            class: "bg-dark/20 text-dark [&>[hlmAlertDescription]]:text-dark",
         },
         {
             variant: 'accent',
             appearance: 'light',
-            class: 'bg-accent/20 text-accent [&>[hlmAlertDescription]]:text-accent',
+            class: "bg-accent/20 text-accent [&>[hlmAlertDescription]]:text-accent",
         },
         {
             variant: 'destructive',
             appearance: 'light',
-            class: 'bg-destructive/20 text-destructive [&>[hlmAlertDescription]]:text-destructive',
+            class: "bg-destructive/20 text-destructive [&>[hlmAlertDescription]]:text-destructive",
         },
         {
             variant: 'muted',
             appearance: 'light',
-            class: 'bg-muted/20 text-muted [&>[hlmAlertDescription]]:text-muted',
+            class: "bg-muted/20 text-muted [&>[hlmAlertDescription]]:text-muted",
         },
         {
             variant: 'link',
             appearance: 'light',
-            class: 'bg-primary/10 text-primary [&>[hlmAlertDescription]]:text-primary',
+            class: "bg-primary/10 text-primary [&>[hlmAlertDescription]]:text-primary",
         },
         {
             variant: 'ghost',
             appearance: 'light',
-            class: 'bg-muted/10 text-muted-foreground [&>[hlmAlertDescription]]:text-muted-foreground',
+            class: "bg-muted/10 text-muted-foreground [&>[hlmAlertDescription]]:text-muted-foreground",
         },
     ],
     defaultVariants: {
@@ -109,10 +109,10 @@ class HlmAlert {
         appearance: this.appearance(),
     }), this.userClass()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlert, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmAlert, isStandalone: true, selector: "[hlmAlert]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "alert" }, properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlert, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlert, isStandalone: true, selector: "[hlmAlert]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "alert" }, properties: { "class": "_computedClass()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlert, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmAlert]',
@@ -125,12 +125,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmAlertDescription {
     userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
-    _computedClass = computed(() => hlm('text-current col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', this.userClass()), /* @ts-ignore */
+    _computedClass = computed(() => hlm("text-current col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", this.userClass()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmAlertDescription, isStandalone: true, selector: "[hlmAlertDesc],[hlmAlertDescription]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlertDescription, isStandalone: true, selector: "[hlmAlertDesc],[hlmAlertDescription]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmAlertDesc],[hlmAlertDescription]',
@@ -141,10 +141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
         }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
 
 class HlmAlertIcon {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmAlertIcon, isStandalone: true, selector: "[hlmAlertIcon]", providers: [provideHlmIconConfig({ size: 'sm' })], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertIcon, isStandalone: true, selector: "[hlmAlertIcon]", providers: [provideHlmIconConfig({ size: 'sm' })], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmAlertIcon]',
@@ -154,12 +154,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmAlertTitle {
     userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
-    _computedClass = computed(() => hlm('col-start-2 line-clamp-1 min-h-4 text-md font-semibold tracking-tight', this.userClass()), /* @ts-ignore */
+    _computedClass = computed(() => hlm("col-start-2 line-clamp-1 min-h-4 text-md font-semibold tracking-tight", this.userClass()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmAlertTitle, isStandalone: true, selector: "[hlmAlertTitle]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlertTitle, isStandalone: true, selector: "[hlmAlertTitle]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmAlertTitle]',
@@ -174,11 +174,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 const HlmAlertImports = [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon];
 class HlmAlertModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertModule, imports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon], exports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertModule, imports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon], exports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmAlertImports],
@@ -191,4 +191,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 
 export { HlmAlert, HlmAlertDescription, HlmAlertIcon, HlmAlertImports, HlmAlertModule, HlmAlertTitle };
-//# sourceMappingURL=alert.mjs.map
+