@tekus/design-system 5.20.0 → 5.22.0

package/components/icon/src/icon.component.d.ts

@@ -1,79 +0,0 @@
-import { EffectRef, OnDestroy } from "@angular/core";
-import { IconColors, IconStylesGeneral } from "../core/icon-catalog";
-import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
-import { IconProp, SizeProp } from "@fortawesome/fontawesome-svg-core";
-import * as i0 from "@angular/core";
-export type SizeMap = SizeProp | 'md';
-export declare class IconComponent implements OnDestroy {
-    /**
-     * The name of the icon to display.
-     * This is a required field.
-     * It should match one of the icons in the *IconCatalog*.
-     */
-    icon: import("@angular/core").ModelSignal<string>;
-    /**
-     * The style of the icon to display.
-     * This is an optional field.
-     * It defaults to 'regular'.
-     */
-    styleIcon: import("@angular/core").ModelSignal<IconStylesGeneral>;
-    /**
-     * The color of the icon to display.
-     */
-    color: import("@angular/core").ModelSignal<IconColors | undefined>;
-    /**
-     * The size of the icon to display.
-     */
-    size: import("@angular/core").ModelSignal<SizeMap | undefined>;
-    /**
-     * Whether the icon is disabled.
-     */
-    disabled: import("@angular/core").ModelSignal<boolean>;
-    /**
-     * The definition of the icon to display for Font Awesome.
-     */
-    iconDefinition: import("@angular/core").WritableSignal<IconProp | null>;
-    /**
-     * The SVG content of the icon to display for custom icons.
-     */
-    svgContent: import("@angular/core").WritableSignal<SafeHtml | null>;
-    /**
-     * The sanitizer service to use for sanitizing SVG content.
-     */
-    sanitizer: DomSanitizer;
-    /**
-     * The size property to use for the icon.
-     */
-    sizeProp: import("@angular/core").Signal<SizeProp | null>;
-    /**
-     * The effect reference for the icon.
-     */
-    iconEffect: EffectRef;
-    constructor();
-    /**
-     * Destroy icon effect
-     */
-    ngOnDestroy(): void;
-    /**
-     * Gets the icon to display.
-     */
-    getIcon(): void;
-    /**
-     * Loads the icon from Font Awesome.
-     */
-    loadIconFa(): Promise<void>;
-    /**
-     * Gets the key style for the icon based on the current styleIcon model.
-     *
-    * @returns 'light' | 'regular' | 'solid' | null
-     */
-    getKeyStyle(): 'light' | 'regular' | 'solid' | null;
-    /**
-     * Loads a custom icon from the IconCatalog.
-     * Sanitize the SVG content and apply the appropriate color.
-     * @returns void
-     */
-    loadIconCustom(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "tk-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "styleIcon": { "alias": "styleIcon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "icon": "iconChange"; "styleIcon": "styleIconChange"; "color": "colorChange"; "size": "sizeChange"; "disabled": "disabledChange"; }, never, never, true, never>;
-}

package/components/input-number/index.d.ts

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

package/components/input-number/public-api.d.ts

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

package/components/input-text/index.d.ts

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

package/components/input-text/public-api.d.ts

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

package/components/modal/index.d.ts

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

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

@@ -1,3 +0,0 @@
-export * from './src/modal.component';
-export * from './src/services/modal.service';
-export * from './src/modal.types';

package/components/modal/src/modal.component.d.ts

