@tailng-ui/components 0.17.0 → 0.18.0

package/src/lib/layout/drawer/tng-drawer.component.d.ts

@@ -1,3 +1,5 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 export declare class TngDrawerComponent {
     private readonly primitive;
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
@@ -8,5 +10,7 @@ export declare class TngDrawerComponent {
     isOpen(): boolean;
     setRestoreFocusFallback(target: HTMLElement | null): void;
     setRestoreFocusTarget(target: HTMLElement | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngDrawerComponent, "tng-drawer", ["tngDrawerComponent"], { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TngDrawer; inputs: { "opened": "opened"; "defaultOpened": "defaultOpened"; "mode": "mode"; "position": "position"; "disabled": "disabled"; "backdrop": "backdrop"; "closeOnOutsideClick": "closeOnOutsideClick"; "closeOnEscape": "closeOnEscape"; "restoreFocus": "restoreFocus"; "autoFocus": "autoFocus"; "trapFocus": "trapFocus"; "inertContent": "inertContent"; "allowBodyScroll": "allowBodyScroll"; "closeOnTab": "closeOnTab"; "role": "role"; "fixedInViewport": "fixedInViewport"; "fixedTopGap": "fixedTopGap"; "fixedBottomGap": "fixedBottomGap"; "swipeToClose": "swipeToClose"; }; outputs: { "openedChange": "openedChange"; "tngDrawerOpened": "tngDrawerOpened"; "tngDrawerClosed": "tngDrawerClosed"; "openStart": "openStart"; "closeStart": "closeStart"; "backdropClick": "backdropClick"; "positionChange": "positionChange"; }; }]>;
 }
 //# sourceMappingURL=tng-drawer.component.d.ts.map

package/src/lib/layout/drawer/tng-drawer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-drawer.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/drawer/tng-drawer.component.ts"],"names":[],"mappings":"AAGA,qBAyCa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAkD;IAE5E,SAAgB,SAAS,8CAA2B;IAGpD,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;IAED,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAI7B,MAAM,IAAI,OAAO;IAIjB,uBAAuB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAIzD,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;CAGxD"}
+{"version":3,"file":"tng-drawer.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/drawer/tng-drawer.component.ts"],"names":[],"mappings":";;AAGA,qBAyCa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAkD;IAE5E,SAAgB,SAAS,8CAA2B;IAGpD,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;IAED,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAI7B,MAAM,IAAI,OAAO;IAIjB,uBAAuB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAIzD,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;yCA9B5C,kBAAkB;2CAAlB,kBAAkB;CAiC9B"}

package/src/lib/layout/drawer/tng-drawer.component.js

@@ -1,9 +1,10 @@
-import { __decorate } from "tslib";
 import { Component, HostBinding, inject, input } from '@angular/core';
 import { TngDrawer as TngDrawerPrimitive } from '@tailng-ui/primitives';
