@tekus/design-system 5.22.1 → 5.24.0

package/fesm2022/tekus-design-system-components-tooltip.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { Tooltip } from 'primeng/tooltip';
 
 class TooltipComponent {
@@ -22,11 +22,11 @@ class TooltipComponent {
         this.position = input('top', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: TooltipComponent, isStandalone: true, selector: "tk-tooltip", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{display:inline-block}.tk-tooltip-wrapper{display:inline-block}\n"], dependencies: [{ kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: TooltipComponent, isStandalone: true, selector: "tk-tooltip", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{display:inline-block}.tk-tooltip-wrapper{display:inline-block}\n"], dependencies: [{ kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tk-tooltip', imports: [Tooltip], template: "<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{display:inline-block}.tk-tooltip-wrapper{display:inline-block}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tk-tooltip', imports: [Tooltip], template: "<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{display:inline-block}.tk-tooltip-wrapper{display:inline-block}\n"] }]
         }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
 
 /**

package/fesm2022/tekus-design-system-components-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-tooltip.mjs","sources":["../../../projects/design-system/components/tooltip/src/tooltip.component.ts","../../../projects/design-system/components/tooltip/src/tooltip.component.html","../../../projects/design-system/components/tooltip/tekus-design-system-components-tooltip.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { Tooltip } from 'primeng/tooltip';\n\n/**\n * @component TooltipComponent\n * @description\n * Wrapper component that applies a PrimeNG tooltip to its projected content.\n * It allows defining the tooltip text and its position relative to the content.\n *\n * @usage\n * ```html\n * <tk-tooltip content=\"Tooltip text\" position=\"top\">\n *   <button>Hover me</button>\n * </tk-tooltip>\n * ```\n */\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\n\n@Component({\n  selector: 'tk-tooltip',\n  imports: [Tooltip],\n  templateUrl: './tooltip.component.html',\n  styleUrl: './tooltip.component.scss'\n})\nexport class TooltipComponent {\n  /**\n   * @property {string} content\n   * @description\n   * The text to be displayed in the tooltip.\n   *\n   * @required\n   */\n  content = input.required<string>();\n\n  /**\n   * @property {TooltipPosition} position\n   * @description\n   * Position of the tooltip relative to the element.\n   *\n   * @default 'top'\n   */\n  position = input<TooltipPosition>('top');\n}\n","<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAwBa,gBAAgB,CAAA;AAN7B,IAAA,WAAA,GAAA;AAOE;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAAU;AAElC;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAkB,KAAK,+EAAC;AACzC,IAAA;8GAlBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxB7B,uIAGA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDiBY,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIN,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;+BACE,YAAY,EAAA,OAAA,EACb,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,uIAAA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA;;;AEpBpB;;AAEG;;;;"}
+{"version":3,"file":"tekus-design-system-components-tooltip.mjs","sources":["../../../projects/design-system/components/tooltip/src/tooltip.component.ts","../../../projects/design-system/components/tooltip/src/tooltip.component.html","../../../projects/design-system/components/tooltip/tekus-design-system-components-tooltip.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { Tooltip } from 'primeng/tooltip';\n\n/**\n * @component TooltipComponent\n * @description\n * Wrapper component that applies a PrimeNG tooltip to its projected content.\n * It allows defining the tooltip text and its position relative to the content.\n *\n * @usage\n * ```html\n * <tk-tooltip content=\"Tooltip text\" position=\"top\">\n *   <button>Hover me</button>\n * </tk-tooltip>\n * ```\n */\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'tk-tooltip',\n  imports: [Tooltip],\n  templateUrl: './tooltip.component.html',\n  styleUrl: './tooltip.component.scss'\n})\nexport class TooltipComponent {\n  /**\n   * @property {string} content\n   * @description\n   * The text to be displayed in the tooltip.\n   *\n   * @required\n   */\n  content = input.required<string>();\n\n  /**\n   * @property {TooltipPosition} position\n   * @description\n   * Position of the tooltip relative to the element.\n   *\n   * @default 'top'\n   */\n  position = input<TooltipPosition>('top');\n}\n","<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAyBa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AAQE;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAAU;AAElC;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAkB,KAAK,+EAAC;AACzC,IAAA;8GAlBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzB7B,uIAGA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDkBY,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIN,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,YAAY,EAAA,OAAA,EACb,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,uIAAA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA;;;AErBpB;;AAEG;;;;"}

package/fesm2022/tekus-design-system-components-topbar.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ButtonComponent } from '@tekus/design-system/components/button';
 import { TagComponent } from '@tekus/design-system/components/tag';
 
