@mgremy/ng-primitives 0.13.0 → 0.14.1

package/fesm2022/mgremy-ng-primitives-switch.mjs

@@ -1,54 +1,81 @@
 import * as i0 from '@angular/core';
-import { inject, Directive } from '@angular/core';
-import { NgpSwitch, NgpSwitchThumb } from 'ng-primitives/switch';
+import { Directive } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from 'ng-primitives/switch';
+import { injectSwitchState, provideSwitchState, NgpSwitch, injectSwitchThumbState, provideSwitchThumbState, NgpSwitchThumb } from 'ng-primitives/switch';
+import { provideValueAccessor } from 'ng-primitives/utils';
 
-const options$1 = ['ngpSwitch'];
-const error$1 = new Error(`MgnpSwitch must be used with ${options$1.join(' / ')}`);
 class MgnpSwitch {
-    _ngpSwitch = inject(NgpSwitch, { optional: true });
+    state = injectSwitchState();
+    onChangeFn;
+    onTouchedFn;
     constructor() {
-        if (!this._ngpSwitch) {
-            console.error(this);
-            throw error$1;
-        }
+        this.state()
+            .checkedChange.pipe(takeUntilDestroyed())
+            .subscribe((value) => this.onChangeFn?.(value));
+    }
+    writeValue(value) {
+        this.state().setChecked(value);
+    }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(value) {
+        this.state().setDisabled(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpSwitch, isStandalone: true, selector: "[ngpSwitch][mgnpSwitch]", host: { attributes: { "data-mgnp-component": "mgnp-switch" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpSwitch, isStandalone: true, selector: "[mgnpSwitch]", host: { attributes: { "data-mgnp-switch": "" }, listeners: { "focusout": "onTouchedFn?.()" }, classAttribute: "mgnp-switch mgnp-c-switch" }, providers: [provideSwitchState(), provideValueAccessor(MgnpSwitch)], exportAs: ["mgnpSwitch"], hostDirectives: [{ directive: i1.NgpSwitch, inputs: ["ngpSwitchChecked", "mgnpSwitchChecked", "ngpSwitchDisabled", "mgnpSwitchDisabled"], outputs: ["ngpSwitchCheckedChange", "mgnpSwitchCheckedChange"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpSwitch, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpSwitch][mgnpSwitch]',
+                    selector: '[mgnpSwitch]',
                     standalone: true,
+                    providers: [provideSwitchState(), provideValueAccessor(MgnpSwitch)],
                     host: {
-                        'data-mgnp-component': 'mgnp-switch',
+                        class: 'mgnp-switch mgnp-c-switch',
+                        'data-mgnp-switch': '',
+                        '(focusout)': 'onTouchedFn?.()',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpSwitch,
+                            inputs: ['ngpSwitchChecked:mgnpSwitchChecked', 'ngpSwitchDisabled:mgnpSwitchDisabled'],
+                            outputs: ['ngpSwitchCheckedChange:mgnpSwitchCheckedChange'],
+                        },
+                    ],
+                    exportAs: 'mgnpSwitch',
                 }]
         }], ctorParameters: () => [] });
 