-let TngDrawerComponent = class TngDrawerComponent {
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
+export class TngDrawerComponent {
     primitive = inject(TngDrawerPrimitive);
-    ariaLabel = input('Drawer');
+    ariaLabel = input('Drawer', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
     get hostAriaLabel() {
         return this.ariaLabel();
     }
@@ -25,52 +26,48 @@ let TngDrawerComponent = class TngDrawerComponent {
     setRestoreFocusTarget(target) {
         this.primitive.setRestoreFocusTarget(target);
     }
-};
-__decorate([
-    HostBinding('attr.aria-label')
-], TngDrawerComponent.prototype, "hostAriaLabel", null);
-TngDrawerComponent = __decorate([
-    Component({
-        selector: 'tng-drawer',
-        hostDirectives: [
-            {
-                directive: TngDrawerPrimitive,
-                inputs: [
-                    'opened',
-                    'defaultOpened',
-                    'mode',
-                    'position',
-                    'disabled',
-                    'backdrop',
-                    'closeOnOutsideClick',
-                    'closeOnEscape',
-                    'restoreFocus',
-                    'autoFocus',
-                    'trapFocus',
-                    'inertContent',
-                    'allowBodyScroll',
-                    'closeOnTab',
-                    'role',
-                    'fixedInViewport',
-                    'fixedTopGap',
-                    'fixedBottomGap',
-                    'swipeToClose',
-                ],
-                outputs: [
-                    'openedChange',
-                    'tngDrawerOpened',
-                    'tngDrawerClosed',
-                    'openStart',
-                    'closeStart',
-                    'backdropClick',
-                    'positionChange',
-                ],
-            },
-        ],
-        templateUrl: './tng-drawer.component.html',
-        styleUrl: './tng-drawer.component.css',
-        exportAs: 'tngDrawerComponent',
-    })
-], TngDrawerComponent);
-export { TngDrawerComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngDrawerComponent, isStandalone: true, selector: "tng-drawer", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "this.hostAriaLabel" } }, exportAs: ["tngDrawerComponent"], hostDirectives: [{ directive: i1.TngDrawer, inputs: ["opened", "opened", "defaultOpened", "defaultOpened", "mode", "mode", "position", "position", "disabled", "disabled", "backdrop", "backdrop", "closeOnOutsideClick", "closeOnOutsideClick", "closeOnEscape", "closeOnEscape", "restoreFocus", "restoreFocus", "autoFocus", "autoFocus", "trapFocus", "trapFocus", "inertContent", "inertContent", "allowBodyScroll", "allowBodyScroll", "closeOnTab", "closeOnTab", "role", "role", "fixedInViewport", "fixedInViewport", "fixedTopGap", "fixedTopGap", "fixedBottomGap", "fixedBottomGap", "swipeToClose", "swipeToClose"], outputs: ["openedChange", "openedChange", "tngDrawerOpened", "tngDrawerOpened", "tngDrawerClosed", "tngDrawerClosed", "openStart", "openStart", "closeStart", "closeStart", "backdropClick", "backdropClick", "positionChange", "positionChange"] }], ngImport: i0, template: "<ng-content />\n", styles: [":host {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n\n:host[hidden] {\n  display: none !important;\n}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-drawer', hostDirectives: [
+                        {
+                            directive: TngDrawerPrimitive,
+                            inputs: [
+                                'opened',
+                                'defaultOpened',
+                                'mode',
+                                'position',
+                                'disabled',
+                                'backdrop',
+                                'closeOnOutsideClick',
+                                'closeOnEscape',
+                                'restoreFocus',
+                                'autoFocus',
+                                'trapFocus',
+                                'inertContent',
+                                'allowBodyScroll',
+                                'closeOnTab',
+                                'role',
+                                'fixedInViewport',
+                                'fixedTopGap',
+                                'fixedBottomGap',
+                                'swipeToClose',
+                            ],
+                            outputs: [
+                                'openedChange',
+                                'tngDrawerOpened',
+                                'tngDrawerClosed',
+                                'openStart',
+                                'closeStart',
+                                'backdropClick',
+                                'positionChange',
+                            ],
+                        },
+                    ], exportAs: 'tngDrawerComponent', template: "<ng-content />\n", styles: [":host {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n\n:host[hidden] {\n  display: none !important;\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], hostAriaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }] } });
 //# sourceMappingURL=tng-drawer.component.js.map

package/src/lib/layout/drawer/tng-drawer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-drawer.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/drawer/tng-drawer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA2CjE,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IACZ,SAAS,GAAG,MAAM,CAAqB,kBAAkB,CAAC,CAAC;IAE5D,SAAS,GAAG,KAAK,CAAS,QAAQ,CAAC,CAAC;IAGpD,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,IAAI;QACF,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,CAAC,KAAe;QACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IACjC,CAAC;IAED,uBAAuB,CAAC,MAA0B;QAChD,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC;IAED,qBAAqB,CAAC,MAA0B;QAC9C,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;CACF,CAAA;AA3BC;IADC,WAAW,CAAC,iBAAiB,CAAC;uDAG9B;AARU,kBAAkB;IAzC9B,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,kBAAkB;gBAC7B,MAAM,EAAE;oBACN,QAAQ;oBACR,eAAe;oBACf,MAAM;oBACN,UAAU;oBACV,UAAU;oBACV,UAAU;oBACV,qBAAqB;oBACrB,eAAe;oBACf,cAAc;oBACd,WAAW;oBACX,WAAW;oBACX,cAAc;oBACd,iBAAiB;oBACjB,YAAY;oBACZ,MAAM;oBACN,iBAAiB;oBACjB,aAAa;oBACb,gBAAgB;oBAChB,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,cAAc;oBACd,iBAAiB;oBACjB,iBAAiB;oBACjB,WAAW;oBACX,YAAY;oBACZ,eAAe;oBACf,gBAAgB;iBACjB;aACF;SACF;QACD,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,4BAA4B;QACtC,QAAQ,EAAE,oBAAoB;KAC/B,CAAC;GACW,kBAAkB,CAiC9B","sourcesContent":["import { Component, HostBinding, inject, input } from '@angular/core';\nimport { TngDrawer as TngDrawerPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-drawer',\n  hostDirectives: [\n    {\n      directive: TngDrawerPrimitive,\n      inputs: [\n        'opened',\n        'defaultOpened',\n        'mode',\n        'position',\n        'disabled',\n        'backdrop',\n        'closeOnOutsideClick',\n        'closeOnEscape',\n        'restoreFocus',\n        'autoFocus',\n        'trapFocus',\n        'inertContent',\n        'allowBodyScroll',\n        'closeOnTab',\n        'role',\n        'fixedInViewport',\n        'fixedTopGap',\n        'fixedBottomGap',\n        'swipeToClose',\n      ],\n      outputs: [\n        'openedChange',\n        'tngDrawerOpened',\n        'tngDrawerClosed',\n        'openStart',\n        'closeStart',\n        'backdropClick',\n        'positionChange',\n      ],\n    },\n  ],\n  templateUrl: './tng-drawer.component.html',\n  styleUrl: './tng-drawer.component.css',\n  exportAs: 'tngDrawerComponent',\n})\nexport class TngDrawerComponent {\n  private readonly primitive = inject<TngDrawerPrimitive>(TngDrawerPrimitive);\n\n  public readonly ariaLabel = input<string>('Drawer');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n\n  open(): void {\n    this.primitive.open();\n  }\n\n  close(): void {\n    this.primitive.close();\n  }\n\n  toggle(force?: boolean): void {\n    this.primitive.toggle(force);\n  }\n\n  isOpen(): boolean {\n    return this.primitive.isOpen();\n  }\n\n  setRestoreFocusFallback(target: HTMLElement | null): void {\n    this.primitive.setRestoreFocusFallback(target);\n  }\n\n  setRestoreFocusTarget(target: HTMLElement | null): void {\n    this.primitive.setRestoreFocusTarget(target);\n  }\n}\n"]}
+{"version":3,"file":"tng-drawer.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/drawer/tng-drawer.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/layout/drawer/tng-drawer.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;;AA2CxE,MAAM,OAAO,kBAAkB;IACZ,SAAS,GAAG,MAAM,CAAqB,kBAAkB,CAAC,CAAC;IAE5D,SAAS,GAAG,KAAK,CAAS,QAAQ,qDAAC,CAAC;IAEpD,IACc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,IAAI;QACF,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,CAAC,KAAe;QACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IACjC,CAAC;IAED,uBAAuB,CAAC,MAA0B;QAChD,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC;IAED,qBAAqB,CAAC,MAA0B;QAC9C,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;uGAhCU,kBAAkB;2FAAlB,kBAAkB,mpCC5C/B,kBACA;;2FD2Ca,kBAAkB;kBAzC9B,SAAS;+BACE,YAAY,kBACN;wBACd;4BACE,SAAS,EAAE,kBAAkB;4BAC7B,MAAM,EAAE;gCACN,QAAQ;gCACR,eAAe;gCACf,MAAM;gCACN,UAAU;gCACV,UAAU;gCACV,UAAU;gCACV,qBAAqB;gCACrB,eAAe;gCACf,cAAc;gCACd,WAAW;gCACX,WAAW;gCACX,cAAc;gCACd,iBAAiB;gCACjB,YAAY;gCACZ,MAAM;gCACN,iBAAiB;gCACjB,aAAa;gCACb,gBAAgB;gCAChB,cAAc;6BACf;4BACD,OAAO,EAAE;gCACP,cAAc;gCACd,iBAAiB;gCACjB,iBAAiB;gCACjB,WAAW;gCACX,YAAY;gCACZ,eAAe;gCACf,gBAAgB;6BACjB;yBACF;qBACF,YAGS,oBAAoB;;sBAO7B,WAAW;uBAAC,iBAAiB","sourcesContent":["import { Component, HostBinding, inject, input } from '@angular/core';\nimport { TngDrawer as TngDrawerPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-drawer',\n  hostDirectives: [\n    {\n      directive: TngDrawerPrimitive,\n      inputs: [\n        'opened',\n        'defaultOpened',\n        'mode',\n        'position',\n        'disabled',\n        'backdrop',\n        'closeOnOutsideClick',\n        'closeOnEscape',\n        'restoreFocus',\n        'autoFocus',\n        'trapFocus',\n        'inertContent',\n        'allowBodyScroll',\n        'closeOnTab',\n        'role',\n        'fixedInViewport',\n        'fixedTopGap',\n        'fixedBottomGap',\n        'swipeToClose',\n      ],\n      outputs: [\n        'openedChange',\n        'tngDrawerOpened',\n        'tngDrawerClosed',\n        'openStart',\n        'closeStart',\n        'backdropClick',\n        'positionChange',\n      ],\n    },\n  ],\n  templateUrl: './tng-drawer.component.html',\n  styleUrl: './tng-drawer.component.css',\n  exportAs: 'tngDrawerComponent',\n})\nexport class TngDrawerComponent {\n  private readonly primitive = inject<TngDrawerPrimitive>(TngDrawerPrimitive);\n\n  public readonly ariaLabel = input<string>('Drawer');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n\n  open(): void {\n    this.primitive.open();\n  }\n\n  close(): void {\n    this.primitive.close();\n  }\n\n  toggle(force?: boolean): void {\n    this.primitive.toggle(force);\n  }\n\n  isOpen(): boolean {\n    return this.primitive.isOpen();\n  }\n\n  setRestoreFocusFallback(target: HTMLElement | null): void {\n    this.primitive.setRestoreFocusFallback(target);\n  }\n\n  setRestoreFocusTarget(target: HTMLElement | null): void {\n    this.primitive.setRestoreFocusTarget(target);\n  }\n}\n","<ng-content />\n"]}

package/src/lib/layout/grid/tng-grid.component.d.ts

@@ -1,7 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 export declare class TngGridComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngGridComponent, "tng-grid", ["tngGridComponent"], {}, {}, never, ["*"], true, [{ directive: typeof i1.TngGrid; inputs: { "ariaLabel": "ariaLabel"; "ariaColcount": "ariaColcount"; "ariaRowcount": "ariaRowcount"; "dir": "dir"; "focusCol": "focusCol"; "focusRow": "focusRow"; "selectionMode": "selectionMode"; "value": "value"; "defaultValue": "defaultValue"; "wrap": "wrap"; }; outputs: { "focusRowChange": "focusRowChange"; "focusColChange": "focusColChange"; "focusChange": "focusChange"; "valueChange": "valueChange"; "cellActivate": "cellActivate"; }; }]>;
 }
 export declare class TngGridRowComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngGridRowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngGridRowComponent, "tng-grid-row", ["tngGridRowComponent"], {}, {}, never, ["*"], true, [{ directive: typeof i1.TngGridRow; inputs: {}; outputs: {}; }]>;
 }
 export declare class TngGridCellComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngGridCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngGridCellComponent, "tng-grid-cell", ["tngGridCellComponent"], {}, {}, never, ["*"], true, [{ directive: typeof i1.TngGridCell; inputs: { "rowIndex": "rowIndex"; "colIndex": "colIndex"; "rowSpan": "rowSpan"; "colSpan": "colSpan"; "disabled": "disabled"; "selected": "selected"; "cellRole": "cellRole"; }; outputs: {}; }]>;
 }
 //# sourceMappingURL=tng-grid.component.d.ts.map

package/src/lib/layout/grid/tng-grid.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-grid.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/grid/tng-grid.component.ts"],"names":[],"mappings":"AAOA,qBAwBa,gBAAgB;CAAG;AAEhC,qBAca,mBAAmB;CAAG;AAEnC,qBAwDa,oBAAoB;CAAG"}
+{"version":3,"file":"tng-grid.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/grid/tng-grid.component.ts"],"names":[],"mappings":";;AAOA,qBAwBa,gBAAgB;yCAAhB,gBAAgB;2CAAhB,gBAAgB;CAAG;AAEhC,qBAca,mBAAmB;yCAAnB,mBAAmB;2CAAnB,mBAAmB;CAAG;AAEnC,qBAwDa,oBAAoB;yCAApB,oBAAoB;2CAApB,oBAAoB;CAAG"}