@@ -21,11 +21,11 @@ class TopbarComponent {
         this.description = input(null, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: TopbarComponent, isStandalone: true, selector: "tk-topbar", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n", styles: [".tk-topbar{display:flex;flex-direction:column;gap:var(--tk-spacing-gap-s, .25rem);padding:var(--tk-spacing-paddingY-m, 1rem) var(--tk-spacing-paddingX-m, 1rem);background:var(--tk-color-background-soft, #f2f1f1);border-radius:var(--tk-borderRadius-s, .5rem)}.tk-topbar__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__title{margin:0;flex:1 1 auto;min-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tk-font-size-headers-l, 2rem);font-weight:var(--tk-font-weight-600, 600);color:var(--tk-color-text-default, #191a1b)}.tk-topbar__actions{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem);margin-left:auto}@media(max-width:768px){.tk-topbar__header{flex-wrap:wrap}.tk-topbar__actions{width:100%;margin-left:0}}.tk-topbar__meta{display:flex;align-items:center;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__tags{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem)}.tk-topbar__description{margin:0;font-size:var(--tk-font-size-paragraph-s, .875rem);font-weight:var(--tk-font-weight-400, 400);color:var(--tk-color-text-default, #191a1b)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "variant", "link", "icon", "tooltipText"], outputs: ["clicked"] }, { kind: "component", type: TagComponent, selector: "tk-tag", inputs: ["value", "severity", "truncationLimit"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: TopbarComponent, isStandalone: true, selector: "tk-topbar", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n", styles: [".tk-topbar{display:flex;flex-direction:column;gap:var(--tk-spacing-gap-s, .25rem);padding:var(--tk-spacing-paddingY-m, 1rem) var(--tk-spacing-paddingX-m, 1rem);background:var(--tk-color-background-soft, #f2f1f1);border-radius:var(--tk-borderRadius-s, .5rem)}.tk-topbar__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__title{margin:0;flex:1 1 auto;min-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tk-font-size-headers-l, 2rem);font-weight:var(--tk-font-weight-600, 600);color:var(--tk-color-text-default, #191a1b)}.tk-topbar__actions{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem);margin-left:auto}@media(max-width:768px){.tk-topbar__header{flex-wrap:wrap}.tk-topbar__actions{width:100%;margin-left:0}}.tk-topbar__meta{display:flex;align-items:center;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__tags{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem)}.tk-topbar__description{margin:0;font-size:var(--tk-font-size-paragraph-s, .875rem);font-weight:var(--tk-font-weight-400, 400);color:var(--tk-color-text-default, #191a1b)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "variant", "link", "icon", "tooltipText"], outputs: ["clicked"] }, { kind: "component", type: TagComponent, selector: "tk-tag", inputs: ["value", "severity", "truncationLimit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TopbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tk-topbar', standalone: true, imports: [ButtonComponent, TagComponent], template: "<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n", styles: [".tk-topbar{display:flex;flex-direction:column;gap:var(--tk-spacing-gap-s, .25rem);padding:var(--tk-spacing-paddingY-m, 1rem) var(--tk-spacing-paddingX-m, 1rem);background:var(--tk-color-background-soft, #f2f1f1);border-radius:var(--tk-borderRadius-s, .5rem)}.tk-topbar__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__title{margin:0;flex:1 1 auto;min-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tk-font-size-headers-l, 2rem);font-weight:var(--tk-font-weight-600, 600);color:var(--tk-color-text-default, #191a1b)}.tk-topbar__actions{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem);margin-left:auto}@media(max-width:768px){.tk-topbar__header{flex-wrap:wrap}.tk-topbar__actions{width:100%;margin-left:0}}.tk-topbar__meta{display:flex;align-items:center;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__tags{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem)}.tk-topbar__description{margin:0;font-size:var(--tk-font-size-paragraph-s, .875rem);font-weight:var(--tk-font-weight-400, 400);color:var(--tk-color-text-default, #191a1b)}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tk-topbar', imports: [ButtonComponent, TagComponent], template: "<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n", styles: [".tk-topbar{display:flex;flex-direction:column;gap:var(--tk-spacing-gap-s, .25rem);padding:var(--tk-spacing-paddingY-m, 1rem) var(--tk-spacing-paddingX-m, 1rem);background:var(--tk-color-background-soft, #f2f1f1);border-radius:var(--tk-borderRadius-s, .5rem)}.tk-topbar__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__title{margin:0;flex:1 1 auto;min-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tk-font-size-headers-l, 2rem);font-weight:var(--tk-font-weight-600, 600);color:var(--tk-color-text-default, #191a1b)}.tk-topbar__actions{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem);margin-left:auto}@media(max-width:768px){.tk-topbar__header{flex-wrap:wrap}.tk-topbar__actions{width:100%;margin-left:0}}.tk-topbar__meta{display:flex;align-items:center;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__tags{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem)}.tk-topbar__description{margin:0;font-size:var(--tk-font-size-paragraph-s, .875rem);font-weight:var(--tk-font-weight-400, 400);color:var(--tk-color-text-default, #191a1b)}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], tags: [{ type: i0.Input, args: [{ isSignal: true, alias: "tags", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }] } });
 
 /**

package/fesm2022/tekus-design-system-components-topbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-topbar.mjs","sources":["../../../projects/design-system/components/topbar/src/topbar.component.ts","../../../projects/design-system/components/topbar/src/topbar.component.html","../../../projects/design-system/components/topbar/tekus-design-system-components-topbar.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { TagComponent } from '@tekus/design-system/components/tag';\nimport { TopbarAction, TopbarTag } from './topbar.types';\n\n/**\n * @component TopbarComponent\n * @description\n * Layout component that renders a title with optional actions and metadata.\n * It composes `tk-button` and `tk-tag` and uses only design tokens for styles.\n */\n@Component({\n  selector: 'tk-topbar',\n  standalone: true,\n  imports: [ButtonComponent, TagComponent],\n  templateUrl: './topbar.component.html',\n  styleUrl: './topbar.component.scss',\n})\nexport class TopbarComponent {\n  /** Main title text for the topbar. */\n  title = input.required<string>();\n\n  /** Optional list of actions displayed in the header. */\n  actions = input<TopbarAction[] | null>(null);\n\n  /** Optional list of tags displayed in the meta section. */\n  tags = input<TopbarTag[] | null>(null);\n\n  /** Optional description displayed in the meta section. */\n  description = input<string | null>(null);\n}\n","<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAKA;;;;;AAKG;MAQU,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;;AAGhC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAwB,IAAI,8EAAC;;AAG5C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;;AAGtC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAgB,IAAI,kFAAC;AACzC,IAAA;8GAZY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB5B,mrCA4CA,EAAA,MAAA,EAAA,CAAA,8rCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED9BY,eAAe,yKAAE,YAAY,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAI5B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,mrCAAA,EAAA,MAAA,EAAA,CAAA,8rCAAA,CAAA,EAAA;;;AEd1C;;AAEG;;;;"}
+{"version":3,"file":"tekus-design-system-components-topbar.mjs","sources":["../../../projects/design-system/components/topbar/src/topbar.component.ts","../../../projects/design-system/components/topbar/src/topbar.component.html","../../../projects/design-system/components/topbar/tekus-design-system-components-topbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { TagComponent } from '@tekus/design-system/components/tag';\nimport { TopbarAction, TopbarTag } from './topbar.types';\n\n/**\n * @component TopbarComponent\n * @description\n * Layout component that renders a title with optional actions and metadata.\n * It composes `tk-button` and `tk-tag` and uses only design tokens for styles.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'tk-topbar',\n  imports: [ButtonComponent, TagComponent],\n  templateUrl: './topbar.component.html',\n  styleUrl: './topbar.component.scss',\n})\nexport class TopbarComponent {\n  /** Main title text for the topbar. */\n  title = input.required<string>();\n\n  /** Optional list of actions displayed in the header. */\n  actions = input<TopbarAction[] | null>(null);\n\n  /** Optional list of tags displayed in the meta section. */\n  tags = input<TopbarTag[] | null>(null);\n\n  /** Optional description displayed in the meta section. */\n  description = input<string | null>(null);\n}\n","<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAKA;;;;;AAKG;MAQU,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;;AAGhC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAwB,IAAI,8EAAC;;AAG5C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;;AAGtC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAgB,IAAI,kFAAC;AACzC,IAAA;8GAZY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB5B,mrCA4CA,EAAA,MAAA,EAAA,CAAA,8rCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED9BY,eAAe,yKAAE,YAAY,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI5B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;sCACS,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,WAAW,WACZ,CAAC,eAAe,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,mrCAAA,EAAA,MAAA,EAAA,CAAA,8rCAAA,CAAA,EAAA;;;AEd1C;;AAEG;;;;"}

package/fesm2022/tekus-design-system-core-types.mjs

@@ -288,6 +288,11 @@ function themeFactory(config, document) {
                 darkModeSelector: false,
             },
         });
+        // Ensure PrimeNG overlays appear above Material Dialogs (Z-Index 1000)
+        config.zIndex.modal = 1100;
+        config.zIndex.overlay = 12000;
+        config.zIndex.menu = 1100;
+        config.zIndex.tooltip = 1100;
     };
 }
 function provideTkTheme() {

package/fesm2022/tekus-design-system-core-types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-core-types.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/types/tekus-design-system-core-types.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeuix/themes';\nimport type { Preset } from '@primeuix/themes/types';\nimport Aura from '@primeuix/themes/aura';\n\nconst tkOverrides = {\n  semantic: {\n    primary: {\n      50: 'var(--tk-color-base-primary-50)',\n      100: 'var(--tk-color-base-primary-100)',\n      200: 'var(--tk-color-base-primary-200)',\n      300: 'var(--tk-color-base-primary-300)',\n      400: 'var(--tk-color-base-primary-400)',\n      500: 'var(--tk-color-base-primary-500)',\n      600: 'var(--tk-color-base-primary-600)',\n      700: 'var(--tk-color-base-primary-700)',\n      800: 'var(--tk-color-base-primary-800)',\n      900: 'var(--tk-color-base-primary-900)',\n      950: 'var(--tk-color-base-primary-950)',\n    },\n    red: {\n      50: 'var(--tk-color-base-red-50)',\n      100: 'var(--tk-color-base-red-100)',\n      200: 'var(--tk-color-base-red-200)',\n      300: 'var(--tk-color-base-red-300)',\n      400: 'var(--tk-color-base-red-400)',\n      500: 'var(--tk-color-base-red-500)',\n      600: 'var(--tk-color-base-red-600)',\n      700: 'var(--tk-color-base-red-700)',\n      800: 'var(--tk-color-base-red-800)',\n      900: 'var(--tk-color-base-red-900)',\n      950: 'var(--tk-color-base-red-950)',\n    },\n    surface: {\n      0: 'var(--tk-color-base-surface-0)',\n      50: 'var(--tk-color-base-surface-50)',\n      100: 'var(--tk-color-base-surface-100)',\n      200: 'var(--tk-color-base-surface-200)',\n      300: 'var(--tk-color-base-surface-300)',\n      400: 'var(--tk-color-base-surface-400)',\n      500: 'var(--tk-color-base-surface-500)',\n      600: 'var(--tk-color-base-surface-600)',\n      700: 'var(--tk-color-base-surface-700)',\n      800: 'var(--tk-color-base-surface-800)',\n      900: 'var(--tk-color-base-surface-900)',\n      950: 'var(--tk-color-base-surface-950)',\n    },\n    sky:{\n      50: 'var(--tk-color-base-sky-50)',\n      100: 'var(--tk-color-base-sky-100)',\n      200: 'var(--tk-color-base-sky-200)',\n      300: 'var(--tk-color-base-sky-300)',\n      400: 'var(--tk-color-base-sky-400)',\n      500: 'var(--tk-color-base-sky-500)',\n      600: 'var(--tk-color-base-sky-600)',\n      700: 'var(--tk-color-base-sky-700)',\n      800: 'var(--tk-color-base-sky-800)',\n      900: 'var(--tk-color-base-sky-900)',\n      950: 'var(--tk-color-base-sky-950)',\n    },\n    orange:{\n      50: 'var(--tk-color-base-yellow-50)',\n      100: 'var(--tk-color-base-yellow-100)',\n      200: 'var(--tk-color-base-yellow-200)',\n      300: 'var(--tk-color-base-yellow-300)',\n      400: 'var(--tk-color-base-yellow-400)',\n      500: 'var(--tk-color-base-yellow-500)',\n      600: 'var(--tk-color-base-yellow-600)',\n      700: 'var(--tk-color-base-yellow-700)',\n      800: 'var(--tk-color-base-yellow-800)',\n      900: 'var(--tk-color-base-yellow-900)',\n      950: 'var(--tk-color-base-yellow-950)',\n    },\n  },\n  font: {\n    family: 'var(--tk-font-family)',\n  },\n\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      label: {\n        color: 'inherit',\n      },\n      colorScheme: {\n        light: {\n          root: {\n            primary: {\n              hoverBackground: 'var(--tk-color-base-primary-400)',\n              activeBackground: 'var(--tk-color-base-primary-400)',\n              hoverBorderColor: 'transparent',\n              activeBorderColor: 'transparent',\n            },\n            secondary: {\n              background: 'var(--tk-color-base-surface-100)',\n              hoverBackground: 'var(--tk-color-base-surface-400)',\n            },\n          },\n          text: {\n            secondary: {\n              hoverBackground: 'var(--tk-color-base-surface-200)',\n              activeBackground: 'var(--tk-color-base-surface-200)',\n            },\n          },\n          outlined: {\n            secondary: {\n                hoverBackground: 'var(--tk-color-base-surface-200)',\n                activeBackground: 'var(--tk-color-base-surface-200)',\n                borderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        }\n      },\n    },\n    tag: {\n      root: {\n        fontWeight: 'var(--tk-font-weight-400)',\n        borderRadius: 'var(--tk-borderRadius-full)',\n      },\n      colorScheme: {\n        light: {\n          secondary:{\n            color: 'var(--tk-color-base-surface-950)',\n          }\n        },\n      },\n    },\n    message: {\n      text: {\n      fontWeight: '400',\n      },\n      colorScheme: {\n        light: {\n          error:{\n            color: 'var(--tk-color-base-red-700)',\n            simple: {\n              color: 'var(--tk-color-base-red-700)',\n            }\n          },\n          secondary:{\n            color: 'var(--tk-color-base-surface-600)',\n            simple: {\n              color: 'var(--tk-color-base-surface-600)',\n            }\n          }\n        },\n      },\n    },\n    tooltip: {\n      colorScheme: {\n        light: {\n          root: {\n            background: 'var(--tk-color-base-surface-700)',\n          }\n        }\n      }\n    },\n    checkbox: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    radiobutton: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBackground: 'var(--tk-color-base-surface-100)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    panel: {\n      root: {\n        background: 'var(--tk-color-background-soft)',\n        borderRadius: 'var(--tk-borderRadius-s)',\n        borderColor: 'var(--tk-color-transparent)',\n      },\n      header: {\n        background: 'transparent',\n        color: 'var(--tk-color-text-default)',\n        borderColor: 'var(--tk-color-transparent)',\n        borderWidth: '0',\n        padding: 'var(--tk-spacing-paddingY-m)',\n        fontWeight: 'var(--tk-font-weight-600)',\n        fontSize: 'var(--tk-font-size-paragraph-m)',\n      },\n      toggleableHeader: {\n        padding: 'var(--tk-spacing-paddingY-s) var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-l)',\n      },\n    },\n    drawer: {\n      header: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n    },\n  },\n};\n\nexport const TkPreset: Preset = definePreset(Aura, tkOverrides as Preset);\n","import { inject, provideAppInitializer, DOCUMENT } from '@angular/core';\n\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        prefix: 'tk',\n        darkMode: false,\n        darkModeSelector: false,\n      },\n    });\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tekus-design-system-core-types.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/types/tekus-design-system-core-types.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeuix/themes';\nimport type { Preset } from '@primeuix/themes/types';\nimport Aura from '@primeuix/themes/aura';\n\nconst tkOverrides = {\n  semantic: {\n    primary: {\n      50: 'var(--tk-color-base-primary-50)',\n      100: 'var(--tk-color-base-primary-100)',\n      200: 'var(--tk-color-base-primary-200)',\n      300: 'var(--tk-color-base-primary-300)',\n      400: 'var(--tk-color-base-primary-400)',\n      500: 'var(--tk-color-base-primary-500)',\n      600: 'var(--tk-color-base-primary-600)',\n      700: 'var(--tk-color-base-primary-700)',\n      800: 'var(--tk-color-base-primary-800)',\n      900: 'var(--tk-color-base-primary-900)',\n      950: 'var(--tk-color-base-primary-950)',\n    },\n    red: {\n      50: 'var(--tk-color-base-red-50)',\n      100: 'var(--tk-color-base-red-100)',\n      200: 'var(--tk-color-base-red-200)',\n      300: 'var(--tk-color-base-red-300)',\n      400: 'var(--tk-color-base-red-400)',\n      500: 'var(--tk-color-base-red-500)',\n      600: 'var(--tk-color-base-red-600)',\n      700: 'var(--tk-color-base-red-700)',\n      800: 'var(--tk-color-base-red-800)',\n      900: 'var(--tk-color-base-red-900)',\n      950: 'var(--tk-color-base-red-950)',\n    },\n    surface: {\n      0: 'var(--tk-color-base-surface-0)',\n      50: 'var(--tk-color-base-surface-50)',\n      100: 'var(--tk-color-base-surface-100)',\n      200: 'var(--tk-color-base-surface-200)',\n      300: 'var(--tk-color-base-surface-300)',\n      400: 'var(--tk-color-base-surface-400)',\n      500: 'var(--tk-color-base-surface-500)',\n      600: 'var(--tk-color-base-surface-600)',\n      700: 'var(--tk-color-base-surface-700)',\n      800: 'var(--tk-color-base-surface-800)',\n      900: 'var(--tk-color-base-surface-900)',\n      950: 'var(--tk-color-base-surface-950)',\n    },\n    sky:{\n      50: 'var(--tk-color-base-sky-50)',\n      100: 'var(--tk-color-base-sky-100)',\n      200: 'var(--tk-color-base-sky-200)',\n      300: 'var(--tk-color-base-sky-300)',\n      400: 'var(--tk-color-base-sky-400)',\n      500: 'var(--tk-color-base-sky-500)',\n      600: 'var(--tk-color-base-sky-600)',\n      700: 'var(--tk-color-base-sky-700)',\n      800: 'var(--tk-color-base-sky-800)',\n      900: 'var(--tk-color-base-sky-900)',\n      950: 'var(--tk-color-base-sky-950)',\n    },\n    orange:{\n      50: 'var(--tk-color-base-yellow-50)',\n      100: 'var(--tk-color-base-yellow-100)',\n      200: 'var(--tk-color-base-yellow-200)',\n      300: 'var(--tk-color-base-yellow-300)',\n      400: 'var(--tk-color-base-yellow-400)',\n      500: 'var(--tk-color-base-yellow-500)',\n      600: 'var(--tk-color-base-yellow-600)',\n      700: 'var(--tk-color-base-yellow-700)',\n      800: 'var(--tk-color-base-yellow-800)',\n      900: 'var(--tk-color-base-yellow-900)',\n      950: 'var(--tk-color-base-yellow-950)',\n    },\n  },\n  font: {\n    family: 'var(--tk-font-family)',\n  },\n\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      label: {\n        color: 'inherit',\n      },\n      colorScheme: {\n        light: {\n          root: {\n            primary: {\n              hoverBackground: 'var(--tk-color-base-primary-400)',\n              activeBackground: 'var(--tk-color-base-primary-400)',\n              hoverBorderColor: 'transparent',\n              activeBorderColor: 'transparent',\n            },\n            secondary: {\n              background: 'var(--tk-color-base-surface-100)',\n              hoverBackground: 'var(--tk-color-base-surface-400)',\n            },\n          },\n          text: {\n            secondary: {\n              hoverBackground: 'var(--tk-color-base-surface-200)',\n              activeBackground: 'var(--tk-color-base-surface-200)',\n            },\n          },\n          outlined: {\n            secondary: {\n                hoverBackground: 'var(--tk-color-base-surface-200)',\n                activeBackground: 'var(--tk-color-base-surface-200)',\n                borderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        }\n      },\n    },\n    tag: {\n      root: {\n        fontWeight: 'var(--tk-font-weight-400)',\n        borderRadius: 'var(--tk-borderRadius-full)',\n      },\n      colorScheme: {\n        light: {\n          secondary:{\n            color: 'var(--tk-color-base-surface-950)',\n          }\n        },\n      },\n    },\n    message: {\n      text: {\n      fontWeight: '400',\n      },\n      colorScheme: {\n        light: {\n          error:{\n            color: 'var(--tk-color-base-red-700)',\n            simple: {\n              color: 'var(--tk-color-base-red-700)',\n            }\n          },\n          secondary:{\n            color: 'var(--tk-color-base-surface-600)',\n            simple: {\n              color: 'var(--tk-color-base-surface-600)',\n            }\n          }\n        },\n      },\n    },\n    tooltip: {\n      colorScheme: {\n        light: {\n          root: {\n            background: 'var(--tk-color-base-surface-700)',\n          }\n        }\n      }\n    },\n    checkbox: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    radiobutton: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBackground: 'var(--tk-color-base-surface-100)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    panel: {\n      root: {\n        background: 'var(--tk-color-background-soft)',\n        borderRadius: 'var(--tk-borderRadius-s)',\n        borderColor: 'var(--tk-color-transparent)',\n      },\n      header: {\n        background: 'transparent',\n        color: 'var(--tk-color-text-default)',\n        borderColor: 'var(--tk-color-transparent)',\n        borderWidth: '0',\n        padding: 'var(--tk-spacing-paddingY-m)',\n        fontWeight: 'var(--tk-font-weight-600)',\n        fontSize: 'var(--tk-font-size-paragraph-m)',\n      },\n      toggleableHeader: {\n        padding: 'var(--tk-spacing-paddingY-s) var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-l)',\n      },\n    },\n    drawer: {\n      header: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n    },\n  },\n};\n\nexport const TkPreset: Preset = definePreset(Aura, tkOverrides as Preset);\n","import { inject, provideAppInitializer, DOCUMENT } from '@angular/core';\n\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        prefix: 'tk',\n        darkMode: false,\n        darkModeSelector: false,\n      },\n    });\n\n    // Ensure PrimeNG overlays appear above Material Dialogs (Z-Index 1000)\n    config.zIndex.modal = 1100;\n    config.zIndex.overlay = 12000;\n    config.zIndex.menu = 1100;\n    config.zIndex.tooltip = 1100;\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-core.mjs

