@tailng-ui/components 0.1.0

package/README.md

@@ -0,0 +1,26 @@
+<div align="center">
+  <img
+    src="https://raw.githubusercontent.com/tailng/tailng-ui/main/apps/tailng-ui/docs/src/assets/logo.svg"
+    width="96"
+    alt="TailNG logo"
+  />
+</div>
+
+# @tailng-ui/components
+
+Owned, installable components built on top of `@tailng-ui/primitives`.
+
+## TngButton
+
+`TngButton` provides a styled wrapper over the `tngPress` primitive behavior.
+
+```ts
+import { Component } from '@angular/core';
+import { TngButton } from '@tailng-ui/components';
+
+@Component({
+  imports: [TngButton],
+  template: `<tng-button tone="success">Continue</tng-button>`,
+})
+export class ExampleComponent {}
+```

package/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@tailng-ui/components",
+  "version": "0.1.0",
+  "peerDependencies": {
+    "@angular/core": "^21.1.0",
+    "@tailng-ui/cdk": "workspace:*",
+    "@tailng-ui/primitives": "workspace:*",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "types": "./src/index.d.ts",
+  "main": "./src/index.js",
+  "type": "commonjs"
+}

package/src/index.d.ts

@@ -0,0 +1,7 @@
+export * from './lib/navigation';
+export * from './lib/form';
+export * from './lib/layout';
+export * from './lib/overlay';
+export * from './lib/feedback';
+export * from './lib/utility';
+//# sourceMappingURL=index.d.ts.map

package/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../libs/tailng-ui/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/src/index.js

@@ -0,0 +1,7 @@
+export * from './lib/navigation';
+export * from './lib/form';
+export * from './lib/layout';
+export * from './lib/overlay';
+export * from './lib/feedback';
+export * from './lib/utility';
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/tailng-ui/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC","sourcesContent":["export * from './lib/navigation';\nexport * from './lib/form';\nexport * from './lib/layout';\nexport * from './lib/overlay';\nexport * from './lib/feedback';\nexport * from './lib/utility';\n"]}

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

@@ -0,0 +1,14 @@
+type TngEmptyAlign = 'center' | 'start';
+export declare class TngEmptyComponent {
+    readonly align: import("@angular/core").InputSignal<TngEmptyAlign>;
+}
+export declare class TngEmptyIconComponent {
+}
+export declare class TngEmptyTitleComponent {
+}
+export declare class TngEmptyDescriptionComponent {
+}
+export declare class TngEmptyActionsComponent {
+}
+export {};
+//# sourceMappingURL=tng-empty.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,60 @@
+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 };
+//# sourceMappingURL=tng-empty.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +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"}

package/src/lib/feedback/index.js

@@ -0,0 +1,11 @@
+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

@@ -0,0 +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"]}

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