package/src/lib/layout/grid/tng-grid.component.js

@@ -1,113 +1,51 @@
-import { __decorate } from "tslib";
 import { Component } from '@angular/core';
 import { TngGrid as TngGridPrimitive, TngGridCell as TngGridCellPrimitive, TngGridRow as TngGridRowPrimitive, } from '@tailng-ui/primitives';
-let TngGridComponent = class TngGridComponent {
-};
-TngGridComponent = __decorate([
-    Component({
-        selector: 'tng-grid',
-        hostDirectives: [
-            {
-                directive: TngGridPrimitive,
-                inputs: [
-                    'ariaLabel',
-                    'ariaColcount',
-                    'ariaRowcount',
-                    'dir',
-                    'focusCol',
-                    'focusRow',
-                    'selectionMode',
-                    'value',
-                    'defaultValue',
-                    'wrap',
-                ],
-                outputs: ['focusRowChange', 'focusColChange', 'focusChange', 'valueChange', 'cellActivate'],
-            },
-        ],
-        templateUrl: './tng-grid.component.html',
-        styleUrl: './tng-grid.component.css',
-        exportAs: 'tngGridComponent',
-    })
-], TngGridComponent);
-export { TngGridComponent };
-let TngGridRowComponent = class TngGridRowComponent {
-};
-TngGridRowComponent = __decorate([
-    Component({
-        selector: 'tng-grid-row',
-        hostDirectives: [TngGridRowPrimitive],
-        template: '<ng-content />',
-        styles: `
-    :host {
-      display: grid;
-      gap: var(--tng-grid-gap, 0.75rem);
-      grid-auto-columns: minmax(0, 1fr);
-      grid-auto-flow: column;
-    }
-  `,
-        exportAs: 'tngGridRowComponent',
-    })
-], TngGridRowComponent);
-export { TngGridRowComponent };
-let TngGridCellComponent = class TngGridCellComponent {
-};
-TngGridCellComponent = __decorate([
-    Component({
-        selector: 'tng-grid-cell',
-        hostDirectives: [
-            {
-                directive: TngGridCellPrimitive,
-                inputs: ['rowIndex', 'colIndex', 'rowSpan', 'colSpan', 'disabled', 'selected', 'cellRole'],
-            },
-        ],
-        template: '<ng-content />',
-        styles: `
-    :host {
-      align-items: center;
-      background: var(--tng-semantic-background-surface);
-      border: 1px solid var(--tng-semantic-border-subtle);
-      border-radius: 0.75rem;
-      color: var(--tng-semantic-foreground-primary);
-      cursor: pointer;
-      display: flex;
-      gap: 0.35rem;
-      justify-content: flex-start;
-      min-height: 3rem;
-      outline: none;
-      padding: 0.75rem 0.9rem;
-      transition:
-        border-color 160ms ease,
-        box-shadow 160ms ease,
-        transform 160ms ease;
-    }
-
-    :host([data-selected]) {
-      background: color-mix(in srgb, var(--tng-semantic-background-surface) 78%, var(--tng-semantic-color-primary) 22%);
-      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 45%, var(--tng-semantic-color-primary) 55%);
-    }
-
-    :host([data-focus-visible]) {
-      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 30%, var(--tng-semantic-color-primary) 70%);
-      box-shadow: 0 0 0 3px color-mix(in srgb, var(--tng-semantic-color-primary) 22%, transparent);
-    }
-
-    :host([data-activated]) {
-      transform: translateY(-1px);
-    }
-
-    :host([data-disabled]) {
-      cursor: not-allowed;
-      opacity: 0.55;
-    }
-
-    :host([role='columnheader']),
-    :host([role='rowheader']) {
-      background: color-mix(in srgb, var(--tng-semantic-background-surface) 82%, var(--tng-semantic-background-base) 18%);
-      font-weight: 600;
-    }
-  `,
-        exportAs: 'tngGridCellComponent',
-    })
-], TngGridCellComponent);
-export { TngGridCellComponent };
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
+export class TngGridComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngGridComponent, isStandalone: true, selector: "tng-grid", exportAs: ["tngGridComponent"], hostDirectives: [{ directive: i1.TngGrid, inputs: ["ariaLabel", "ariaLabel", "ariaColcount", "ariaColcount", "ariaRowcount", "ariaRowcount", "dir", "dir", "focusCol", "focusCol", "focusRow", "focusRow", "selectionMode", "selectionMode", "value", "value", "defaultValue", "defaultValue", "wrap", "wrap"], outputs: ["focusRowChange", "focusRowChange", "focusColChange", "focusColChange", "focusChange", "focusChange", "valueChange", "valueChange", "cellActivate", "cellActivate"] }], ngImport: i0, template: "<ng-content />\n", styles: [":host {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: var(--tng-grid-gap, 0.75rem);\n  padding: 0.9rem 1rem;\n}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-grid', hostDirectives: [
+                        {
+                            directive: TngGridPrimitive,
+                            inputs: [
+                                'ariaLabel',
+                                'ariaColcount',
+                                'ariaRowcount',
+                                'dir',
+                                'focusCol',
+                                'focusRow',
+                                'selectionMode',
+                                'value',
+                                'defaultValue',
+                                'wrap',
+                            ],
+                            outputs: ['focusRowChange', 'focusColChange', 'focusChange', 'valueChange', 'cellActivate'],
+                        },
+                    ], exportAs: 'tngGridComponent', template: "<ng-content />\n", styles: [":host {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: var(--tng-grid-gap, 0.75rem);\n  padding: 0.9rem 1rem;\n}\n"] }]
+        }] });
+export class TngGridRowComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngGridRowComponent, isStandalone: true, selector: "tng-grid-row", exportAs: ["tngGridRowComponent"], hostDirectives: [{ directive: i1.TngGridRow }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["\n    :host {\n      display: grid;\n      gap: var(--tng-grid-gap, 0.75rem);\n      grid-auto-columns: minmax(0, 1fr);\n      grid-auto-flow: column;\n    }\n  "] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngGridRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-grid-row', hostDirectives: [TngGridRowPrimitive], template: '<ng-content />', exportAs: 'tngGridRowComponent', styles: ["\n    :host {\n      display: grid;\n      gap: var(--tng-grid-gap, 0.75rem);\n      grid-auto-columns: minmax(0, 1fr);\n      grid-auto-flow: column;\n    }\n  "] }]
+        }] });
+export class TngGridCellComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngGridCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngGridCellComponent, isStandalone: true, selector: "tng-grid-cell", exportAs: ["tngGridCellComponent"], hostDirectives: [{ directive: i1.TngGridCell, inputs: ["rowIndex", "rowIndex", "colIndex", "colIndex", "rowSpan", "rowSpan", "colSpan", "colSpan", "disabled", "disabled", "selected", "selected", "cellRole", "cellRole"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["\n    :host {\n      align-items: center;\n      background: var(--tng-semantic-background-surface);\n      border: 1px solid var(--tng-semantic-border-subtle);\n      border-radius: 0.75rem;\n      color: var(--tng-semantic-foreground-primary);\n      cursor: pointer;\n      display: flex;\n      gap: 0.35rem;\n      justify-content: flex-start;\n      min-height: 3rem;\n      outline: none;\n      padding: 0.75rem 0.9rem;\n      transition:\n        border-color 160ms ease,\n        box-shadow 160ms ease,\n        transform 160ms ease;\n    }\n\n    :host([data-selected]) {\n      background: color-mix(in srgb, var(--tng-semantic-background-surface) 78%, var(--tng-semantic-color-primary) 22%);\n      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 45%, var(--tng-semantic-color-primary) 55%);\n    }\n\n    :host([data-focus-visible]) {\n      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 30%, var(--tng-semantic-color-primary) 70%);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--tng-semantic-color-primary) 22%, transparent);\n    }\n\n    :host([data-activated]) {\n      transform: translateY(-1px);\n    }\n\n    :host([data-disabled]) {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    :host([role='columnheader']),\n    :host([role='rowheader']) {\n      background: color-mix(in srgb, var(--tng-semantic-background-surface) 82%, var(--tng-semantic-background-base) 18%);\n      font-weight: 600;\n    }\n  "] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngGridCellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-grid-cell', hostDirectives: [
+                        {
+                            directive: TngGridCellPrimitive,
+                            inputs: ['rowIndex', 'colIndex', 'rowSpan', 'colSpan', 'disabled', 'selected', 'cellRole'],
+                        },
+                    ], template: '<ng-content />', exportAs: 'tngGridCellComponent', styles: ["\n    :host {\n      align-items: center;\n      background: var(--tng-semantic-background-surface);\n      border: 1px solid var(--tng-semantic-border-subtle);\n      border-radius: 0.75rem;\n      color: var(--tng-semantic-foreground-primary);\n      cursor: pointer;\n      display: flex;\n      gap: 0.35rem;\n      justify-content: flex-start;\n      min-height: 3rem;\n      outline: none;\n      padding: 0.75rem 0.9rem;\n      transition:\n        border-color 160ms ease,\n        box-shadow 160ms ease,\n        transform 160ms ease;\n    }\n\n    :host([data-selected]) {\n      background: color-mix(in srgb, var(--tng-semantic-background-surface) 78%, var(--tng-semantic-color-primary) 22%);\n      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 45%, var(--tng-semantic-color-primary) 55%);\n    }\n\n    :host([data-focus-visible]) {\n      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 30%, var(--tng-semantic-color-primary) 70%);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--tng-semantic-color-primary) 22%, transparent);\n    }\n\n    :host([data-activated]) {\n      transform: translateY(-1px);\n    }\n\n    :host([data-disabled]) {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    :host([role='columnheader']),\n    :host([role='rowheader']) {\n      background: color-mix(in srgb, var(--tng-semantic-background-surface) 82%, var(--tng-semantic-background-base) 18%);\n      font-weight: 600;\n    }\n  "] }]
+        }] });
 //# sourceMappingURL=tng-grid.component.js.map