@@ -288,6 +288,11 @@ function themeFactory(config, document) {
                 darkModeSelector: false,
             },
         });
+        // Ensure PrimeNG overlays appear above Material Dialogs (Z-Index 1000)
+        config.zIndex.modal = 1100;
+        config.zIndex.overlay = 12000;
+        config.zIndex.menu = 1100;
+        config.zIndex.tooltip = 1100;
     };
 }
 function provideTkTheme() {

package/fesm2022/tekus-design-system-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-core.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/tekus-design-system-core.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeuix/themes';\nimport type { Preset } from '@primeuix/themes/types';\nimport Aura from '@primeuix/themes/aura';\n\nconst tkOverrides = {\n  semantic: {\n    primary: {\n      50: 'var(--tk-color-base-primary-50)',\n      100: 'var(--tk-color-base-primary-100)',\n      200: 'var(--tk-color-base-primary-200)',\n      300: 'var(--tk-color-base-primary-300)',\n      400: 'var(--tk-color-base-primary-400)',\n      500: 'var(--tk-color-base-primary-500)',\n      600: 'var(--tk-color-base-primary-600)',\n      700: 'var(--tk-color-base-primary-700)',\n      800: 'var(--tk-color-base-primary-800)',\n      900: 'var(--tk-color-base-primary-900)',\n      950: 'var(--tk-color-base-primary-950)',\n    },\n    red: {\n      50: 'var(--tk-color-base-red-50)',\n      100: 'var(--tk-color-base-red-100)',\n      200: 'var(--tk-color-base-red-200)',\n      300: 'var(--tk-color-base-red-300)',\n      400: 'var(--tk-color-base-red-400)',\n      500: 'var(--tk-color-base-red-500)',\n      600: 'var(--tk-color-base-red-600)',\n      700: 'var(--tk-color-base-red-700)',\n      800: 'var(--tk-color-base-red-800)',\n      900: 'var(--tk-color-base-red-900)',\n      950: 'var(--tk-color-base-red-950)',\n    },\n    surface: {\n      0: 'var(--tk-color-base-surface-0)',\n      50: 'var(--tk-color-base-surface-50)',\n      100: 'var(--tk-color-base-surface-100)',\n      200: 'var(--tk-color-base-surface-200)',\n      300: 'var(--tk-color-base-surface-300)',\n      400: 'var(--tk-color-base-surface-400)',\n      500: 'var(--tk-color-base-surface-500)',\n      600: 'var(--tk-color-base-surface-600)',\n      700: 'var(--tk-color-base-surface-700)',\n      800: 'var(--tk-color-base-surface-800)',\n      900: 'var(--tk-color-base-surface-900)',\n      950: 'var(--tk-color-base-surface-950)',\n    },\n    sky:{\n      50: 'var(--tk-color-base-sky-50)',\n      100: 'var(--tk-color-base-sky-100)',\n      200: 'var(--tk-color-base-sky-200)',\n      300: 'var(--tk-color-base-sky-300)',\n      400: 'var(--tk-color-base-sky-400)',\n      500: 'var(--tk-color-base-sky-500)',\n      600: 'var(--tk-color-base-sky-600)',\n      700: 'var(--tk-color-base-sky-700)',\n      800: 'var(--tk-color-base-sky-800)',\n      900: 'var(--tk-color-base-sky-900)',\n      950: 'var(--tk-color-base-sky-950)',\n    },\n    orange:{\n      50: 'var(--tk-color-base-yellow-50)',\n      100: 'var(--tk-color-base-yellow-100)',\n      200: 'var(--tk-color-base-yellow-200)',\n      300: 'var(--tk-color-base-yellow-300)',\n      400: 'var(--tk-color-base-yellow-400)',\n      500: 'var(--tk-color-base-yellow-500)',\n      600: 'var(--tk-color-base-yellow-600)',\n      700: 'var(--tk-color-base-yellow-700)',\n      800: 'var(--tk-color-base-yellow-800)',\n      900: 'var(--tk-color-base-yellow-900)',\n      950: 'var(--tk-color-base-yellow-950)',\n    },\n  },\n  font: {\n    family: 'var(--tk-font-family)',\n  },\n\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      label: {\n        color: 'inherit',\n      },\n      colorScheme: {\n        light: {\n          root: {\n            primary: {\n              hoverBackground: 'var(--tk-color-base-primary-400)',\n              activeBackground: 'var(--tk-color-base-primary-400)',\n              hoverBorderColor: 'transparent',\n              activeBorderColor: 'transparent',\n            },\n            secondary: {\n              background: 'var(--tk-color-base-surface-100)',\n              hoverBackground: 'var(--tk-color-base-surface-400)',\n            },\n          },\n          text: {\n            secondary: {\n              hoverBackground: 'var(--tk-color-base-surface-200)',\n              activeBackground: 'var(--tk-color-base-surface-200)',\n            },\n          },\n          outlined: {\n            secondary: {\n                hoverBackground: 'var(--tk-color-base-surface-200)',\n                activeBackground: 'var(--tk-color-base-surface-200)',\n                borderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        }\n      },\n    },\n    tag: {\n      root: {\n        fontWeight: 'var(--tk-font-weight-400)',\n        borderRadius: 'var(--tk-borderRadius-full)',\n      },\n      colorScheme: {\n        light: {\n          secondary:{\n            color: 'var(--tk-color-base-surface-950)',\n          }\n        },\n      },\n    },\n    message: {\n      text: {\n      fontWeight: '400',\n      },\n      colorScheme: {\n        light: {\n          error:{\n            color: 'var(--tk-color-base-red-700)',\n            simple: {\n              color: 'var(--tk-color-base-red-700)',\n            }\n          },\n          secondary:{\n            color: 'var(--tk-color-base-surface-600)',\n            simple: {\n              color: 'var(--tk-color-base-surface-600)',\n            }\n          }\n        },\n      },\n    },\n    tooltip: {\n      colorScheme: {\n        light: {\n          root: {\n            background: 'var(--tk-color-base-surface-700)',\n          }\n        }\n      }\n    },\n    checkbox: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    radiobutton: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBackground: 'var(--tk-color-base-surface-100)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    panel: {\n      root: {\n        background: 'var(--tk-color-background-soft)',\n        borderRadius: 'var(--tk-borderRadius-s)',\n        borderColor: 'var(--tk-color-transparent)',\n      },\n      header: {\n        background: 'transparent',\n        color: 'var(--tk-color-text-default)',\n        borderColor: 'var(--tk-color-transparent)',\n        borderWidth: '0',\n        padding: 'var(--tk-spacing-paddingY-m)',\n        fontWeight: 'var(--tk-font-weight-600)',\n        fontSize: 'var(--tk-font-size-paragraph-m)',\n      },\n      toggleableHeader: {\n        padding: 'var(--tk-spacing-paddingY-s) var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-l)',\n      },\n    },\n    drawer: {\n      header: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n    },\n  },\n};\n\nexport const TkPreset: Preset = definePreset(Aura, tkOverrides as Preset);\n","import { inject, provideAppInitializer, DOCUMENT } from '@angular/core';\n\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        prefix: 'tk',\n        darkMode: false,\n        darkModeSelector: false,\n      },\n    });\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tekus-design-system-core.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/tekus-design-system-core.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeuix/themes';\nimport type { Preset } from '@primeuix/themes/types';\nimport Aura from '@primeuix/themes/aura';\n\nconst tkOverrides = {\n  semantic: {\n    primary: {\n      50: 'var(--tk-color-base-primary-50)',\n      100: 'var(--tk-color-base-primary-100)',\n      200: 'var(--tk-color-base-primary-200)',\n      300: 'var(--tk-color-base-primary-300)',\n      400: 'var(--tk-color-base-primary-400)',\n      500: 'var(--tk-color-base-primary-500)',\n      600: 'var(--tk-color-base-primary-600)',\n      700: 'var(--tk-color-base-primary-700)',\n      800: 'var(--tk-color-base-primary-800)',\n      900: 'var(--tk-color-base-primary-900)',\n      950: 'var(--tk-color-base-primary-950)',\n    },\n    red: {\n      50: 'var(--tk-color-base-red-50)',\n      100: 'var(--tk-color-base-red-100)',\n      200: 'var(--tk-color-base-red-200)',\n      300: 'var(--tk-color-base-red-300)',\n      400: 'var(--tk-color-base-red-400)',\n      500: 'var(--tk-color-base-red-500)',\n      600: 'var(--tk-color-base-red-600)',\n      700: 'var(--tk-color-base-red-700)',\n      800: 'var(--tk-color-base-red-800)',\n      900: 'var(--tk-color-base-red-900)',\n      950: 'var(--tk-color-base-red-950)',\n    },\n    surface: {\n      0: 'var(--tk-color-base-surface-0)',\n      50: 'var(--tk-color-base-surface-50)',\n      100: 'var(--tk-color-base-surface-100)',\n      200: 'var(--tk-color-base-surface-200)',\n      300: 'var(--tk-color-base-surface-300)',\n      400: 'var(--tk-color-base-surface-400)',\n      500: 'var(--tk-color-base-surface-500)',\n      600: 'var(--tk-color-base-surface-600)',\n      700: 'var(--tk-color-base-surface-700)',\n      800: 'var(--tk-color-base-surface-800)',\n      900: 'var(--tk-color-base-surface-900)',\n      950: 'var(--tk-color-base-surface-950)',\n    },\n    sky:{\n      50: 'var(--tk-color-base-sky-50)',\n      100: 'var(--tk-color-base-sky-100)',\n      200: 'var(--tk-color-base-sky-200)',\n      300: 'var(--tk-color-base-sky-300)',\n      400: 'var(--tk-color-base-sky-400)',\n      500: 'var(--tk-color-base-sky-500)',\n      600: 'var(--tk-color-base-sky-600)',\n      700: 'var(--tk-color-base-sky-700)',\n      800: 'var(--tk-color-base-sky-800)',\n      900: 'var(--tk-color-base-sky-900)',\n      950: 'var(--tk-color-base-sky-950)',\n    },\n    orange:{\n      50: 'var(--tk-color-base-yellow-50)',\n      100: 'var(--tk-color-base-yellow-100)',\n      200: 'var(--tk-color-base-yellow-200)',\n      300: 'var(--tk-color-base-yellow-300)',\n      400: 'var(--tk-color-base-yellow-400)',\n      500: 'var(--tk-color-base-yellow-500)',\n      600: 'var(--tk-color-base-yellow-600)',\n      700: 'var(--tk-color-base-yellow-700)',\n      800: 'var(--tk-color-base-yellow-800)',\n      900: 'var(--tk-color-base-yellow-900)',\n      950: 'var(--tk-color-base-yellow-950)',\n    },\n  },\n  font: {\n    family: 'var(--tk-font-family)',\n  },\n\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      label: {\n        color: 'inherit',\n      },\n      colorScheme: {\n        light: {\n          root: {\n            primary: {\n              hoverBackground: 'var(--tk-color-base-primary-400)',\n              activeBackground: 'var(--tk-color-base-primary-400)',\n              hoverBorderColor: 'transparent',\n              activeBorderColor: 'transparent',\n            },\n            secondary: {\n              background: 'var(--tk-color-base-surface-100)',\n              hoverBackground: 'var(--tk-color-base-surface-400)',\n            },\n          },\n          text: {\n            secondary: {\n              hoverBackground: 'var(--tk-color-base-surface-200)',\n              activeBackground: 'var(--tk-color-base-surface-200)',\n            },\n          },\n          outlined: {\n            secondary: {\n                hoverBackground: 'var(--tk-color-base-surface-200)',\n                activeBackground: 'var(--tk-color-base-surface-200)',\n                borderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        }\n      },\n    },\n    tag: {\n      root: {\n        fontWeight: 'var(--tk-font-weight-400)',\n        borderRadius: 'var(--tk-borderRadius-full)',\n      },\n      colorScheme: {\n        light: {\n          secondary:{\n            color: 'var(--tk-color-base-surface-950)',\n          }\n        },\n      },\n    },\n    message: {\n      text: {\n      fontWeight: '400',\n      },\n      colorScheme: {\n        light: {\n          error:{\n            color: 'var(--tk-color-base-red-700)',\n            simple: {\n              color: 'var(--tk-color-base-red-700)',\n            }\n          },\n          secondary:{\n            color: 'var(--tk-color-base-surface-600)',\n            simple: {\n              color: 'var(--tk-color-base-surface-600)',\n            }\n          }\n        },\n      },\n    },\n    tooltip: {\n      colorScheme: {\n        light: {\n          root: {\n            background: 'var(--tk-color-base-surface-700)',\n          }\n        }\n      }\n    },\n    checkbox: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    radiobutton: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBackground: 'var(--tk-color-base-surface-100)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    panel: {\n      root: {\n        background: 'var(--tk-color-background-soft)',\n        borderRadius: 'var(--tk-borderRadius-s)',\n        borderColor: 'var(--tk-color-transparent)',\n      },\n      header: {\n        background: 'transparent',\n        color: 'var(--tk-color-text-default)',\n        borderColor: 'var(--tk-color-transparent)',\n        borderWidth: '0',\n        padding: 'var(--tk-spacing-paddingY-m)',\n        fontWeight: 'var(--tk-font-weight-600)',\n        fontSize: 'var(--tk-font-size-paragraph-m)',\n      },\n      toggleableHeader: {\n        padding: 'var(--tk-spacing-paddingY-s) var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-l)',\n      },\n    },\n    drawer: {\n      header: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n    },\n  },\n};\n\nexport const TkPreset: Preset = definePreset(Aura, tkOverrides as Preset);\n","import { inject, provideAppInitializer, DOCUMENT } from '@angular/core';\n\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        prefix: 'tk',\n        darkMode: false,\n        darkModeSelector: false,\n      },\n    });\n\n    // Ensure PrimeNG overlays appear above Material Dialogs (Z-Index 1000)\n    config.zIndex.modal = 1100;\n    config.zIndex.overlay = 12000;\n    config.zIndex.menu = 1100;\n    config.zIndex.tooltip = 1100;\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-directives-gird-item.mjs