-const options = ['ngpSwitchThumb'];
-const error = new Error(`MgnpSwitchThumb must be used with ${options.join(' / ')}`);
 class MgnpSwitchThumb {
-    _ngpSwitchThumb = inject(NgpSwitchThumb, { optional: true });
-    constructor() {
-        if (!this._ngpSwitchThumb) {
-            console.error(this);
-            throw error;
-        }
-    }
+    state = injectSwitchThumbState();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpSwitchThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpSwitchThumb, isStandalone: true, selector: "[ngpSwitchThumb][mgnpSwitchThumb]", host: { attributes: { "data-mgnp-component": "mgnp-switch-thumb" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpSwitchThumb, isStandalone: true, selector: "[mgnpSwitchThumb]", host: { attributes: { "data-mgnp-switch-thumb": "" }, classAttribute: "mgnp-switch-thumb mgnp-c-switch-thumb" }, providers: [provideSwitchThumbState()], exportAs: ["mgnpSwitchThumb"], hostDirectives: [{ directive: i1.NgpSwitchThumb }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpSwitchThumb, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpSwitchThumb][mgnpSwitchThumb]',
+                    selector: '[mgnpSwitchThumb]',
                     standalone: true,
+                    providers: [provideSwitchThumbState()],
                     host: {
-                        'data-mgnp-component': 'mgnp-switch-thumb',
+                        class: 'mgnp-switch-thumb mgnp-c-switch-thumb',
+                        'data-mgnp-switch-thumb': '',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpSwitchThumb,
+                            inputs: [],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpSwitchThumb',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mgremy-ng-primitives-switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mgremy-ng-primitives-switch.mjs","sources":["../../../../libs/ng-primitives/switch/src/lib/mgnp-switch/mgnp-switch.directive.ts","../../../../libs/ng-primitives/switch/src/lib/mgnp-switch-thumb/mgnp-switch-thumb.directive.ts","../../../../libs/ng-primitives/switch/src/mgremy-ng-primitives-switch.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpSwitch } from 'ng-primitives/switch';\n\nconst options = ['ngpSwitch'];\n\nconst error = new Error(`MgnpSwitch must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpSwitch][mgnpSwitch]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-switch',\n  },\n})\nexport class MgnpSwitch {\n  private readonly _ngpSwitch = inject(NgpSwitch, { optional: true });\n\n  constructor() {\n    if (!this._ngpSwitch) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpSwitchThumb } from 'ng-primitives/switch';\n\nconst options = ['ngpSwitchThumb'];\n\nconst error = new Error(`MgnpSwitchThumb must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpSwitchThumb][mgnpSwitchThumb]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-switch-thumb',\n  },\n})\nexport class MgnpSwitchThumb {\n  private readonly _ngpSwitchThumb = inject(NgpSwitchThumb, { optional: true });\n\n  constructor() {\n    if (!this._ngpSwitchThumb) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["options","error"],"mappings":";;;;AAGA,MAAMA,SAAO,GAAG,CAAC,WAAW,CAAC;AAE7B,MAAMC,OAAK,GAAG,IAAI,KAAK,CAAC,CAAA,6BAAA,EAAgCD,SAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASjE,UAAU,CAAA;IACJ,UAAU,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEnE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAMC,OAAK;QACb;IACF;uGARW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,aAAa;AACrC,qBAAA;AACF,iBAAA;;;ACVD,MAAM,OAAO,GAAG,CAAC,gBAAgB,CAAC;AAElC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,kCAAA,EAAqC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MAStE,eAAe,CAAA;IACT,eAAe,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAE7E,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGARW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mCAAmC;AAC7C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,mBAAmB;AAC3C,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}
+{"version":3,"file":"mgremy-ng-primitives-switch.mjs","sources":["../../../../libs/ng-primitives/switch/src/lib/mgnp-switch/mgnp-switch.directive.ts","../../../../libs/ng-primitives/switch/src/lib/mgnp-switch-thumb/mgnp-switch-thumb.directive.ts","../../../../libs/ng-primitives/switch/src/mgremy-ng-primitives-switch.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { injectSwitchState, NgpSwitch, provideSwitchState } from 'ng-primitives/switch';\nimport { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';\n\n@Directive({\n  selector: '[mgnpSwitch]',\n  standalone: true,\n  providers: [provideSwitchState(), provideValueAccessor(MgnpSwitch)],\n  host: {\n    class: 'mgnp-switch mgnp-c-switch',\n    'data-mgnp-switch': '',\n    '(focusout)': 'onTouchedFn?.()',\n  },\n  hostDirectives: [\n    {\n      directive: NgpSwitch,\n      inputs: ['ngpSwitchChecked:mgnpSwitchChecked', 'ngpSwitchDisabled:mgnpSwitchDisabled'],\n      outputs: ['ngpSwitchCheckedChange:mgnpSwitchCheckedChange'],\n    },\n  ],\n  exportAs: 'mgnpSwitch',\n})\nexport class MgnpSwitch implements ControlValueAccessor {\n  protected readonly state = injectSwitchState();\n\n  protected onChangeFn?: ChangeFn<boolean>;\n  protected onTouchedFn?: TouchedFn;\n\n  constructor() {\n    this.state()\n      .checkedChange.pipe(takeUntilDestroyed())\n      .subscribe((value) => this.onChangeFn?.(value));\n  }\n\n  writeValue(value: boolean): void {\n    this.state().setChecked(value);\n  }\n\n  registerOnChange(fn: ChangeFn<boolean>): void {\n    this.onChangeFn = fn;\n  }\n\n  registerOnTouched(fn: TouchedFn): void {\n    this.onTouchedFn = fn;\n  }\n\n  setDisabledState(value: boolean): void {\n    this.state().setDisabled(value);\n  }\n}\n","import { Directive } from '@angular/core';\nimport {\n  injectSwitchThumbState,\n  NgpSwitchThumb,\n  provideSwitchThumbState,\n} from 'ng-primitives/switch';\n\n@Directive({\n  selector: '[mgnpSwitchThumb]',\n  standalone: true,\n  providers: [provideSwitchThumbState()],\n  host: {\n    class: 'mgnp-switch-thumb mgnp-c-switch-thumb',\n    'data-mgnp-switch-thumb': '',\n  },\n  hostDirectives: [\n    {\n      directive: NgpSwitchThumb,\n      inputs: [],\n      outputs: [],\n    },\n  ],\n  exportAs: 'mgnpSwitchThumb',\n})\nexport class MgnpSwitchThumb {\n  protected readonly state = injectSwitchThumbState();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mgremy-ng-primitives-toast.mjs

@@ -1,30 +1,31 @@
 import * as i0 from '@angular/core';
-import { inject, Directive } from '@angular/core';
+import { Directive } from '@angular/core';
+import * as i1 from 'ng-primitives/toast';
 import { NgpToast } from 'ng-primitives/toast';
 
-const options = ['ngpToast'];
-const error = new Error(`MgnpToast must be used with ${options.join(' / ')}`);
 class MgnpToast {
-    ngpToast = inject(NgpToast, { optional: true });
-    constructor() {
-        if (!this.ngpToast) {
-            console.error(this);
-            throw error;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpToast, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpToast, isStandalone: true, selector: "[ngpToast][mgnpToast]", host: { attributes: { "data-mgnp-component": "mgnp-toast" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpToast, isStandalone: true, selector: "[mgnpToast]", host: { attributes: { "data-mgnp-toast": "" }, classAttribute: "mgnp-toast mgnp-c-toast" }, exportAs: ["mgnpToast"], hostDirectives: [{ directive: i1.NgpToast }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpToast, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpToast][mgnpToast]',
+                    selector: '[mgnpToast]',
                     standalone: true,
                     host: {
-                        'data-mgnp-component': 'mgnp-toast'
+                        class: 'mgnp-toast mgnp-c-toast',
+                        'data-mgnp-toast': '',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpToast,
+                            inputs: [],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpToast',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mgremy-ng-primitives-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mgremy-ng-primitives-toast.mjs","sources":["../../../../libs/ng-primitives/toast/src/lib/mgnp-toast/mgnp-toast.directive.ts","../../../../libs/ng-primitives/toast/src/mgremy-ng-primitives-toast.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpToast } from 'ng-primitives/toast';\n\nconst options = ['ngpToast'];\n\nconst error = new Error(`MgnpToast must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpToast][mgnpToast]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-toast'\n  },\n})\nexport class MgnpToast {\n  protected readonly ngpToast = inject(NgpToast, { optional: true });\n\n  constructor() {\n    if (!this.ngpToast) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAAM,OAAO,GAAG,CAAC,UAAU,CAAC;AAE5B,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,4BAAA,EAA+B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MAShE,SAAS,CAAA;IACD,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAElE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGARW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE;AACxB,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}
+{"version":3,"file":"mgremy-ng-primitives-toast.mjs","sources":["../../../../libs/ng-primitives/toast/src/lib/mgnp-toast/mgnp-toast.directive.ts","../../../../libs/ng-primitives/toast/src/mgremy-ng-primitives-toast.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { NgpToast } from 'ng-primitives/toast';\n\n@Directive({\n  selector: '[mgnpToast]',\n  standalone: true,\n  host: {\n    class: 'mgnp-toast mgnp-c-toast',\n    'data-mgnp-toast': '',\n  },\n  hostDirectives: [\n    {\n      directive: NgpToast,\n      inputs: [],\n      outputs: [],\n    },\n  ],\n  exportAs: 'mgnpToast',\n})\nexport class MgnpToast {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAmBa,SAAS,CAAA;uGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,EAAA,cAAA,EAAA,yBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,QAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBAhBrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,yBAAyB;AAChC,wBAAA,iBAAiB,EAAE,EAAE;AACtB,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,QAAQ;AACnB,4BAAA,MAAM,EAAE,EAAE;AACV,4BAAA,OAAO,EAAE,EAAE;AACZ,yBAAA;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE,WAAW;AACtB,iBAAA;;;AClBD;;AAEG;;;;"}

package/fesm2022/mgremy-ng-primitives-tooltip.mjs

@@ -1,60 +1,105 @@
 import * as i0 from '@angular/core';
-import { inject, Directive } from '@angular/core';
-import { NgpTooltip, NgpTooltipArrow } from 'ng-primitives/tooltip';
+import { Directive } from '@angular/core';
+import * as i1 from 'ng-primitives/tooltip';
+import { NgpTooltip, injectTooltipArrowState, provideTooltipArrowState, NgpTooltipArrow, injectTooltipTriggerState, provideTooltipTriggerState, NgpTooltipTrigger } from 'ng-primitives/tooltip';
 
-const options$1 = ['ngpTooltip'];
-const error$1 = new Error(`MgnpTooltip must be used with ${options$1.join(' / ')}`);
 class MgnpTooltip {
-    ngpTooltip = inject(NgpTooltip, { optional: true });
-    constructor() {
-        if (!this.ngpTooltip) {
-            console.error(this);
-            throw error$1;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpTooltip, isStandalone: true, selector: "[ngpTooltip][mgnpTooltip]", host: { attributes: { "data-mgnp-component": "mgnp-tooltip" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpTooltip, isStandalone: true, selector: "[mgnpTooltip]", host: { attributes: { "data-mgnp-tooltip": "" }, classAttribute: "mgnp-tooltip mgnp-c-tooltip" }, exportAs: ["mgnpTooltip"], hostDirectives: [{ directive: i1.NgpTooltip }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpTooltip, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpTooltip][mgnpTooltip]',
+                    selector: '[mgnpTooltip]',
                     standalone: true,
                     host: {
-                        'data-mgnp-component': 'mgnp-tooltip',
+                        class: 'mgnp-tooltip mgnp-c-tooltip',
+                        'data-mgnp-tooltip': '',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpTooltip,
+                            inputs: [],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpTooltip',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
-const options = ['ngpTooltipArrow'];
-const error = new Error(`MgnpTooltipArrow must be used with ${options.join(' / ')}`);
 class MgnpTooltipArrow {
-    ngpTooltipArrow = inject(NgpTooltipArrow, {
-        optional: true,
-    });
-    constructor() {
-        if (!this.ngpTooltipArrow) {
-            console.error(this);
-            throw error;
-        }
-    }
+    state = injectTooltipArrowState();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpTooltipArrow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpTooltipArrow, isStandalone: true, selector: "[ngpTooltipArrow][mgnpTooltipArrow]", host: { attributes: { "data-mgnp-component": "mgnp-tooltip-arrow" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpTooltipArrow, isStandalone: true, selector: "[mgnpTooltipArrow]", host: { attributes: { "data-mgnp-tooltip-arrow": "" }, classAttribute: "mgnp-tooltip-arrow mgnp-c-tooltip-arrow" }, providers: [provideTooltipArrowState()], exportAs: ["mgnpTooltipArrow"], hostDirectives: [{ directive: i1.NgpTooltipArrow, inputs: ["ngpTooltipArrowPadding", "mgnpTooltipArrowPadding"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpTooltipArrow, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpTooltipArrow][mgnpTooltipArrow]',
+                    selector: '[mgnpTooltipArrow]',
                     standalone: true,
+                    providers: [provideTooltipArrowState()],
                     host: {
-                        'data-mgnp-component': 'mgnp-tooltip-arrow',
+                        class: 'mgnp-tooltip-arrow mgnp-c-tooltip-arrow',
+                        'data-mgnp-tooltip-arrow': '',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpTooltipArrow,
+                            inputs: ['ngpTooltipArrowPadding:mgnpTooltipArrowPadding'],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpTooltipArrow',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
+
+class MgnpTooltipTrigger {
+    state = injectTooltipTriggerState();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpTooltipTrigger, isStandalone: true, selector: "[mgnpTooltipTrigger]", host: { attributes: { "data-mgnp-tooltip-trigger": "" }, classAttribute: "mgnp-tooltip-trigger mgnp-c-tooltip-trigger" }, providers: [provideTooltipTriggerState()], exportAs: ["mgnpTooltipTrigger"], hostDirectives: [{ directive: i1.NgpTooltipTrigger, inputs: ["ngpTooltipTrigger", "mgnpTooltipTrigger", "ngpTooltipTriggerDisabled", "mgnpTooltipTriggerDisabled", "ngpTooltipTriggerPlacement", "mgnpTooltipTriggerPlacement", "ngpTooltipTriggerOffset", "mgnpTooltipTriggerOffset", "ngpTooltipTriggerShowDelay", "mgnpTooltipTriggerShowDelay", "ngpTooltipTriggerHideDelay", "mgnpTooltipTriggerHideDelay", "ngpTooltipTriggerFlip", "mgnpTooltipTriggerFlip", "ngpTooltipTriggerShift", "mgnpTooltipTriggerShift", "ngpTooltipTriggerContainer", "mgnpTooltipTriggerContainer", "ngpTooltipTriggerShowOnOverflow", "mgnpTooltipTriggerShowOnOverflow", "ngpTooltipTriggerAnchor", "mgnpTooltipTriggerAnchor", "ngpTooltipTriggerContext", "mgnpTooltipTriggerContext", "ngpTooltipTriggerUseTextContent", "mgnpTooltipTriggerUseTextContent", "ngpTooltipTriggerTrackPosition", "mgnpTooltipTriggerTrackPosition", "ngpTooltipTriggerScrollBehavior", "mgnpTooltipTriggerScrollBehavior", "ngpTooltipTriggerCooldown", "mgnpTooltipTriggerCooldown", "ngpTooltipTriggerHoverableContent", "mgnpTooltipTriggerHoverableContent"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpTooltipTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mgnpTooltipTrigger]',
+                    standalone: true,
+                    providers: [provideTooltipTriggerState()],
+                    host: {
+                        class: 'mgnp-tooltip-trigger mgnp-c-tooltip-trigger',
+                        'data-mgnp-tooltip-trigger': '',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: NgpTooltipTrigger,
+                            inputs: [
+                                'ngpTooltipTrigger:mgnpTooltipTrigger',
+                                'ngpTooltipTriggerDisabled:mgnpTooltipTriggerDisabled',
+                                'ngpTooltipTriggerPlacement:mgnpTooltipTriggerPlacement',
+                                'ngpTooltipTriggerOffset:mgnpTooltipTriggerOffset',
+                                'ngpTooltipTriggerShowDelay:mgnpTooltipTriggerShowDelay',
+                                'ngpTooltipTriggerHideDelay:mgnpTooltipTriggerHideDelay',
+                                'ngpTooltipTriggerFlip:mgnpTooltipTriggerFlip',
+                                'ngpTooltipTriggerShift:mgnpTooltipTriggerShift',
+                                'ngpTooltipTriggerContainer:mgnpTooltipTriggerContainer',
+                                'ngpTooltipTriggerShowOnOverflow:mgnpTooltipTriggerShowOnOverflow',
+                                'ngpTooltipTriggerAnchor:mgnpTooltipTriggerAnchor',
+                                'ngpTooltipTriggerContext:mgnpTooltipTriggerContext',
+                                'ngpTooltipTriggerUseTextContent:mgnpTooltipTriggerUseTextContent',
+                                'ngpTooltipTriggerTrackPosition:mgnpTooltipTriggerTrackPosition',
+                                'ngpTooltipTriggerScrollBehavior:mgnpTooltipTriggerScrollBehavior',
+                                'ngpTooltipTriggerCooldown:mgnpTooltipTriggerCooldown',
+                                'ngpTooltipTriggerHoverableContent:mgnpTooltipTriggerHoverableContent',
+                            ],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpTooltipTrigger',
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MgnpTooltip, MgnpTooltipArrow };
+export { MgnpTooltip, MgnpTooltipArrow, MgnpTooltipTrigger };
 //# sourceMappingURL=mgremy-ng-primitives-tooltip.mjs.map

package/fesm2022/mgremy-ng-primitives-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mgremy-ng-primitives-tooltip.mjs","sources":["../../../../libs/ng-primitives/tooltip/src/lib/mgnp-tooltip/mgnp-tooltip.directive.ts","../../../../libs/ng-primitives/tooltip/src/lib/mgnp-tooltip-arrow/mgnp-tooltip-arrow.directive.ts","../../../../libs/ng-primitives/tooltip/src/mgremy-ng-primitives-tooltip.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpTooltip } from 'ng-primitives/tooltip';\n\nconst options = ['ngpTooltip'];\n\nconst error = new Error(`MgnpTooltip must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpTooltip][mgnpTooltip]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-tooltip',\n  },\n})\nexport class MgnpTooltip {\n  protected readonly ngpTooltip = inject(NgpTooltip, { optional: true });\n\n  constructor() {\n    if (!this.ngpTooltip) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpTooltipArrow } from 'ng-primitives/tooltip';\n\nconst options = ['ngpTooltipArrow'];\n\nconst error = new Error(`MgnpTooltipArrow must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpTooltipArrow][mgnpTooltipArrow]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-tooltip-arrow',\n  },\n})\nexport class MgnpTooltipArrow {\n  protected readonly ngpTooltipArrow = inject(NgpTooltipArrow, {\n    optional: true,\n  });\n\n  constructor() {\n    if (!this.ngpTooltipArrow) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["options","error"],"mappings":";;;;AAGA,MAAMA,SAAO,GAAG,CAAC,YAAY,CAAC;AAE9B,MAAMC,OAAK,GAAG,IAAI,KAAK,CAAC,CAAA,8BAAA,EAAiCD,SAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASlE,WAAW,CAAA;IACH,UAAU,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEtE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAMC,OAAK;QACb;IACF;uGARW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,cAAc;AACtC,qBAAA;AACF,iBAAA;;;ACVD,MAAM,OAAO,GAAG,CAAC,iBAAiB,CAAC;AAEnC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,mCAAA,EAAsC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASvE,gBAAgB,CAAA;AACR,IAAA,eAAe,GAAG,MAAM,CAAC,eAAe,EAAE;AAC3D,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AAEF,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGAVW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qCAAqC;AAC/C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,oBAAoB;AAC5C,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}
+{"version":3,"file":"mgremy-ng-primitives-tooltip.mjs","sources":["../../../../libs/ng-primitives/tooltip/src/lib/mgnp-tooltip/mgnp-tooltip.directive.ts","../../../../libs/ng-primitives/tooltip/src/lib/mgnp-tooltip-arrow/mgnp-tooltip-arrow.directive.ts","../../../../libs/ng-primitives/tooltip/src/lib/mgnp-tooltip-trigger/mgnp-tooltip-trigger.directive.ts","../../../../libs/ng-primitives/tooltip/src/mgremy-ng-primitives-tooltip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { NgpTooltip } from 'ng-primitives/tooltip';\n\n@Directive({\n  selector: '[mgnpTooltip]',\n  standalone: true,\n  host: {\n    class: 'mgnp-tooltip mgnp-c-tooltip',\n    'data-mgnp-tooltip': '',\n  },\n  hostDirectives: [\n    {\n      directive: NgpTooltip,\n      inputs: [],\n      outputs: [],\n    },\n  ],\n  exportAs: 'mgnpTooltip',\n})\nexport class MgnpTooltip {}\n","import { Directive } from '@angular/core';\nimport {\n  injectTooltipArrowState,\n  NgpTooltipArrow,\n  provideTooltipArrowState,\n} from 'ng-primitives/tooltip';\n\n@Directive({\n  selector: '[mgnpTooltipArrow]',\n  standalone: true,\n  providers: [provideTooltipArrowState()],\n  host: {\n    class: 'mgnp-tooltip-arrow mgnp-c-tooltip-arrow',\n    'data-mgnp-tooltip-arrow': '',\n  },\n  hostDirectives: [\n    {\n      directive: NgpTooltipArrow,\n      inputs: ['ngpTooltipArrowPadding:mgnpTooltipArrowPadding'],\n      outputs: [],\n    },\n  ],\n  exportAs: 'mgnpTooltipArrow',\n})\nexport class MgnpTooltipArrow {\n  protected readonly state = injectTooltipArrowState();\n}\n","import { Directive } from '@angular/core';\nimport {\n  injectTooltipTriggerState,\n  NgpTooltipTrigger,\n  provideTooltipTriggerState,\n} from 'ng-primitives/tooltip';\n\n@Directive({\n  selector: '[mgnpTooltipTrigger]',\n  standalone: true,\n  providers: [provideTooltipTriggerState()],\n  host: {\n    class: 'mgnp-tooltip-trigger mgnp-c-tooltip-trigger',\n    'data-mgnp-tooltip-trigger': '',\n  },\n  hostDirectives: [\n    {\n      directive: NgpTooltipTrigger,\n      inputs: [\n        'ngpTooltipTrigger:mgnpTooltipTrigger',\n        'ngpTooltipTriggerDisabled:mgnpTooltipTriggerDisabled',\n        'ngpTooltipTriggerPlacement:mgnpTooltipTriggerPlacement',\n        'ngpTooltipTriggerOffset:mgnpTooltipTriggerOffset',\n        'ngpTooltipTriggerShowDelay:mgnpTooltipTriggerShowDelay',\n        'ngpTooltipTriggerHideDelay:mgnpTooltipTriggerHideDelay',\n        'ngpTooltipTriggerFlip:mgnpTooltipTriggerFlip',\n        'ngpTooltipTriggerShift:mgnpTooltipTriggerShift',\n        'ngpTooltipTriggerContainer:mgnpTooltipTriggerContainer',\n        'ngpTooltipTriggerShowOnOverflow:mgnpTooltipTriggerShowOnOverflow',\n        'ngpTooltipTriggerAnchor:mgnpTooltipTriggerAnchor',\n        'ngpTooltipTriggerContext:mgnpTooltipTriggerContext',\n        'ngpTooltipTriggerUseTextContent:mgnpTooltipTriggerUseTextContent',\n        'ngpTooltipTriggerTrackPosition:mgnpTooltipTriggerTrackPosition',\n        'ngpTooltipTriggerScrollBehavior:mgnpTooltipTriggerScrollBehavior',\n        'ngpTooltipTriggerCooldown:mgnpTooltipTriggerCooldown',\n        'ngpTooltipTriggerHoverableContent:mgnpTooltipTriggerHoverableContent',\n      ],\n      outputs: [],\n    },\n  ],\n  exportAs: 'mgnpTooltipTrigger',\n})\nexport class MgnpTooltipTrigger {\n  protected readonly state = injectTooltipTriggerState();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgremy/ng-primitives",
-  "version": "0.13.0",
+  "version": "0.14.1",
   "license": "Apache-2.0",
   "homepage": "https://doc.mgremy.xyz/ng-primitives",
   "publishConfig": {
@@ -10,15 +10,17 @@
     "url": "https://github.com/MGREMY/nx_source"
   },
   "peerDependencies": {
+    "@angular/cdk": "^21.1.0",
     "@angular/core": "^21.1.0",
-    "ng-primitives": "^0.110.0",
-    "tailwindcss": "^4.3.0"
+    "ng-primitives": "^0.120.0",
+    "tailwindcss": "^4.3.0",
+    "rxjs": "^7.8.0"
   },
   "sideEffects": false,
-  "style": "theme/mgnp.css",
+  "style": "_theme/mgnp.css",
   "exports": {
     ".": {
-      "style": "./theme/mgnp.css",
+      "style": "./_theme/mgnp.css",
       "types": "./types/mgremy-ng-primitives.d.ts",
       "default": "./fesm2022/mgremy-ng-primitives.mjs"
     },

package/types/mgremy-ng-primitives-accordion.d.ts

@@ -1,25 +1,33 @@
-import { NgpAccordion, NgpAccordionContent, NgpAccordionItem } from 'ng-primitives/accordion';
 import * as i0 from '@angular/core';
+import * as i1 from 'ng-primitives/accordion';
 
 declare class MgnpAccordion {
-    protected readonly ngpAccordion: NgpAccordion<any> | null;
-    constructor();
+    protected readonly state: i0.Signal<i1.NgpAccordionState<unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MgnpAccordion, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordion, "[ngpAccordion][mgnpAccordion]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordion, "[mgnpAccordion]", ["mgnpAccordion"], {}, {}, never, never, true, [{ directive: typeof i1.NgpAccordion; inputs: { "ngpAccordionType": "mgnpAccordionType"; "ngpAccordionCollapsible": "mgnpAccordionCollapsible"; "ngpAccordionValue": "mgnpAccordionValue"; "ngpAccordionDisabled": "mgnpAccordionDisabled"; "ngpAccordionOrientation": "mgnpAccordionOrientation"; }; outputs: { "ngpAccordionValueChange": "mgnpAccordionValueChange"; }; }]>;
 }
 
 declare class MgnpAccordionContent {
-    protected readonly ngpAccordionContent: NgpAccordionContent<any> | null;
-    constructor();
+    protected readonly state: i0.Signal<{
+        id: i0.Signal<string>;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MgnpAccordionContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordionContent, "[ngpAccordionContent][mgnpAccordionContent]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordionContent, "[mgnpAccordionContent]", ["mgnpAccordionContent"], {}, {}, never, never, true, [{ directive: typeof i1.NgpAccordionContent; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MgnpAccordionItem {
-    protected readonly ngpAccordionItem: NgpAccordionItem<any> | null;
-    constructor();
+    protected readonly state: i0.Signal<i1.NgpAccordionItemState<unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MgnpAccordionItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordionItem, "[ngpAccordionItem][mgnpAccordionItem]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordionItem, "[mgnpAccordionItem]", ["mgnpAccordionItem"], {}, {}, never, never, true, [{ directive: typeof i1.NgpAccordionItem; inputs: { "ngpAccordionItemValue": "mgnpAccordionItemValue"; "ngpAccordionItemDisabled": "mgnpAccordionItemDisabled"; }; outputs: {}; }]>;
 }
 
-export { MgnpAccordion, MgnpAccordionContent, MgnpAccordionItem };
+declare class MgnpAccordionTrigger {
+    protected readonly state: i0.Signal<{
+        id: i0.Signal<string>;
+        toggle: () => void;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpAccordionTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordionTrigger, "[mgnpAccordionTrigger]", ["mgnpAccordionTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.NgpAccordionTrigger; inputs: {}; outputs: {}; }]>;
+}
+
+export { MgnpAccordion, MgnpAccordionContent, MgnpAccordionItem, MgnpAccordionTrigger };

package/types/mgremy-ng-primitives-button.d.ts

@@ -1,28 +1,17 @@
 import * as _angular_core from '@angular/core';
+import * as ng_primitives_button from 'ng-primitives/button';
 import { PropertyType } from '@mgremy/ng-primitives';
-import { NgpAccordionTrigger } from 'ng-primitives/accordion';
-import { NgpButton } from 'ng-primitives/button';
-import { NgpComboboxButton } from 'ng-primitives/combobox';
-import { NgpDialogTrigger } from 'ng-primitives/dialog';
-import { NgpMenuTrigger } from 'ng-primitives/menu';
-import { NgpTooltipTrigger } from 'ng-primitives/tooltip';
 
 type MgnpButtonColor = PropertyType<'ui' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'>;
 type MgnpButtonVariant = PropertyType<'solid' | 'outline'>;
 type MgnpButtonSize = PropertyType<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
 declare class MgnpButton {
-    protected readonly ngpButton: NgpButton | null;
-    protected readonly ngpComboboxButton: NgpComboboxButton | null;
-    protected readonly ngpMenuTrigger: NgpMenuTrigger<any> | null;
-    protected readonly ngpTooltipTrigger: NgpTooltipTrigger<any> | null;
-    protected readonly ngpAccordionTrigger: NgpAccordionTrigger<any> | null;
-    protected readonly ngpDialogTrigger: NgpDialogTrigger<any> | null;
+    protected readonly state: _angular_core.Signal<ng_primitives_button.NgpButtonState>;
     readonly color: _angular_core.InputSignal<MgnpButtonColor>;
     readonly variant: _angular_core.InputSignal<MgnpButtonVariant>;
     readonly size: _angular_core.InputSignal<MgnpButtonSize>;
-    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpButton, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpButton, "[ngpButton][mgnpButton],    [ngpComboboxButton][mgnpButton],    [ngpMenuTrigger][mgnpButton],    [ngpTooltipTrigger][mgnpButton],    [ngpAccordionTrigger][mgnpButton],    [ngpDialogTrigger][mgnpButton]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpButton, "[mgnpButton]", ["mgnpButton"], { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ng_primitives_button.NgpButton; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
 }
 
 export { MgnpButton };

package/types/mgremy-ng-primitives-checkbox.d.ts

@@ -1,11 +1,25 @@
-import { NgpCheckbox } from 'ng-primitives/checkbox';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import * as ng_primitives_checkbox from 'ng-primitives/checkbox';
+import { PropertyType } from '@mgremy/ng-primitives';
+import { ControlValueAccessor } from '@angular/forms';
+import { ChangeFn, TouchedFn } from 'ng-primitives/utils';
 
-declare class MgnpCheckbox {
-    protected readonly ngpCheckbox: NgpCheckbox | null;
+type MgnpCheckboxColor = PropertyType<'ui' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'>;
+type MgnpCheckboxSize = PropertyType<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
+declare class MgnpCheckbox implements ControlValueAccessor {
+    protected readonly state: _angular_core.Signal<ng_primitives_checkbox.NgpCheckboxState>;
+    protected onChangeFn?: ChangeFn<boolean>;
+    protected onTouchedFn?: TouchedFn;
+    readonly color: _angular_core.InputSignal<MgnpCheckboxColor>;
+    readonly size: _angular_core.InputSignal<MgnpCheckboxSize>;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpCheckbox, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpCheckbox, "[ngpCheckbox][mgnpCheckbox]", never, {}, {}, never, never, true, never>;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: ChangeFn<boolean>): void;
+    registerOnTouched(fn: TouchedFn): void;
+    setDisabledState(value: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpCheckbox, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpCheckbox, "[mgnpCheckbox]", ["mgnpCheckbox"], { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ng_primitives_checkbox.NgpCheckbox; inputs: { "ngpCheckboxChecked": "mgnpCheckboxChecked"; "ngpCheckboxDefaultChecked": "mgnpCheckboxDefaultChecked"; "ngpCheckboxIndeterminate": "mgnpCheckboxIndeterminate"; "ngpCheckboxRequired": "mgnpCheckboxRequired"; "ngpCheckboxDisabled": "mgnpCheckboxDisabled"; }; outputs: { "ngpCheckboxCheckedChange": "mgnpCheckboxCheckedChange"; "ngpCheckboxIndeterminateChange": "mgnpCheckboxIndeterminateChange"; }; }]>;
 }
 
 export { MgnpCheckbox };
+export type { MgnpCheckboxColor, MgnpCheckboxSize };

package/types/mgremy-ng-primitives-combobox.d.ts

@@ -1,32 +1,41 @@
-import { NgpCombobox, NgpComboboxDropdown, NgpComboboxInput, NgpComboboxOption } from 'ng-primitives/combobox';
 import * as i0 from '@angular/core';
+import * as ng_primitives_state from 'ng-primitives/state';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i1 from 'ng-primitives/combobox';
+import { NgpCombobox } from 'ng-primitives/combobox';
+import { ChangeFn, TouchedFn } from 'ng-primitives/utils';
 
-declare class MgnpCombobox {
-    protected readonly ngpCombobox: NgpCombobox | null;
+declare class MgnpCombobox<T> implements ControlValueAccessor {
+    protected readonly state: i0.Signal<ng_primitives_state.State<NgpCombobox>>;
+    protected onChangeFn?: ChangeFn<T>;
+    protected onTouchedFn?: TouchedFn;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpCombobox, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpCombobox, "[ngpCombobox][mgnpCombobox]", never, {}, {}, never, never, true, never>;
+    writeValue(value: T): void;
+    registerOnChange(fn: ChangeFn<T>): void;
+    registerOnTouched(fn: TouchedFn): void;
+    setDisabledState(value: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpCombobox<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpCombobox<any>, "[mgnpCombobox]", ["mgnpCombobox"], {}, {}, never, never, true, [{ directive: typeof i1.NgpCombobox; inputs: { "ngpComboboxValue": "mgnpComboboxValue"; "ngpComboboxMultiple": "mgnpComboboxMultiple"; "ngpComboboxDisabled": "mgnpComboboxDisabled"; "ngpComboboxAllowDeselect": "mgnpComboboxAllowDeselect"; "ngpComboboxCompareWith": "mgnpComboboxCompareWith"; "ngpComboboxDropdownPlacement": "mgnpComboboxDropdownPlacement"; "ngpComboboxDropdownContainer": "mgnpComboboxDropdownContainer"; "ngpComboboxDropdownFlip": "mgnpComboboxDropdownFlip"; "ngpComboboxDropdownOffset": "mgnpComboboxDropdownOffset"; "ngpComboboxScrollToOption": "mgnpComboboxScrollToOption"; "ngpComboboxOptions": "mgnpComboboxOptions"; }; outputs: { "ngpComboboxValueChange": "mgnpComboboxValueChange"; "ngpComboboxOpenChange": "mgnpComboboxOpenChange"; }; }]>;
+}
+
+declare class MgnpComboboxButton {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpComboboxButton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxButton, "[mgnpComboboxButton]", ["mgnpComboboxButton"], {}, {}, never, never, true, [{ directive: typeof i1.NgpComboboxButton; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MgnpComboboxDropdown {
-    protected readonly ngpComboboxDropdown: NgpComboboxDropdown | null;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MgnpComboboxDropdown, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxDropdown, "[ngpComboboxDropdown][mgnpComboboxDropdown]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxDropdown, "[mgnpComboboxDropdown]", ["mgnpComboboxDropdown"], {}, {}, never, never, true, [{ directive: typeof i1.NgpComboboxDropdown; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MgnpComboboxInput {
-    protected readonly ngpComboboxInput: NgpComboboxInput | null;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MgnpComboboxInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxInput, "[ngpComboboxInput][mgnpComboboxInput]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxInput, "[mgnpComboboxInput]", ["mgnpComboboxInput"], {}, {}, never, never, true, [{ directive: typeof i1.NgpComboboxInput; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MgnpComboboxOption {
-    protected readonly ngpComboboxOption: NgpComboboxOption | null;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MgnpComboboxOption, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxOption, "[ngpComboboxOption][mgnpComboboxOption]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxOption, "[mgnpComboboxOption]", ["mgnpComboboxOption"], {}, {}, never, never, true, [{ directive: typeof i1.NgpComboboxOption; inputs: { "ngpComboboxOptionValue": "mgnpComboboxOptionValue"; "ngpComboboxOptionDisabled": "mgnpComboboxOptionDisabled"; "ngpComboboxOptionIndex": "mgnpComboboxOptionIndex"; }; outputs: { "ngpComboboxOptionActivated": "mgnpComboboxOptionActivated"; }; }]>;
 }
 
-export { MgnpCombobox, MgnpComboboxDropdown, MgnpComboboxInput, MgnpComboboxOption };
+export { MgnpCombobox, MgnpComboboxButton, MgnpComboboxDropdown, MgnpComboboxInput, MgnpComboboxOption };