package/src/lib/layout/grid/tng-grid.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/grid/tng-grid.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,WAAW,IAAI,oBAAoB,EACnC,UAAU,IAAI,mBAAmB,GAClC,MAAM,uBAAuB,CAAC;AA0BxB,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;CAAG,CAAA;AAAnB,gBAAgB;IAxB5B,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,gBAAgB;gBAC3B,MAAM,EAAE;oBACN,WAAW;oBACX,cAAc;oBACd,cAAc;oBACd,KAAK;oBACL,UAAU;oBACV,UAAU;oBACV,eAAe;oBACf,OAAO;oBACP,cAAc;oBACd,MAAM;iBACP;gBACD,OAAO,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC;aAC5F;SACF;QACD,WAAW,EAAE,2BAA2B;QACxC,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,kBAAkB;KAC7B,CAAC;GACW,gBAAgB,CAAG;;AAgBzB,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;CAAG,CAAA;AAAtB,mBAAmB;IAd/B,SAAS,CAAC;QACT,QAAQ,EAAE,cAAc;QACxB,cAAc,EAAE,CAAC,mBAAmB,CAAC;QACrC,QAAQ,EAAE,gBAAgB;QAC1B,MAAM,EAAE;;;;;;;GAOP;QACD,QAAQ,EAAE,qBAAqB;KAChC,CAAC;GACW,mBAAmB,CAAG;;AA0D5B,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;CAAG,CAAA;AAAvB,oBAAoB;IAxDhC,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,oBAAoB;gBAC/B,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;aAC3F;SACF;QACD,QAAQ,EAAE,gBAAgB;QAC1B,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CP;QACD,QAAQ,EAAE,sBAAsB;KACjC,CAAC;GACW,oBAAoB,CAAG","sourcesContent":["import { Component } from '@angular/core';\nimport {\n  TngGrid as TngGridPrimitive,\n  TngGridCell as TngGridCellPrimitive,\n  TngGridRow as TngGridRowPrimitive,\n} from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-grid',\n  hostDirectives: [\n    {\n      directive: TngGridPrimitive,\n      inputs: [\n        'ariaLabel',\n        'ariaColcount',\n        'ariaRowcount',\n        'dir',\n        'focusCol',\n        'focusRow',\n        'selectionMode',\n        'value',\n        'defaultValue',\n        'wrap',\n      ],\n      outputs: ['focusRowChange', 'focusColChange', 'focusChange', 'valueChange', 'cellActivate'],\n    },\n  ],\n  templateUrl: './tng-grid.component.html',\n  styleUrl: './tng-grid.component.css',\n  exportAs: 'tngGridComponent',\n})\nexport class TngGridComponent {}\n\n@Component({\n  selector: 'tng-grid-row',\n  hostDirectives: [TngGridRowPrimitive],\n  template: '<ng-content />',\n  styles: `\n    :host {\n      display: grid;\n      gap: var(--tng-grid-gap, 0.75rem);\n      grid-auto-columns: minmax(0, 1fr);\n      grid-auto-flow: column;\n    }\n  `,\n  exportAs: 'tngGridRowComponent',\n})\nexport class TngGridRowComponent {}\n\n@Component({\n  selector: 'tng-grid-cell',\n  hostDirectives: [\n    {\n      directive: TngGridCellPrimitive,\n      inputs: ['rowIndex', 'colIndex', 'rowSpan', 'colSpan', 'disabled', 'selected', 'cellRole'],\n    },\n  ],\n  template: '<ng-content />',\n  styles: `\n    :host {\n      align-items: center;\n      background: var(--tng-semantic-background-surface);\n      border: 1px solid var(--tng-semantic-border-subtle);\n      border-radius: 0.75rem;\n      color: var(--tng-semantic-foreground-primary);\n      cursor: pointer;\n      display: flex;\n      gap: 0.35rem;\n      justify-content: flex-start;\n      min-height: 3rem;\n      outline: none;\n      padding: 0.75rem 0.9rem;\n      transition:\n        border-color 160ms ease,\n        box-shadow 160ms ease,\n        transform 160ms ease;\n    }\n\n    :host([data-selected]) {\n      background: color-mix(in srgb, var(--tng-semantic-background-surface) 78%, var(--tng-semantic-color-primary) 22%);\n      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 45%, var(--tng-semantic-color-primary) 55%);\n    }\n\n    :host([data-focus-visible]) {\n      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 30%, var(--tng-semantic-color-primary) 70%);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--tng-semantic-color-primary) 22%, transparent);\n    }\n\n    :host([data-activated]) {\n      transform: translateY(-1px);\n    }\n\n    :host([data-disabled]) {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    :host([role='columnheader']),\n    :host([role='rowheader']) {\n      background: color-mix(in srgb, var(--tng-semantic-background-surface) 82%, var(--tng-semantic-background-base) 18%);\n      font-weight: 600;\n    }\n  `,\n  exportAs: 'tngGridCellComponent',\n})\nexport class TngGridCellComponent {}\n"]}
+{"version":3,"file":"tng-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/grid/tng-grid.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/layout/grid/tng-grid.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,WAAW,IAAI,oBAAoB,EACnC,UAAU,IAAI,mBAAmB,GAClC,MAAM,uBAAuB,CAAC;;;AA0B/B,MAAM,OAAO,gBAAgB;uGAAhB,gBAAgB;2FAAhB,gBAAgB,skBC/B7B,kBACA;;2FD8Ba,gBAAgB;kBAxB5B,SAAS;+BACE,UAAU,kBACJ;wBACd;4BACE,SAAS,EAAE,gBAAgB;4BAC3B,MAAM,EAAE;gCACN,WAAW;gCACX,cAAc;gCACd,cAAc;gCACd,KAAK;gCACL,UAAU;gCACV,UAAU;gCACV,eAAe;gCACf,OAAO;gCACP,cAAc;gCACd,MAAM;6BACP;4BACD,OAAO,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC;yBAC5F;qBACF,YAGS,kBAAkB;;AAkB9B,MAAM,OAAO,mBAAmB;uGAAnB,mBAAmB;2FAAnB,mBAAmB,2JAXpB,gBAAgB;;2FAWf,mBAAmB;kBAd/B,SAAS;+BACE,cAAc,kBACR,CAAC,mBAAmB,CAAC,YAC3B,gBAAgB,YAShB,qBAAqB;;AA4DjC,MAAM,OAAO,oBAAoB;uGAApB,oBAAoB;2FAApB,oBAAoB,4UAhDrB,gBAAgB;;2FAgDf,oBAAoB;kBAxDhC,SAAS;+BACE,eAAe,kBACT;wBACd;4BACE,SAAS,EAAE,oBAAoB;4BAC/B,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;yBAC3F;qBACF,YACS,gBAAgB,YA8ChB,sBAAsB","sourcesContent":["import { Component } from '@angular/core';\nimport {\n  TngGrid as TngGridPrimitive,\n  TngGridCell as TngGridCellPrimitive,\n  TngGridRow as TngGridRowPrimitive,\n} from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-grid',\n  hostDirectives: [\n    {\n      directive: TngGridPrimitive,\n      inputs: [\n        'ariaLabel',\n        'ariaColcount',\n        'ariaRowcount',\n        'dir',\n        'focusCol',\n        'focusRow',\n        'selectionMode',\n        'value',\n        'defaultValue',\n        'wrap',\n      ],\n      outputs: ['focusRowChange', 'focusColChange', 'focusChange', 'valueChange', 'cellActivate'],\n    },\n  ],\n  templateUrl: './tng-grid.component.html',\n  styleUrl: './tng-grid.component.css',\n  exportAs: 'tngGridComponent',\n})\nexport class TngGridComponent {}\n\n@Component({\n  selector: 'tng-grid-row',\n  hostDirectives: [TngGridRowPrimitive],\n  template: '<ng-content />',\n  styles: `\n    :host {\n      display: grid;\n      gap: var(--tng-grid-gap, 0.75rem);\n      grid-auto-columns: minmax(0, 1fr);\n      grid-auto-flow: column;\n    }\n  `,\n  exportAs: 'tngGridRowComponent',\n})\nexport class TngGridRowComponent {}\n\n@Component({\n  selector: 'tng-grid-cell',\n  hostDirectives: [\n    {\n      directive: TngGridCellPrimitive,\n      inputs: ['rowIndex', 'colIndex', 'rowSpan', 'colSpan', 'disabled', 'selected', 'cellRole'],\n    },\n  ],\n  template: '<ng-content />',\n  styles: `\n    :host {\n      align-items: center;\n      background: var(--tng-semantic-background-surface);\n      border: 1px solid var(--tng-semantic-border-subtle);\n      border-radius: 0.75rem;\n      color: var(--tng-semantic-foreground-primary);\n      cursor: pointer;\n      display: flex;\n      gap: 0.35rem;\n      justify-content: flex-start;\n      min-height: 3rem;\n      outline: none;\n      padding: 0.75rem 0.9rem;\n      transition:\n        border-color 160ms ease,\n        box-shadow 160ms ease,\n        transform 160ms ease;\n    }\n\n    :host([data-selected]) {\n      background: color-mix(in srgb, var(--tng-semantic-background-surface) 78%, var(--tng-semantic-color-primary) 22%);\n      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 45%, var(--tng-semantic-color-primary) 55%);\n    }\n\n    :host([data-focus-visible]) {\n      border-color: color-mix(in srgb, var(--tng-semantic-border-subtle) 30%, var(--tng-semantic-color-primary) 70%);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--tng-semantic-color-primary) 22%, transparent);\n    }\n\n    :host([data-activated]) {\n      transform: translateY(-1px);\n    }\n\n    :host([data-disabled]) {\n      cursor: not-allowed;\n      opacity: 0.55;\n    }\n\n    :host([role='columnheader']),\n    :host([role='rowheader']) {\n      background: color-mix(in srgb, var(--tng-semantic-background-surface) 82%, var(--tng-semantic-background-base) 18%);\n      font-weight: 600;\n    }\n  `,\n  exportAs: 'tngGridCellComponent',\n})\nexport class TngGridCellComponent {}\n","<ng-content />\n"]}

