@tailng-ui/components 0.17.0 → 0.19.0

package/package.json

@@ -1,20 +1,31 @@
 {
   "name": "@tailng-ui/components",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/tailng/tailng-ui"
   },
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "default": "./src/index.js"
+    }
+  },
   "dependencies": {
+    "@tailng-ui/cdk": "^0.15.0",
     "@tailng-ui/primitives": "^0.19.0"
   },
   "peerDependencies": {
+    "@angular/common": "^21.1.0",
     "@angular/core": "^21.1.0",
+    "@angular/forms": "^21.1.0",
+    "@angular/platform-browser": "^21.1.0",
+    "@angular/router": "^21.1.0",
     "tslib": "^2.3.0"
   },
-  "sideEffects": false,
-  "types": "./src/index.d.ts",
-  "main": "./src/index.js",
-  "type": "commonjs"
+  "sideEffects": false
 }

package/src/lib/feedback/empty/tng-empty.component.d.ts

@@ -1,14 +1,29 @@
+import * as i0 from "@angular/core";
 type TngEmptyAlign = 'center' | 'start';
 export declare class TngEmptyComponent {
     readonly align: import("@angular/core").InputSignal<TngEmptyAlign>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngEmptyComponent, "tng-empty", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 export declare class TngEmptyIconComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngEmptyIconComponent, "tng-empty-icon", never, {}, {}, never, ["*"], true, never>;
 }
 export declare class TngEmptyTitleComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngEmptyTitleComponent, "tng-empty-title", never, {}, {}, never, ["*"], true, never>;
 }
 export declare class TngEmptyDescriptionComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyDescriptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngEmptyDescriptionComponent, "tng-empty-description", never, {}, {}, never, ["*"], true, never>;
 }
 export declare class TngEmptyActionsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngEmptyActionsComponent, "tng-empty-actions", never, {}, {}, never, ["*"], true, never>;
 }
-export {};
+export { TngEmptyComponent as TngEmpty };
+export { TngEmptyIconComponent as TngEmptyIcon };
+export { TngEmptyTitleComponent as TngEmptyTitle };
+export { TngEmptyDescriptionComponent as TngEmptyDescription };
+export { TngEmptyActionsComponent as TngEmptyActions };
 //# sourceMappingURL=tng-empty.component.d.ts.map

package/src/lib/feedback/empty/tng-empty.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-empty.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty.component.ts"],"names":[],"mappings":"AASA,KAAK,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExC,qBAMa,iBAAiB;IAC5B,SAAgB,KAAK,qDAAkC;CACxD;AAED,qBAMa,qBAAqB;CAAG;AAErC,qBAMa,sBAAsB;CAAG;AAEtC,qBAMa,4BAA4B;CAAG;AAE5C,qBAMa,wBAAwB;CAAG"}
+{"version":3,"file":"tng-empty.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty.component.ts"],"names":[],"mappings":";AASA,KAAK,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExC,qBAMa,iBAAiB;IAC5B,SAAgB,KAAK,qDAAkC;yCAD5C,iBAAiB;2CAAjB,iBAAiB;CAE7B;AAED,qBAMa,qBAAqB;yCAArB,qBAAqB;2CAArB,qBAAqB;CAAG;AAErC,qBAMa,sBAAsB;yCAAtB,sBAAsB;2CAAtB,sBAAsB;CAAG;AAEtC,qBAMa,4BAA4B;yCAA5B,4BAA4B;2CAA5B,4BAA4B;CAAG;AAE5C,qBAMa,wBAAwB;yCAAxB,wBAAwB;2CAAxB,wBAAwB;CAAG;AACxC,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,CAAC;AACzC,OAAO,EAAE,qBAAqB,IAAI,YAAY,EAAE,CAAC;AACjD,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC;AACnD,OAAO,EAAE,4BAA4B,IAAI,mBAAmB,EAAE,CAAC;AAC/D,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC"}

package/src/lib/feedback/empty/tng-empty.component.js

@@ -1,60 +1,50 @@
-import { __decorate } from "tslib";
 import { Component, input } from '@angular/core';
 import { TngEmpty as TngEmptyPrimitive, TngEmptyActions as TngEmptyActionsPrimitive, TngEmptyDescription as TngEmptyDescriptionPrimitive, TngEmptyIcon as TngEmptyIconPrimitive, TngEmptyTitle as TngEmptyTitlePrimitive, } from '@tailng-ui/primitives';