@@ -1,118 +0,0 @@
-import { EventEmitter, Type, ElementRef, OnDestroy } from '@angular/core';
-import { ModalFooterButton, ModalSizeType } from './modal.types';
-import { TkCloseInterceptor } from '@tekus/design-system/core/types';
-import * as i0 from "@angular/core";
-/**
- * @component ModalComponent
- * @description
- * A programmatically controlled modal dialog used for displaying dynamic content.
- * Modernized for Angular 19 with 100% synchronous Signal-based closing interception.
- */
-export declare class ModalComponent<T = unknown> implements OnDestroy {
-    private readonly elementRef;
-    private readonly contentHost;
-    private componentRef?;
-    /** The title displayed at the top of the modal */
-    title: import("@angular/core").InputSignal<string>;
-    /** The main content of the modal. Can be a string or a Component Type. */
-    content: import("@angular/core").InputSignal<string | Type<T> | null>;
-    /** Array of footer buttons with label, callback, and return value */
-    footerButtons: import("@angular/core").InputSignal<ModalFooterButton[]>;
-    /** Modal size: 'small', 'large', 'medium' or 'full' */
-    size: import("@angular/core").InputSignal<ModalSizeType>;
-    /** Whether the modal can be closed by the user via close button */
-    closable: import("@angular/core").InputSignal<boolean>;
-    /** Whether clicking outside the modal mask closes the modal */
-    closeOnOutsideClick: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Optional data to be passed as inputs to the dynamic component.
-     */
-    data: import("@angular/core").InputSignal<Partial<T>>;
-    /**
-     * Optional interceptor called before the modal closes.
-     * MUST be synchronous. Returns true to allow closing.
-     */
-    interceptor: import("@angular/core").InputSignal<TkCloseInterceptor | undefined>;
-    /** Computed: whether the content is a simple string */
-    isContentString: import("@angular/core").Signal<boolean>;
-    /** Computed: whether the modal has footer buttons to display */
-    hasFooter: import("@angular/core").Signal<boolean>;
-    /** Whether the modal should be responsive on mobile screens */
-    responsive: import("@angular/core").InputSignal<boolean>;
-    /** Visibility flag as Model Signal (allows two-way binding) */
-    isOpened: import("@angular/core").ModelSignal<boolean>;
-    /** Whether the modal content has a scrollbar */
-    hasScroll: boolean;
-    /** Emits when the modal closes, passing the return value from footer buttons or null */
-    readonly onClose: EventEmitter<unknown>;
-    private alreadyEmitted;
-    private returnValueOnClose;
-    constructor(elementRef: ElementRef);
-    /** Computed: calculates modal max-width based on `size` */
-    modalMaxWidth: import("@angular/core").Signal<"67.5rem" | "35rem" | "98vw" | "25rem">;
-    ngOnDestroy(): void;
-    /**
-     * @summary Orchestrates dynamic rendering and destruction based on visibility.
-     * @private
-     */
-    private attachDynamicContent;
-    /**
-     * @summary Synchronizes incoming data record with the dynamic instance @Inputs.
-     * @private
-     */
-    private syncDynamicInputs;
-    /**
-     * @summary Safely destroys the dynamic component and clears references.
-     * @private
-     */
-    private detachDynamicContent;
-    /**
-     * Checks if the modal content has a scrollbar and updates `hasScroll` state.
-     */
-    checkScroll(): void;
-    /**
-     * Opens the modal dialog.
-     */
-    open(): void;
-    /**
-     * @summary Main entry point for closure requests.
-     * Evaluation is 100% synchronous based on current Signal state.
-     * @param returnValue (Optional) Value to emit on close.
-     */
-    tryClose(returnValue?: unknown): void;
-    /**
-     * @summary Synchronous evaluator of hierarchical guards.
-     * @returns true if closure is allowed.
-     * @private
-     */
-    private canExecuteClosure;
-    /**
-     * @summary Unified logic to execute the final closure state change.
-     * @private
-     */
-    private executeClosure;
-    /**
-     * @summary Handles external visibility changes (from p-dialog 'X' or Escape).
-     * Ensures the reactive guard is respected before allowing closure.
-     */
-    onVisibleChange(visible: boolean): void;
-    /**
-     * Handles the close event from the underlying dialog component.
-     */
-    handleClose(): void;
-    /**
-     * @summary Handles actions triggered by footer buttons.
-     */
-    handleAction(action: (() => void) | undefined, returnValue: unknown): void;
-    /**
-     * @summary Safely closes the modal forcefully without checks.
-     */
-    close(): void;
-    /**
-     * @private
-     * Encapsulates state cleanup to avoid repetitive assignments
-     */
-    private resetClosureState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent<any>, "tk-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "footerButtons": { "alias": "footerButtons"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "interceptor": { "alias": "interceptor"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "isOpened": { "alias": "isOpened"; "required": false; "isSignal": true; }; }, { "isOpened": "isOpenedChange"; }, never, never, true, never>;
-}

package/components/modal/src/modal.types.d.ts