@@ -0,0 +1,10 @@
+export declare function toTngProgressBarPercent(min: number, max: number, value: number): number;
+export declare class TngProgressBarComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    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>;
+}
+//# sourceMappingURL=tng-progress-bar.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,37 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, computed, input } from '@angular/core';
+import { normalizeTngProgressBarMax, normalizeTngProgressBarMin, resolveTngProgressBarRange, TngProgressBar as TngProgressBarPrimitive, TngProgressBarIndicator, } from '@tailng-ui/primitives';
+export function toTngProgressBarPercent(min, max, value) {
+    const range = resolveTngProgressBarRange(min, max, value);
+    const denominator = range.max - range.min;
+    if (denominator <= 0) {
+        return 100;
+    }
+    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 };
+//# sourceMappingURL=tng-progress-bar.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,14 @@
+export declare function toTngProgressSpinnerPercent(min: number, max: number, value: number): number;
+export declare function toTngProgressSpinnerDashOffset(percent: number): number;
+export declare class TngProgressSpinnerComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly size: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly strokeWidth: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    protected readonly circumference: number;
+    protected readonly dashOffset: import("@angular/core").Signal<number>;
+}
+//# sourceMappingURL=tng-progress-spinner.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,55 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, computed, input } from '@angular/core';
+import { normalizeTngProgressSpinnerMax, normalizeTngProgressSpinnerMin, resolveTngProgressSpinnerRange, TngProgressSpinner as TngProgressSpinnerPrimitive, } from '@tailng-ui/primitives';
+const spinnerRadius = 18;
+const spinnerCircumference = 2 * Math.PI * spinnerRadius;
+function normalizePositiveNumber(value, fallback) {
+    if (!Number.isFinite(value)) {
+        return fallback;
+    }
+    return value > 0 ? value : fallback;
+}
+export function toTngProgressSpinnerPercent(min, max, value) {
+    const range = resolveTngProgressSpinnerRange(min, max, value);
+    const denominator = range.max - range.min;
+    if (denominator <= 0) {
+        return 100;
+    }
+    return ((range.value - range.min) / denominator) * 100;
+}
+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),
+    });
+    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 };
+//# sourceMappingURL=tng-progress-spinner.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,10 @@
+export declare function resolveTngSkeletonCssSize(value: string, fallback: string): string;
+export declare class TngSkeletonComponent {
+    readonly animated: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly height: import("@angular/core").InputSignal<string>;
+    readonly rounded: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly width: import("@angular/core").InputSignal<string>;
+    resolveHeight(): string;
+    resolveWidth(): string;
+}
+//# sourceMappingURL=tng-skeleton.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,33 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Component, input } from '@angular/core';
+import { TngSkeleton as TngSkeletonPrimitive } from '@tailng-ui/primitives';
+export function resolveTngSkeletonCssSize(value, fallback) {
+    const normalizedValue = value.trim();
+    return normalizedValue.length > 0 ? normalizedValue : fallback;
+}
+let TngSkeletonComponent = class TngSkeletonComponent {
+    animated = input(true, {
+        transform: booleanAttribute,
+    });
+    height = input('1rem');
+    rounded = input(true, {
+        transform: booleanAttribute,
+    });
+    width = input('100%');
+    resolveHeight() {
+        return resolveTngSkeletonCssSize(this.height(), '1rem');
+    }
+    resolveWidth() {
+        return resolveTngSkeletonCssSize(this.width(), '100%');
+    }
+};
+TngSkeletonComponent = __decorate([
+    Component({
+        selector: 'tng-skeleton',
+        imports: [TngSkeletonPrimitive],
+        templateUrl: './tng-skeleton.component.html',
+        styleUrl: './tng-skeleton.component.css',
+    })
+], TngSkeletonComponent);
+export { TngSkeletonComponent };
+//# sourceMappingURL=tng-skeleton.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-skeleton.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/skeleton/tng-skeleton.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE5E,MAAM,UAAU,yBAAyB,CAAC,KAAa,EAAE,QAAgB;IACvE,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IACrC,OAAO,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC;AACjE,CAAC;AAQM,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IACf,QAAQ,GAAG,KAAK,CAA4B,IAAI,EAAE;QAChE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,MAAM,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;IAC/B,OAAO,GAAG,KAAK,CAA4B,IAAI,EAAE;QAC/D,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;IAEvC,aAAa;QAClB,OAAO,yBAAyB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;IAEM,YAAY;QACjB,OAAO,yBAAyB,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;IACzD,CAAC;CACF,CAAA;AAjBY,oBAAoB;IANhC,SAAS,CAAC;QACT,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,CAAC,oBAAoB,CAAC;QAC/B,WAAW,EAAE,+BAA+B;QAC5C,QAAQ,EAAE,8BAA8B;KACzC,CAAC;GACW,oBAAoB,CAiBhC","sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\nimport { TngSkeleton as TngSkeletonPrimitive } from '@tailng-ui/primitives';\n\nexport function resolveTngSkeletonCssSize(value: string, fallback: string): string {\n  const normalizedValue = value.trim();\n  return normalizedValue.length > 0 ? normalizedValue : fallback;\n}\n\n@Component({\n  selector: 'tng-skeleton',\n  imports: [TngSkeletonPrimitive],\n  templateUrl: './tng-skeleton.component.html',\n  styleUrl: './tng-skeleton.component.css',\n})\nexport class TngSkeletonComponent {\n  public readonly animated = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly height = input<string>('1rem');\n  public readonly rounded = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly width = input<string>('100%');\n\n  public resolveHeight(): string {\n    return resolveTngSkeletonCssSize(this.height(), '1rem');\n  }\n\n  public resolveWidth(): string {\n    return resolveTngSkeletonCssSize(this.width(), '100%');\n  }\n}\n"]}

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