-let TngEmptyComponent = class TngEmptyComponent {
-    align = input('center');
-};
-TngEmptyComponent = __decorate([
-    Component({
-        selector: 'tng-empty',
-        imports: [TngEmptyPrimitive],
-        templateUrl: './tng-empty.component.html',
-        styleUrl: './tng-empty.component.css',
-    })
-], TngEmptyComponent);
-export { TngEmptyComponent };
-let TngEmptyIconComponent = class TngEmptyIconComponent {
-};
-TngEmptyIconComponent = __decorate([
-    Component({
-        selector: 'tng-empty-icon',
-        imports: [TngEmptyIconPrimitive],
-        templateUrl: './tng-empty-icon.component.html',
-        styleUrl: './tng-empty.component.css',
-    })
-], TngEmptyIconComponent);
-export { TngEmptyIconComponent };
-let TngEmptyTitleComponent = class TngEmptyTitleComponent {
-};
-TngEmptyTitleComponent = __decorate([
-    Component({
-        selector: 'tng-empty-title',
-        imports: [TngEmptyTitlePrimitive],
-        templateUrl: './tng-empty-title.component.html',
-        styleUrl: './tng-empty.component.css',
-    })
-], TngEmptyTitleComponent);
-export { TngEmptyTitleComponent };
-let TngEmptyDescriptionComponent = class TngEmptyDescriptionComponent {
-};
-TngEmptyDescriptionComponent = __decorate([
-    Component({
-        selector: 'tng-empty-description',
-        imports: [TngEmptyDescriptionPrimitive],
-        templateUrl: './tng-empty-description.component.html',
-        styleUrl: './tng-empty.component.css',
-    })
-], TngEmptyDescriptionComponent);
-export { TngEmptyDescriptionComponent };
-let TngEmptyActionsComponent = class TngEmptyActionsComponent {
-};
-TngEmptyActionsComponent = __decorate([
-    Component({
-        selector: 'tng-empty-actions',
-        imports: [TngEmptyActionsPrimitive],
-        templateUrl: './tng-empty-actions.component.html',
-        styleUrl: './tng-empty.component.css',
-    })
-], TngEmptyActionsComponent);
-export { TngEmptyActionsComponent };
+import * as i0 from "@angular/core";
+export class TngEmptyComponent {
+    align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngEmptyComponent, isStandalone: true, selector: "tng-empty", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section tngEmpty class=\"tng-empty\" [attr.data-align]=\"align()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"], dependencies: [{ kind: "directive", type: TngEmptyPrimitive, selector: "[tngEmpty]", exportAs: ["tngEmpty"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-empty', imports: [TngEmptyPrimitive], template: "<section tngEmpty class=\"tng-empty\" [attr.data-align]=\"align()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"] }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+export class TngEmptyIconComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngEmptyIconComponent, isStandalone: true, selector: "tng-empty-icon", ngImport: i0, template: "<div tngEmptyIcon class=\"tng-empty-icon\">\n  <ng-content />\n</div>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"], dependencies: [{ kind: "directive", type: TngEmptyIconPrimitive, selector: "[tngEmptyIcon]", exportAs: ["tngEmptyIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-empty-icon', imports: [TngEmptyIconPrimitive], template: "<div tngEmptyIcon class=\"tng-empty-icon\">\n  <ng-content />\n</div>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"] }]
+        }] });
+export class TngEmptyTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngEmptyTitleComponent, isStandalone: true, selector: "tng-empty-title", ngImport: i0, template: "<h3 tngEmptyTitle class=\"tng-empty-title\">\n  <ng-content />\n</h3>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"], dependencies: [{ kind: "directive", type: TngEmptyTitlePrimitive, selector: "[tngEmptyTitle]", exportAs: ["tngEmptyTitle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-empty-title', imports: [TngEmptyTitlePrimitive], template: "<h3 tngEmptyTitle class=\"tng-empty-title\">\n  <ng-content />\n</h3>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"] }]
+        }] });
+export class TngEmptyDescriptionComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngEmptyDescriptionComponent, isStandalone: true, selector: "tng-empty-description", ngImport: i0, template: "<p tngEmptyDescription class=\"tng-empty-description\">\n  <ng-content />\n</p>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"], dependencies: [{ kind: "directive", type: TngEmptyDescriptionPrimitive, selector: "[tngEmptyDescription]", exportAs: ["tngEmptyDescription"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-empty-description', imports: [TngEmptyDescriptionPrimitive], template: "<p tngEmptyDescription class=\"tng-empty-description\">\n  <ng-content />\n</p>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"] }]
+        }] });
+export class TngEmptyActionsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngEmptyActionsComponent, isStandalone: true, selector: "tng-empty-actions", ngImport: i0, template: "<div tngEmptyActions class=\"tng-empty-actions\">\n  <ng-content />\n</div>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"], dependencies: [{ kind: "directive", type: TngEmptyActionsPrimitive, selector: "[tngEmptyActions]", exportAs: ["tngEmptyActions"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-empty-actions', imports: [TngEmptyActionsPrimitive], template: "<div tngEmptyActions class=\"tng-empty-actions\">\n  <ng-content />\n</div>\n", styles: [":host {\n  display: block;\n}\n\n.tng-empty {\n  align-items: center;\n  border: 1px dashed var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.75rem;\n  justify-items: center;\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.tng-empty[data-align='start'] {\n  justify-items: start;\n  text-align: left;\n}\n\n.tng-empty-icon {\n  color: var(--tng-semantic-foreground-muted);\n  display: inline-flex;\n  font-size: 2rem;\n  line-height: 1;\n}\n\n.tng-empty-title {\n  font-size: 1.05rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n.tng-empty-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.9rem;\n  margin: 0;\n  max-width: 30rem;\n}\n\n.tng-empty-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.65rem;\n}\n"] }]
+        }] });
+export { TngEmptyComponent as TngEmpty };
+export { TngEmptyIconComponent as TngEmptyIcon };
+export { TngEmptyTitleComponent as TngEmptyTitle };
+export { TngEmptyDescriptionComponent as TngEmptyDescription };
+export { TngEmptyActionsComponent as TngEmptyActions };
 //# sourceMappingURL=tng-empty.component.js.map