package/src/lib/layout/index.d.ts

@@ -1,16 +1,9 @@
 export * from './accordion/tng-accordion.component';
-export { TngAccordionComponent, TngAccordionItemComponent, TngAccordionTriggerComponent, TngAccordionPanelComponent, } from './accordion/tng-accordion.component';
 export * from './bottom-sheet/tng-bottom-sheet.component';
-export { TngBottomSheetComponent } from './bottom-sheet/tng-bottom-sheet.component';
-export { TngCardComponent, TngCardHeaderComponent, TngCardTitleComponent, TngCardDescriptionComponent, TngCardContentComponent, TngCardFooterComponent, TngCardMediaComponent, TngCardActionsComponent, TngCardDividerComponent, TngCardLinkComponent, } from './card/tng-card.component';
+export * from './card/tng-card.component';
 export * from './collapsible/tng-collapsible.component';
-export { TngCollapsibleComponent } from './collapsible/tng-collapsible.component';
 export * from './drawer/tng-drawer.component';
-export { TngDrawerComponent } from './drawer/tng-drawer.component';
 export * from './grid/tng-grid.component';
-export { TngGridCellComponent, TngGridComponent, TngGridRowComponent, } from './grid/tng-grid.component';
 export * from './separator/tng-separator.component';
-export { TngSeparatorComponent } from './separator/tng-separator.component';
 export * from './stepper/tng-stepper.component';