@@ -0,0 +1,40 @@
+import type { OnDestroy } from '@angular/core';
+import type { TngToastTone } from '@tailng-ui/primitives';
+export type TngToastMode = 'snackbar' | 'toast';
+export type TngToastPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+export type TngToastOptions = Readonly<Partial<{
+    duration: number;
+    title: string | null;
+    tone: TngToastTone;
+}>>;
+type TngToastKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> & Readonly<{
+    preventDefault: () => void;
+}>;
+export declare function normalizeTngToastDuration(value: number, fallback: number): number;
+export declare function normalizeTngToastMaxVisible(value: number): number;
+export declare function resolveTngToastNextSlice<TValue>(values: readonly TValue[], maxVisible: number): readonly TValue[];
+export declare function shouldDismissTngToastForKey(key: string): boolean;
+export declare class TngToastComponent implements OnDestroy {
+    private sequence;
+    private readonly timeoutByToastId;
+    readonly duration: import("@angular/core").InputSignal<number>;
+    readonly maxVisible: import("@angular/core").InputSignal<number>;
+    readonly mode: import("@angular/core").InputSignal<TngToastMode>;
+    readonly position: import("@angular/core").InputSignal<TngToastPosition>;
+    readonly dismissed: import("@angular/core").OutputEmitterRef<string>;
+    protected readonly toasts: import("@angular/core").WritableSignal<readonly Readonly<{
+        duration: number;
+        id: string;
+        message: string;
+        title: string | null;
+        tone: TngToastTone;
+    }>[]>;
+    dismiss(id: string): void;
+    ngOnDestroy(): void;
+    show(message: string, options?: TngToastOptions): string;
+    protected onToastKeydown(id: string, event: TngToastKeyboardEvent): void;
+    private clearDismissTimer;
+    private scheduleDismiss;
+}
+export {};
+//# sourceMappingURL=tng-toast.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toast.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/toast/tng-toast.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;AAEzF,MAAM,MAAM,eAAe,GAAG,QAAQ,CACpC,OAAO,CAAC;IACN,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC,CACH,CAAC;AAEF,KAAK,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,GAC/D,QAAQ,CAAC;IAAE,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAU3C,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAMjF;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjE;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAC7C,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,UAAU,EAAE,MAAM,GACjB,SAAS,MAAM,EAAE,CAMnB;AAED,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEhE;AAED,qBAMa,iBAAkB,YAAW,SAAS;IACjD,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAoD;IAErF,SAAgB,QAAQ,8CAAuB;IAC/C,SAAgB,UAAU,8CAAoB;IAC9C,SAAgB,IAAI,oDAAgC;IACpD,SAAgB,QAAQ,wDAA2C;IAEnE,SAAgB,SAAS,mDAAoB;IAC7C,SAAS,CAAC,QAAQ,CAAC,MAAM;kBAtDf,MAAM;YACZ,MAAM;iBACD,MAAM;eACR,MAAM,GAAG,IAAI;cACd,YAAY;UAkDgD;IAE3D,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAYzB,WAAW,IAAI,IAAI;IAQnB,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,eAAoB,GAAG,MAAM;IAgCnE,SAAS,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,qBAAqB,GAAG,IAAI;IASxE,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,eAAe;CAaxB"}

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

