karsten-design-system 2.0.23 → 2.0.26

package/dist/stories/components/breadcrumb.d.ts

@@ -1,5 +1,6 @@
 import { BreadcrumpItems } from '../../types';
 export type BreadcrumbProps = {
     items: BreadcrumpItems[];
+    size?: 'xs' | 'sm' | 'base';
 };
-export declare function Breadcrumb({ items }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb({ items, size }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/checkbox.d.ts

@@ -1,16 +1,21 @@
-declare const variants: {
-    white: string;
-    secondary: string;
+declare const boxSizeClasses: {
+    sm: string;
+    md: string;
+    mdRow: string;
 };
 export type CheckboxProps = {
-    variant?: keyof typeof variants;
+    /** Mantido por compatibilidade; o visual usa border fixo. */
+    variant?: 'white' | 'secondary';
+    size?: keyof typeof boxSizeClasses;
     label?: string;
     value?: string;
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
     error?: boolean;
+    indeterminate?: boolean;
     ariaLabel?: string;
+    className?: string;
 };
-export declare function Checkbox({ label, value, checked, onChange, disabled, error, variant, ariaLabel, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ label, value, checked, onChange, disabled, error, indeterminate, size, variant, ariaLabel, className, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/stories/components/dropDown.d.ts

@@ -6,5 +6,6 @@ export type Option = {
 export type CustomDropdownProps = {
     width?: string;
     options: Option[];
+    showClear?: boolean;
 } & Omit<PrimeDropdownProps, 'options'>;
-export declare const Dropdown: ({ options, ...props }: CustomDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ options, showClear, clearIcon, ...props }: CustomDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/header.d.ts

@@ -13,5 +13,12 @@ export type MenubarProps = {
     helloTranslation?: string;
     favoritesTranslation?: string;
     homeTranslation?: string;
+    title?: string;
+    titleIcon?: React.ReactNode;
+    titleActions?: React.ReactNode;
+    titleBreadcrumb?: React.ReactNode;
+    hideFavoritesSidebar?: boolean;
+    onMenuToggle?: () => void;
+    menuOpen?: boolean;
 };
-export declare function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, isRenderNotifications, rightActions, rightActionsLogo, redirect, helloTranslation, favoritesTranslation, homeTranslation, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, isRenderNotifications, rightActions, rightActionsLogo, redirect, helloTranslation, favoritesTranslation, homeTranslation, title, titleIcon, titleActions, titleBreadcrumb, hideFavoritesSidebar, onMenuToggle, menuOpen, }: MenubarProps): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/internalMenu.d.ts

@@ -2,5 +2,6 @@ import { InternalMenuItems } from '../../types/internalMenu';
 export type InternalMenuProp = {
     item: InternalMenuItems[];
     isFiltering: boolean;
+    className?: string;
 };
-export declare function InternalMenu({ item, isFiltering }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;
+export declare function InternalMenu({ item, isFiltering, className }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/multiselect.d.ts

@@ -13,5 +13,8 @@ export type MultiSelectProps = {
     onInputChange?: (input: string) => void;
     isLoadingOptions?: boolean;
     systemLanguage?: 'pt' | 'en' | 'es';
+    showClear?: boolean;
+    onClear?: () => void;
+    showSelectAll?: boolean;
 };
 export declare function MultiSelect(props: MultiSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/select.d.ts

@@ -13,5 +13,7 @@ export type SingleSelectProps = {
     onInputChange?: (input: string) => void;
     isLoadingOptions?: boolean;
     systemLanguage?: 'pt' | 'en' | 'es';
+    showClear?: boolean;
+    onClear?: () => void;
 };
 export declare function Select(props: SingleSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/storybookThemeToggle.d.ts

@@ -0,0 +1 @@
+export declare function StorybookThemeToggle(): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/table.d.ts

@@ -1,4 +1,5 @@
 import { SortDirection } from '../../types';
+import type { HeaderIconsLayout, RowKey } from '../../types/table';
 export type FilterType = 'text' | 'select' | 'multiSelect' | 'singleDate' | 'rangeDate';
 export type Column<T> = {
     label: string;
@@ -45,7 +46,7 @@ export type SubTableAction<S> = {
     ariaLabel?: string;
     render?: boolean | ((item: S) => boolean);
 };
-export type TableProps<T, S> = {
+export type TableCoreProps<T, S> = {
     columns: Column<T>[];
     data: T[];
     totalRecords?: number;
@@ -73,5 +74,55 @@ export type TableProps<T, S> = {
     subTableActionLabel?: string;
     subTableActionsHeaderClassName?: string;
     subTableActionsColumnsClassName?: string;
+    /**
+     * Identificador das linhas da sub-tabela.
+     * Obrigatório quando `subTableSelectable` é true (com `isExpandable`).
+     */
+    subRowKey?: keyof S | ((row: S) => RowKey);
+    /**
+     * Checkbox na grid filho (sub-tabela expansível).
+     * Independente de `selectable`. Requer `rowKey`, `subRowKey` e `isExpandable`.
+     */
+    subTableSelectable?: boolean;
+    /** Desabilita checkbox de linhas específicas na grid pai (`selectable`). */
+    isRowSelectable?: (row: T) => boolean;
+    /** Desabilita checkbox de linhas específicas na sub-grid (`subTableSelectable`). */
+    isSubRowSelectable?: (row: S) => boolean;
+    /** Destaque da linha no hover. Padrão: ativo. Use `false` para desligar. */
+    highlightOnHover?: boolean;
+    onRowClick?: (row: T, event: React.MouseEvent) => void;
+    headerIconsLayout?: HeaderIconsLayout;
+    headerCellClassName?: string;
+    showGridlines?: boolean;
 };
-export declare function Table<T extends Record<string, any>, S extends Record<string, any>>({ columns, data, totalRecords, actions, actionsHeaderClassName, actionsColumnsClassName, rowsPerPage, onPageChange, onRowsPerPageChange, isPaginated, isLoading, onFilterChange, onSortChange, actionLabel, systemLanguage, isShowCustomizeColumns, onApplyColumns, isPermanentFilterEnabled, localStorageKey, isExpandable, canExpand, subTableColumns, subTableDataKey, subTableActions, subTableActionLabel, subTableActionsHeaderClassName, subTableActionsColumnsClassName, }: TableProps<T, S>): import("react/jsx-runtime").JSX.Element;
+type TableWithSelectionProps<T, S> = {
+    /** Checkbox na grid pai. Independente de `subTableSelectable`. */
+    selectable: true;
+    rowKey: keyof T | ((row: T) => RowKey);
+    subTableSelectable?: boolean;
+    subRowKey?: keyof S | ((row: S) => RowKey);
+    selectedKeys?: RowKey[];
+    defaultSelectedKeys?: RowKey[];
+    onSelectionChange?: (keys: RowKey[], rows: T[], subRows?: S[]) => void;
+};
+type TableWithSubSelectionOnlyProps<T, S> = {
+    selectable?: false;
+    subTableSelectable: true;
+    rowKey: keyof T | ((row: T) => RowKey);
+    subRowKey: keyof S | ((row: S) => RowKey);
+    selectedKeys?: RowKey[];
+    defaultSelectedKeys?: RowKey[];
+    onSelectionChange?: (keys: RowKey[], rows: T[], subRows?: S[]) => void;
+};
+type TableWithoutSelectionProps = {
+    selectable?: false;
+    subTableSelectable?: false;
+    rowKey?: never;
+    subRowKey?: never;
+    selectedKeys?: never;
+    defaultSelectedKeys?: never;
+    onSelectionChange?: never;
+};
+export type TableProps<T, S> = TableCoreProps<T, S> & (TableWithSelectionProps<T, S> | TableWithSubSelectionOnlyProps<T, S> | TableWithoutSelectionProps);
+export type { RowKey, HeaderIconsLayout };
+export declare function Table<T extends Record<string, any>, S extends Record<string, any>>({ columns, data, totalRecords, actions, actionsHeaderClassName, actionsColumnsClassName, rowsPerPage, onPageChange, onRowsPerPageChange, isPaginated, isLoading, onFilterChange, onSortChange, actionLabel, systemLanguage, isShowCustomizeColumns, onApplyColumns, isPermanentFilterEnabled, localStorageKey, isExpandable, canExpand, subTableColumns, subTableDataKey, subTableActions, subTableActionLabel, subTableActionsHeaderClassName, subTableActionsColumnsClassName, selectable, subTableSelectable, rowKey, subRowKey, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, isRowSelectable, isSubRowSelectable, highlightOnHover, onRowClick, headerIconsLayout, headerCellClassName, showGridlines, }: TableProps<T, S>): import("react/jsx-runtime").JSX.Element;

package/dist/stories/components/tooltip.d.ts

@@ -1,6 +1,8 @@
+export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
 interface TooltipProps {
     text: string | null | undefined;
     children: React.ReactNode;
+    placement?: TooltipPlacement;
 }
-export declare function Tooltip({ text, children }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ text, children, placement }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/stories/components/useDropdownPosition.d.ts

@@ -0,0 +1,24 @@
+export type DropdownPlacement = 'bottom' | 'top';
+export type DropdownPosition = {
+    top: number;
+    left: number;
+    width: number;
+    placement: DropdownPlacement;
+    /** Altura máxima disponível no lado escolhido (px), com folga de 8px. */
+    maxHeight: number;
+};
+/**
+ * Calcula a posição (fixed) do menu dropdown com base no elemento trigger.
+ * Retorna placement 'top' quando não há espaço suficiente abaixo e há mais
+ * espaço acima. Recalcula em resize e scroll de qualquer ancestral.
+ */
+export declare function useDropdownPosition(triggerRef: React.RefObject<HTMLElement | null>, isOpen: boolean): DropdownPosition | null;
+/**
+ * Renderiza children via portal no document.body com position:fixed,
+ * usando as coordenadas calculadas por useDropdownPosition.
+ * Se position for null (ainda calculando) não renderiza nada.
+ */
+export declare function DropdownPortal({ position, children, }: {
+    position: DropdownPosition | null;
+    children: React.ReactNode;
+}): import("react").ReactPortal | null;

package/dist/tokens/theme.d.ts

@@ -0,0 +1,6 @@
+export type Theme = 'light' | 'dark';
+export declare const THEMES: Theme[];
+export declare const THEME_BACKGROUNDS: Record<Theme, string>;
+export declare const THEME_ICONS: Record<Theme, string>;
+export declare function cycleTheme(current: Theme): Theme;
+export declare function applyThemeToDocument(theme: Theme): void;

package/dist/types/components/field-clear-button.d.ts

@@ -0,0 +1,9 @@
+export type FieldClearButtonProps = {
+    visible: boolean;
+    onClear: () => void;
+    disabled?: boolean;
+    hasError?: boolean;
+    systemLanguage?: 'pt' | 'en' | 'es';
+    className?: string;
+};
+export declare function FieldClearButton({ visible, onClear, disabled, hasError, systemLanguage, className, }: FieldClearButtonProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/index.d.ts

@@ -1,4 +1,6 @@
+import './tokens/themes.css';
 import '../.storybook/index.css';
+export * from './tokens/theme';
 export * from './stories/components/accordion';
 export * from './stories/components/basicHeader';
 export * from './stories/components/breadcrumb';

package/dist/types/internalMenu.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 export type InternalMenuItems = {
     id: string;
     title: string;
@@ -5,11 +6,13 @@ export type InternalMenuItems = {
     onClick?: () => void;
     isActive?: boolean;
     tooltipText?: string | null | undefined;
+    icon?: ReactNode;
     subItem?: {
         id: string;
         title: string;
         path: string;
         isActive?: boolean;
         tooltipText?: string | null | undefined;
+        icon?: ReactNode;
     }[];
 };

package/dist/types/stories/components/breadcrumb.d.ts

@@ -1,5 +1,6 @@
 import { BreadcrumpItems } from '../../types';
 export type BreadcrumbProps = {
     items: BreadcrumpItems[];
+    size?: 'xs' | 'sm' | 'base';
 };
-export declare function Breadcrumb({ items }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb({ items, size }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/components/checkbox.d.ts

@@ -1,16 +1,21 @@
-declare const variants: {
-    white: string;
-    secondary: string;
+declare const boxSizeClasses: {
+    sm: string;
+    md: string;
+    mdRow: string;
 };
 export type CheckboxProps = {
-    variant?: keyof typeof variants;
+    /** Mantido por compatibilidade; o visual usa border fixo. */
+    variant?: 'white' | 'secondary';
+    size?: keyof typeof boxSizeClasses;
     label?: string;
     value?: string;
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
     error?: boolean;
+    indeterminate?: boolean;
     ariaLabel?: string;
+    className?: string;
 };
-export declare function Checkbox({ label, value, checked, onChange, disabled, error, variant, ariaLabel, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ label, value, checked, onChange, disabled, error, indeterminate, size, variant, ariaLabel, className, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/stories/components/dropDown.d.ts

@@ -6,5 +6,6 @@ export type Option = {
 export type CustomDropdownProps = {
     width?: string;
     options: Option[];
+    showClear?: boolean;
 } & Omit<PrimeDropdownProps, 'options'>;
-export declare const Dropdown: ({ options, ...props }: CustomDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ options, showClear, clearIcon, ...props }: CustomDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/components/header.d.ts

@@ -13,5 +13,12 @@ export type MenubarProps = {
     helloTranslation?: string;
     favoritesTranslation?: string;
     homeTranslation?: string;
+    title?: string;
+    titleIcon?: React.ReactNode;
+    titleActions?: React.ReactNode;
+    titleBreadcrumb?: React.ReactNode;
+    hideFavoritesSidebar?: boolean;
+    onMenuToggle?: () => void;
+    menuOpen?: boolean;
 };
-export declare function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, isRenderNotifications, rightActions, rightActionsLogo, redirect, helloTranslation, favoritesTranslation, homeTranslation, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, isRenderNotifications, rightActions, rightActionsLogo, redirect, helloTranslation, favoritesTranslation, homeTranslation, title, titleIcon, titleActions, titleBreadcrumb, hideFavoritesSidebar, onMenuToggle, menuOpen, }: MenubarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/components/internalMenu.d.ts

@@ -2,5 +2,6 @@ import { InternalMenuItems } from '../../types/internalMenu';
 export type InternalMenuProp = {
     item: InternalMenuItems[];
     isFiltering: boolean;
+    className?: string;
 };
-export declare function InternalMenu({ item, isFiltering }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;
+export declare function InternalMenu({ item, isFiltering, className }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/components/multiselect.d.ts

@@ -13,5 +13,8 @@ export type MultiSelectProps = {
     onInputChange?: (input: string) => void;
     isLoadingOptions?: boolean;
     systemLanguage?: 'pt' | 'en' | 'es';
+    showClear?: boolean;
+    onClear?: () => void;
+    showSelectAll?: boolean;
 };
 export declare function MultiSelect(props: MultiSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/components/select.d.ts

@@ -13,5 +13,7 @@ export type SingleSelectProps = {
     onInputChange?: (input: string) => void;
     isLoadingOptions?: boolean;
     systemLanguage?: 'pt' | 'en' | 'es';
+    showClear?: boolean;
+    onClear?: () => void;
 };
 export declare function Select(props: SingleSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/components/storybookThemeToggle.d.ts

@@ -0,0 +1 @@
+export declare function StorybookThemeToggle(): import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/components/table.d.ts

@@ -1,4 +1,5 @@
 import { SortDirection } from '../../types';
+import type { HeaderIconsLayout, RowKey } from '../../types/table';
 export type FilterType = 'text' | 'select' | 'multiSelect' | 'singleDate' | 'rangeDate';
 export type Column<T> = {
     label: string;
@@ -45,7 +46,7 @@ export type SubTableAction<S> = {
     ariaLabel?: string;
     render?: boolean | ((item: S) => boolean);
 };
-export type TableProps<T, S> = {
+export type TableCoreProps<T, S> = {
     columns: Column<T>[];
     data: T[];
     totalRecords?: number;
@@ -73,5 +74,55 @@ export type TableProps<T, S> = {
     subTableActionLabel?: string;
     subTableActionsHeaderClassName?: string;
     subTableActionsColumnsClassName?: string;
+    /**
+     * Identificador das linhas da sub-tabela.
+     * Obrigatório quando `subTableSelectable` é true (com `isExpandable`).
+     */
+    subRowKey?: keyof S | ((row: S) => RowKey);
+    /**
+     * Checkbox na grid filho (sub-tabela expansível).
+     * Independente de `selectable`. Requer `rowKey`, `subRowKey` e `isExpandable`.
+     */
+    subTableSelectable?: boolean;
+    /** Desabilita checkbox de linhas específicas na grid pai (`selectable`). */
+    isRowSelectable?: (row: T) => boolean;
+    /** Desabilita checkbox de linhas específicas na sub-grid (`subTableSelectable`). */
+    isSubRowSelectable?: (row: S) => boolean;
+    /** Destaque da linha no hover. Padrão: ativo. Use `false` para desligar. */
+    highlightOnHover?: boolean;
+    onRowClick?: (row: T, event: React.MouseEvent) => void;
+    headerIconsLayout?: HeaderIconsLayout;
+    headerCellClassName?: string;
+    showGridlines?: boolean;
 };
-export declare function Table<T extends Record<string, any>, S extends Record<string, any>>({ columns, data, totalRecords, actions, actionsHeaderClassName, actionsColumnsClassName, rowsPerPage, onPageChange, onRowsPerPageChange, isPaginated, isLoading, onFilterChange, onSortChange, actionLabel, systemLanguage, isShowCustomizeColumns, onApplyColumns, isPermanentFilterEnabled, localStorageKey, isExpandable, canExpand, subTableColumns, subTableDataKey, subTableActions, subTableActionLabel, subTableActionsHeaderClassName, subTableActionsColumnsClassName, }: TableProps<T, S>): import("react/jsx-runtime").JSX.Element;
+type TableWithSelectionProps<T, S> = {
+    /** Checkbox na grid pai. Independente de `subTableSelectable`. */
+    selectable: true;
+    rowKey: keyof T | ((row: T) => RowKey);
+    subTableSelectable?: boolean;
+    subRowKey?: keyof S | ((row: S) => RowKey);
+    selectedKeys?: RowKey[];
+    defaultSelectedKeys?: RowKey[];
+    onSelectionChange?: (keys: RowKey[], rows: T[], subRows?: S[]) => void;
+};
+type TableWithSubSelectionOnlyProps<T, S> = {
+    selectable?: false;
+    subTableSelectable: true;
+    rowKey: keyof T | ((row: T) => RowKey);
+    subRowKey: keyof S | ((row: S) => RowKey);
+    selectedKeys?: RowKey[];
+    defaultSelectedKeys?: RowKey[];
+    onSelectionChange?: (keys: RowKey[], rows: T[], subRows?: S[]) => void;
+};
+type TableWithoutSelectionProps = {
+    selectable?: false;
+    subTableSelectable?: false;
+    rowKey?: never;
+    subRowKey?: never;
+    selectedKeys?: never;
+    defaultSelectedKeys?: never;
+    onSelectionChange?: never;
+};
+export type TableProps<T, S> = TableCoreProps<T, S> & (TableWithSelectionProps<T, S> | TableWithSubSelectionOnlyProps<T, S> | TableWithoutSelectionProps);
+export type { RowKey, HeaderIconsLayout };
+export declare function Table<T extends Record<string, any>, S extends Record<string, any>>({ columns, data, totalRecords, actions, actionsHeaderClassName, actionsColumnsClassName, rowsPerPage, onPageChange, onRowsPerPageChange, isPaginated, isLoading, onFilterChange, onSortChange, actionLabel, systemLanguage, isShowCustomizeColumns, onApplyColumns, isPermanentFilterEnabled, localStorageKey, isExpandable, canExpand, subTableColumns, subTableDataKey, subTableActions, subTableActionLabel, subTableActionsHeaderClassName, subTableActionsColumnsClassName, selectable, subTableSelectable, rowKey, subRowKey, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, isRowSelectable, isSubRowSelectable, highlightOnHover, onRowClick, headerIconsLayout, headerCellClassName, showGridlines, }: TableProps<T, S>): import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/components/tooltip.d.ts

@@ -1,6 +1,8 @@
+export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
 interface TooltipProps {
     text: string | null | undefined;
     children: React.ReactNode;
+    placement?: TooltipPlacement;
 }
-export declare function Tooltip({ text, children }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ text, children, placement }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/stories/components/useDropdownPosition.d.ts

@@ -0,0 +1,24 @@
+export type DropdownPlacement = 'bottom' | 'top';
+export type DropdownPosition = {
+    top: number;
+    left: number;
+    width: number;
+    placement: DropdownPlacement;
+    /** Altura máxima disponível no lado escolhido (px), com folga de 8px. */
+    maxHeight: number;
+};
+/**
+ * Calcula a posição (fixed) do menu dropdown com base no elemento trigger.
+ * Retorna placement 'top' quando não há espaço suficiente abaixo e há mais
+ * espaço acima. Recalcula em resize e scroll de qualquer ancestral.
+ */
+export declare function useDropdownPosition(triggerRef: React.RefObject<HTMLElement | null>, isOpen: boolean): DropdownPosition | null;
+/**
+ * Renderiza children via portal no document.body com position:fixed,
+ * usando as coordenadas calculadas por useDropdownPosition.
+ * Se position for null (ainda calculando) não renderiza nada.
+ */
+export declare function DropdownPortal({ position, children, }: {
+    position: DropdownPosition | null;
+    children: React.ReactNode;
+}): import("react").ReactPortal | null;

package/dist/types/table.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 export type anyType = string | number | boolean | ReactNode;
 export type SortDirection = 'ASC' | 'DESC' | null;
+export type RowKey = string | number;
+export type HeaderIconsLayout = 'stacked' | 'inline';
 export type ColumnStyle = {
     [key: string]: string | ((value: anyType) => string);
 };

package/dist/types/tokens/theme.d.ts

@@ -0,0 +1,6 @@
+export type Theme = 'light' | 'dark';
+export declare const THEMES: Theme[];
+export declare const THEME_BACKGROUNDS: Record<Theme, string>;
+export declare const THEME_ICONS: Record<Theme, string>;
+export declare function cycleTheme(current: Theme): Theme;
+export declare function applyThemeToDocument(theme: Theme): void;

package/dist/types/types/internalMenu.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 export type InternalMenuItems = {
     id: string;
     title: string;
@@ -5,11 +6,13 @@ export type InternalMenuItems = {
     onClick?: () => void;
     isActive?: boolean;
     tooltipText?: string | null | undefined;
+    icon?: ReactNode;
     subItem?: {
         id: string;
         title: string;
         path: string;
         isActive?: boolean;
         tooltipText?: string | null | undefined;
+        icon?: ReactNode;
     }[];
 };

package/dist/types/types/table.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 export type anyType = string | number | boolean | ReactNode;
 export type SortDirection = 'ASC' | 'DESC' | null;
+export type RowKey = string | number;
+export type HeaderIconsLayout = 'stacked' | 'inline';
 export type ColumnStyle = {
     [key: string]: string | ((value: anyType) => string);
 };

package/dist/types/utils/multiSelectSelection.d.ts

@@ -0,0 +1,4 @@
+import { Option } from '../types';
+export declare function isAllOptionsSelected(filteredOptions: Option[], selectedValues: Option[]): boolean;
+export declare function isSomeOptionsSelected(filteredOptions: Option[], selectedValues: Option[]): boolean;
+export declare function toggleSelectAllFiltered(filteredOptions: Option[], selectedValues: Option[], select: boolean): Option[];

package/dist/types/utils/tableSelection.d.ts

@@ -0,0 +1,11 @@
+import type { RowKey } from '../types/table';
+export declare function resolveRowKey<T extends Record<string, unknown>>(row: T, rowKey: keyof T | ((row: T) => RowKey)): RowKey;
+export declare function getSelectablePageKeys<T extends Record<string, unknown>>(rows: T[], rowKey: keyof T | ((row: T) => RowKey), isRowSelectable?: (row: T) => boolean): RowKey[];
+export declare function isAllPageSelected(pageKeys: RowKey[], selectedKeys: RowKey[]): boolean;
+export declare function isSomePageSelected(pageKeys: RowKey[], selectedKeys: RowKey[]): boolean;
+export declare function toggleKeyInSelection(key: RowKey, selectedKeys: RowKey[]): RowKey[];
+export declare function toggleSelectAllPage(pageKeys: RowKey[], selectedKeys: RowKey[], select: boolean): RowKey[];
+export declare function getSelectedRows<T extends Record<string, unknown>>(data: T[], selectedKeys: RowKey[], rowKey: keyof T | ((row: T) => RowKey)): T[];
+export declare function buildSubRowSelectionKey(parentKey: RowKey, subKey: RowKey): string;
+export declare function isSubRowSelectionKey(key: RowKey): boolean;
+export declare function getSelectedSubRows<T extends Record<string, unknown>, S extends Record<string, unknown>>(data: T[], selectedKeys: RowKey[], subTableDataKey: string, parentRowKey: keyof T | ((row: T) => RowKey), subRowKey: keyof S | ((row: S) => RowKey)): S[];

package/dist/utils/multiSelectSelection.d.ts

@@ -0,0 +1,4 @@
+import { Option } from '../types';
+export declare function isAllOptionsSelected(filteredOptions: Option[], selectedValues: Option[]): boolean;
+export declare function isSomeOptionsSelected(filteredOptions: Option[], selectedValues: Option[]): boolean;
+export declare function toggleSelectAllFiltered(filteredOptions: Option[], selectedValues: Option[], select: boolean): Option[];

package/dist/utils/tableSelection.d.ts

@@ -0,0 +1,11 @@
+import type { RowKey } from '../types/table';
+export declare function resolveRowKey<T extends Record<string, unknown>>(row: T, rowKey: keyof T | ((row: T) => RowKey)): RowKey;
+export declare function getSelectablePageKeys<T extends Record<string, unknown>>(rows: T[], rowKey: keyof T | ((row: T) => RowKey), isRowSelectable?: (row: T) => boolean): RowKey[];
+export declare function isAllPageSelected(pageKeys: RowKey[], selectedKeys: RowKey[]): boolean;
+export declare function isSomePageSelected(pageKeys: RowKey[], selectedKeys: RowKey[]): boolean;
+export declare function toggleKeyInSelection(key: RowKey, selectedKeys: RowKey[]): RowKey[];
+export declare function toggleSelectAllPage(pageKeys: RowKey[], selectedKeys: RowKey[], select: boolean): RowKey[];
+export declare function getSelectedRows<T extends Record<string, unknown>>(data: T[], selectedKeys: RowKey[], rowKey: keyof T | ((row: T) => RowKey)): T[];
+export declare function buildSubRowSelectionKey(parentKey: RowKey, subKey: RowKey): string;
+export declare function isSubRowSelectionKey(key: RowKey): boolean;
+export declare function getSelectedSubRows<T extends Record<string, unknown>, S extends Record<string, unknown>>(data: T[], selectedKeys: RowKey[], subTableDataKey: string, parentRowKey: keyof T | ((row: T) => RowKey), subRowKey: keyof S | ((row: S) => RowKey)): S[];