@egose/shadcn-theme-ng 0.0.27 → 0.1.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: {
@@ -99,17 +99,20 @@ const alertVariants = cva('relative w-full items-start gap-y-0.5 rounded-lg bord
     },
 });
 class HlmAlert {
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    variant = input('primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    appearance = input('solid', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
     _computedClass = computed(() => hlm(alertVariants({
         variant: this.variant(),
         appearance: this.appearance(),
-    }), this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlert, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", 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 });
+    }), this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    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: "20.3.15", 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]',
@@ -121,12 +124,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }] } });
 
 class HlmAlertDescription {
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('text-current col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", 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 });
+    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 */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    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: "20.3.15", 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]',
@@ -137,10 +141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
 
 class HlmAlertIcon {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", 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: "20.3.15", 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]',
@@ -149,12 +153,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }] });
 
 class HlmAlertTitle {
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('col-start-2 line-clamp-1 min-h-4 text-md font-semibold tracking-tight', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: HlmAlertTitle, isStandalone: true, selector: "[hlmAlertTitle]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    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 */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    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: "20.3.15", 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]',
@@ -169,11 +174,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 const HlmAlertImports = [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon];
 class HlmAlertModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertModule, imports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon], exports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", 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: "20.3.15", 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],
@@ -186,4 +191,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 
 export { HlmAlert, HlmAlertDescription, HlmAlertIcon, HlmAlertImports, HlmAlertModule, HlmAlertTitle };
-//# sourceMappingURL=alert.mjs.map
+

package/alert/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "alert",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.2.0 || ^22.0.0",
+    "@angular/core": "^20.2.0 || ^22.0.0",
+    "@spartan-ng/brain": "^0.0.1-alpha.512"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/alert.mjs",
+  "typings": "types/alert.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/alert.d.ts",
+      "default": "./fesm2022/alert.mjs"
+    }
+  },
+  "type": "module"
+}

package/alert-dialog/README.md