@@ -0,0 +1,111 @@
+import { __decorate } from "tslib";
+import { Component, input, output, signal } from '@angular/core';
+import { TngToastItem as TngToastItemPrimitive, TngToastViewport as TngToastViewportPrimitive, } from '@tailng-ui/primitives';
+export function normalizeTngToastDuration(value, fallback) {
+    if (!Number.isFinite(value) || value < 0) {
+        return fallback;
+    }
+    return value;
+}
+export function normalizeTngToastMaxVisible(value) {
+    if (!Number.isFinite(value) || value < 1) {
+        return 1;
+    }
+    return Math.floor(value);
+}
+export function resolveTngToastNextSlice(values, maxVisible) {
+    if (values.length <= maxVisible) {
+        return values;
+    }
+    return values.slice(values.length - maxVisible);
+}
+export function shouldDismissTngToastForKey(key) {
+    return key === 'Escape';
+}
+let TngToastComponent = class TngToastComponent {
+    sequence = 0;
+    timeoutByToastId = new Map();
+    duration = input(4000);
+    maxVisible = input(4);
+    mode = input('toast');
+    position = input('bottom-right');
+    dismissed = output();
+    toasts = signal([]);
+    dismiss(id) {
+        const currentToasts = this.toasts();
+        const nextToasts = currentToasts.filter((toast) => toast.id !== id);
+        if (nextToasts.length === currentToasts.length) {
+            return;
+        }
+        this.clearDismissTimer(id);
+        this.toasts.set(nextToasts);
+        this.dismissed.emit(id);
+    }
+    ngOnDestroy() {
+        for (const timeoutId of this.timeoutByToastId.values()) {
+            clearTimeout(timeoutId);
+        }
+        this.timeoutByToastId.clear();
+    }
+    show(message, options = {}) {
+        this.sequence += 1;
+        const id = `tng-toast-${this.sequence}`;
+        const fallbackDuration = this.duration();
+        const resolvedDuration = normalizeTngToastDuration(options.duration ?? fallbackDuration, fallbackDuration);
+        const nextToast = {
+            duration: resolvedDuration,
+            id,
+            message,
+            title: options.title ?? null,
+            tone: options.tone ?? 'neutral',
+        };
+        const previousToasts = this.toasts();
+        const visibleLimit = normalizeTngToastMaxVisible(this.maxVisible());
+        const nextToasts = resolveTngToastNextSlice([...previousToasts, nextToast], visibleLimit);
+        const nextIds = new Set(nextToasts.map((toast) => toast.id));
+        for (const previousToast of previousToasts) {
+            if (!nextIds.has(previousToast.id)) {
+                this.clearDismissTimer(previousToast.id);
+            }
+        }
+        this.toasts.set(nextToasts);
+        this.scheduleDismiss(nextToast);
+        return id;
+    }
+    onToastKeydown(id, event) {
+        if (!shouldDismissTngToastForKey(event.key)) {
+            return;
+        }
+        event.preventDefault();
+        this.dismiss(id);
+    }
+    clearDismissTimer(id) {
+        const timeoutId = this.timeoutByToastId.get(id);
+        if (timeoutId === undefined) {
+            return;
+        }
+        clearTimeout(timeoutId);
+        this.timeoutByToastId.delete(id);
+    }
+    scheduleDismiss(toast) {
+        this.clearDismissTimer(toast.id);
+        if (toast.duration === 0) {
+            return;
+        }
+        const timeoutId = setTimeout(() => {
+            this.timeoutByToastId.delete(toast.id);
+            this.dismiss(toast.id);
+        }, toast.duration);
+        this.timeoutByToastId.set(toast.id, timeoutId);
+    }
+};
+TngToastComponent = __decorate([
+    Component({
+        selector: 'tng-toast',
+        imports: [TngToastItemPrimitive, TngToastViewportPrimitive],
+        templateUrl: './tng-toast.component.html',
+        styleUrl: './tng-toast.component.css',
+    })
+], TngToastComponent);
+export { TngToastComponent };
+//# sourceMappingURL=tng-toast.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-toast.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/feedback/toast/tng-toast.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, input, output, signal } from '@angular/core';\nimport type { OnDestroy } from '@angular/core';\nimport type { TngToastTone } from '@tailng-ui/primitives';\nimport {\n  TngToastItem as TngToastItemPrimitive,\n  TngToastViewport as TngToastViewportPrimitive,\n} from '@tailng-ui/primitives';\n\nexport type TngToastMode = 'snackbar' | 'toast';\nexport type TngToastPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n\nexport type TngToastOptions = Readonly<\n  Partial<{\n    duration: number;\n    title: string | null;\n    tone: TngToastTone;\n  }>\n>;\n\ntype TngToastKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> &\n  Readonly<{ preventDefault: () => void }>;\n\ntype TngToastRecord = Readonly<{\n  duration: number;\n  id: string;\n  message: string;\n  title: string | null;\n  tone: TngToastTone;\n}>;\n\nexport function normalizeTngToastDuration(value: number, fallback: number): number {\n  if (!Number.isFinite(value) || value < 0) {\n    return fallback;\n  }\n\n  return value;\n}\n\nexport function normalizeTngToastMaxVisible(value: number): number {\n  if (!Number.isFinite(value) || value < 1) {\n    return 1;\n  }\n\n  return Math.floor(value);\n}\n\nexport function resolveTngToastNextSlice<TValue>(\n  values: readonly TValue[],\n  maxVisible: number,\n): readonly TValue[] {\n  if (values.length <= maxVisible) {\n    return values;\n  }\n\n  return values.slice(values.length - maxVisible);\n}\n\nexport function shouldDismissTngToastForKey(key: string): boolean {\n  return key === 'Escape';\n}\n\n@Component({\n  selector: 'tng-toast',\n  imports: [TngToastItemPrimitive, TngToastViewportPrimitive],\n  templateUrl: './tng-toast.component.html',\n  styleUrl: './tng-toast.component.css',\n})\nexport class TngToastComponent implements OnDestroy {\n  private sequence = 0;\n  private readonly timeoutByToastId = new Map<string, ReturnType<typeof setTimeout>>();\n\n  public readonly duration = input<number>(4000);\n  public readonly maxVisible = input<number>(4);\n  public readonly mode = input<TngToastMode>('toast');\n  public readonly position = input<TngToastPosition>('bottom-right');\n\n  public readonly dismissed = output<string>();\n  protected readonly toasts = signal<readonly TngToastRecord[]>([]);\n\n  public dismiss(id: string): void {\n    const currentToasts = this.toasts();\n    const nextToasts = currentToasts.filter((toast) => toast.id !== id);\n    if (nextToasts.length === currentToasts.length) {\n      return;\n    }\n\n    this.clearDismissTimer(id);\n    this.toasts.set(nextToasts);\n    this.dismissed.emit(id);\n  }\n\n  public ngOnDestroy(): void {\n    for (const timeoutId of this.timeoutByToastId.values()) {\n      clearTimeout(timeoutId);\n    }\n\n    this.timeoutByToastId.clear();\n  }\n\n  public show(message: string, options: TngToastOptions = {}): string {\n    this.sequence += 1;\n    const id = `tng-toast-${this.sequence}`;\n    const fallbackDuration = this.duration();\n    const resolvedDuration = normalizeTngToastDuration(\n      options.duration ?? fallbackDuration,\n      fallbackDuration,\n    );\n    const nextToast: TngToastRecord = {\n      duration: resolvedDuration,\n      id,\n      message,\n      title: options.title ?? null,\n      tone: options.tone ?? 'neutral',\n    };\n\n    const previousToasts = this.toasts();\n    const visibleLimit = normalizeTngToastMaxVisible(this.maxVisible());\n    const nextToasts = resolveTngToastNextSlice([...previousToasts, nextToast], visibleLimit);\n    const nextIds = new Set(nextToasts.map((toast) => toast.id));\n\n    for (const previousToast of previousToasts) {\n      if (!nextIds.has(previousToast.id)) {\n        this.clearDismissTimer(previousToast.id);\n      }\n    }\n\n    this.toasts.set(nextToasts);\n    this.scheduleDismiss(nextToast);\n    return id;\n  }\n\n  protected onToastKeydown(id: string, event: TngToastKeyboardEvent): void {\n    if (!shouldDismissTngToastForKey(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n    this.dismiss(id);\n  }\n\n  private clearDismissTimer(id: string): void {\n    const timeoutId = this.timeoutByToastId.get(id);\n    if (timeoutId === undefined) {\n      return;\n    }\n\n    clearTimeout(timeoutId);\n    this.timeoutByToastId.delete(id);\n  }\n\n  private scheduleDismiss(toast: TngToastRecord): void {\n    this.clearDismissTimer(toast.id);\n    if (toast.duration === 0) {\n      return;\n    }\n\n    const timeoutId = setTimeout(() => {\n      this.timeoutByToastId.delete(toast.id);\n      this.dismiss(toast.id);\n    }, toast.duration);\n\n    this.timeoutByToastId.set(toast.id, timeoutId);\n  }\n}\n"]}