@@ -1,39 +0,0 @@
-import { Type } from '@angular/core';
-import { Variant } from '@tekus/design-system/components/button';
-import { TkCloseInterceptor } from '@tekus/design-system/core/types';
-export type ModalSizeType = 'small' | 'large' | 'medium' | 'full';
-export type SeverityType = 'primary' | 'secondary' | 'danger';
-export interface ModalFooterButton {
-    label: string;
-    severity: SeverityType;
-    /** Optional callback function executed when the button is clicked */
-    action?: () => void;
-    /** Optional value emitted when the modal closes after clicking this button */
-    returnValue?: unknown;
-    /** Optional button variant */
-    variant?: Variant;
-}
-export interface ModalConfig<T = unknown> {
-    /** The title displayed at the top of the modal */
-    title: string;
-    /** The main content of the modal. Can be a string or a Component Type. */
-    content?: string | Type<T>;
-    /** Array of footer buttons with label, callback, and return value */
-    footerButtons?: ModalFooterButton[];
-    /** Modal size: 'small', 'large', 'medium' or 'full' */
-    size?: ModalSizeType;
-    /** Whether the modal can be closed by the user via close button */
-    closable?: boolean;
-    /** Whether clicking outside the modal mask closes the modal */
-    closeOnOutsideClick?: boolean;
-    /**
-     * Optional data to be passed as inputs to the dynamic component.
-     * Keys must match the component's @Input names.
-     */
-    data?: Partial<T>;
-    /**
-     * Optional interceptor called before the modal closes.
-     * Return false, Promise<false> or Observable<false> to prevent closing.
-     */
-    interceptor?: TkCloseInterceptor;
-}

package/components/modal/src/services/modal.service.d.ts

@@ -1,31 +0,0 @@
-import { ApplicationRef, ComponentRef, Injector } from '@angular/core';
-import { ModalComponent } from '../modal.component';
-import { Observable } from 'rxjs';
-import { ModalConfig } from '../modal.types';
-import * as i0 from "@angular/core";
-/**
- * @service ModalService
- * @description
- * Service responsible for programmatically opening and managing modal dialogs.
- * It handles component creation, attachment to the document body, and cleanup.
- */
-export declare class ModalService {
-    private readonly injector;
-    private readonly appRef;
-    /** Reference to the currently open modal component */
-    private modalRef;
-    constructor(injector: Injector, appRef: ApplicationRef);
-    /** Internal getter for testing purposes */
-    get _modalRefForTesting(): ComponentRef<ModalComponent> | null;
-    /** Internal setter for testing purposes */
-    set _modalRefForTesting(ref: ComponentRef<ModalComponent> | null);
-    /**
-     * Opens a modal dialog with the provided configuration.
-     * Only one modal can be open at a time.
-     * @param config Configuration object for the modal (title, content, buttons, etc.)
-     * @returns An observable that emits the modal's return value when it closes.
-     */
-    open(config: ModalConfig): Observable<unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
-}

package/components/multiselect/index.d.ts

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

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

@@ -1,2 +0,0 @@
-export * from './src/multiselect.component';
-export * from './src/multiselect.types';

package/components/multiselect/src/multiselect.types.d.ts

@@ -1,4 +0,0 @@
-export interface MultiSelectOption {
-    name: string;
-    code: string;
-}

package/components/pagination/index.d.ts

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

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

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

package/components/panel/index.d.ts

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

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

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

package/components/radio-button/index.d.ts

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

package/components/radio-button/public-api.d.ts

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

package/components/select/index.d.ts

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

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

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

package/components/table/index.d.ts

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

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

@@ -1,2 +0,0 @@
-export * from '../table/src/table.component';
-export * from '../table/src/table.interface';

package/components/table/src/table.interface.d.ts

@@ -1,14 +0,0 @@
-import { TagSeverity } from '@tekus/design-system/components/tag';
-export type TableColumnType = 'text' | 'tag' | 'actions' | 'selection' | 'checkbox';
-export interface TableColumn<T = unknown> {
-    field?: string;
-    header: string;
-    sortable?: boolean;
-    type?: TableColumnType;
-    width?: string;
-    tagSeverity?: (row: T) => TagSeverity;
-    actions?: Array<{
-        icon: string;
-        action?: (row: T) => void;
-    }>;
-}

package/components/tabs/index.d.ts

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

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

@@ -1,2 +0,0 @@
-export * from '../tabs/src/tabs.component';
-export * from '../tabs/src/tabs.interface';

package/components/tabs/src/tabs.interface.d.ts

@@ -1,11 +0,0 @@
-import { TemplateRef } from '@angular/core';
-export interface TabData {
-    id: string;
-    label: string;
-    tooltip?: string;
-    badge?: string;
-    disabled?: boolean;
-    visible?: boolean;
-    lazy?: boolean;
-    content?: TemplateRef<unknown>;
-}