-export { TngStepperComponent } from './stepper/tng-stepper.component';
 //# sourceMappingURL=index.d.ts.map

package/src/lib/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,qCAAqC,CAAC;AAC7C,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/layout/index.ts"],"names":[],"mappings":"AAKA,cAAc,qCAAqC,CAAC;AACpD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC"}

package/src/lib/layout/index.js

@@ -1,16 +1,13 @@
+// Layout components
+//
+// Note: keep exports aligned with `src/index.ts` (root barrel) so the public API stays stable.
+// The root barrel will re-export this file.
 export * from './accordion/tng-accordion.component';
-export { TngAccordionComponent, TngAccordionItemComponent, TngAccordionTriggerComponent, TngAccordionPanelComponent, } from './accordion/tng-accordion.component';
 export * from './bottom-sheet/tng-bottom-sheet.component';
-export { TngBottomSheetComponent } from './bottom-sheet/tng-bottom-sheet.component';
-export { TngCardComponent, TngCardHeaderComponent, TngCardTitleComponent, TngCardDescriptionComponent, TngCardContentComponent, TngCardFooterComponent, TngCardMediaComponent, TngCardActionsComponent, TngCardDividerComponent, TngCardLinkComponent, } from './card/tng-card.component';
+export * from './card/tng-card.component';
 export * from './collapsible/tng-collapsible.component';