package/src/lib/form/autocomplete/tng-autocomplete.component.d.ts

@@ -0,0 +1,26 @@
+import { TngAutocomplete } from '@tailng-ui/primitives';
+export type TngAutocompleteGetValue<O, V> = (opt: O) => V;
+export type TngAutocompleteGetLabel<O> = (opt: O) => string;
+export type TngAutocompleteIsDisabled<O> = (opt: O) => boolean;
+export type TngAutocompleteTrackBy<O> = (index: number, opt: O) => unknown;
+export declare class TngAutocompleteComponent<O = unknown, V = unknown> {
+    protected readonly primitive: TngAutocomplete<V>;
+    readonly options: import("@angular/core").InputSignal<readonly O[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly getOptionValue: import("@angular/core").InputSignal<TngAutocompleteGetValue<O, V>>;
+    readonly getOptionLabel: import("@angular/core").InputSignal<TngAutocompleteGetLabel<O>>;
+    readonly isOptionDisabled: import("@angular/core").InputSignal<TngAutocompleteIsDisabled<O>>;
+    /** Default: track by value, id, or option (stable identity for async/replaced options). */
+    readonly trackBy: import("@angular/core").InputSignal<TngAutocompleteTrackBy<O>>;
+    readonly iconText: import("@angular/core").InputSignal<string>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    protected readonly query: import("@angular/core").WritableSignal<string>;
+    constructor();
+    protected readonly selectedOption: import("@angular/core").Signal<O | null>;
+    protected readonly selectedLabel: import("@angular/core").Signal<string>;
+    protected readonly filteredOptions: import("@angular/core").Signal<readonly O[]>;
+    protected readonly displayText: import("@angular/core").Signal<string>;
+    protected onInput(ev: Event): void;
+    private findOption;
+}
+//# sourceMappingURL=tng-autocomplete.component.d.ts.map

package/src/lib/form/autocomplete/tng-autocomplete.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/autocomplete/tng-autocomplete.component.ts"],"names":[],"mappings":"AASA,OAAO,EACL,eAAe,EAQhB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAC1D,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;AAC5D,MAAM,MAAM,yBAAyB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AAC/D,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;AAE3E,qBA+Ba,wBAAwB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO;IAC5D,SAAS,CAAC,QAAQ,CAAC,SAAS,qBAA+C;IAE3E,QAAQ,CAAC,OAAO,oDAA2B;IAC3C,QAAQ,CAAC,WAAW,8CAAoC;IAExD,QAAQ,CAAC,cAAc,qEAErB;IACF,QAAQ,CAAC,cAAc,kEAOrB;IACF,QAAQ,CAAC,gBAAgB,oEAEvB;IACF,2FAA2F;IAC3F,QAAQ,CAAC,OAAO,iEAGb;IAEH,QAAQ,CAAC,QAAQ,8CAAsB;IAEvC,QAAQ,CAAC,SAAS,8CAAiC;IAEnD,SAAS,CAAC,QAAQ,CAAC,KAAK,iDAAc;;IAatC,SAAS,CAAC,QAAQ,CAAC,cAAc,2CAQ9B;IAEH,SAAS,CAAC,QAAQ,CAAC,aAAa,yCAG7B;IAEH,SAAS,CAAC,QAAQ,CAAC,eAAe,+CAQ/B;IAEH,SAAS,CAAC,QAAQ,CAAC,WAAW,yCAE5B;IAEF,SAAS,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,GAAG,IAAI;IAKlC,OAAO,CAAC,UAAU;CAQnB"}