@tociva/tailng-ui 0.7.0 → 0.11.0

package/README.md

@@ -34,12 +34,12 @@ npm install @tociva/tailng-ui
 
 ```typescript
 import { Component } from '@angular/core';
-import { TailngButtonComponent } from '@tociva/tailng-ui';
+import { TngButton } from '@tociva/tailng-ui';
 
 @Component({
   selector: 'app-example',
   standalone: true,
-  imports: [TailngButtonComponent],
+  imports: [TngButton],
   template: `
     <tng-button variant="primary">Click me</tng-button>
   `,
@@ -134,7 +134,7 @@ Helper components:
 ### Button
 
 ```typescript
-import { TailngButtonComponent } from '@tociva/tailng-ui';
+import { TngButton } from '@tociva/tailng-ui';
 
 @Component({
   template: `
@@ -142,7 +142,7 @@ import { TailngButtonComponent } from '@tociva/tailng-ui';
     <tng-button variant="outline">Outline</tng-button>
     <tng-button variant="text">Text</tng-button>
   `,
-  imports: [TailngButtonComponent],
+  imports: [TngButton],
 })
 export class MyComponent {}
 ```
@@ -150,7 +150,7 @@ export class MyComponent {}
 ### Form Input
 
 ```typescript
-import { TailngTextInputComponent } from '@tociva/tailng-ui';
+import { TngTextInput } from '@tociva/tailng-ui';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 
 @Component({
@@ -161,7 +161,7 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
       placeholder="Enter email"
     />
   `,
-  imports: [TailngTextInputComponent, ReactiveFormsModule],
+  imports: [TngTextInput, ReactiveFormsModule],
 })
 export class MyComponent {
   email = new FormControl('');
@@ -171,7 +171,7 @@ export class MyComponent {
 ### Dialog
 
 ```typescript
-import { TailngDialogComponent } from '@tociva/tailng-ui';
+import { TngDialog } from '@tociva/tailng-ui';
 
 @Component({
   template: `
@@ -188,7 +188,7 @@ import { TailngDialogComponent } from '@tociva/tailng-ui';
       </div>
     </tng-dialog>
   `,
-  imports: [TailngDialogComponent, TailngButtonComponent],
+  imports: [TngDialog, TngButton],
 })
 export class MyComponent {}
 ```

package/fesm2022/tociva-tailng-ui-buttons-indicators.mjs

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib"), exports);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tociva-tailng-ui-buttons-indicators.mjs.map

package/fesm2022/tociva-tailng-ui-buttons-indicators.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-buttons-indicators.mjs","sources":["../../../../libs/ui/buttons-indicators/src/public-api.ts","../../../../libs/ui/buttons-indicators/src/tociva-tailng-ui-buttons-indicators.ts"],"sourcesContent":["export * from './lib';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}

package/fesm2022/tociva-tailng-ui-data-table-structure.mjs

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib"), exports);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tociva-tailng-ui-data-table-structure.mjs.map

package/fesm2022/tociva-tailng-ui-data-table-structure.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-data-table-structure.mjs","sources":["../../../../libs/ui/data-table-structure/src/public-api.ts","../../../../libs/ui/data-table-structure/src/tociva-tailng-ui-data-table-structure.ts"],"sourcesContent":["export * from './lib';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}

package/fesm2022/tociva-tailng-ui-form-controls.mjs

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib"), exports);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tociva-tailng-ui-form-controls.mjs.map

package/fesm2022/tociva-tailng-ui-form-controls.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-form-controls.mjs","sources":["../../../../libs/ui/form-controls/src/public-api.ts","../../../../libs/ui/form-controls/src/tociva-tailng-ui-form-controls.ts"],"sourcesContent":["export * from './lib';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}

package/fesm2022/tociva-tailng-ui-layout.mjs

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib"), exports);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tociva-tailng-ui-layout.mjs.map

package/fesm2022/tociva-tailng-ui-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-layout.mjs","sources":["../../../../libs/ui/layout/src/public-api.ts","../../../../libs/ui/layout/src/tociva-tailng-ui-layout.ts"],"sourcesContent":["export * from './lib';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}

package/fesm2022/tociva-tailng-ui-navigation.mjs

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib"), exports);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tociva-tailng-ui-navigation.mjs.map

package/fesm2022/tociva-tailng-ui-navigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-navigation.mjs","sources":["../../../../libs/ui/navigation/src/public-api.ts","../../../../libs/ui/navigation/src/tociva-tailng-ui-navigation.ts"],"sourcesContent":["export * from './lib';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}

package/fesm2022/tociva-tailng-ui-popups-overlays.mjs

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib"), exports);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tociva-tailng-ui-popups-overlays.mjs.map

package/fesm2022/tociva-tailng-ui-popups-overlays.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-popups-overlays.mjs","sources":["../../../../libs/ui/popups-overlays/src/public-api.ts","../../../../libs/ui/popups-overlays/src/tociva-tailng-ui-popups-overlays.ts"],"sourcesContent":["export * from './lib';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}

package/fesm2022/tociva-tailng-ui-utilities.mjs

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib"), exports);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=tociva-tailng-ui-utilities.mjs.map

package/fesm2022/tociva-tailng-ui-utilities.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-utilities.mjs","sources":["../../../../libs/ui/utilities/src/public-api.ts","../../../../libs/ui/utilities/src/tociva-tailng-ui-utilities.ts"],"sourcesContent":["export * from './lib';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}

package/fesm2022/tociva-tailng-ui.mjs

@@ -14,20 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// Form Controls
-__exportStar(require("./form-controls/src/public-api"), exports);
-// Buttons & Indicators
-__exportStar(require("./buttons-indicators/src/public-api"), exports);
-// Layout
-__exportStar(require("./layout/src/public-api"), exports);
-// Navigation
-__exportStar(require("./navigation/src/public-api"), exports);
-// Popups & Overlays
-__exportStar(require("./popups-overlays/src/public-api"), exports);
-// Data Table & Structure
-__exportStar(require("./data-table-structure/src/public-api"), exports);
-// Utilities
-__exportStar(require("./utilities/src/public-api"), exports);
+__exportStar(require("./info/info.component"), exports);
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/tociva-tailng-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tociva-tailng-ui.mjs","sources":["../../../../libs/ui/src/public-api.ts","../../../../libs/ui/src/tociva-tailng-ui.ts"],"sourcesContent":["// Form Controls\nexport * from './form-controls/src/public-api';\n\n// Buttons & Indicators\nexport * from './buttons-indicators/src/public-api';\n\n// Layout\nexport * from './layout/src/public-api';\n\n// Navigation\nexport * from './navigation/src/public-api';\n\n// Popups & Overlays\nexport * from './popups-overlays/src/public-api';\n\n// Data Table & Structure\nexport * from './data-table-structure/src/public-api';\n\n// Utilities\nexport * from './utilities/src/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA,CAAA;AAEA;AACA,YAAA,CAAA,OAAA,CAAA,qCAAA,CAAA,EAAA,OAAA,CAAA;AAEA;AACA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA,CAAA;AAEA;AACA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA,CAAA;AAEA;AACA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA,CAAA;AAEA;AACA,YAAA,CAAA,OAAA,CAAA,uCAAA,CAAA,EAAA,OAAA,CAAA;AAEA;AACA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA,CAAA;;ACnBA;;AAEG"}
+{"version":3,"file":"tociva-tailng-ui.mjs","sources":["../../../../libs/ui/src/public-api.ts","../../../../libs/ui/src/tociva-tailng-ui.ts"],"sourcesContent":["export * from './info/info.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tociva/tailng-ui",
-  "version": "0.7.0",
+  "version": "0.11.0",
   "description": "Modern Angular UI components powered by Tailwind CSS",
   "license": "MIT",
   "repository": {
@@ -16,7 +16,7 @@
     "@angular/core": "^21.0.0",
     "@angular/common": "^21.0.0",
     "@angular/forms": "^21.0.0",
-    "@tociva/tailng-cdk": "^0.6.0"
+    "@tociva/tailng-cdk": "^0.10.0"
   },
   "dependencies": {
     "tslib": "^2.6.0"
@@ -37,6 +37,34 @@
     ".": {
       "types": "./types/tociva-tailng-ui.d.ts",
       "default": "./fesm2022/tociva-tailng-ui.mjs"
+    },
+    "./buttons-indicators": {
+      "types": "./types/tociva-tailng-ui-buttons-indicators.d.ts",
+      "default": "./fesm2022/tociva-tailng-ui-buttons-indicators.mjs"
+    },
+    "./data-table-structure": {
+      "types": "./types/tociva-tailng-ui-data-table-structure.d.ts",
+      "default": "./fesm2022/tociva-tailng-ui-data-table-structure.mjs"
+    },
+    "./form-controls": {
+      "types": "./types/tociva-tailng-ui-form-controls.d.ts",
+      "default": "./fesm2022/tociva-tailng-ui-form-controls.mjs"
+    },
+    "./layout": {
+      "types": "./types/tociva-tailng-ui-layout.d.ts",
+      "default": "./fesm2022/tociva-tailng-ui-layout.mjs"
+    },
+    "./navigation": {
+      "types": "./types/tociva-tailng-ui-navigation.d.ts",
+      "default": "./fesm2022/tociva-tailng-ui-navigation.mjs"
+    },
+    "./popups-overlays": {
+      "types": "./types/tociva-tailng-ui-popups-overlays.d.ts",
+      "default": "./fesm2022/tociva-tailng-ui-popups-overlays.mjs"
+    },
+    "./utilities": {
+      "types": "./types/tociva-tailng-ui-utilities.d.ts",
+      "default": "./fesm2022/tociva-tailng-ui-utilities.mjs"
     }
   }
 }

package/types/tociva-tailng-ui-buttons-indicators.d.ts

@@ -0,0 +1,179 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef, Renderer2, NgZone } from '@angular/core';
+
+type TngBadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+type TngBadgeVariant = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+type TngBadgeSize = 'sm' | 'md';
+declare class TngBadge {
+    /** Badge content (number or short text). If null/undefined -> hidden (unless dot=true). */
+    value: _angular_core.InputSignal<string | number | null>;
+    /** Dot mode (ignores value display) */
+    dot: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Hide badge forcefully */
+    hide: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show when value is 0 (only for numeric values) */
+    showZero: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Max number shown before overflow (e.g., 99+) */
+    max: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Position relative to host */
+    position: _angular_core.InputSignal<TngBadgePosition>;
+    /** Overlap host (Material-ish). When false, badge sits outside edge a bit. */
+    overlap: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Visual variant */
+    variant: _angular_core.InputSignal<TngBadgeVariant>;
+    /** Size */
+    size: _angular_core.InputSignal<TngBadgeSize>;
+    /** Accessible label override (recommended when badge is meaningful) */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Outer wrapper (layout of projected content + badge) */
+    rootKlass: _angular_core.InputSignal<string>;
+    /** The element that becomes positioning anchor */
+    hostKlass: _angular_core.InputSignal<string>;
+    /** Badge element */
+    badgeKlass: _angular_core.InputSignal<string>;
+    private readonly isNumericValue;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly shouldShow: _angular_core.Signal<boolean>;
+    /** If user didn't provide ariaLabel, generate a basic one */
+    readonly computedAriaLabel: _angular_core.Signal<string>;
+    private readonly variantClasses;
+    private readonly sizeClasses;
+    private readonly positionClasses;
+    readonly badgeClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngBadge, "tng-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "hide": { "alias": "hide"; "required": false; "isSignal": true; }; "showZero": { "alias": "showZero"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "overlap": { "alias": "overlap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "hostKlass": { "alias": "hostKlass"; "required": false; "isSignal": true; }; "badgeKlass": { "alias": "badgeKlass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TngButtonVariant = 'solid' | 'outline' | 'ghost';
+type TngButtonSize = 'sm' | 'md' | 'lg';
+
+declare class TngButton {
+    variant: _angular_core.InputSignal<TngButtonVariant>;
+    size: _angular_core.InputSignal<TngButtonSize>;
+    disabled: _angular_core.InputSignal<boolean>;
+    loading: _angular_core.InputSignal<boolean>;
+    block: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    ariaLabel: _angular_core.InputSignal<string>;
+    pressed: _angular_core.InputSignal<boolean | null>;
+    klass: _angular_core.InputSignal<string>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly classes: _angular_core.Signal<string>;
+    spinnerKlass: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngButton, "tng-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "spinnerKlass": { "alias": "spinnerKlass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TngProgressMode = 'determinate' | 'indeterminate';
+declare class TngProgressBar {
+    /** determinate | indeterminate */
+    mode: _angular_core.InputSignal<TngProgressMode>;
+    /** Progress value (0–max) */
+    value: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Max value (default 100) */
+    max: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Disable animation (useful for reduced motion) */
+    disableAnimation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Root wrapper */
+    rootKlass: _angular_core.InputSignal<string>;
+    /** Track (background) */
+    trackKlass: _angular_core.InputSignal<string>;
+    /** Bar (foreground) */
+    barKlass: _angular_core.InputSignal<string>;
+    /** Height utility (Tailwind) */
+    heightKlass: _angular_core.InputSignal<string>;
+    readonly percentage: _angular_core.Signal<number>;
+    readonly barStyle: _angular_core.Signal<{
+        width?: undefined;
+    } | {
+        width: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngProgressBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngProgressBar, "tng-progress-bar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disableAnimation": { "alias": "disableAnimation"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "trackKlass": { "alias": "trackKlass"; "required": false; "isSignal": true; }; "barKlass": { "alias": "barKlass"; "required": false; "isSignal": true; }; "heightKlass": { "alias": "heightKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TngSpinnerMode = 'indeterminate' | 'determinate';
+declare class TngProgressSpinner {
+    /** indeterminate | determinate */
+    mode: _angular_core.InputSignal<TngSpinnerMode>;
+    /** Progress value (0–max) for determinate mode */
+    value: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Max value (default 100) */
+    max: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Root wrapper */
+    rootKlass: _angular_core.InputSignal<string>;
+    /** SVG size (Tailwind-friendly: w-6 h-6, w-8 h-8, etc.) */
+    sizeKlass: _angular_core.InputSignal<string>;
+    /** Track (background circle) */
+    trackKlass: _angular_core.InputSignal<string>;
+    /** Indicator (foreground stroke) */
+    indicatorKlass: _angular_core.InputSignal<string>;
+    /** Stroke width */
+    strokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly radius: _angular_core.Signal<number>;
+    readonly circumference: _angular_core.Signal<number>;
+    readonly progressOffset: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngProgressSpinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngProgressSpinner, "tng-progress-spinner", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "sizeKlass": { "alias": "sizeKlass"; "required": false; "isSignal": true; }; "trackKlass": { "alias": "trackKlass"; "required": false; "isSignal": true; }; "indicatorKlass": { "alias": "indicatorKlass"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TngRipple implements AfterViewInit, OnDestroy {
+    private readonly el;
+    private readonly r;
+    private readonly zone;
+    rippleDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    rippleCentered: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    rippleColor: _angular_core.InputSignal<string>;
+    rippleDuration: _angular_core.InputSignalWithTransform<number, unknown>;
+    rippleOpacity: _angular_core.InputSignalWithTransform<number, unknown>;
+    private unlistenPointerDown;
+    constructor(el: ElementRef<HTMLElement>, r: Renderer2, zone: NgZone);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private ensureHostStyles;
+    private onPointerDown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngRipple, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TngRipple, "[tngRipple]", never, { "rippleDisabled": { "alias": "rippleDisabled"; "required": false; "isSignal": true; }; "rippleCentered": { "alias": "rippleCentered"; "required": false; "isSignal": true; }; "rippleColor": { "alias": "rippleColor"; "required": false; "isSignal": true; }; "rippleDuration": { "alias": "rippleDuration"; "required": false; "isSignal": true; }; "rippleOpacity": { "alias": "rippleOpacity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TngSkeletonVariant = 'text' | 'circular' | 'rectangular';
+declare class TngSkeleton {
+    variant: _angular_core.InputSignal<TngSkeletonVariant>;
+    /**
+     * Prefer widthKlass/heightKlass for Tailwind-first usage.
+     * width/height are optional escape hatches for exact CSS values.
+     */
+    widthKlass: _angular_core.InputSignal<string>;
+    heightKlass: _angular_core.InputSignal<string>;
+    width: _angular_core.InputSignal<string>;
+    height: _angular_core.InputSignal<string>;
+    /** shimmer=true => shimmer animation, else pulse */
+    shimmer: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** class hook */
+    klass: _angular_core.InputSignal<string>;
+    readonly shapeClasses: _angular_core.Signal<"rounded-full" | "rounded-md" | "rounded">;
+    readonly animationClasses: _angular_core.Signal<"tng-skeleton-shimmer" | "animate-pulse">;
+    /**
+     * Tailng theming: no hardcoded colors.
+     * Default uses border-ish token; consumers override via klass.
+     */
+    readonly classes: _angular_core.Signal<string>;
+    readonly styleWidth: _angular_core.Signal<string | null>;
+    readonly styleHeight: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngSkeleton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngSkeleton, "tng-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "widthKlass": { "alias": "widthKlass"; "required": false; "isSignal": true; }; "heightKlass": { "alias": "heightKlass"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "shimmer": { "alias": "shimmer"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TagColor = 'default' | 'primary' | 'success' | 'danger';
+declare class TngTag {
+    label: _angular_core.InputSignal<string | null>;
+    disabled: _angular_core.InputSignal<boolean>;
+    color: _angular_core.InputSignal<TagColor>;
+    containerKlass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngTag, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngTag, "tng-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TngBadge, TngButton, TngProgressBar, TngProgressSpinner, TngRipple, TngSkeleton, TngTag };
+export type { TngBadgePosition, TngBadgeSize, TngBadgeVariant, TngButtonSize, TngButtonVariant, TngProgressMode, TngSkeletonVariant, TngSpinnerMode };
+//# sourceMappingURL=tociva-tailng-ui-buttons-indicators.d.ts.map

package/types/tociva-tailng-ui-buttons-indicators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-buttons-indicators.d.ts","sources":["../../../../libs/ui/buttons-indicators/src/lib/badge/badge.component.ts","../../../../libs/ui/buttons-indicators/src/lib/button/button.types.ts","../../../../libs/ui/buttons-indicators/src/lib/button/button.component.ts","../../../../libs/ui/buttons-indicators/src/lib/progress-bar/progress-bar.component.ts","../../../../libs/ui/buttons-indicators/src/lib/progress-spinner/progress-spinner.component.ts","../../../../libs/ui/buttons-indicators/src/lib/ripples/ripples.directive.ts","../../../../libs/ui/buttons-indicators/src/lib/skeleton/skeleton.component.ts","../../../../libs/ui/buttons-indicators/src/lib/tag/tag.component.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":"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"}