-export { TngCollapsibleComponent } from './collapsible/tng-collapsible.component';
 export * from './drawer/tng-drawer.component';
-export { TngDrawerComponent } from './drawer/tng-drawer.component';
 export * from './grid/tng-grid.component';
-export { TngGridCellComponent, TngGridComponent, TngGridRowComponent, } from './grid/tng-grid.component';
 export * from './separator/tng-separator.component';
-export { TngSeparatorComponent } from './separator/tng-separator.component';
 export * from './stepper/tng-stepper.component';
-export { TngStepperComponent } from './stepper/tng-stepper.component';
 //# sourceMappingURL=index.js.map

package/src/lib/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,qCAAqC,CAAC;AAC7C,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export * from './accordion/tng-accordion.component';\nexport {\n  TngAccordionComponent,\n  TngAccordionItemComponent,\n  TngAccordionTriggerComponent,\n  TngAccordionPanelComponent,\n} from './accordion/tng-accordion.component';\nexport * from './bottom-sheet/tng-bottom-sheet.component';\nexport { TngBottomSheetComponent } from './bottom-sheet/tng-bottom-sheet.component';\nexport {\n  TngCardComponent,\n  TngCardHeaderComponent,\n  TngCardTitleComponent,\n  TngCardDescriptionComponent,\n  TngCardContentComponent,\n  TngCardFooterComponent,\n  TngCardMediaComponent,\n  TngCardActionsComponent,\n  TngCardDividerComponent,\n  TngCardLinkComponent,\n} from './card/tng-card.component';\nexport * from './collapsible/tng-collapsible.component';\nexport { TngCollapsibleComponent } from './collapsible/tng-collapsible.component';\nexport * from './drawer/tng-drawer.component';\nexport { TngDrawerComponent } from './drawer/tng-drawer.component';\nexport * from './grid/tng-grid.component';\nexport {\n  TngGridCellComponent,\n  TngGridComponent,\n  TngGridRowComponent,\n} from './grid/tng-grid.component';\nexport * from './separator/tng-separator.component';\nexport { TngSeparatorComponent } from './separator/tng-separator.component';\nexport * from './stepper/tng-stepper.component';\nexport { TngStepperComponent } from './stepper/tng-stepper.component';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/layout/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,EAAE;AACF,+FAA+F;AAC/F,4CAA4C;AAE5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC","sourcesContent":["// Layout components\n//\n// Note: keep exports aligned with `src/index.ts` (root barrel) so the public API stays stable.\n// The root barrel will re-export this file.\n\nexport * from './accordion/tng-accordion.component';\nexport * from './bottom-sheet/tng-bottom-sheet.component';\nexport * from './card/tng-card.component';\nexport * from './collapsible/tng-collapsible.component';\nexport * from './drawer/tng-drawer.component';\nexport * from './grid/tng-grid.component';\nexport * from './separator/tng-separator.component';\nexport * from './stepper/tng-stepper.component';\n"]}

package/src/lib/layout/separator/tng-separator.component.d.ts