@@ -1,6 +1,6 @@
 import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i0 from '@angular/core';
-import { inject, computed, HostBinding, Input, Directive } from '@angular/core';
+import { input, inject, computed, Directive } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { Breakpoints } from '@tekus/design-system/core/types';
 
@@ -19,7 +19,7 @@ class GridItemDirective {
          * The final value will be adjusted based on the current breakpoint.
          * @default 1
          */
-        this.span = 1;
+        this.span = input(1, ...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
         /**
          * Injected service to observe changes in screen breakpoints.
          * @readonly
@@ -47,45 +47,40 @@ class GridItemDirective {
         this.finalSpan = computed(() => {
             const breakpoints = this.screenChange()?.breakpoints;
             if (!breakpoints)
-                return this.span;
+                return this.span();
             if (breakpoints[Breakpoints.mobileSmall] || breakpoints[Breakpoints.mobile]) {
-                return this.span > 2 ? 2 : this.span;
+                return this.span() > 2 ? 2 : this.span();
             }
             else if (breakpoints[Breakpoints.mobileLarge]) {
-                return this.span > 3 ? 3 : this.span;
+                return this.span() > 3 ? 3 : this.span();
             }
             else if (breakpoints[Breakpoints.tabletVertical]) {
-                return this.span > 4 ? 4 : this.span;
+                return this.span() > 4 ? 4 : this.span();
             }
             else if (breakpoints[Breakpoints.tabletHorizontal]) {
-                return this.span > 8 ? 8 : this.span;
+                return this.span() > 8 ? 8 : this.span();
             }
-            return this.span;
+            return this.span();
         }, ...(ngDevMode ? [{ debugName: "finalSpan" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Host Binding that applies the `finalSnap` value to the `grid-column` style of the host element.
-     *
-     * This causes the element to occupy the number of columns computed in the grid.
-     */
-    get columnSpan() {
-        return `span ${this.finalSpan()}`;
+        /**
+         * Computed signal that applies the `finalSpan` value to the `grid-column` style of the host element.
+         *
+         * This causes the element to occupy the number of columns computed in the grid.
+         */
+        this.columnSpan = computed(() => `span ${this.finalSpan()}`, ...(ngDevMode ? [{ debugName: "columnSpan" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: GridItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: GridItemDirective, isStandalone: true, selector: "[tkGridItem]", inputs: { span: "span" }, host: { properties: { "style.grid-column": "this.columnSpan" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.3", type: GridItemDirective, isStandalone: true, selector: "[tkGridItem]", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.grid-column": "columnSpan()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: GridItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tkGridItem]',
-                    standalone: true
+                    host: {
+                        '[style.grid-column]': 'columnSpan()',
+                    }
                 }]
-        }], propDecorators: { span: [{
-                type: Input
-            }], columnSpan: [{
-                type: HostBinding,
-                args: ['style.grid-column']
-            }] } });
+        }], propDecorators: { span: [{ type: i0.Input, args: [{ isSignal: true, alias: "span", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/tekus-design-system-directives-gird-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-directives-gird-item.mjs","sources":["../../../projects/design-system/directives/gird-item/src/grid-item.directive.ts","../../../projects/design-system/directives/gird-item/tekus-design-system-directives-gird-item.ts"],"sourcesContent":["import { BreakpointObserver } from \"@angular/cdk/layout\";\nimport { computed, Directive, HostBinding, inject, Input } from \"@angular/core\";\nimport { toSignal } from \"@angular/core/rxjs-interop\";\nimport { Breakpoints } from \"@tekus/design-system/core/types\";\n/**\n * Directive that controls the number of columns covered by an item within a grid.\n *\n * Uses Angular CDK's `BreakpointObserver` to dynamically adjust the column's `span`\n * based on screen size, ensuring a responsive experience.\n * For best results use a [grid component as a parent container](?path=/docs/components-grids-grids-container--docs)\n * @selector [tkGridItem]\n */\n@Directive({\n    selector: '[tkGridItem]',\n    standalone: true\n})\nexport class GridItemDirective {\n    /**\n     * Defines how many columns this element will span.\n     * The final value will be adjusted based on the current breakpoint.\n     * @default 1\n     */\n    @Input() span: number = 1;\n\n    /**\n     * Injected service to observe changes in screen breakpoints.\n     * @readonly\n     */\n    readonly breakpointObserver = inject(BreakpointObserver);\n\n    /**\n     * A signal that emits values each time a screen breakpoint changes.\n     */\n    readonly screenChange = toSignal(\n        this.breakpointObserver.observe([\n            Breakpoints.mobileSmall,\n            Breakpoints.mobile,\n            Breakpoints.mobileLarge,\n            Breakpoints.tabletVertical,\n            Breakpoints.tabletHorizontal,\n            Breakpoints.desktopSmall,\n            Breakpoints.desktop,\n            Breakpoints.desktopLarge\n        ])\n    )\n\n    /**\n     * A computed signal that determines the final value of the column span.\n     *\n     * This value is adjusted (truncated) so as not to exceed the maximum number of columns\n     * allowed at each breakpoint, ensuring that the layout does not break on small screens.\n     */\n    readonly finalSpan = computed(() => {\n        const breakpoints = this.screenChange()?.breakpoints;\n        if (!breakpoints) return this.span;\n\n        if (breakpoints[Breakpoints.mobileSmall] || breakpoints[Breakpoints.mobile]) {\n            return this.span > 2 ? 2 : this.span\n        }\n\n        else if (breakpoints[Breakpoints.mobileLarge]) {\n            return this.span > 3 ? 3 : this.span\n        }\n\n        else if (breakpoints[Breakpoints.tabletVertical]) {\n            return this.span > 4 ? 4 : this.span\n        }\n\n        else if (breakpoints[Breakpoints.tabletHorizontal]) {\n            return this.span > 8 ? 8 : this.span\n        }\n\n        return this.span;\n\n    })\n\n    /**\n     * Host Binding that applies the `finalSnap` value to the `grid-column` style of the host element.\n     *\n     * This causes the element to occupy the number of columns computed in the grid.\n     */\n    @HostBinding('style.grid-column')\n    get columnSpan() {\n        return `span ${this.finalSpan()}`;\n    }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAIA;;;;;;;AAOG;MAKU,iBAAiB,CAAA;AAJ9B,IAAA,WAAA,GAAA;AAKI;;;;AAIG;QACM,IAAA,CAAA,IAAI,GAAW,CAAC;AAEzB;;;AAGG;AACM,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAExD;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,QAAQ,CAC5B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;AAC5B,YAAA,WAAW,CAAC,WAAW;AACvB,YAAA,WAAW,CAAC,MAAM;AAClB,YAAA,WAAW,CAAC,WAAW;AACvB,YAAA,WAAW,CAAC,cAAc;AAC1B,YAAA,WAAW,CAAC,gBAAgB;AAC5B,YAAA,WAAW,CAAC,YAAY;AACxB,YAAA,WAAW,CAAC,OAAO;AACnB,YAAA,WAAW,CAAC;AACf,SAAA,CAAC,CACL;AAED;;;;;AAKG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;YAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,WAAW;AACpD,YAAA,IAAI,CAAC,WAAW;gBAAE,OAAO,IAAI,CAAC,IAAI;AAElC,YAAA,IAAI,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;AACzE,gBAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;YACxC;AAEK,iBAAA,IAAI,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;AAC3C,gBAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;YACxC;AAEK,iBAAA,IAAI,WAAW,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE;AAC9C,gBAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;YACxC;AAEK,iBAAA,IAAI,WAAW,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE;AAChD,gBAAA,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI;YACxC;YAEA,OAAO,IAAI,CAAC,IAAI;AAEpB,QAAA,CAAC,gFAAC;AAWL,IAAA;AATG;;;;AAIG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,QAAQ,IAAI,CAAC,SAAS,EAAE,EAAE;IACrC;8GApES,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE;AACf,iBAAA;;sBAOI;;sBA2DA,WAAW;uBAAC,mBAAmB;;;ACjFpC;;AAEG;;;;"}
+{"version":3,"file":"tekus-design-system-directives-gird-item.mjs","sources":["../../../projects/design-system/directives/gird-item/src/grid-item.directive.ts","../../../projects/design-system/directives/gird-item/tekus-design-system-directives-gird-item.ts"],"sourcesContent":["import { BreakpointObserver } from \"@angular/cdk/layout\";\nimport { computed, Directive, inject, input } from \"@angular/core\";\nimport { toSignal } from \"@angular/core/rxjs-interop\";\nimport { Breakpoints } from \"@tekus/design-system/core/types\";\n/**\n * Directive that controls the number of columns covered by an item within a grid.\n *\n * Uses Angular CDK's `BreakpointObserver` to dynamically adjust the column's `span`\n * based on screen size, ensuring a responsive experience.\n * For best results use a [grid component as a parent container](?path=/docs/components-grids-grids-container--docs)\n * @selector [tkGridItem]\n */\n@Directive({\n    selector: '[tkGridItem]',\n    host: {\n        '[style.grid-column]': 'columnSpan()',\n    }\n})\nexport class GridItemDirective {\n    /**\n     * Defines how many columns this element will span.\n     * The final value will be adjusted based on the current breakpoint.\n     * @default 1\n     */\n    span = input<number>(1);\n\n    /**\n     * Injected service to observe changes in screen breakpoints.\n     * @readonly\n     */\n    readonly breakpointObserver = inject(BreakpointObserver);\n\n    /**\n     * A signal that emits values each time a screen breakpoint changes.\n     */\n    readonly screenChange = toSignal(\n        this.breakpointObserver.observe([\n            Breakpoints.mobileSmall,\n            Breakpoints.mobile,\n            Breakpoints.mobileLarge,\n            Breakpoints.tabletVertical,\n            Breakpoints.tabletHorizontal,\n            Breakpoints.desktopSmall,\n            Breakpoints.desktop,\n            Breakpoints.desktopLarge\n        ])\n    )\n\n    /**\n     * A computed signal that determines the final value of the column span.\n     *\n     * This value is adjusted (truncated) so as not to exceed the maximum number of columns\n     * allowed at each breakpoint, ensuring that the layout does not break on small screens.\n     */\n    readonly finalSpan = computed(() => {\n        const breakpoints = this.screenChange()?.breakpoints;\n        if (!breakpoints) return this.span();\n\n        if (breakpoints[Breakpoints.mobileSmall] || breakpoints[Breakpoints.mobile]) {\n            return this.span() > 2 ? 2 : this.span()\n        }\n\n        else if (breakpoints[Breakpoints.mobileLarge]) {\n            return this.span() > 3 ? 3 : this.span()\n        }\n\n        else if (breakpoints[Breakpoints.tabletVertical]) {\n            return this.span() > 4 ? 4 : this.span()\n        }\n\n        else if (breakpoints[Breakpoints.tabletHorizontal]) {\n            return this.span() > 8 ? 8 : this.span()\n        }\n\n        return this.span();\n\n    })\n\n    /**\n     * Computed signal that applies the `finalSpan` value to the `grid-column` style of the host element.\n     *\n     * This causes the element to occupy the number of columns computed in the grid.\n     */\n    readonly columnSpan = computed(() => `span ${this.finalSpan()}`);\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tekus/design-system",
   "description": "Tekus design system library",
-  "version": "5.22.1",
+  "version": "5.24.0",
   "license": "UNLICENSED",
   "peerDependencies": {
     "@angular/core": "^21.0.0",

package/types/tekus-design-system-components-autocomplete.d.ts

@@ -80,7 +80,15 @@ declare class AutocompleteComponent<T = unknown> implements ControlValueAccessor
     modelChange: _angular_core.OutputEmitterRef<AutocompleteValue<T>>;
     private onChangeFn;
     private onTouchedFn;
-    constructor();
+    private readonly init;
+    /**
+     * disabled → internalDisabled
+     */
+    private readonly syncDisabled;
+    /**
+     * model → internal value + forms
+     */
+    private readonly syncModel;
     /**
      * @method writeValue
      * @description
@@ -124,7 +132,7 @@ declare class AutocompleteComponent<T = unknown> implements ControlValueAccessor
      * Reference to the underlying PrimeNG AutoComplete component.
      * Used to access the native input element for chip creation on blur.
      */
-    autoComplete: AutoComplete;
+    autoComplete: _angular_core.Signal<AutoComplete | undefined>;
     /**
      * @method handleBlur
      * @description

package/types/tekus-design-system-components-button.d.ts

@@ -1,5 +1,4 @@
-import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 type ButtonSeverity = 'primary' | 'secondary' | 'danger';
 type Variant = 'text' | 'outlined';
@@ -8,7 +7,7 @@ type Variant = 'text' | 'outlined';
  * @description
  * Atomic button component that provides a reusable and customizable button element
  * across the application.
- * It uses PrimeNG’s `ButtonModule` under the hood and allows setting different visual
+ * It uses PrimeNG's `ButtonModule` under the hood and allows setting different visual
  * variants (severity), button types, and disabled states.
  *
  * This component ensures consistent design and behavior in all button interactions.
@@ -36,12 +35,9 @@ declare class ButtonComponent {
      * @description
      * Text displayed inside the button.
      *
-     * @description
-     * Text displayed inside the button.
-     *
      * @default `undefined`
      */
-    label?: string;
+    label: _angular_core.InputSignal<string | undefined>;
     /**
      * @property {boolean} disabled
      * @description
@@ -50,17 +46,17 @@ declare class ButtonComponent {
      *
      * @default `false`
      */
-    disabled: boolean;
+    disabled: _angular_core.InputSignal<boolean>;
     /**
      * @property {'button' | 'submit'} type
      * @description
-     * Defines the button’s HTML type attribute.
+     * Defines the button's HTML type attribute.
      * - `'button'`: Standard clickable button (default).
      * - `'submit'`: Used to submit forms.
      *
      * @default `'button'`
      */
-    type: 'button' | 'submit';
+    type: _angular_core.InputSignal<"button" | "submit">;
     /**
      * @property {ButtonSeverity} severity
      * @description
@@ -69,9 +65,9 @@ declare class ButtonComponent {
      * - `'secondary'`: Secondary option.
      * - `'danger'`: Destructive or warning actions.
      *
-     * @default `'secondary'`
+     * @default `'primary'`
      */
-    severity: ButtonSeverity;
+    severity: _angular_core.InputSignal<ButtonSeverity>;
     /**
      * @property {'text' | 'outlined'} variant
      * @description
@@ -81,7 +77,7 @@ declare class ButtonComponent {
      *
      * @default `undefined`
      */
-    variant?: Variant;
+    variant: _angular_core.InputSignal<Variant | undefined>;
     /**
      * @property {boolean} link
      * @description
@@ -89,7 +85,7 @@ declare class ButtonComponent {
      *
      * @default false
      */
-    link: boolean;
+    link: _angular_core.InputSignal<boolean>;
     /**
      * @property {string} icon
      * @description
@@ -98,7 +94,7 @@ declare class ButtonComponent {
      *
      * @default `undefined`
      */
-    icon?: string;
+    icon: _angular_core.InputSignal<string | undefined>;
     /**
      * @event clicked
      * @description
@@ -110,7 +106,7 @@ declare class ButtonComponent {
      * <tk-button label="Click me" (clicked)="handleClick()"></tk-button>
      * ```
      */
-    clicked: EventEmitter<"mouse" | "keyboard">;
+    clicked: _angular_core.OutputEmitterRef<"mouse" | "keyboard">;
     /**
      * @property {string} tooltipText
      * @description
@@ -118,7 +114,7 @@ declare class ButtonComponent {
      *
      * @default `undefined`
      */
-    tooltipText?: string;
+    tooltipText: _angular_core.InputSignal<string | undefined>;
     /**
      * @method onButtonClick
      * @description
@@ -126,8 +122,8 @@ declare class ButtonComponent {
      * is not disabled.
      */
     onButtonClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "tk-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "link": { "alias": "link"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "tk-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tooltipText": { "alias": "tooltipText"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 export { ButtonComponent };