package/components/tag/index.d.ts

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

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

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

package/components/textarea/index.d.ts

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

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

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

package/components/toolbar/index.d.ts

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

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

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

package/components/tooltip/index.d.ts

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

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

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

package/components/tooltip/src/tooltip.component.d.ts

@@ -1,35 +0,0 @@
-import * as i0 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>
- * ```
- */
-export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
-export declare class TooltipComponent {
-    /**
-     * @property {string} content
-     * @description
-     * The text to be displayed in the tooltip.
-     *
-     * @required
-     */
-    content: import("@angular/core").InputSignal<string>;
-    /**
-     * @property {TooltipPosition} position
-     * @description
-     * Position of the tooltip relative to the element.
-     *
-     * @default 'top'
-     */
-    position: import("@angular/core").InputSignal<TooltipPosition>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "tk-tooltip", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

package/components/topbar/index.d.ts

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

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

@@ -1,2 +0,0 @@
-export * from './src/topbar.component';
-export * from './src/topbar.types';

package/components/topbar/src/topbar.component.d.ts

@@ -1,20 +0,0 @@
-import { TopbarAction, TopbarTag } from './topbar.types';
-import * as i0 from "@angular/core";
-/**
- * @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.
- */
-export declare class TopbarComponent {
-    /** Main title text for the topbar. */
-    title: import("@angular/core").InputSignal<string>;
-    /** Optional list of actions displayed in the header. */
-    actions: import("@angular/core").InputSignal<TopbarAction[] | null>;
-    /** Optional list of tags displayed in the meta section. */
-    tags: import("@angular/core").InputSignal<TopbarTag[] | null>;
-    /** Optional description displayed in the meta section. */
-    description: import("@angular/core").InputSignal<string | null>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TopbarComponent, never>;
-    static ɵcmp: i0.ɵɵ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>;
-}

package/components/topbar/src/topbar.types.d.ts

@@ -1,13 +0,0 @@
-import { TagSeverity } from '@tekus/design-system/components/tag';
-export type TopbarActionType = 'primary' | 'icon';
-export interface TopbarAction {
-    type: TopbarActionType;
-    label?: string;
-    icon?: string;
-    tooltipText?: string;
-    onClick: () => void;
-}
-export interface TopbarTag {
-    label: string;
-    variant?: TagSeverity;
-}

package/core/index.d.ts

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

package/core/public-api.d.ts

@@ -1 +0,0 @@
-export * from './types';

package/core/types/index.d.ts

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

package/core/types/public-api.d.ts

@@ -1,10 +0,0 @@
-export * from './src/option';
-export * from './src/validator-with-message';
-export * from './src/typography-styles';
-export * from './src/illustration-config';
-export * from './src/branding';
-export * from './src/grids';
-export * from './src/breakpoints';
-export * from './src/theme/theme.provider';
-export * from './src/theme/tk-preset';
-export * from './src/interception';

package/core/types/src/branding/branding.types.d.ts

@@ -1,15 +0,0 @@
-/**
- * @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).
- */
-export 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).
- */
-export type VariantLogo = 'minimal' | 'normal' | 'compound';

package/core/types/src/branding/index.d.ts

@@ -1 +0,0 @@
-export * from './branding.types';

package/core/types/src/breakpoints/breakpoints.d.ts

@@ -1,10 +0,0 @@
-export declare const Breakpoints: {
-    mobileSmall: string;
-    mobile: string;
-    mobileLarge: string;
-    tabletVertical: string;
-    tabletHorizontal: string;
-    desktopSmall: string;
-    desktop: string;
-    desktopLarge: string;
-};

package/core/types/src/breakpoints/index.d.ts

@@ -1 +0,0 @@
-export * from './breakpoints';

package/core/types/src/grids/grid.enum.d.ts

@@ -1,18 +0,0 @@
-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"
-}
-export { Gutter, GapGutter, PaddingGridContainer };

package/core/types/src/grids/grid.model.d.ts

@@ -1,10 +0,0 @@
-import { ColumnRowSize, ComposeMinMax } from "./grid.type";
-interface FixedGridProps {
-    columns?: number;
-    size?: ColumnRowSize;
-}
-interface AutoFillGridProps {
-    columns?: 'auto-fill';
-    size?: ComposeMinMax;
-}
-export { FixedGridProps, AutoFillGridProps };