@@ -0,0 +1,11 @@
+# AlertDialog
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build alert-dialog
+```

package/alert-dialog/fesm2022/alert-dialog.mjs

@@ -0,0 +1,287 @@
+import * as i0 from '@angular/core';
+import { input, computed, effect, untracked, Directive, forwardRef, ChangeDetectionStrategy, Component, signal, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/alert-dialog';
+import { BrnAlertDialogOverlay, BrnAlertDialog, BRN_ALERT_DIALOG_DEFAULT_OPTIONS, BrnAlertDialogDescription, BrnAlertDialogContent, BrnAlertDialogTitle, BrnAlertDialogTrigger } from '@spartan-ng/brain/alert-dialog';
+import * as i1$2 from '@spartan-ng/brain/dialog';
+import { BrnDialog, provideBrnDialogDefaultOptions, BrnDialogClose } from '@spartan-ng/brain/dialog';
+import { injectCustomClassSettable, injectExposesStateProvider } from '@spartan-ng/brain/core';
+import { hlm, classes } from '@egose/shadcn-theme-ng/utils';
+import * as i1$1 from '@egose/shadcn-theme-ng/button';
+import { HlmBtn, provideBrnButtonConfig } from '@egose/shadcn-theme-ng/button';
+
+class HlmAlertDialogOverlay {
+    _classSettable = injectCustomClassSettable({ optional: true, host: true });
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const classValue = this._computedClass();
+            untracked(() => this._classSettable?.setClassToCustomElement(classValue));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogOverlay, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlertDialogOverlay, isStandalone: true, selector: "[hlmAlertDialogOverlay],hlm-alert-dialog-overlay", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.BrnAlertDialogOverlay }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogOverlay, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAlertDialogOverlay],hlm-alert-dialog-overlay',
+                    hostDirectives: [BrnAlertDialogOverlay],
+                }]
+        }], ctorParameters: () => [], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmAlertDialog extends BrnAlertDialog {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialog, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertDialog, isStandalone: true, selector: "hlm-alert-dialog", providers: [
+            {
+                provide: BrnDialog,
+                useExisting: forwardRef(() => HlmAlertDialog),
+            },
+            provideBrnDialogDefaultOptions({
+                ...BRN_ALERT_DIALOG_DEFAULT_OPTIONS,
+            }),
+        ], exportAs: ["hlmAlertDialog"], usesInheritance: true, ngImport: i0, template: `
+    <hlm-alert-dialog-overlay />
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "directive", type: HlmAlertDialogOverlay, selector: "[hlmAlertDialogOverlay],hlm-alert-dialog-overlay", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialog, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-alert-dialog',
+                    exportAs: 'hlmAlertDialog',
+                    imports: [HlmAlertDialogOverlay],
+                    providers: [
+                        {
+                            provide: BrnDialog,
+                            useExisting: forwardRef(() => HlmAlertDialog),
+                        },
+                        provideBrnDialogDefaultOptions({
+                            ...BRN_ALERT_DIALOG_DEFAULT_OPTIONS,
+                        }),
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <hlm-alert-dialog-overlay />
+    <ng-content />
+  `,
+                }]
+        }] });
+
+class HlmAlertDialogAction {
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlertDialogAction, isStandalone: true, selector: "button[hlmAlertDialogAction]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "alert-dialog-action" }, properties: { "type": "type()" } }, hostDirectives: [{ directive: i1$1.HlmBtn, inputs: ["variant", "variant", "size", "size"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogAction, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmAlertDialogAction]',
+                    hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],
+                    host: { 'data-slot': 'alert-dialog-action', '[type]': 'type()' },
+                }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+
+class HlmAlertDialogCancel {
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogCancel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlertDialogCancel, isStandalone: true, selector: "button[hlmAlertDialogCancel]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "alert-dialog-cancel" }, properties: { "type": "type()" } }, providers: [provideBrnButtonConfig({ variant: 'outline' })], hostDirectives: [{ directive: i1$2.BrnDialogClose }, { directive: i1$1.HlmBtn, inputs: ["variant", "variant", "size", "size"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogCancel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmAlertDialogCancel]',
+                    providers: [provideBrnButtonConfig({ variant: 'outline' })],
+                    hostDirectives: [BrnDialogClose, { directive: HlmBtn, inputs: ['variant', 'size'] }],
+                    host: { 'data-slot': 'alert-dialog-cancel', '[type]': 'type()' },
+                }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+
+class HlmAlertDialogContent {
+    _stateProvider = injectExposesStateProvider({ optional: true, host: true });
+    state = this._stateProvider?.state ?? signal('closed');
+    size = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-popover text-popover-foreground ring-foreground/10 gap-6 rounded-xl p-6 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg group/alert-dialog-content grid w-full outline-none");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlertDialogContent, isStandalone: true, selector: "[hlmAlertDialogContent],hlm-alert-dialog-content", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "alert-dialog-content" }, properties: { "attr.data-state": "state()", "attr.data-size": "size()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAlertDialogContent],hlm-alert-dialog-content',
+                    host: {
+                        'data-slot': 'alert-dialog-content',
+                        '[attr.data-state]': 'state()',
+                        '[attr.data-size]': 'size()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class HlmAlertDialogDescription {
+    constructor() {
+        classes(() => "text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertDialogDescription, isStandalone: true, selector: "[hlmAlertDialogDescription]", host: { attributes: { "data-slot": "alert-dialog-description" } }, hostDirectives: [{ directive: i1.BrnAlertDialogDescription }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAlertDialogDescription]',
+                    hostDirectives: [BrnAlertDialogDescription],
+                    host: { 'data-slot': 'alert-dialog-description' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAlertDialogFooter {
+    constructor() {
+        classes(() => "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertDialogFooter, isStandalone: true, selector: "[hlmAlertDialogFooter],hlm-alert-dialog-footer", host: { attributes: { "data-slot": "alert-dialog-footer" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAlertDialogFooter],hlm-alert-dialog-footer',
+                    host: { 'data-slot': 'alert-dialog-footer' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAlertDialogHeader {
+    constructor() {
+        classes(() => "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertDialogHeader, isStandalone: true, selector: "[hlmAlertDialogHeader],hlm-alert-dialog-header", host: { attributes: { "data-slot": "alert-dialog-header" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAlertDialogHeader],hlm-alert-dialog-header',
+                    host: { 'data-slot': 'alert-dialog-header' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAlertDialogMedia {
+    constructor() {
+        classes(() => "bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[ng-icon:not([class*='text-'])]:text-[length:--spacing(8)]");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogMedia, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertDialogMedia, isStandalone: true, selector: "[hlmAlertDialogMedia],hlm-alert-dialog-media", host: { attributes: { "data-slot": "alert-dialog-media" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogMedia, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAlertDialogMedia],hlm-alert-dialog-media',
+                    host: { 'data-slot': 'alert-dialog-media' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAlertDialogPortal {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertDialogPortal, isStandalone: true, selector: "[hlmAlertDialogPortal]", hostDirectives: [{ directive: i1.BrnAlertDialogContent, inputs: ["context", "context", "class", "class"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAlertDialogPortal]',
+                    hostDirectives: [{ directive: BrnAlertDialogContent, inputs: ['context', 'class'] }],
+                }]
+        }] });
+
+class HlmAlertDialogTitle {
+    constructor() {
+        classes(() => "text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertDialogTitle, isStandalone: true, selector: "[hlmAlertDialogTitle]", host: { attributes: { "data-slot": "alert-dialog-title" } }, hostDirectives: [{ directive: i1.BrnAlertDialogTitle }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAlertDialogTitle]',
+                    hostDirectives: [BrnAlertDialogTitle],
+                    host: { 'data-slot': 'alert-dialog-title' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAlertDialogTrigger {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertDialogTrigger, isStandalone: true, selector: "button[hlmAlertDialogTrigger],button[hlmAlertDialogTriggerFor]", host: { attributes: { "data-slot": "alert-dialog-trigger" } }, hostDirectives: [{ directive: i1.BrnAlertDialogTrigger, inputs: ["id", "id", "brnAlertDialogTriggerFor", "hlmAlertDialogTriggerFor", "type", "type"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmAlertDialogTrigger],button[hlmAlertDialogTriggerFor]',
+                    hostDirectives: [
+                        { directive: BrnAlertDialogTrigger, inputs: ['id', 'brnAlertDialogTriggerFor: hlmAlertDialogTriggerFor', 'type'] },
+                    ],
+                    host: { 'data-slot': 'alert-dialog-trigger' },
+                }]
+        }] });
+
+/*
+ * Public API Surface of alert-dialog
+ */
+const HlmAlertDialogImports = [
+    HlmAlertDialog,
+    HlmAlertDialogAction,
+    HlmAlertDialogCancel,
+    HlmAlertDialogContent,
+    HlmAlertDialogDescription,
+    HlmAlertDialogFooter,
+    HlmAlertDialogHeader,
+    HlmAlertDialogMedia,
+    HlmAlertDialogOverlay,
+    HlmAlertDialogPortal,
+    HlmAlertDialogTitle,
+    HlmAlertDialogTrigger,
+];
+class HlmAlertDialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogModule, imports: [HlmAlertDialog,
+            HlmAlertDialogAction,
+            HlmAlertDialogCancel,
+            HlmAlertDialogContent,
+            HlmAlertDialogDescription,
+            HlmAlertDialogFooter,
+            HlmAlertDialogHeader,
+            HlmAlertDialogMedia,
+            HlmAlertDialogOverlay,
+            HlmAlertDialogPortal,
+            HlmAlertDialogTitle,
+            HlmAlertDialogTrigger], exports: [HlmAlertDialog,
+            HlmAlertDialogAction,
+            HlmAlertDialogCancel,
+            HlmAlertDialogContent,
+            HlmAlertDialogDescription,
+            HlmAlertDialogFooter,
+            HlmAlertDialogHeader,
+            HlmAlertDialogMedia,
+            HlmAlertDialogOverlay,
+            HlmAlertDialogPortal,
+            HlmAlertDialogTitle,
+            HlmAlertDialogTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmAlertDialogImports],
+                    exports: [...HlmAlertDialogImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmAlertDialog, HlmAlertDialogAction, HlmAlertDialogCancel, HlmAlertDialogContent, HlmAlertDialogDescription, HlmAlertDialogFooter, HlmAlertDialogHeader, HlmAlertDialogImports, HlmAlertDialogMedia, HlmAlertDialogModule, HlmAlertDialogOverlay, HlmAlertDialogPortal, HlmAlertDialogTitle, HlmAlertDialogTrigger };
+

package/alert-dialog/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "alert-dialog",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/alert-dialog.mjs",
+  "typings": "types/alert-dialog.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/alert-dialog.d.ts",
+      "default": "./fesm2022/alert-dialog.mjs"
+    }
+  },
+  "type": "module"
+}