@@ -1,6 +1,9 @@
 import { type TngSeparatorOrientation } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 export declare class TngSeparatorComponent {
     readonly decorative: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
     readonly orientation: import("@angular/core").InputSignal<TngSeparatorOrientation>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngSeparatorComponent, "tng-separator", never, { "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-separator.component.d.ts.map

package/src/lib/layout/separator/tng-separator.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-separator.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/separator/tng-separator.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAE/B,qBAMa,qBAAqB;IAChC,SAAgB,UAAU,8EAEvB;IACH,SAAgB,WAAW,+DAAgD;CAC5E"}
+{"version":3,"file":"tng-separator.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/separator/tng-separator.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;;AAE/B,qBAMa,qBAAqB;IAChC,SAAgB,UAAU,8EAEvB;IACH,SAAgB,WAAW,+DAAgD;yCAJhE,qBAAqB;2CAArB,qBAAqB;CAKjC"}

package/src/lib/layout/separator/tng-separator.component.js

@@ -1,19 +1,14 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, input } from '@angular/core';
 import { TngSeparator as TngSeparatorPrimitive, } from '@tailng-ui/primitives';
-let TngSeparatorComponent = class TngSeparatorComponent {
-    decorative = input(true, {
-        transform: booleanAttribute,
-    });
-    orientation = input('horizontal');
-};
-TngSeparatorComponent = __decorate([
-    Component({
-        selector: 'tng-separator',
-        imports: [TngSeparatorPrimitive],
-        templateUrl: './tng-separator.component.html',
-        styleUrl: './tng-separator.component.css',
-    })
-], TngSeparatorComponent);
-export { TngSeparatorComponent };
+import * as i0 from "@angular/core";
+export class TngSeparatorComponent {
+    decorative = input(true, { ...(ngDevMode ? { debugName: "decorative" } : {}), transform: booleanAttribute });
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngSeparatorComponent, isStandalone: true, selector: "tng-separator", inputs: { decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  tngSeparator\n  class=\"tng-separator\"\n  [decorative]=\"decorative()\"\n  [orientation]=\"orientation()\"\n></div>\n", styles: [":host {\n  display: block;\n}\n\n.tng-separator {\n  background: var(--tng-semantic-border-strong);\n  display: block;\n}\n\n.tng-separator[data-orientation='horizontal'] {\n  height: 1px;\n  width: 100%;\n}\n\n.tng-separator[data-orientation='vertical'] {\n  height: 100%;\n  min-height: 1rem;\n  width: 1px;\n}\n"], dependencies: [{ kind: "directive", type: TngSeparatorPrimitive, selector: "[tngSeparator]", inputs: ["decorative", "orientation"], exportAs: ["tngSeparator"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-separator', imports: [TngSeparatorPrimitive], template: "<div\n  tngSeparator\n  class=\"tng-separator\"\n  [decorative]=\"decorative()\"\n  [orientation]=\"orientation()\"\n></div>\n", styles: [":host {\n  display: block;\n}\n\n.tng-separator {\n  background: var(--tng-semantic-border-strong);\n  display: block;\n}\n\n.tng-separator[data-orientation='horizontal'] {\n  height: 1px;\n  width: 100%;\n}\n\n.tng-separator[data-orientation='vertical'] {\n  height: 100%;\n  min-height: 1rem;\n  width: 1px;\n}\n"] }]
+        }], propDecorators: { decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
 //# sourceMappingURL=tng-separator.component.js.map

package/src/lib/layout/separator/tng-separator.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-separator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/separator/tng-separator.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,YAAY,IAAI,qBAAqB,GAEtC,MAAM,uBAAuB,CAAC;AAQxB,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAChB,UAAU,GAAG,KAAK,CAA4B,IAAI,EAAE;QAClE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,WAAW,GAAG,KAAK,CAA0B,YAAY,CAAC,CAAC;CAC5E,CAAA;AALY,qBAAqB;IANjC,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,CAAC,qBAAqB,CAAC;QAChC,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,+BAA+B;KAC1C,CAAC;GACW,qBAAqB,CAKjC","sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\nimport {\n  TngSeparator as TngSeparatorPrimitive,\n  type TngSeparatorOrientation,\n} from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-separator',\n  imports: [TngSeparatorPrimitive],\n  templateUrl: './tng-separator.component.html',\n  styleUrl: './tng-separator.component.css',\n})\nexport class TngSeparatorComponent {\n  public readonly decorative = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly orientation = input<TngSeparatorOrientation>('horizontal');\n}\n"]}
+{"version":3,"file":"tng-separator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/separator/tng-separator.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/layout/separator/tng-separator.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,YAAY,IAAI,qBAAqB,GAEtC,MAAM,uBAAuB,CAAC;;AAQ/B,MAAM,OAAO,qBAAqB;IAChB,UAAU,GAAG,KAAK,CAA4B,IAAI,uDAChE,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,WAAW,GAAG,KAAK,CAA0B,YAAY,uDAAC,CAAC;uGAJhE,qBAAqB;2FAArB,qBAAqB,sWCZlC,gIAMA,oXDEY,qBAAqB;;2FAIpB,qBAAqB;kBANjC,SAAS;+BACE,eAAe,WAChB,CAAC,qBAAqB,CAAC","sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\nimport {\n  TngSeparator as TngSeparatorPrimitive,\n  type TngSeparatorOrientation,\n} from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-separator',\n  imports: [TngSeparatorPrimitive],\n  templateUrl: './tng-separator.component.html',\n  styleUrl: './tng-separator.component.css',\n})\nexport class TngSeparatorComponent {\n  public readonly decorative = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly orientation = input<TngSeparatorOrientation>('horizontal');\n}\n","<div\n  tngSeparator\n  class=\"tng-separator\"\n  [decorative]=\"decorative()\"\n  [orientation]=\"orientation()\"\n></div>\n"]}

package/src/lib/layout/stepper/tng-stepper.component.d.ts

@@ -1,4 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class TngStepperComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngStepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngStepperComponent, "tng-stepper", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 //# sourceMappingURL=tng-stepper.component.d.ts.map

package/src/lib/layout/stepper/tng-stepper.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-stepper.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/stepper/tng-stepper.component.ts"],"names":[],"mappings":"AAGA,qBAMa,mBAAmB;IAC9B,SAAgB,SAAS,8CAA4B;CACtD"}
+{"version":3,"file":"tng-stepper.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/stepper/tng-stepper.component.ts"],"names":[],"mappings":";AAGA,qBAMa,mBAAmB;IAC9B,SAAgB,SAAS,8CAA4B;yCAD1C,mBAAmB;2CAAnB,mBAAmB;CAE/B"}

package/src/lib/layout/stepper/tng-stepper.component.js

@@ -1,16 +1,13 @@
-import { __decorate } from "tslib";
 import { Component, input } from '@angular/core';
 import { TngStepper as TngStepperPrimitive } from '@tailng-ui/primitives';
-let TngStepperComponent = class TngStepperComponent {
-    ariaLabel = input('Stepper');
-};
-TngStepperComponent = __decorate([
-    Component({
-        selector: 'tng-stepper',
-        imports: [TngStepperPrimitive],
-        templateUrl: './tng-stepper.component.html',
-        styleUrl: './tng-stepper.component.css',
-    })
-], TngStepperComponent);
-export { TngStepperComponent };
+import * as i0 from "@angular/core";
+export class TngStepperComponent {
+    ariaLabel = input('Stepper', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngStepperComponent, isStandalone: true, selector: "tng-stepper", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section tngStepper class=\"tng-stepper\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-stepper {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"], dependencies: [{ kind: "directive", type: TngStepperPrimitive, selector: "[tngStepper]", exportAs: ["tngStepper"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-stepper', imports: [TngStepperPrimitive], template: "<section tngStepper class=\"tng-stepper\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-stepper {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
 //# sourceMappingURL=tng-stepper.component.js.map

package/src/lib/layout/stepper/tng-stepper.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-stepper.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/stepper/tng-stepper.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQnE,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IACd,SAAS,GAAG,KAAK,CAAS,SAAS,CAAC,CAAC;CACtD,CAAA;AAFY,mBAAmB;IAN/B,SAAS,CAAC;QACT,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,CAAC,mBAAmB,CAAC;QAC9B,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE,6BAA6B;KACxC,CAAC;GACW,mBAAmB,CAE/B","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngStepper as TngStepperPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-stepper',\n  imports: [TngStepperPrimitive],\n  templateUrl: './tng-stepper.component.html',\n  styleUrl: './tng-stepper.component.css',\n})\nexport class TngStepperComponent {\n  public readonly ariaLabel = input<string>('Stepper');\n}\n"]}
+{"version":3,"file":"tng-stepper.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/stepper/tng-stepper.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/layout/stepper/tng-stepper.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQ1E,MAAM,OAAO,mBAAmB;IACd,SAAS,GAAG,KAAK,CAAS,SAAS,qDAAC,CAAC;uGAD1C,mBAAmB;2FAAnB,mBAAmB,uNCThC,8GAGA,kWDEY,mBAAmB;;2FAIlB,mBAAmB;kBAN/B,SAAS;+BACE,aAAa,WACd,CAAC,mBAAmB,CAAC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngStepper as TngStepperPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-stepper',\n  imports: [TngStepperPrimitive],\n  templateUrl: './tng-stepper.component.html',\n  styleUrl: './tng-stepper.component.css',\n})\nexport class TngStepperComponent {\n  public readonly ariaLabel = input<string>('Stepper');\n}\n","<section tngStepper class=\"tng-stepper\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n"]}

package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.d.ts

@@ -1,5 +1,6 @@
 import { type TemplateRef } from '@angular/core';
 import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
 export type TngBreadcrumbItemDisplayMode = 'ellipsis' | 'hidden' | 'visible';
 export declare class TngBreadcrumbItemComponent {
     private readonly hostRef;
@@ -34,5 +35,8 @@ export declare class TngBreadcrumbItemComponent {
     protected onTouchstart(): void;
     protected onFocusin(event: FocusEvent): void;
     protected onFocusout(event: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngBreadcrumbItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngBreadcrumbItemComponent, "tng-breadcrumb-item", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "currentAsLink": { "alias": "currentAsLink"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+export { TngBreadcrumbItemComponent as TngBreadcrumbItem };
 //# sourceMappingURL=tng-breadcrumb-item.component.d.ts.map