@egose/shadcn-theme-ng-tw 0.0.28 → 0.2.0

package/command/fesm2022/command.mjs

@@ -12,12 +12,12 @@ import { HlmInputGroupImports } from '@egose/shadcn-theme-ng-tw/input-group';
 
 class HlmCommand {
     constructor() {
-        classes(() => 'bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden');
+        classes(() => 'tw:bg-popover tw:text-popover-foreground tw:rounded-xl! tw:p-1 tw:flex tw:size-full tw:flex-col tw:overflow-hidden');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommand, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommand, isStandalone: true, selector: "[hlmCommand],hlm-command", host: { attributes: { "data-slot": "command" } }, hostDirectives: [{ directive: i1.BrnCommand, inputs: ["id", "id", "filter", "filter", "search", "search", "disabled", "disabled"], outputs: ["valueChange", "valueChange", "searchChange", "searchChange"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommand, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommand, isStandalone: true, selector: "[hlmCommand],hlm-command", host: { attributes: { "data-slot": "command" } }, hostDirectives: [{ directive: i1.BrnCommand, inputs: ["id", "id", "filter", "filter", "search", "search", "disabled", "disabled"], outputs: ["valueChange", "valueChange", "searchChange", "searchChange"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommand, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommand, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmCommand],hlm-command',
@@ -46,22 +46,22 @@ class HlmCommandDialog {
     showCloseButton = input(false, { ...(ngDevMode ? { debugName: "showCloseButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     dialogContentClass = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dialogContentClass" }] : /* istanbul ignore next */ []));
-    _computedDialogContentClass = computed(() => hlm('w-96 p-0', this.dialogContentClass()), /* @ts-ignore */
+    _computedDialogContentClass = computed(() => hlm('tw:w-96 tw:p-0', this.dialogContentClass()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_computedDialogContentClass" }] : /* istanbul ignore next */ []));
     stateChange = output();
     stateChanged(state) {
         this.stateChange.emit(state);
         this._state.set(state);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmCommandDialog, isStandalone: true, selector: "hlm-command-dialog", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, dialogContentClass: { classPropertyName: "dialogContentClass", publicName: "dialogContentClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stateChange: "stateChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmCommandDialog, isStandalone: true, selector: "hlm-command-dialog", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, dialogContentClass: { classPropertyName: "dialogContentClass", publicName: "dialogContentClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stateChange: "stateChange" }, ngImport: i0, template: `
     <hlm-dialog [state]="_state()" (stateChanged)="stateChanged($event)">
       <hlm-dialog-content
         *hlmDialogPortal="let ctx"
         [class]="_computedDialogContentClass()"
         [showCloseButton]="showCloseButton()"
       >
-        <hlm-dialog-header class="sr-only">
+        <hlm-dialog-header class="tw:sr-only">
           <h2 hlmDialogTitle>{{ title() }}</h2>
           <p hlmDialogDescription>{{ description() }}</p>
         </hlm-dialog-header>
@@ -70,7 +70,7 @@ class HlmCommandDialog {
     </hlm-dialog>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.HlmDialog, selector: "hlm-dialog", exportAs: ["hlmDialog"] }, { kind: "component", type: i1$1.HlmDialogContent, selector: "hlm-dialog-content", inputs: ["showCloseButton"] }, { kind: "directive", type: i1$1.HlmDialogDescription, selector: "[hlmDialogDescription]" }, { kind: "directive", type: i1$1.HlmDialogHeader, selector: "[hlmDialogHeader],hlm-dialog-header" }, { kind: "directive", type: i1$1.HlmDialogPortal, selector: "[hlmDialogPortal]" }, { kind: "directive", type: i1$1.HlmDialogTitle, selector: "[hlmDialogTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandDialog, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-command-dialog',
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
         [class]="_computedDialogContentClass()"
         [showCloseButton]="showCloseButton()"
       >
-        <hlm-dialog-header class="sr-only">
+        <hlm-dialog-header class="tw:sr-only">
           <h2 hlmDialogTitle>{{ title() }}</h2>
           <p hlmDialogDescription>{{ description() }}</p>
         </hlm-dialog-header>
@@ -96,12 +96,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmCommandEmpty {
     constructor() {
-        classes(() => 'py-6 text-center text-sm');
+        classes(() => 'tw:py-6 tw:text-center tw:text-sm');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandEmpty, isStandalone: true, selector: "[hlmCommandEmpty]", host: { attributes: { "data-slot": "command-empty" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandEmpty, isStandalone: true, selector: "[hlmCommandEmpty]", host: { attributes: { "data-slot": "command-empty" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandEmpty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandEmpty, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmCommandEmpty]',
@@ -112,10 +112,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
         }], ctorParameters: () => [] });
 
 class HlmCommandEmptyState {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandEmptyState, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandEmptyState, isStandalone: true, selector: "[hlmCommandEmptyState]", hostDirectives: [{ directive: i1.BrnCommandEmpty }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandEmptyState, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandEmptyState, isStandalone: true, selector: "[hlmCommandEmptyState]", hostDirectives: [{ directive: i1.BrnCommandEmpty }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandEmptyState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandEmptyState, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmCommandEmptyState]',
@@ -125,12 +125,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmCommandGroup {
     constructor() {
-        classes(() => 'text-foreground **:data-[slot=command-group-label]:text-muted-foreground overflow-hidden p-1 **:data-[slot=command-group-label]:px-2 **:data-[slot=command-group-label]:py-1.5 **:data-[slot=command-group-label]:text-xs **:data-[slot=command-group-label]:font-medium block data-hidden:hidden');
+        classes(() => 'tw:text-foreground tw:**:data-[slot=command-group-label]:text-muted-foreground tw:overflow-hidden tw:p-1 tw:**:data-[slot=command-group-label]:px-2 tw:**:data-[slot=command-group-label]:py-1.5 tw:**:data-[slot=command-group-label]:text-xs tw:**:data-[slot=command-group-label]:font-medium tw:block tw:data-hidden:hidden');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandGroup, isStandalone: true, selector: "[hlmCommandGroup],hlm-command-group", host: { attributes: { "data-slot": "command-group" } }, hostDirectives: [{ directive: i1.BrnCommandGroup, inputs: ["id", "id"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandGroup, isStandalone: true, selector: "[hlmCommandGroup],hlm-command-group", host: { attributes: { "data-slot": "command-group" } }, hostDirectives: [{ directive: i1.BrnCommandGroup, inputs: ["id", "id"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmCommandGroup],hlm-command-group',
@@ -148,12 +148,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmCommandGroupLabel {
     constructor() {
-        classes(() => 'inline-block');
+        classes(() => 'tw:inline-block');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandGroupLabel, isStandalone: true, selector: "[hlmCommandGroupLabel],hlm-command-group-label", host: { attributes: { "data-slot": "command-group-label", "role": "presentation" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandGroupLabel, isStandalone: true, selector: "[hlmCommandGroupLabel],hlm-command-group-label", host: { attributes: { "data-slot": "command-group-label", "role": "presentation" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandGroupLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandGroupLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmCommandGroupLabel],hlm-command-group-label',
@@ -170,28 +170,28 @@ class HlmCommandInput {
     placeholder = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     constructor() {
-        classes(() => 'p-1 pb-0');
+        classes(() => 'tw:p-1 tw:pb-0');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmCommandInput, isStandalone: true, selector: "hlm-command-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "command-input-wrapper" } }, providers: [provideIcons({ lucideSearch })], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmCommandInput, isStandalone: true, selector: "hlm-command-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "command-input-wrapper" } }, providers: [provideIcons({ lucideSearch })], ngImport: i0, template: `
     <hlm-input-group
-      class="bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!"
+      class="tw:bg-input/30 tw:border-input/30 tw:h-8! tw:rounded-lg! tw:shadow-none! tw:*:data-[slot=input-group-addon]:pl-2!"
     >
       <input
         brnCommandInput
         data-slot="command-input"
-        class="w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50"
+        class="tw:w-full tw:text-sm tw:outline-hidden tw:disabled:cursor-not-allowed tw:disabled:opacity-50"
         [id]="inputId()"
         [placeholder]="placeholder()"
       />
 
       <hlm-input-group-addon>
-        <ng-icon name="lucideSearch" class="shrink-0 text-[length:--spacing(4)] opacity-50" />
+        <ng-icon name="lucideSearch" class="tw:shrink-0 tw:text-[length:--spacing(4)] tw:opacity-50" />
       </hlm-input-group-addon>
     </hlm-input-group>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.HlmInputGroup, selector: "[hlmInputGroup],hlm-input-group" }, { kind: "directive", type: i1$2.HlmInputGroupAddon, selector: "[hlmInputGroupAddon],hlm-input-group-addon", inputs: ["align"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: BrnCommandInput, selector: "input[brnCommandInput]", inputs: ["id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-command-input',
@@ -203,18 +203,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     },
                     template: `
     <hlm-input-group
-      class="bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!"
+      class="tw:bg-input/30 tw:border-input/30 tw:h-8! tw:rounded-lg! tw:shadow-none! tw:*:data-[slot=input-group-addon]:pl-2!"
     >
       <input
         brnCommandInput
         data-slot="command-input"
-        class="w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50"
+        class="tw:w-full tw:text-sm tw:outline-hidden tw:disabled:cursor-not-allowed tw:disabled:opacity-50"
         [id]="inputId()"
         [placeholder]="placeholder()"
       />
 
       <hlm-input-group-addon>
-        <ng-icon name="lucideSearch" class="shrink-0 text-[length:--spacing(4)] opacity-50" />
+        <ng-icon name="lucideSearch" class="tw:shrink-0 tw:text-[length:--spacing(4)] tw:opacity-50" />
       </hlm-input-group-addon>
     </hlm-input-group>
   `,
@@ -223,12 +223,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmCommandItem {
     constructor() {
-        classes(() => "data-selected:bg-muted data-selected:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] group/command-item w-full data-disabled:pointer-events-none data-disabled:opacity-50 data-hidden:hidden [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0");
+        classes(() => "tw:data-selected:bg-muted tw:data-selected:text-foreground tw:relative tw:flex tw:cursor-default tw:items-center tw:gap-2 tw:rounded-sm tw:px-2 tw:py-1.5 tw:text-sm tw:outline-hidden tw:select-none tw:in-data-[slot=dialog-content]:rounded-lg! tw:[&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] tw:group/command-item tw:w-full tw:data-disabled:pointer-events-none tw:data-disabled:opacity-50 tw:data-hidden:hidden tw:[&>ng-icon]:pointer-events-none tw:[&>ng-icon]:shrink-0");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandItem, isStandalone: true, selector: "button[hlmCommandItem],button[hlm-command-item]", host: { attributes: { "data-slot": "command-item" } }, hostDirectives: [{ directive: i1.BrnCommandItem, inputs: ["value", "value", "disabled", "disabled", "id", "id"], outputs: ["selected", "selected"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandItem, isStandalone: true, selector: "button[hlmCommandItem],button[hlm-command-item]", host: { attributes: { "data-slot": "command-item" } }, hostDirectives: [{ directive: i1.BrnCommandItem, inputs: ["value", "value", "disabled", "disabled", "id", "id"], outputs: ["selected", "selected"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandItem, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[hlmCommandItem],button[hlm-command-item]',
@@ -247,12 +247,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmCommandList {
     constructor() {
-        classes(() => 'no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto');
+        classes(() => 'no-scrollbar tw:max-h-72 tw:scroll-py-1 tw:outline-none tw:overflow-x-hidden tw:overflow-y-auto');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandList, isStandalone: true, selector: "[hlmCommandList],hlm-command-list", host: { attributes: { "data-slot": "command-list" } }, hostDirectives: [{ directive: i1.BrnCommandList, inputs: ["id", "id"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandList, isStandalone: true, selector: "[hlmCommandList],hlm-command-list", host: { attributes: { "data-slot": "command-list" } }, hostDirectives: [{ directive: i1.BrnCommandList, inputs: ["id", "id"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandList, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmCommandList],hlm-command-list',
@@ -270,12 +270,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmCommandSeparator {
     constructor() {
-        classes(() => 'bg-border -mx-1 h-px w-auto block data-hidden:hidden');
+        classes(() => 'tw:bg-border tw:-mx-1 tw:h-px tw:w-auto tw:block tw:data-hidden:hidden');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandSeparator, isStandalone: true, selector: "[hlmCommandSeparator],hlm-command-separator", host: { attributes: { "data-slot": "command-separator" } }, hostDirectives: [{ directive: i1.BrnCommandSeparator }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandSeparator, isStandalone: true, selector: "[hlmCommandSeparator],hlm-command-separator", host: { attributes: { "data-slot": "command-separator" } }, hostDirectives: [{ directive: i1.BrnCommandSeparator }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmCommandSeparator],hlm-command-separator',
@@ -288,12 +288,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmCommandShortcut {
     constructor() {
-        classes(() => 'text-muted-foreground group-data-[selected]/command-item:text-foreground ms-auto text-xs tracking-widest');
+        classes(() => 'tw:text-muted-foreground tw:group-data-[selected]/command-item:text-foreground tw:ms-auto tw:text-xs tw:tracking-widest');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandShortcut, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCommandShortcut, isStandalone: true, selector: "[hlmCommandShortcut],hlm-command-shortcut", host: { attributes: { "data-slot": "command-shortcut" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandShortcut, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCommandShortcut, isStandalone: true, selector: "[hlmCommandShortcut],hlm-command-shortcut", host: { attributes: { "data-slot": "command-shortcut" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandShortcut, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandShortcut, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmCommandShortcut],hlm-command-shortcut',
@@ -320,8 +320,8 @@ const HlmCommandImports = [
     HlmCommandShortcut,
 ];
 class HlmCommandModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandModule, imports: [HlmCommand,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandModule, imports: [HlmCommand,
             HlmCommandDialog,
             HlmCommandEmpty,
             HlmCommandEmptyState,
@@ -342,10 +342,10 @@ class HlmCommandModule {
             HlmCommandList,
             HlmCommandSeparator,
             HlmCommandShortcut] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandModule, imports: [HlmCommandDialog,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandModule, imports: [HlmCommandDialog,
             HlmCommandInput] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCommandModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCommandModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmCommandImports],
@@ -358,4 +358,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 
 export { HlmCommand, HlmCommandDialog, HlmCommandEmpty, HlmCommandEmptyState, HlmCommandGroup, HlmCommandGroupLabel, HlmCommandImports, HlmCommandInput, HlmCommandItem, HlmCommandList, HlmCommandModule, HlmCommandSeparator, HlmCommandShortcut };
-//# sourceMappingURL=command.mjs.map
+

package/confirmation-dialog/README.md

@@ -1,64 +1,302 @@
-# ConfirmationDialog
+# Confirmation Dialog (`@egose/shadcn-theme-ng/confirmation-dialog`)
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+A promise-based "Are you sure?" modal — the Angular equivalent of a shadcn/ui `AlertDialog` confirmation shortcut. Instead of composing dialog primitives by hand, you call `EgConfirmationDialogService.showConfirmationDialog({ title, description })` and `await` a `Promise<boolean>` (`true` = Confirm, `false` = Cancel/dismiss). The rendered `EgConfirmationDialog` component itself (warning icon + title + description + Cancel/Confirm footer) is opened through `HlmDialogService` from `@egose/shadcn-theme-ng/dialog` with a `BrnDialogRef<boolean>` result. There is no `*Imports` array and no `*Module` — the public surface is the component, the service, and a deprecated misspelled alias.
 
-## Code scaffolding
+Ships as `@egose/shadcn-theme-ng/confirmation-dialog` and `@egose/shadcn-theme-ng-tw/confirmation-dialog` (the `tw:`-prefixed variant). See the [package README](../../README.md) for install, peer dependencies, and Tailwind setup. Do not publish this project directory independently — it is consumed via the published subpath only.
 
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+## Installation
 
 ```bash
-ng generate component component-name
+# Plain Tailwind (no prefix):
+npm install @egose/shadcn-theme-ng
+
+# Or the tw:-prefixed variant:
+npm install @egose/shadcn-theme-ng-tw
 ```
 
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+Peers are listed in the [package README](../../README.md). This subpath declares `@angular/common` and `@angular/core` as peers (see `projects/confirmation-dialog/package.json`); at runtime it uses `@egose/shadcn-theme-ng/dialog`, `button`, `alert`, and `icon`, so install the whole package.
 
-```bash
-ng generate --help
+## Imports
+
+The public API (`projects/confirmation-dialog/src/public-api.ts`) exports exactly:
+
+```ts
+import {
+  EgConfirmationDialog,
+  EgConfirmationDialogService,
+  // Deprecated misspelled alias (type + const) — do not use in new code:
+  EgConfirmationDiaglog,
+} from '@egose/shadcn-theme-ng/confirmation-dialog';
+// tw variant:
+// import { ... } from '@egose/shadcn-theme-ng-tw/confirmation-dialog';
 ```
 
-## Building
+There is no `EgConfirmationDialogImports` and no `EgConfirmationDialogModule`. The service is `@Injectable({ providedIn: 'root' })` — just inject it:
 
-To build the library, run:
+```ts
+import { Component, inject } from '@angular/core';
+import { EgConfirmationDialogService } from '@egose/shadcn-theme-ng/confirmation-dialog';
 
-```bash
-ng build confirmation-dialog
+@Component({ selector: 'app-demo', standalone: true, template: `...` })
+export class DemoComponent {
+  private readonly confirm = inject(EgConfirmationDialogService);
+}
+```
+
+> `EgConfirmationDiaglog` (missing the second `a`) is a deprecated type+const alias for `EgConfirmationDialog` kept for back-compat. It will be removed in the next major release — use the correctly spelled name.
+
+## Anatomy / Structure
+
+You never write the dialog markup yourself — the service opens this fixed template:
+
+```html
+<!-- Rendered by EgConfirmationDialog (fixed internal template) -->
+<hlm-dialog-header>
+  <div class="tw:flex tw:items-center tw:gap-1">
+    <ng-icon hlm hlmAlertIcon name="lucideTriangleAlert" size="base" />
+    <h3 hlmDialogTitle>{{ title }}</h3>
+  </div>
+  <p hlmDialogDescription>{{ description }}</p>
+</hlm-dialog-header>
+
+<hlm-dialog-footer>
+  <button hlmButton variant="secondary" appearance="outline">Cancel</button>
+  <button hlmButton variant="danger">Confirm</button>
+</hlm-dialog-footer>
 ```
 
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+- `EgConfirmationDialog` has **no selector** — it is instantiated by `HlmDialogService.open<boolean>(EgConfirmationDialog, { context: { title, description } })`.
+- Title/description fall back to `'Are you absolutely sure?'` / `'This action cannot be undone.'` when the context omits them.
+- `close(confirm: boolean)` closes the `BrnDialogRef<boolean>` with the result; Cancel resolves `false`, Confirm resolves `true`, and dismissing (X / backdrop / Escape) resolves `false` via `closed$ ?? false`.
 
-### Publishing the Library
+## API reference
 
-Once the project is built, you can publish your library by following these steps:
+### `EgConfirmationDialogService`
 
-1. Navigate to the `dist` directory:
+`@Injectable({ providedIn: 'root' })`, constructor-injects `HlmDialogService`.
 
-   ```bash
-   cd dist/confirmation-dialog
-   ```
+| Method                   | Signature                                                                              | Description                                                                                        |
+| ------------------------ | -------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
+| `showConfirmationDialog` | `({ title, description }: { title: string; description: string }) => Promise<boolean>` | Opens the modal with the given copy; resolves `true` on Confirm, `false` on Cancel or any dismiss. |
 
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
+Implementation detail: subscribes to `dialogRef.closed$` once per call and resolves `confirm ?? false`.
 
-## Running unit tests
+### `EgConfirmationDialog`
 
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+Standalone component (no selector), opened via the dialog service.
 
-```bash
-ng test
+| Member  | Type                         | Description                                                                                 |
+| ------- | ---------------------------- | ------------------------------------------------------------------------------------------- |
+| `close` | `(confirm: boolean) => void` | Closes the dialog with the boolean result. Wired to the two footer buttons in the template. |
+
+Reads `{ title, description }` from `injectBrnDialogContext()`.
+
+## Examples
+
+### 1. Basic delete confirmation (`async/await`)
+
+```ts
+import { Component, inject } from '@angular/core';
+import { EgConfirmationDialogService } from '@egose/shadcn-theme-ng/confirmation-dialog';
+
+@Component({
+  selector: 'app-delete-button',
+  standalone: true,
+  template: `<button type="button" (click)="onDelete()">Delete project</button>`,
+})
+export class DeleteButtonComponent {
+  private readonly confirm = inject(EgConfirmationDialogService);
+
+  async onDelete() {
+    const ok = await this.confirm.showConfirmationDialog({
+      title: 'Delete project?',
+      description: 'This will permanently delete the project and all of its data.',
+    });
+    if (ok) {
+      console.log('deleting…');
+    }
+  }
+}
 ```
 
-## Running end-to-end tests
+### 2. Promise-chain style (no `async`)
 
-For end-to-end (e2e) testing, run:
+```ts
+import { Component, inject } from '@angular/core';
+import { EgConfirmationDialogService } from '@egose/shadcn-theme-ng/confirmation-dialog';
 
-```bash
-ng e2e
+@Component({
+  selector: 'app-leave-page',
+  standalone: true,
+  template: `<button type="button" (click)="leave()">Discard changes</button>`,
+})
+export class LeavePageComponent {
+  private readonly confirm = inject(EgConfirmationDialogService);
+
+  leave() {
+    this.confirm
+      .showConfirmationDialog({
+        title: 'Discard unsaved changes?',
+        description: 'Your edits will be lost if you leave this page.',
+      })
+      .then((ok) => {
+        if (ok) console.log('navigating away…');
+      });
+  }
+}
+```
+
+### 3. Destructive row action in a table
+
+Each row awaits its own confirmation before mutating the list.
+
+```ts
+import { Component, inject, signal } from '@angular/core';
+import { EgConfirmationDialogService } from '@egose/shadcn-theme-ng/confirmation-dialog';
+
+interface Member {
+  id: number;
+  name: string;
+}
+
+@Component({
+  selector: 'app-members-table',
+  standalone: true,
+  template: `
+    <ul>
+      @for (m of members(); track m.id) {
+        <li class="flex items-center justify-between py-1">
+          <span>{{ m.name }}</span>
+          <button type="button" (click)="remove(m)">Remove</button>
+        </li>
+      }
+    </ul>
+  `,
+})
+export class MembersTableComponent {
+  private readonly confirm = inject(EgConfirmationDialogService);
+  readonly members = signal<Member[]>([
+    { id: 1, name: 'Ada' },
+    { id: 2, name: 'Grace' },
+  ]);
+
+  async remove(m: Member) {
+    const ok = await this.confirm.showConfirmationDialog({
+      title: `Remove ${m.name}?`,
+      description: `${m.name} will lose access immediately. You can re-invite them later.`,
+    });
+    if (ok) this.members.update((ms) => ms.filter((x) => x.id !== m.id));
+  }
+}
+```
+
+### 4. Guarding a reactive form reset
+
+```ts
+import { Component, inject } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { EgConfirmationDialogService } from '@egose/shadcn-theme-ng/confirmation-dialog';
+
+@Component({
+  selector: 'app-settings-form',
+  standalone: true,
+  imports: [ReactiveFormsModule],
+  template: `
+    <form [formGroup]="form">
+      <input formControlName="name" placeholder="Workspace name" />
+      <button type="button" (click)="reset()">Reset to defaults</button>
+    </form>
+  `,
+})
+export class SettingsFormComponent {
+  private readonly confirm = inject(EgConfirmationDialogService);
+  readonly form = new FormGroup({ name: new FormControl('acme') });
+
+  async reset() {
+    if (this.form.pristine) return;
+    const ok = await this.confirm.showConfirmationDialog({
+      title: 'Reset settings?',
+      description: 'All fields return to their default values.',
+    });
+    if (ok) this.form.reset({ name: 'acme' });
+  }
+}
+```
+
+### 5. Sequential confirmations (two-step destructive flow)
+
+Await twice — e.g. confirm scope, then confirm irreversibility.
+
+```ts
+import { Component, inject } from '@angular/core';
+import { EgConfirmationDialogService } from '@egose/shadcn-theme-ng/confirmation-dialog';
+
+@Component({
+  selector: 'app-purge-flow',
+  standalone: true,
+  template: `<button type="button" (click)="purge()">Purge organization</button>`,
+})
+export class PurgeFlowComponent {
+  private readonly confirm = inject(EgConfirmationDialogService);
+
+  async purge() {
+    const step1 = await this.confirm.showConfirmationDialog({
+      title: 'Purge all data?',
+      description: 'This affects every project in the organization.',
+    });
+    if (!step1) return;
+
+    const step2 = await this.confirm.showConfirmationDialog({
+      title: 'Are you absolutely sure?',
+      description: 'This action cannot be undone. Backups are deleted too.',
+    });
+    if (step2) console.log('purging…');
+  }
+}
+```
+
+### 6. Opening the component directly (custom dialog options)
+
+If you need non-default dialog chrome (different `contentClass`, close behavior), bypass the service and use `HlmDialogService` with `EgConfirmationDialog` directly.
+
+```ts
+import { Component, inject } from '@angular/core';
+import { EgConfirmationDialog } from '@egose/shadcn-theme-ng/confirmation-dialog';
+import { HlmDialogService } from '@egose/shadcn-theme-ng/dialog';
+
+@Component({
+  selector: 'app-custom-open',
+  standalone: true,
+  template: `<button type="button" (click)="open()">Review defaults</button>`,
+})
+export class CustomOpenComponent {
+  private readonly dialogs = inject(HlmDialogService);
+
+  open() {
+    // No title/description → component falls back to its default copy.
+    const ref = this.dialogs.open<boolean>(EgConfirmationDialog, {
+      context: { title: '', description: '' },
+      contentClass: 'sm:max-w-md',
+    });
+    ref.closed$.subscribe((ok) => console.log('result:', ok ?? false));
+  }
+}
 ```
 
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+## Accessibility notes
+
+- The dialog uses the standard `hlm-dialog` primitives (`hlmDialogTitle` + `hlmDialogDescription`), so screen readers announce title/description on open and focus is trapped/moved per the dialog service.
+- Confirm is styled `variant="danger"` and Cancel `variant="secondary" appearance="outline"` — the safe action is visually distinct; keyboard order is Cancel → Confirm.
+- Dismiss (Escape/backdrop/X) resolves `false` — the destructive path always requires an explicit Confirm click.
+- Keep `title`/`description` specific ("Delete 'Q3 report'?") rather than generic so SR users hear the consequence without surrounding context.
+
+## Theming / CSS variables
+
+No component-specific CSS variables. The icon uses `hlmAlertIcon` (warning treatment), the title is `text-xl`, the description `text-base text-gray-700`, and the footer is `mt-4`. Buttons follow the shared `hlmButton` `secondary`/`danger` variants in both themes.
 
-## Additional Resources
+## Related subpaths
 
-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.
+- `@egose/shadcn-theme-ng/dialog` — `HlmDialogService.open`, title/description/footer primitives behind this shortcut.
+- `@egose/shadcn-theme-ng/alert-dialog` — fully custom alert dialogs when you need your own buttons/copy/layout.
+- `@egose/shadcn-theme-ng/button` — `secondary`/`danger` variants used by the footer.
+- `@egose/shadcn-theme-ng/alert` — `HlmAlertIcon` warning treatment for the header icon.