package/src/lib/feedback/empty/tng-empty.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-empty.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,QAAQ,IAAI,iBAAiB,EAC7B,eAAe,IAAI,wBAAwB,EAC3C,mBAAmB,IAAI,4BAA4B,EACnD,YAAY,IAAI,qBAAqB,EACrC,aAAa,IAAI,sBAAsB,GACxC,MAAM,uBAAuB,CAAC;AAUxB,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IACZ,KAAK,GAAG,KAAK,CAAgB,QAAQ,CAAC,CAAC;CACxD,CAAA;AAFY,iBAAiB;IAN7B,SAAS,CAAC;QACT,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,WAAW,EAAE,4BAA4B;QACzC,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,iBAAiB,CAE7B;;AAQM,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;CAAG,CAAA;AAAxB,qBAAqB;IANjC,SAAS,CAAC;QACT,QAAQ,EAAE,gBAAgB;QAC1B,OAAO,EAAE,CAAC,qBAAqB,CAAC;QAChC,WAAW,EAAE,iCAAiC;QAC9C,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,qBAAqB,CAAG;;AAQ9B,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB;CAAG,CAAA;AAAzB,sBAAsB;IANlC,SAAS,CAAC;QACT,QAAQ,EAAE,iBAAiB;QAC3B,OAAO,EAAE,CAAC,sBAAsB,CAAC;QACjC,WAAW,EAAE,kCAAkC;QAC/C,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,sBAAsB,CAAG;;AAQ/B,IAAM,4BAA4B,GAAlC,MAAM,4BAA4B;CAAG,CAAA;AAA/B,4BAA4B;IANxC,SAAS,CAAC;QACT,QAAQ,EAAE,uBAAuB;QACjC,OAAO,EAAE,CAAC,4BAA4B,CAAC;QACvC,WAAW,EAAE,wCAAwC;QACrD,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,4BAA4B,CAAG;;AAQrC,IAAM,wBAAwB,GAA9B,MAAM,wBAAwB;CAAG,CAAA;AAA3B,wBAAwB;IANpC,SAAS,CAAC;QACT,QAAQ,EAAE,mBAAmB;QAC7B,OAAO,EAAE,CAAC,wBAAwB,CAAC;QACnC,WAAW,EAAE,oCAAoC;QACjD,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,wBAAwB,CAAG","sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  TngEmpty as TngEmptyPrimitive,\n  TngEmptyActions as TngEmptyActionsPrimitive,\n  TngEmptyDescription as TngEmptyDescriptionPrimitive,\n  TngEmptyIcon as TngEmptyIconPrimitive,\n  TngEmptyTitle as TngEmptyTitlePrimitive,\n} from '@tailng-ui/primitives';\n\ntype TngEmptyAlign = 'center' | 'start';\n\n@Component({\n  selector: 'tng-empty',\n  imports: [TngEmptyPrimitive],\n  templateUrl: './tng-empty.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyComponent {\n  public readonly align = input<TngEmptyAlign>('center');\n}\n\n@Component({\n  selector: 'tng-empty-icon',\n  imports: [TngEmptyIconPrimitive],\n  templateUrl: './tng-empty-icon.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyIconComponent {}\n\n@Component({\n  selector: 'tng-empty-title',\n  imports: [TngEmptyTitlePrimitive],\n  templateUrl: './tng-empty-title.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyTitleComponent {}\n\n@Component({\n  selector: 'tng-empty-description',\n  imports: [TngEmptyDescriptionPrimitive],\n  templateUrl: './tng-empty-description.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyDescriptionComponent {}\n\n@Component({\n  selector: 'tng-empty-actions',\n  imports: [TngEmptyActionsPrimitive],\n  templateUrl: './tng-empty-actions.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyActionsComponent {}\n"]}
+{"version":3,"file":"tng-empty.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty.component.html","../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty-icon.component.html","../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty-title.component.html","../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty-description.component.html","../../../../../../../../libs/tailng-ui/components/src/lib/feedback/empty/tng-empty-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,QAAQ,IAAI,iBAAiB,EAC7B,eAAe,IAAI,wBAAwB,EAC3C,mBAAmB,IAAI,4BAA4B,EACnD,YAAY,IAAI,qBAAqB,EACrC,aAAa,IAAI,sBAAsB,GACxC,MAAM,uBAAuB,CAAC;;AAU/B,MAAM,OAAO,iBAAiB;IACZ,KAAK,GAAG,KAAK,CAAgB,QAAQ,iDAAC,CAAC;uGAD5C,iBAAiB;2FAAjB,iBAAiB,yMCjB9B,sGAGA,y3BDUY,iBAAiB;;2FAIhB,iBAAiB;kBAN7B,SAAS;+BACE,WAAW,WACZ,CAAC,iBAAiB,CAAC;;AAc9B,MAAM,OAAO,qBAAqB;uGAArB,qBAAqB;2FAArB,qBAAqB,0EE3BlC,yEAGA,y3BFoBY,qBAAqB;;2FAIpB,qBAAqB;kBANjC,SAAS;+BACE,gBAAgB,WACjB,CAAC,qBAAqB,CAAC;;AAYlC,MAAM,OAAO,sBAAsB;uGAAtB,sBAAsB;2FAAtB,sBAAsB,2EGnCnC,yEAGA,y3BH4BY,sBAAsB;;2FAIrB,sBAAsB;kBANlC,SAAS;+BACE,iBAAiB,WAClB,CAAC,sBAAsB,CAAC;;AAYnC,MAAM,OAAO,4BAA4B;uGAA5B,4BAA4B;2FAA5B,4BAA4B,iFI3CzC,mFAGA,y3BJoCY,4BAA4B;;2FAI3B,4BAA4B;kBANxC,SAAS;+BACE,uBAAuB,WACxB,CAAC,4BAA4B,CAAC;;AAYzC,MAAM,OAAO,wBAAwB;uGAAxB,wBAAwB;2FAAxB,wBAAwB,6EKnDrC,+EAGA,y3BL4CY,wBAAwB;;2FAIvB,wBAAwB;kBANpC,SAAS;+BACE,mBAAmB,WACpB,CAAC,wBAAwB,CAAC;;AAKrC,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,CAAC;AACzC,OAAO,EAAE,qBAAqB,IAAI,YAAY,EAAE,CAAC;AACjD,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC;AACnD,OAAO,EAAE,4BAA4B,IAAI,mBAAmB,EAAE,CAAC;AAC/D,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC","sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  TngEmpty as TngEmptyPrimitive,\n  TngEmptyActions as TngEmptyActionsPrimitive,\n  TngEmptyDescription as TngEmptyDescriptionPrimitive,\n  TngEmptyIcon as TngEmptyIconPrimitive,\n  TngEmptyTitle as TngEmptyTitlePrimitive,\n} from '@tailng-ui/primitives';\n\ntype TngEmptyAlign = 'center' | 'start';\n\n@Component({\n  selector: 'tng-empty',\n  imports: [TngEmptyPrimitive],\n  templateUrl: './tng-empty.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyComponent {\n  public readonly align = input<TngEmptyAlign>('center');\n}\n\n@Component({\n  selector: 'tng-empty-icon',\n  imports: [TngEmptyIconPrimitive],\n  templateUrl: './tng-empty-icon.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyIconComponent {}\n\n@Component({\n  selector: 'tng-empty-title',\n  imports: [TngEmptyTitlePrimitive],\n  templateUrl: './tng-empty-title.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyTitleComponent {}\n\n@Component({\n  selector: 'tng-empty-description',\n  imports: [TngEmptyDescriptionPrimitive],\n  templateUrl: './tng-empty-description.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyDescriptionComponent {}\n\n@Component({\n  selector: 'tng-empty-actions',\n  imports: [TngEmptyActionsPrimitive],\n  templateUrl: './tng-empty-actions.component.html',\n  styleUrl: './tng-empty.component.css',\n})\nexport class TngEmptyActionsComponent {}\nexport { TngEmptyComponent as TngEmpty };\nexport { TngEmptyIconComponent as TngEmptyIcon };\nexport { TngEmptyTitleComponent as TngEmptyTitle };\nexport { TngEmptyDescriptionComponent as TngEmptyDescription };\nexport { TngEmptyActionsComponent as TngEmptyActions };\n","<section tngEmpty class=\"tng-empty\" [attr.data-align]=\"align()\">\n  <ng-content />\n</section>\n","<div tngEmptyIcon class=\"tng-empty-icon\">\n  <ng-content />\n</div>\n","<h3 tngEmptyTitle class=\"tng-empty-title\">\n  <ng-content />\n</h3>\n","<p tngEmptyDescription class=\"tng-empty-description\">\n  <ng-content />\n</p>\n","<div tngEmptyActions class=\"tng-empty-actions\">\n  <ng-content />\n</div>\n"]}

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

@@ -1,11 +1,6 @@
 export * from './empty/tng-empty.component';
-export { TngEmptyComponent as TngEmpty, TngEmptyIconComponent as TngEmptyIcon, TngEmptyTitleComponent as TngEmptyTitle, TngEmptyDescriptionComponent as TngEmptyDescription, TngEmptyActionsComponent as TngEmptyActions, } from './empty/tng-empty.component';
 export * from './progress-bar/tng-progress-bar.component';
-export { TngProgressBarComponent as TngProgressBar } from './progress-bar/tng-progress-bar.component';
 export * from './progress-spinner/tng-progress-spinner.component';
-export { TngProgressSpinnerComponent as TngProgressSpinner } from './progress-spinner/tng-progress-spinner.component';
 export * from './skeleton/tng-skeleton.component';
-export { TngSkeletonComponent as TngSkeleton } from './skeleton/tng-skeleton.component';
 export * from './toast/tng-toast.component';
-export { TngToastComponent as TngToast } from './toast/tng-toast.component';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,qBAAqB,IAAI,YAAY,EACrC,sBAAsB,IAAI,aAAa,EACvC,4BAA4B,IAAI,mBAAmB,EACnD,wBAAwB,IAAI,eAAe,GAC5C,MAAM,6BAA6B,CAAC;AACrC,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AACtG,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,2BAA2B,IAAI,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACtH,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AACxF,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/feedback/index.ts"],"names":[],"mappings":"AAKA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC"}

package/src/lib/feedback/index.js

@@ -1,11 +1,10 @@
+// Feedback 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 './empty/tng-empty.component';
-export { TngEmptyComponent as TngEmpty, TngEmptyIconComponent as TngEmptyIcon, TngEmptyTitleComponent as TngEmptyTitle, TngEmptyDescriptionComponent as TngEmptyDescription, TngEmptyActionsComponent as TngEmptyActions, } from './empty/tng-empty.component';
 export * from './progress-bar/tng-progress-bar.component';
-export { TngProgressBarComponent as TngProgressBar } from './progress-bar/tng-progress-bar.component';
 export * from './progress-spinner/tng-progress-spinner.component';
-export { TngProgressSpinnerComponent as TngProgressSpinner } from './progress-spinner/tng-progress-spinner.component';
 export * from './skeleton/tng-skeleton.component';
-export { TngSkeletonComponent as TngSkeleton } from './skeleton/tng-skeleton.component';
 export * from './toast/tng-toast.component';
-export { TngToastComponent as TngToast } from './toast/tng-toast.component';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,qBAAqB,IAAI,YAAY,EACrC,sBAAsB,IAAI,aAAa,EACvC,4BAA4B,IAAI,mBAAmB,EACnD,wBAAwB,IAAI,eAAe,GAC5C,MAAM,6BAA6B,CAAC;AACrC,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AACtG,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,2BAA2B,IAAI,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACtH,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AACxF,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export * from './empty/tng-empty.component';\nexport {\n  TngEmptyComponent as TngEmpty,\n  TngEmptyIconComponent as TngEmptyIcon,\n  TngEmptyTitleComponent as TngEmptyTitle,\n  TngEmptyDescriptionComponent as TngEmptyDescription,\n  TngEmptyActionsComponent as TngEmptyActions,\n} from './empty/tng-empty.component';\nexport * from './progress-bar/tng-progress-bar.component';\nexport { TngProgressBarComponent as TngProgressBar } from './progress-bar/tng-progress-bar.component';\nexport * from './progress-spinner/tng-progress-spinner.component';\nexport { TngProgressSpinnerComponent as TngProgressSpinner } from './progress-spinner/tng-progress-spinner.component';\nexport * from './skeleton/tng-skeleton.component';\nexport { TngSkeletonComponent as TngSkeleton } from './skeleton/tng-skeleton.component';\nexport * from './toast/tng-toast.component';\nexport { TngToastComponent as TngToast } from './toast/tng-toast.component';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/feedback/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,EAAE;AACF,+FAA+F;AAC/F,4CAA4C;AAE5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC","sourcesContent":["// Feedback 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 './empty/tng-empty.component';\nexport * from './progress-bar/tng-progress-bar.component';\nexport * from './progress-spinner/tng-progress-spinner.component';\nexport * from './skeleton/tng-skeleton.component';\nexport * from './toast/tng-toast.component';\n"]}

package/src/lib/feedback/progress-bar/tng-progress-bar.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare function toTngProgressBarPercent(min: number, max: number, value: number): number;
 export declare class TngProgressBarComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
@@ -6,5 +7,8 @@ export declare class TngProgressBarComponent {
     readonly min: import("@angular/core").InputSignalWithTransform<number, string | number>;
     readonly value: import("@angular/core").InputSignalWithTransform<number, string | number>;
     protected readonly indicatorPercent: import("@angular/core").Signal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngProgressBarComponent, "tng-progress-bar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export { TngProgressBarComponent as TngProgressBar };
 //# sourceMappingURL=tng-progress-bar.component.d.ts.map

package/src/lib/feedback/progress-bar/tng-progress-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-progress-bar.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-bar/tng-progress-bar.component.ts"],"names":[],"mappings":"AASA,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAQvF;AAED,qBAMa,uBAAuB;IAClC,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,aAAa,8EAE1B;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,KAAK,4EAGlB;IAEH,SAAS,CAAC,QAAQ,CAAC,gBAAgB,yCAEjC;CACH"}
+{"version":3,"file":"tng-progress-bar.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-bar/tng-progress-bar.component.ts"],"names":[],"mappings":";AASA,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAQvF;AAED,qBAMa,uBAAuB;IAClC,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,aAAa,8EAE1B;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,KAAK,4EAGlB;IAEH,SAAS,CAAC,QAAQ,CAAC,gBAAgB,yCAEjC;yCApBS,uBAAuB;2CAAvB,uBAAuB;CAqBnC;AACD,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,CAAC"}

package/src/lib/feedback/progress-bar/tng-progress-bar.component.js

@@ -1,6 +1,6 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, computed, input } from '@angular/core';
 import { normalizeTngProgressBarMax, normalizeTngProgressBarMin, resolveTngProgressBarRange, TngProgressBar as TngProgressBarPrimitive, TngProgressBarIndicator, } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 export function toTngProgressBarPercent(min, max, value) {
     const range = resolveTngProgressBarRange(min, max, value);
     const denominator = range.max - range.min;
@@ -9,29 +9,19 @@ export function toTngProgressBarPercent(min, max, value) {
     }
     return ((range.value - range.min) / denominator) * 100;
 }
-let TngProgressBarComponent = class TngProgressBarComponent {
-    ariaLabel = input(null);
-    indeterminate = input(false, {
-        transform: booleanAttribute,
-    });
-    max = input(100, {
-        transform: (value) => normalizeTngProgressBarMax(typeof value === 'number' ? value : Number(value)),
-    });
-    min = input(0, {
-        transform: (value) => normalizeTngProgressBarMin(typeof value === 'number' ? value : Number(value)),
-    });
-    value = input(0, {
-        transform: (value) => typeof value === 'number' ? value : Number(value),
-    });
-    indicatorPercent = computed(() => toTngProgressBarPercent(this.min(), this.max(), this.value()));
-};
-TngProgressBarComponent = __decorate([
-    Component({
-        selector: 'tng-progress-bar',
-        imports: [TngProgressBarPrimitive, TngProgressBarIndicator],
-        templateUrl: './tng-progress-bar.component.html',
-        styleUrl: './tng-progress-bar.component.css',
-    })
-], TngProgressBarComponent);
-export { TngProgressBarComponent };
+export class TngProgressBarComponent {
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : {}), transform: (value) => normalizeTngProgressBarMax(typeof value === 'number' ? value : Number(value)) });
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : {}), transform: (value) => normalizeTngProgressBarMin(typeof value === 'number' ? value : Number(value)) });
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : {}), transform: (value) => typeof value === 'number' ? value : Number(value) });
+    indicatorPercent = computed(() => toTngProgressBarPercent(this.min(), this.max(), this.value()), ...(ngDevMode ? [{ debugName: "indicatorPercent" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngProgressBarComponent, isStandalone: true, selector: "tng-progress-bar", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  tngProgressBar\n  class=\"tng-progress-bar\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [indeterminate]=\"indeterminate()\"\n  [max]=\"max()\"\n  [min]=\"min()\"\n  [value]=\"value()\"\n>\n  <span\n    tngProgressBarIndicator\n    class=\"tng-progress-bar-indicator\"\n    [attr.data-indeterminate]=\"indeterminate() ? '' : null\"\n    [style.width.%]=\"indeterminate() ? 40 : indicatorPercent()\"\n  ></span>\n</div>\n", styles: [":host {\n  display: block;\n  width: 100%;\n}\n\n.tng-progress-bar {\n  background: var(--tng-semantic-background-surface);\n  border-radius: 9999px;\n  height: 0.625rem;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.tng-progress-bar-indicator {\n  background: var(--tng-semantic-accent-brand);\n  border-radius: inherit;\n  display: block;\n  height: 100%;\n  transition: width 180ms ease;\n}\n\n.tng-progress-bar-indicator[data-indeterminate] {\n  animation: tng-progress-bar-indeterminate 1.1s ease-in-out infinite;\n}\n\n@keyframes tng-progress-bar-indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(250%);\n  }\n}\n"], dependencies: [{ kind: "directive", type: TngProgressBarPrimitive, selector: "[tngProgressBar]", inputs: ["indeterminate", "max", "min", "value"], exportAs: ["tngProgressBar"] }, { kind: "directive", type: TngProgressBarIndicator, selector: "[tngProgressBarIndicator]", exportAs: ["tngProgressBarIndicator"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-progress-bar', imports: [TngProgressBarPrimitive, TngProgressBarIndicator], template: "<div\n  tngProgressBar\n  class=\"tng-progress-bar\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [indeterminate]=\"indeterminate()\"\n  [max]=\"max()\"\n  [min]=\"min()\"\n  [value]=\"value()\"\n>\n  <span\n    tngProgressBarIndicator\n    class=\"tng-progress-bar-indicator\"\n    [attr.data-indeterminate]=\"indeterminate() ? '' : null\"\n    [style.width.%]=\"indeterminate() ? 40 : indicatorPercent()\"\n  ></span>\n</div>\n", styles: [":host {\n  display: block;\n  width: 100%;\n}\n\n.tng-progress-bar {\n  background: var(--tng-semantic-background-surface);\n  border-radius: 9999px;\n  height: 0.625rem;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.tng-progress-bar-indicator {\n  background: var(--tng-semantic-accent-brand);\n  border-radius: inherit;\n  display: block;\n  height: 100%;\n  transition: width 180ms ease;\n}\n\n.tng-progress-bar-indicator[data-indeterminate] {\n  animation: tng-progress-bar-indeterminate 1.1s ease-in-out infinite;\n}\n\n@keyframes tng-progress-bar-indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(250%);\n  }\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+export { TngProgressBarComponent as TngProgressBar };
 //# sourceMappingURL=tng-progress-bar.component.js.map

package/src/lib/feedback/progress-bar/tng-progress-bar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-progress-bar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-bar/tng-progress-bar.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,cAAc,IAAI,uBAAuB,EACzC,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,UAAU,uBAAuB,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa;IAC7E,MAAM,KAAK,GAAG,0BAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1C,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;QACrB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC;AACzD,CAAC;AAQM,IAAM,uBAAuB,GAA7B,MAAM,uBAAuB;IAClB,SAAS,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACvC,aAAa,GAAG,KAAK,CAA4B,KAAK,EAAE;QACtE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,GAAG,EAAE;QACxD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,0BAA0B,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAChF,CAAC,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,CAAC,EAAE;QACtD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,0BAA0B,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAChF,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAA0B,CAAC,EAAE;QACxD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;KACpD,CAAC,CAAC;IAEgB,gBAAgB,GAAG,QAAQ,CAAS,GAAG,EAAE,CAC1D,uBAAuB,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAC9D,CAAC;CACH,CAAA;AArBY,uBAAuB;IANnC,SAAS,CAAC;QACT,QAAQ,EAAE,kBAAkB;QAC5B,OAAO,EAAE,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;QAC3D,WAAW,EAAE,mCAAmC;QAChD,QAAQ,EAAE,kCAAkC;KAC7C,CAAC;GACW,uBAAuB,CAqBnC","sourcesContent":["import { booleanAttribute, Component, computed, input } from '@angular/core';\nimport {\n  normalizeTngProgressBarMax,\n  normalizeTngProgressBarMin,\n  resolveTngProgressBarRange,\n  TngProgressBar as TngProgressBarPrimitive,\n  TngProgressBarIndicator,\n} from '@tailng-ui/primitives';\n\nexport function toTngProgressBarPercent(min: number, max: number, value: number): number {\n  const range = resolveTngProgressBarRange(min, max, value);\n  const denominator = range.max - range.min;\n  if (denominator <= 0) {\n    return 100;\n  }\n\n  return ((range.value - range.min) / denominator) * 100;\n}\n\n@Component({\n  selector: 'tng-progress-bar',\n  imports: [TngProgressBarPrimitive, TngProgressBarIndicator],\n  templateUrl: './tng-progress-bar.component.html',\n  styleUrl: './tng-progress-bar.component.css',\n})\nexport class TngProgressBarComponent {\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressBarMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressBarMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  protected readonly indicatorPercent = computed<number>(() =>\n    toTngProgressBarPercent(this.min(), this.max(), this.value()),\n  );\n}\n"]}
+{"version":3,"file":"tng-progress-bar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-bar/tng-progress-bar.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-bar/tng-progress-bar.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,cAAc,IAAI,uBAAuB,EACzC,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;;AAE/B,MAAM,UAAU,uBAAuB,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa;IAC7E,MAAM,KAAK,GAAG,0BAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1C,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;QACrB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC;AACzD,CAAC;AAQD,MAAM,OAAO,uBAAuB;IAClB,SAAS,GAAG,KAAK,CAAgB,IAAI,qDAAC,CAAC;IACvC,aAAa,GAAG,KAAK,CAA4B,KAAK,0DACpE,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,GAAG,gDACtD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,0BAA0B,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAC/E,CAAC;IACa,GAAG,GAAG,KAAK,CAA0B,CAAC,gDACpD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,0BAA0B,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAC/E,CAAC;IACa,KAAK,GAAG,KAAK,CAA0B,CAAC,kDACtD,SAAS,EAAE,CAAC,KAAsB,EAAU,EAAE,CAC5C,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACnD,CAAC;IAEgB,gBAAgB,GAAG,QAAQ,CAAS,GAAG,EAAE,CAC1D,uBAAuB,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,4DAC9D,CAAC;uGApBS,uBAAuB;2FAAvB,uBAAuB,wsBCzBpC,0aAgBA,6uBDKY,uBAAuB,6IAAE,uBAAuB;;2FAI/C,uBAAuB;kBANnC,SAAS;+BACE,kBAAkB,WACnB,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;;AA0B7D,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,CAAC","sourcesContent":["import { booleanAttribute, Component, computed, input } from '@angular/core';\nimport {\n  normalizeTngProgressBarMax,\n  normalizeTngProgressBarMin,\n  resolveTngProgressBarRange,\n  TngProgressBar as TngProgressBarPrimitive,\n  TngProgressBarIndicator,\n} from '@tailng-ui/primitives';\n\nexport function toTngProgressBarPercent(min: number, max: number, value: number): number {\n  const range = resolveTngProgressBarRange(min, max, value);\n  const denominator = range.max - range.min;\n  if (denominator <= 0) {\n    return 100;\n  }\n\n  return ((range.value - range.min) / denominator) * 100;\n}\n\n@Component({\n  selector: 'tng-progress-bar',\n  imports: [TngProgressBarPrimitive, TngProgressBarIndicator],\n  templateUrl: './tng-progress-bar.component.html',\n  styleUrl: './tng-progress-bar.component.css',\n})\nexport class TngProgressBarComponent {\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressBarMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressBarMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  protected readonly indicatorPercent = computed<number>(() =>\n    toTngProgressBarPercent(this.min(), this.max(), this.value()),\n  );\n}\nexport { TngProgressBarComponent as TngProgressBar };\n","<div\n  tngProgressBar\n  class=\"tng-progress-bar\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [indeterminate]=\"indeterminate()\"\n  [max]=\"max()\"\n  [min]=\"min()\"\n  [value]=\"value()\"\n>\n  <span\n    tngProgressBarIndicator\n    class=\"tng-progress-bar-indicator\"\n    [attr.data-indeterminate]=\"indeterminate() ? '' : null\"\n    [style.width.%]=\"indeterminate() ? 40 : indicatorPercent()\"\n  ></span>\n</div>\n"]}

package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare function toTngProgressSpinnerPercent(min: number, max: number, value: number): number;
 export declare function toTngProgressSpinnerDashOffset(percent: number): number;
 export declare class TngProgressSpinnerComponent {
@@ -10,5 +11,8 @@ export declare class TngProgressSpinnerComponent {
     readonly value: import("@angular/core").InputSignalWithTransform<number, string | number>;
     protected readonly circumference: number;
     protected readonly dashOffset: import("@angular/core").Signal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngProgressSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngProgressSpinnerComponent, "tng-progress-spinner", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export { TngProgressSpinnerComponent as TngProgressSpinner };
 //# sourceMappingURL=tng-progress-spinner.component.d.ts.map

package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-progress-spinner.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-spinner/tng-progress-spinner.component.ts"],"names":[],"mappings":"AAmBA,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAQ3F;AAED,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,qBAMa,2BAA2B;IACtC,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,aAAa,8EAE1B;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,WAAW,4EAGxB;IACH,SAAgB,KAAK,4EAGlB;IAEH,SAAS,CAAC,QAAQ,CAAC,aAAa,SAAwB;IACxD,SAAS,CAAC,QAAQ,CAAC,UAAU,yCAI3B;CACH"}
+{"version":3,"file":"tng-progress-spinner.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-spinner/tng-progress-spinner.component.ts"],"names":[],"mappings":";AAmBA,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAQ3F;AAED,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,qBAMa,2BAA2B;IACtC,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,aAAa,8EAE1B;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,IAAI,4EAGjB;IACH,SAAgB,WAAW,4EAGxB;IACH,SAAgB,KAAK,4EAGlB;IAEH,SAAS,CAAC,QAAQ,CAAC,aAAa,SAAwB;IACxD,SAAS,CAAC,QAAQ,CAAC,UAAU,yCAI3B;yCA/BS,2BAA2B;2CAA3B,2BAA2B;CAgCvC;AACD,OAAO,EAAE,2BAA2B,IAAI,kBAAkB,EAAE,CAAC"}

package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.js

@@ -1,6 +1,6 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Component, computed, input } from '@angular/core';
 import { normalizeTngProgressSpinnerMax, normalizeTngProgressSpinnerMin, resolveTngProgressSpinnerRange, TngProgressSpinner as TngProgressSpinnerPrimitive, } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 const spinnerRadius = 18;
 const spinnerCircumference = 2 * Math.PI * spinnerRadius;
 function normalizePositiveNumber(value, fallback) {
@@ -20,36 +20,22 @@ export function toTngProgressSpinnerPercent(min, max, value) {
 export function toTngProgressSpinnerDashOffset(percent) {
     return spinnerCircumference - (spinnerCircumference * percent) / 100;
 }
-let TngProgressSpinnerComponent = class TngProgressSpinnerComponent {
-    ariaLabel = input(null);
-    indeterminate = input(false, {
-        transform: booleanAttribute,
-    });
-    max = input(100, {
-        transform: (value) => normalizeTngProgressSpinnerMax(typeof value === 'number' ? value : Number(value)),
-    });
-    min = input(0, {
-        transform: (value) => normalizeTngProgressSpinnerMin(typeof value === 'number' ? value : Number(value)),
-    });
-    size = input(40, {
-        transform: (value) => normalizePositiveNumber(typeof value === 'number' ? value : Number(value), 40),
-    });
-    strokeWidth = input(4, {
-        transform: (value) => normalizePositiveNumber(typeof value === 'number' ? value : Number(value), 4),
-    });
-    value = input(0, {
-        transform: (value) => typeof value === 'number' ? value : Number(value),
-    });
+export class TngProgressSpinnerComponent {
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : {}), transform: (value) => normalizeTngProgressSpinnerMax(typeof value === 'number' ? value : Number(value)) });
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : {}), transform: (value) => normalizeTngProgressSpinnerMin(typeof value === 'number' ? value : Number(value)) });
+    size = input(40, { ...(ngDevMode ? { debugName: "size" } : {}), transform: (value) => normalizePositiveNumber(typeof value === 'number' ? value : Number(value), 40) });
+    strokeWidth = input(4, { ...(ngDevMode ? { debugName: "strokeWidth" } : {}), transform: (value) => normalizePositiveNumber(typeof value === 'number' ? value : Number(value), 4) });
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : {}), transform: (value) => typeof value === 'number' ? value : Number(value) });
     circumference = spinnerCircumference;
-    dashOffset = computed(() => toTngProgressSpinnerDashOffset(toTngProgressSpinnerPercent(this.min(), this.max(), this.value())));
-};
-TngProgressSpinnerComponent = __decorate([
-    Component({
-        selector: 'tng-progress-spinner',
-        imports: [TngProgressSpinnerPrimitive],
-        templateUrl: './tng-progress-spinner.component.html',
-        styleUrl: './tng-progress-spinner.component.css',
-    })
-], TngProgressSpinnerComponent);
-export { TngProgressSpinnerComponent };
+    dashOffset = computed(() => toTngProgressSpinnerDashOffset(toTngProgressSpinnerPercent(this.min(), this.max(), this.value())), ...(ngDevMode ? [{ debugName: "dashOffset" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngProgressSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngProgressSpinnerComponent, isStandalone: true, selector: "tng-progress-spinner", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  tngProgressSpinner\n  class=\"tng-progress-spinner\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [indeterminate]=\"indeterminate()\"\n  [max]=\"max()\"\n  [min]=\"min()\"\n  [style.--tng-progress-spinner-size.px]=\"size()\"\n  [style.--tng-progress-spinner-stroke-width.px]=\"strokeWidth()\"\n  [value]=\"value()\"\n>\n  <svg class=\"tng-progress-spinner-svg\" viewBox=\"0 0 40 40\">\n    <circle class=\"tng-progress-spinner-track\" cx=\"20\" cy=\"20\" r=\"18\"></circle>\n    <circle\n      class=\"tng-progress-spinner-indicator\"\n      [attr.data-indeterminate]=\"indeterminate() ? '' : null\"\n      [attr.stroke-dasharray]=\"circumference\"\n      [attr.stroke-dashoffset]=\"indeterminate() ? null : dashOffset()\"\n      cx=\"20\"\n      cy=\"20\"\n      r=\"18\"\n    ></circle>\n  </svg>\n</span>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-progress-spinner {\n  display: inline-flex;\n  height: var(--tng-progress-spinner-size, 40px);\n  width: var(--tng-progress-spinner-size, 40px);\n}\n\n.tng-progress-spinner-svg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n.tng-progress-spinner-track,\n.tng-progress-spinner-indicator {\n  fill: none;\n  stroke-linecap: round;\n  stroke-width: var(--tng-progress-spinner-stroke-width, 4px);\n}\n\n.tng-progress-spinner-track {\n  stroke: var(--tng-semantic-background-surface);\n}\n\n.tng-progress-spinner-indicator {\n  stroke: var(--tng-semantic-accent-brand);\n  transform: rotate(-90deg);\n  transform-origin: center;\n  transition: stroke-dashoffset 180ms ease;\n}\n\n.tng-progress-spinner-indicator[data-indeterminate] {\n  animation: tng-progress-spinner-indeterminate 1s linear infinite;\n  stroke-dasharray: 70;\n  stroke-dashoffset: 20;\n}\n\n@keyframes tng-progress-spinner-indeterminate {\n  0% {\n    transform: rotate(-90deg);\n  }\n  100% {\n    transform: rotate(270deg);\n  }\n}\n"], dependencies: [{ kind: "directive", type: TngProgressSpinnerPrimitive, selector: "[tngProgressSpinner]", inputs: ["indeterminate", "max", "min", "value"], exportAs: ["tngProgressSpinner"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngProgressSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-progress-spinner', imports: [TngProgressSpinnerPrimitive], template: "<span\n  tngProgressSpinner\n  class=\"tng-progress-spinner\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [indeterminate]=\"indeterminate()\"\n  [max]=\"max()\"\n  [min]=\"min()\"\n  [style.--tng-progress-spinner-size.px]=\"size()\"\n  [style.--tng-progress-spinner-stroke-width.px]=\"strokeWidth()\"\n  [value]=\"value()\"\n>\n  <svg class=\"tng-progress-spinner-svg\" viewBox=\"0 0 40 40\">\n    <circle class=\"tng-progress-spinner-track\" cx=\"20\" cy=\"20\" r=\"18\"></circle>\n    <circle\n      class=\"tng-progress-spinner-indicator\"\n      [attr.data-indeterminate]=\"indeterminate() ? '' : null\"\n      [attr.stroke-dasharray]=\"circumference\"\n      [attr.stroke-dashoffset]=\"indeterminate() ? null : dashOffset()\"\n      cx=\"20\"\n      cy=\"20\"\n      r=\"18\"\n    ></circle>\n  </svg>\n</span>\n", styles: [":host {\n  display: inline-flex;\n}\n\n.tng-progress-spinner {\n  display: inline-flex;\n  height: var(--tng-progress-spinner-size, 40px);\n  width: var(--tng-progress-spinner-size, 40px);\n}\n\n.tng-progress-spinner-svg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n.tng-progress-spinner-track,\n.tng-progress-spinner-indicator {\n  fill: none;\n  stroke-linecap: round;\n  stroke-width: var(--tng-progress-spinner-stroke-width, 4px);\n}\n\n.tng-progress-spinner-track {\n  stroke: var(--tng-semantic-background-surface);\n}\n\n.tng-progress-spinner-indicator {\n  stroke: var(--tng-semantic-accent-brand);\n  transform: rotate(-90deg);\n  transform-origin: center;\n  transition: stroke-dashoffset 180ms ease;\n}\n\n.tng-progress-spinner-indicator[data-indeterminate] {\n  animation: tng-progress-spinner-indeterminate 1s linear infinite;\n  stroke-dasharray: 70;\n  stroke-dashoffset: 20;\n}\n\n@keyframes tng-progress-spinner-indeterminate {\n  0% {\n    transform: rotate(-90deg);\n  }\n  100% {\n    transform: rotate(270deg);\n  }\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+export { TngProgressSpinnerComponent as TngProgressSpinner };
 //# sourceMappingURL=tng-progress-spinner.component.js.map

package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-progress-spinner.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-spinner/tng-progress-spinner.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttribute, Component, computed, input } from '@angular/core';\nimport {\n  normalizeTngProgressSpinnerMax,\n  normalizeTngProgressSpinnerMin,\n  resolveTngProgressSpinnerRange,\n  TngProgressSpinner as TngProgressSpinnerPrimitive,\n} from '@tailng-ui/primitives';\n\nconst spinnerRadius = 18;\nconst spinnerCircumference = 2 * Math.PI * spinnerRadius;\n\nfunction normalizePositiveNumber(value: number, fallback: number): number {\n  if (!Number.isFinite(value)) {\n    return fallback;\n  }\n\n  return value > 0 ? value : fallback;\n}\n\nexport function toTngProgressSpinnerPercent(min: number, max: number, value: number): number {\n  const range = resolveTngProgressSpinnerRange(min, max, value);\n  const denominator = range.max - range.min;\n  if (denominator <= 0) {\n    return 100;\n  }\n\n  return ((range.value - range.min) / denominator) * 100;\n}\n\nexport function toTngProgressSpinnerDashOffset(percent: number): number {\n  return spinnerCircumference - (spinnerCircumference * percent) / 100;\n}\n\n@Component({\n  selector: 'tng-progress-spinner',\n  imports: [TngProgressSpinnerPrimitive],\n  templateUrl: './tng-progress-spinner.component.html',\n  styleUrl: './tng-progress-spinner.component.css',\n})\nexport class TngProgressSpinnerComponent {\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressSpinnerMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressSpinnerMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly size = input<number, number | string>(40, {\n    transform: (value: number | string): number =>\n      normalizePositiveNumber(typeof value === 'number' ? value : Number(value), 40),\n  });\n  public readonly strokeWidth = input<number, number | string>(4, {\n    transform: (value: number | string): number =>\n      normalizePositiveNumber(typeof value === 'number' ? value : Number(value), 4),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  protected readonly circumference = spinnerCircumference;\n  protected readonly dashOffset = computed<number>(() =>\n    toTngProgressSpinnerDashOffset(\n      toTngProgressSpinnerPercent(this.min(), this.max(), this.value()),\n    ),\n  );\n}\n"]}
+{"version":3,"file":"tng-progress-spinner.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-spinner/tng-progress-spinner.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/feedback/progress-spinner/tng-progress-spinner.component.html"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttribute, Component, computed, input } from '@angular/core';\nimport {\n  normalizeTngProgressSpinnerMax,\n  normalizeTngProgressSpinnerMin,\n  resolveTngProgressSpinnerRange,\n  TngProgressSpinner as TngProgressSpinnerPrimitive,\n} from '@tailng-ui/primitives';\n\nconst spinnerRadius = 18;\nconst spinnerCircumference = 2 * Math.PI * spinnerRadius;\n\nfunction normalizePositiveNumber(value: number, fallback: number): number {\n  if (!Number.isFinite(value)) {\n    return fallback;\n  }\n\n  return value > 0 ? value : fallback;\n}\n\nexport function toTngProgressSpinnerPercent(min: number, max: number, value: number): number {\n  const range = resolveTngProgressSpinnerRange(min, max, value);\n  const denominator = range.max - range.min;\n  if (denominator <= 0) {\n    return 100;\n  }\n\n  return ((range.value - range.min) / denominator) * 100;\n}\n\nexport function toTngProgressSpinnerDashOffset(percent: number): number {\n  return spinnerCircumference - (spinnerCircumference * percent) / 100;\n}\n\n@Component({\n  selector: 'tng-progress-spinner',\n  imports: [TngProgressSpinnerPrimitive],\n  templateUrl: './tng-progress-spinner.component.html',\n  styleUrl: './tng-progress-spinner.component.css',\n})\nexport class TngProgressSpinnerComponent {\n  public readonly ariaLabel = input<string | null>(null);\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressSpinnerMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressSpinnerMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly size = input<number, number | string>(40, {\n    transform: (value: number | string): number =>\n      normalizePositiveNumber(typeof value === 'number' ? value : Number(value), 40),\n  });\n  public readonly strokeWidth = input<number, number | string>(4, {\n    transform: (value: number | string): number =>\n      normalizePositiveNumber(typeof value === 'number' ? value : Number(value), 4),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  protected readonly circumference = spinnerCircumference;\n  protected readonly dashOffset = computed<number>(() =>\n    toTngProgressSpinnerDashOffset(\n      toTngProgressSpinnerPercent(this.min(), this.max(), this.value()),\n    ),\n  );\n}\nexport { TngProgressSpinnerComponent as TngProgressSpinner };\n","<span\n  tngProgressSpinner\n  class=\"tng-progress-spinner\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [indeterminate]=\"indeterminate()\"\n  [max]=\"max()\"\n  [min]=\"min()\"\n  [style.--tng-progress-spinner-size.px]=\"size()\"\n  [style.--tng-progress-spinner-stroke-width.px]=\"strokeWidth()\"\n  [value]=\"value()\"\n>\n  <svg class=\"tng-progress-spinner-svg\" viewBox=\"0 0 40 40\">\n    <circle class=\"tng-progress-spinner-track\" cx=\"20\" cy=\"20\" r=\"18\"></circle>\n    <circle\n      class=\"tng-progress-spinner-indicator\"\n      [attr.data-indeterminate]=\"indeterminate() ? '' : null\"\n      [attr.stroke-dasharray]=\"circumference\"\n      [attr.stroke-dashoffset]=\"indeterminate() ? null : dashOffset()\"\n      cx=\"20\"\n      cy=\"20\"\n      r=\"18\"\n    ></circle>\n  </svg>\n</span>\n"]}

package/src/lib/feedback/skeleton/tng-skeleton.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare function resolveTngSkeletonCssSize(value: string, fallback: string): string;
 export declare class TngSkeletonComponent {
     readonly animated: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
@@ -6,5 +7,8 @@ export declare class TngSkeletonComponent {
     readonly width: import("@angular/core").InputSignal<string>;
     resolveHeight(): string;
     resolveWidth(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngSkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngSkeletonComponent, "tng-skeleton", never, { "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export { TngSkeletonComponent as TngSkeleton };
 //# sourceMappingURL=tng-skeleton.component.d.ts.map

package/src/lib/feedback/skeleton/tng-skeleton.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-skeleton.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/skeleton/tng-skeleton.component.ts"],"names":[],"mappings":"AAGA,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAGjF;AAED,qBAMa,oBAAoB;IAC/B,SAAgB,QAAQ,8EAErB;IACH,SAAgB,MAAM,8CAAyB;IAC/C,SAAgB,OAAO,8EAEpB;IACH,SAAgB,KAAK,8CAAyB;IAEvC,aAAa,IAAI,MAAM;IAIvB,YAAY,IAAI,MAAM;CAG9B"}
+{"version":3,"file":"tng-skeleton.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/skeleton/tng-skeleton.component.ts"],"names":[],"mappings":";AAGA,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAGjF;AAED,qBAMa,oBAAoB;IAC/B,SAAgB,QAAQ,8EAErB;IACH,SAAgB,MAAM,8CAAyB;IAC/C,SAAgB,OAAO,8EAEpB;IACH,SAAgB,KAAK,8CAAyB;IAEvC,aAAa,IAAI,MAAM;IAIvB,YAAY,IAAI,MAAM;yCAdlB,oBAAoB;2CAApB,oBAAoB;CAiBhC;AACD,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,CAAC"}