@tekus/design-system 5.20.0 → 5.22.0

package/{components/toolbar/src/toolbar.component.d.ts → types/tekus-design-system-components-toolbar.d.ts}

@@ -1,5 +1,6 @@
-import * as i0 from "@angular/core";
-export declare class ToolbarComponent {
+import * as _angular_core from '@angular/core';
+
+declare class ToolbarComponent {
     /**
      * @property {ModelSignal<string>} searchModel
      * @description
@@ -7,7 +8,7 @@ export declare class ToolbarComponent {
      * Supports [(searchModel)]="variable" syntax for two-way binding.
      * @default ''
      */
-    searchModel: import("@angular/core").ModelSignal<string>;
+    searchModel: _angular_core.ModelSignal<string>;
     /**
      * @property {ModelSignal<Record<string, string> | null>} filterModel
      * @description
@@ -15,21 +16,21 @@ export declare class ToolbarComponent {
      * Supports [(filterModel)]="variable" syntax for two-way binding.
      * @default null
      */
-    filterModel: import("@angular/core").ModelSignal<Record<string, string> | null>;
+    filterModel: _angular_core.ModelSignal<Record<string, string> | null>;
     /**
      * @property {WritableSignal<boolean>} showSearchInput
      * @description
      * Controls the visibility of the search input. Toggles when the search button is clicked.
      * @default false
      */
-    showSearchInput: import("@angular/core").WritableSignal<boolean>;
+    showSearchInput: _angular_core.WritableSignal<boolean>;
     /**
      * @property {WritableSignal<boolean>} showFilterSelect
      * @description
      * Controls the visibility of the filter select. Toggles when the filter button is clicked.
      * @default false
      */
-    showFilterSelect: import("@angular/core").WritableSignal<boolean>;
+    showFilterSelect: _angular_core.WritableSignal<boolean>;
     /**
      * @property {InputSignal<Array<{ label: string; value: string }>>} filterOptions
      * @description
@@ -43,7 +44,7 @@ export declare class ToolbarComponent {
      *   { label: 'Option 3', value: 'option3' }
      * ]
      */
-    filterOptions: import("@angular/core").InputSignal<{
+    filterOptions: _angular_core.InputSignal<{
         label: string;
         value: string;
     }[]>;
@@ -55,7 +56,7 @@ export declare class ToolbarComponent {
      *
      * @default 'label'
      */
-    filterOptionLabel: import("@angular/core").InputSignal<string>;
+    filterOptionLabel: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<string>} filterFloatLabel
      * @description
@@ -64,7 +65,7 @@ export declare class ToolbarComponent {
      *
      * @default 'Filtrar'
      */
-    filterFloatLabel: import("@angular/core").InputSignal<string>;
+    filterFloatLabel: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<string>} searchFloatLabel
      * @description
@@ -73,28 +74,28 @@ export declare class ToolbarComponent {
      *
      * @default 'Buscar'
      */
-    searchFloatLabel: import("@angular/core").InputSignal<string>;
+    searchFloatLabel: _angular_core.InputSignal<string>;
     /**
      * @property {InputSignal<boolean>} searchVisible
      * @description
      * Controls the visibility of the search button.
      * @default true
      */
-    searchVisible: import("@angular/core").InputSignal<boolean>;
+    searchVisible: _angular_core.InputSignal<boolean>;
     /**
      * @property {InputSignal<boolean>} filterVisible
      * @description
      * Controls the visibility of the filter button.
      * @default true
      */
-    filterVisible: import("@angular/core").InputSignal<boolean>;
+    filterVisible: _angular_core.InputSignal<boolean>;
     /**
      * @property {InputSignal<boolean>} reloadVisible
      * @description
      * Controls the visibility of the reload button.
      * @default false
      */
-    reloadVisible: import("@angular/core").InputSignal<boolean>;
+    reloadVisible: _angular_core.InputSignal<boolean>;
     /**
      * @property {InputSignal<number | null>} reloadInterval
      * @description
@@ -102,20 +103,20 @@ export declare class ToolbarComponent {
      * If null, automatic reload is disabled.
      * @default null
      */
-    reloadInterval: import("@angular/core").InputSignal<number | null>;
+    reloadInterval: _angular_core.InputSignal<number | null>;
     /**
      * @property {InputSignal<boolean>} loading
      * @description
      * Controls the loading state of the reload button, triggering a rotation animation.
      * @default false
      */
-    loading: import("@angular/core").InputSignal<boolean>;
+    loading: _angular_core.InputSignal<boolean>;
     /**
      * @property {OutputEmitter<void>} reload
      * @description
      * Emits an event when the reload button is clicked or the automatic interval is reached.
      */
-    reload: import("@angular/core").OutputEmitterRef<void>;
+    reload: _angular_core.OutputEmitterRef<void>;
     /**
      * @method constructor
      * @description
@@ -148,6 +149,8 @@ export declare class ToolbarComponent {
      * Emits the reload event.
      */
     onReload(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "tk-toolbar", never, { "searchModel": { "alias": "searchModel"; "required": false; "isSignal": true; }; "filterModel": { "alias": "filterModel"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "filterOptionLabel": { "alias": "filterOptionLabel"; "required": false; "isSignal": true; }; "filterFloatLabel": { "alias": "filterFloatLabel"; "required": false; "isSignal": true; }; "searchFloatLabel": { "alias": "searchFloatLabel"; "required": false; "isSignal": true; }; "searchVisible": { "alias": "searchVisible"; "required": false; "isSignal": true; }; "filterVisible": { "alias": "filterVisible"; "required": false; "isSignal": true; }; "reloadVisible": { "alias": "reloadVisible"; "required": false; "isSignal": true; }; "reloadInterval": { "alias": "reloadInterval"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "searchModel": "searchModelChange"; "filterModel": "filterModelChange"; "reload": "reload"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "tk-toolbar", never, { "searchModel": { "alias": "searchModel"; "required": false; "isSignal": true; }; "filterModel": { "alias": "filterModel"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "filterOptionLabel": { "alias": "filterOptionLabel"; "required": false; "isSignal": true; }; "filterFloatLabel": { "alias": "filterFloatLabel"; "required": false; "isSignal": true; }; "searchFloatLabel": { "alias": "searchFloatLabel"; "required": false; "isSignal": true; }; "searchVisible": { "alias": "searchVisible"; "required": false; "isSignal": true; }; "filterVisible": { "alias": "filterVisible"; "required": false; "isSignal": true; }; "reloadVisible": { "alias": "reloadVisible"; "required": false; "isSignal": true; }; "reloadInterval": { "alias": "reloadInterval"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "searchModel": "searchModelChange"; "filterModel": "filterModelChange"; "reload": "reload"; }, never, never, true, never>;
 }
+
+export { ToolbarComponent };

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

@@ -0,0 +1,39 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * @component TooltipComponent
+ * @description
+ * Wrapper component that applies a PrimeNG tooltip to its projected content.
+ * It allows defining the tooltip text and its position relative to the content.
+ *
+ * @usage
+ * ```html
+ * <tk-tooltip content="Tooltip text" position="top">
+ *   <button>Hover me</button>
+ * </tk-tooltip>
+ * ```
+ */
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+declare class TooltipComponent {
+    /**
+     * @property {string} content
+     * @description
+     * The text to be displayed in the tooltip.
+     *
+     * @required
+     */
+    content: _angular_core.InputSignal<string>;
+    /**
+     * @property {TooltipPosition} position
+     * @description
+     * Position of the tooltip relative to the element.
+     *
+     * @default 'top'
+     */
+    position: _angular_core.InputSignal<TooltipPosition>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tk-tooltip", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { TooltipComponent };
+export type { TooltipPosition };

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

@@ -0,0 +1,37 @@
+import * as _angular_core from '@angular/core';
+import { TagSeverity } from '@tekus/design-system/components/tag';
+
+type TopbarActionType = 'primary' | 'icon';
+interface TopbarAction {
+    type: TopbarActionType;
+    label?: string;
+    icon?: string;
+    tooltipText?: string;
+    onClick: () => void;
+}
+interface TopbarTag {
+    label: string;
+    variant?: TagSeverity;
+}
+
+/**
+ * @component TopbarComponent
+ * @description
+ * Layout component that renders a title with optional actions and metadata.
+ * It composes `tk-button` and `tk-tag` and uses only design tokens for styles.
+ */
+declare class TopbarComponent {
+    /** Main title text for the topbar. */
+    title: _angular_core.InputSignal<string>;
+    /** Optional list of actions displayed in the header. */
+    actions: _angular_core.InputSignal<TopbarAction[] | null>;
+    /** Optional list of tags displayed in the meta section. */
+    tags: _angular_core.InputSignal<TopbarTag[] | null>;
+    /** Optional description displayed in the meta section. */
+    description: _angular_core.InputSignal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TopbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TopbarComponent, "tk-topbar", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TopbarComponent };
+export type { TopbarAction, TopbarActionType, TopbarTag };

package/types/tekus-design-system-core-types.d.ts

@@ -0,0 +1,182 @@
+import { ValidatorFn } from '@angular/forms';
+import * as _angular_core from '@angular/core';
+import { Preset } from '@primeuix/themes/types';
+
+interface Option {
+    ViewValue: string;
+    Value: number | string;
+}
+interface DropdownListItem<T> {
+    ViewValue: string;
+    Value: T;
+}
+
+interface ValidatorWithMessage {
+    validator: ValidatorFn;
+    message: string;
+}
+
+interface TypographyStyles {
+    general: FontCSSProperties;
+    'h1-heading': FontCSSProperties;
+    'h2-heading': FontCSSProperties;
+    'h3-heading': FontCSSProperties;
+    'h4-heading': FontCSSProperties;
+    'h5-heading': FontCSSProperties;
+    'h6-heading': FontCSSProperties;
+    subtitle1: FontCSSProperties;
+    subtitle2: FontCSSProperties;
+    body1: FontCSSProperties;
+    body2: FontCSSProperties;
+    'p1-paragraph': FontCSSProperties;
+    'underline-text': FontCSSProperties;
+}
+interface FontCSSProperties {
+    fontFamily?: string;
+    fontSize?: string | number;
+    fontStyle?: 'normal' | 'italic' | 'oblique' | 'initial' | 'inherit';
+    fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter' | 'initial' | 'inherit';
+    fontVariant?: 'normal' | 'small-caps' | 'initial' | 'inherit';
+    lineHeight?: number | string;
+    letterSpacing?: string;
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'initial' | 'inherit';
+    textDecoration?: 'none' | 'underline' | 'overline' | 'line-through' | 'initial' | 'inherit';
+    textAlign?: 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';
+    textShadow?: string;
+    color?: string;
+    direction?: 'ltr' | 'rtl' | 'initial' | 'inherit';
+    whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'initial' | 'inherit';
+    wordSpacing?: string;
+    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word' | 'initial' | 'inherit';
+    overflowWrap?: 'normal' | 'break-word' | 'anywhere' | 'initial' | 'inherit';
+    hyphens?: 'none' | 'manual' | 'auto' | 'initial' | 'inherit';
+    [key: string]: string | number | undefined;
+}
+
+interface IllustrationConfig {
+    name: string;
+    url: string;
+}
+
+/**
+ * @type { `dark` | `light` } ThemeLogo
+ * @description Defines the theme variant of the logo.
+ * - `dark`: The logo is designed to look good on a **light** background (the logo is dark).
+ * - `light`: The logo is designed to look good on a **dark** background (the logo is light/white).
+ */
+type ThemeLogo = 'dark' | 'light';
+/**
+ * @type { `minimal` | `normal` | `compound` } VariantLogo
+ * @description Defines the logo style variant (complexity/presentation).
+ * - `minimal`: Only the icon or a very simplified version of the logo.
+ * - `normal`: The standard version of the logo (name/text).
+ * - `compound`: A version of the logo (icon -name/text).
+ */
+type VariantLogo = 'minimal' | 'normal' | 'compound';
+
+declare enum GapGutter {
+    normal = "24px",
+    small = "16px",
+    large = "32px",
+    extraLarge = "40px"
+}
+declare enum PaddingGridContainer {
+    large = "32px",
+    medium = "24px",
+    small = "16px"
+}
+declare enum Gutter {
+    normal = "normal",
+    small = "small",
+    large = "large",
+    extraLarge = "extraLarge"
+}
+
+/**
+ * Defines a set of predefined container sizes for layout components.
+ */
+type ContainerType = 'large' | 'medium' | 'small';
+/**
+ * Represents a valid CSS unit for defining the size of a grid column or row.
+ * This type ensures type safety by restricting values to standard CSS units.
+ * @description
+ * Description: This type is designed to enforce correct formatting and unit types for grid layouts, preventing invalid values at compile time.
+ * px: A fixed-size unit.
+ * rem: A size relative to the root element's font size, useful for accessibility.
+ * em: A size relative to the parent element's font size.
+ * %: A percentage of the container's size.
+ * fr: A fractional unit used in CSS Grid to distribute available space.
+ */
+type ColumnRowSize = `${number}px` | `${number}rem` | `${number}em` | `${number}%` | `${number}fr`;
+/**
+ * Represents a type-safe CSS `minmax()` function for creating responsive grid tracks.
+ * @description
+ * Description: This type ensures that the minmax() function is always created with valid ColumnRowSize arguments.
+ * It's essential for building flexible layouts that adapt to different screen sizes.
+ */
+type ComposeMinMax = `minmax(${ColumnRowSize},${ColumnRowSize})`;
+/**
+ * A versatile type for defining grid track sizes, allowing for both fixed and flexible dimensions.
+ * @description
+ * Description: This union type offers maximum flexibility, allowing a grid template to accept either a
+ * specific unit size (like '200px') or a dynamic minmax() function (like 'minmax(100px, 1fr)').
+ */
+type ComposeSize = ComposeMinMax | ColumnRowSize;
+/**
+ * Defines the number of columns in a grid.
+ * @description
+ * Description: This type provides two distinct ways to set the number of columns in a grid.
+ * number: Used for a fixed number of columns (e.g., 4).
+ * 'auto-fill': A CSS Grid keyword that automatically creates as many columns as will fit inside a container.
+ */
+type GridColumns = number | 'auto-fill';
+type GutterType = 'normal' | 'small' | 'large' | 'extraLarge';
+
+interface FixedGridProps {
+    columns?: number;
+    size?: ColumnRowSize;
+}
+interface AutoFillGridProps {
+    columns?: 'auto-fill';
+    size?: ComposeMinMax;
+}
+
+declare const Breakpoints: {
+    mobileSmall: string;
+    mobile: string;
+    mobileLarge: string;
+    tabletVertical: string;
+    tabletHorizontal: string;
+    desktopSmall: string;
+    desktop: string;
+    desktopLarge: string;
+};
+
+declare function provideTkTheme(): _angular_core.EnvironmentProviders;
+
+declare const TkPreset: Preset;
+
+/**
+ * Interface that can be optionally implemented by components loaded into overlays
+ * (Modals, Drawers, etc.) to intercept the closing process.
+ */
+interface TkCanClose {
+    /**
+     * Function or Signal indicating if the component can be closed.
+     * When returning false, the overlay will prevent closure.
+     */
+    canClose?: () => boolean;
+    /**
+     * Optional hook called when a user attempt to close the overlay is blocked
+     * by the canClose() returning false.
+     */
+    onBlockedClose?(): void;
+}
+/**
+ * Type definition for the overlay closing interceptor.
+ * It must be a synchronous function returning the "allowed" state.
+ */
+type TkCloseInterceptor = () => boolean;
+
+export { Breakpoints, GapGutter, Gutter, PaddingGridContainer, TkPreset, provideTkTheme };
+export type { AutoFillGridProps, ColumnRowSize, ComposeMinMax, ComposeSize, ContainerType, DropdownListItem, FixedGridProps, FontCSSProperties, GridColumns, GutterType, IllustrationConfig, Option, ThemeLogo, TkCanClose, TkCloseInterceptor, TypographyStyles, ValidatorWithMessage, VariantLogo };

package/types/tekus-design-system-core.d.ts

@@ -0,0 +1,182 @@
+import { ValidatorFn } from '@angular/forms';
+import * as _angular_core from '@angular/core';
+import { Preset } from '@primeuix/themes/types';
+
+interface Option {
+    ViewValue: string;
+    Value: number | string;
+}
+interface DropdownListItem<T> {
+    ViewValue: string;
+    Value: T;
+}
+
+interface ValidatorWithMessage {
+    validator: ValidatorFn;
+    message: string;
+}
+
+interface TypographyStyles {
+    general: FontCSSProperties;
+    'h1-heading': FontCSSProperties;
+    'h2-heading': FontCSSProperties;
+    'h3-heading': FontCSSProperties;
+    'h4-heading': FontCSSProperties;
+    'h5-heading': FontCSSProperties;
+    'h6-heading': FontCSSProperties;
+    subtitle1: FontCSSProperties;
+    subtitle2: FontCSSProperties;
+    body1: FontCSSProperties;
+    body2: FontCSSProperties;
+    'p1-paragraph': FontCSSProperties;
+    'underline-text': FontCSSProperties;
+}
+interface FontCSSProperties {
+    fontFamily?: string;
+    fontSize?: string | number;
+    fontStyle?: 'normal' | 'italic' | 'oblique' | 'initial' | 'inherit';
+    fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter' | 'initial' | 'inherit';
+    fontVariant?: 'normal' | 'small-caps' | 'initial' | 'inherit';
+    lineHeight?: number | string;
+    letterSpacing?: string;
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'initial' | 'inherit';
+    textDecoration?: 'none' | 'underline' | 'overline' | 'line-through' | 'initial' | 'inherit';
+    textAlign?: 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';
+    textShadow?: string;
+    color?: string;
+    direction?: 'ltr' | 'rtl' | 'initial' | 'inherit';
+    whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'initial' | 'inherit';
+    wordSpacing?: string;
+    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word' | 'initial' | 'inherit';
+    overflowWrap?: 'normal' | 'break-word' | 'anywhere' | 'initial' | 'inherit';
+    hyphens?: 'none' | 'manual' | 'auto' | 'initial' | 'inherit';
+    [key: string]: string | number | undefined;
+}
+
+interface IllustrationConfig {
+    name: string;
+    url: string;
+}
+
+/**
+ * @type { `dark` | `light` } ThemeLogo
+ * @description Defines the theme variant of the logo.
+ * - `dark`: The logo is designed to look good on a **light** background (the logo is dark).
+ * - `light`: The logo is designed to look good on a **dark** background (the logo is light/white).
+ */
+type ThemeLogo = 'dark' | 'light';
+/**
+ * @type { `minimal` | `normal` | `compound` } VariantLogo
+ * @description Defines the logo style variant (complexity/presentation).
+ * - `minimal`: Only the icon or a very simplified version of the logo.
+ * - `normal`: The standard version of the logo (name/text).
+ * - `compound`: A version of the logo (icon -name/text).
+ */
+type VariantLogo = 'minimal' | 'normal' | 'compound';
+
+declare enum GapGutter {
+    normal = "24px",
+    small = "16px",
+    large = "32px",
+    extraLarge = "40px"
+}
+declare enum PaddingGridContainer {
+    large = "32px",
+    medium = "24px",
+    small = "16px"
+}
+declare enum Gutter {
+    normal = "normal",
+    small = "small",
+    large = "large",
+    extraLarge = "extraLarge"
+}
+
+/**
+ * Defines a set of predefined container sizes for layout components.
+ */
+type ContainerType = 'large' | 'medium' | 'small';
+/**
+ * Represents a valid CSS unit for defining the size of a grid column or row.
+ * This type ensures type safety by restricting values to standard CSS units.
+ * @description
+ * Description: This type is designed to enforce correct formatting and unit types for grid layouts, preventing invalid values at compile time.
+ * px: A fixed-size unit.
+ * rem: A size relative to the root element's font size, useful for accessibility.
+ * em: A size relative to the parent element's font size.
+ * %: A percentage of the container's size.
+ * fr: A fractional unit used in CSS Grid to distribute available space.
+ */
+type ColumnRowSize = `${number}px` | `${number}rem` | `${number}em` | `${number}%` | `${number}fr`;
+/**
+ * Represents a type-safe CSS `minmax()` function for creating responsive grid tracks.
+ * @description
+ * Description: This type ensures that the minmax() function is always created with valid ColumnRowSize arguments.
+ * It's essential for building flexible layouts that adapt to different screen sizes.
+ */
+type ComposeMinMax = `minmax(${ColumnRowSize},${ColumnRowSize})`;
+/**
+ * A versatile type for defining grid track sizes, allowing for both fixed and flexible dimensions.
+ * @description
+ * Description: This union type offers maximum flexibility, allowing a grid template to accept either a
+ * specific unit size (like '200px') or a dynamic minmax() function (like 'minmax(100px, 1fr)').
+ */
+type ComposeSize = ComposeMinMax | ColumnRowSize;
+/**
+ * Defines the number of columns in a grid.
+ * @description
+ * Description: This type provides two distinct ways to set the number of columns in a grid.
+ * number: Used for a fixed number of columns (e.g., 4).
+ * 'auto-fill': A CSS Grid keyword that automatically creates as many columns as will fit inside a container.
+ */
+type GridColumns = number | 'auto-fill';
+type GutterType = 'normal' | 'small' | 'large' | 'extraLarge';
+
+interface FixedGridProps {
+    columns?: number;
+    size?: ColumnRowSize;
+}
+interface AutoFillGridProps {
+    columns?: 'auto-fill';
+    size?: ComposeMinMax;
+}
+
+declare const Breakpoints: {
+    mobileSmall: string;
+    mobile: string;
+    mobileLarge: string;
+    tabletVertical: string;
+    tabletHorizontal: string;
+    desktopSmall: string;
+    desktop: string;
+    desktopLarge: string;
+};
+
+declare function provideTkTheme(): _angular_core.EnvironmentProviders;
+
+declare const TkPreset: Preset;
+
+/**
+ * Interface that can be optionally implemented by components loaded into overlays
+ * (Modals, Drawers, etc.) to intercept the closing process.
+ */
+interface TkCanClose {
+    /**
+     * Function or Signal indicating if the component can be closed.
+     * When returning false, the overlay will prevent closure.
+     */
+    canClose?: () => boolean;
+    /**
+     * Optional hook called when a user attempt to close the overlay is blocked
+     * by the canClose() returning false.
+     */
+    onBlockedClose?(): void;
+}
+/**
+ * Type definition for the overlay closing interceptor.
+ * It must be a synchronous function returning the "allowed" state.
+ */
+type TkCloseInterceptor = () => boolean;
+
+export { Breakpoints, GapGutter, Gutter, PaddingGridContainer, TkPreset, provideTkTheme };
+export type { AutoFillGridProps, ColumnRowSize, ComposeMinMax, ComposeSize, ContainerType, DropdownListItem, FixedGridProps, FontCSSProperties, GridColumns, GutterType, IllustrationConfig, Option, ThemeLogo, TkCanClose, TkCloseInterceptor, TypographyStyles, ValidatorWithMessage, VariantLogo };

package/{directives/gird-item/src/grid-item.directive.d.ts → types/tekus-design-system-directives-gird-item.d.ts}

@@ -1,5 +1,7 @@
-import { BreakpointObserver } from "@angular/cdk/layout";
-import * as i0 from "@angular/core";
+import * as _angular_core from '@angular/core';
+import * as _angular_cdk_layout from '@angular/cdk/layout';
+import { BreakpointObserver } from '@angular/cdk/layout';
+
 /**
  * Directive that controls the number of columns covered by an item within a grid.
  *
@@ -8,7 +10,7 @@ import * as i0 from "@angular/core";
  * For best results use a [grid component as a parent container](?path=/docs/components-grids-grids-container--docs)
  * @selector [tkGridItem]
  */
-export declare class GridItemDirective {
+declare class GridItemDirective {
     /**
      * Defines how many columns this element will span.
      * The final value will be adjusted based on the current breakpoint.
@@ -23,20 +25,22 @@ export declare class GridItemDirective {
     /**
      * A signal that emits values each time a screen breakpoint changes.
      */
-    readonly screenChange: import("@angular/core").Signal<import("@angular/cdk/layout").BreakpointState | undefined>;
+    readonly screenChange: _angular_core.Signal<_angular_cdk_layout.BreakpointState | undefined>;
     /**
      * A computed signal that determines the final value of the column span.
      *
      * This value is adjusted (truncated) so as not to exceed the maximum number of columns
      * allowed at each breakpoint, ensuring that the layout does not break on small screens.
      */
-    readonly finalSpan: import("@angular/core").Signal<number>;
+    readonly finalSpan: _angular_core.Signal<number>;
     /**
      * 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(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GridItemDirective, "[tkGridItem]", never, { "span": { "alias": "span"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridItemDirective, "[tkGridItem]", never, { "span": { "alias": "span"; "required": false; }; }, {}, never, never, true, never>;
 }
+
+export { GridItemDirective };

package/{utils/sanitizer-utils/src/sanitizer-utils.d.ts → types/tekus-design-system-utils-sanitizer-utils.d.ts}

@@ -1,4 +1,4 @@
-export declare const UNSAFE_SVG_REGEX: {
+declare const UNSAFE_SVG_REGEX: {
     script: RegExp;
     onAttr: RegExp;
     jsHref: RegExp;
@@ -11,10 +11,12 @@ export declare const UNSAFE_SVG_REGEX: {
  * @param svgContent The SVG content as a string.
  * @returns The sanitized SVG.
  */
-export declare function sanitizeSvgContent(svgContent: string): string;
+declare function sanitizeSvgContent(svgContent: string): string;
 /**
  * Edit the SVG to ensure that the color is dynamic and the ‘none’ fills are maintained.
  * @param svgContent The SVG content as a string.
  * @returns The modified SVG.
  */
-export declare function retouchSvgForColor(svgContent: string): string;
+declare function retouchSvgForColor(svgContent: string): string;
+
+export { UNSAFE_SVG_REGEX, retouchSvgForColor, sanitizeSvgContent };

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

@@ -0,0 +1,2 @@
+
+export { };

package/components/autocomplete/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/autocomplete" />
-export * from './public-api';

package/components/autocomplete/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/autocomplete.component';

package/components/badge/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/badge" />
-export * from './public-api';