@itcase/ui 1.1.16 → 1.1.18

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, b as buttonConfig } from '../Button-ULZVVxWC.js';
+export { B as Button, b as buttonConfig } from '../Button-DxZUKQ8I.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,11 +13,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
-import '../Loader-YZrWGaNy.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
+import '../Loader-DhgIcSY1.js';

package/dist/components/Card.js

@@ -1,4 +1,4 @@
-export { C as Card } from '../Card-DPGgzPuD.js';
+export { C as Card } from '../Card-DEs1Rr88.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -14,4 +14,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';

package/dist/components/Cell.js

@@ -1,4 +1,4 @@
-export { C as Cell } from '../Cell-D9Wa7coO.js';
+export { C as Cell } from '../Cell-BJThS4YS.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -17,7 +17,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
-import '../Label-VHbRKztj.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
+import '../Label-0lMH0-AK.js';

package/dist/components/Checkbox/Checkbox.interface.d.ts

@@ -49,8 +49,8 @@ interface iCheckboxProps extends iCheckboxThemeColor, iStyleAttributes {
     disabled?: boolean;
     label?: string;
     value?: string;
-    onBlur?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onFocus?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
 }
 export type { iCheckboxThemeColor, tCheckboxState, tCheckboxAppearance, iCheckboxConfig, iCheckboxProps, };

package/dist/components/Checkbox.js

@@ -1,4 +1,4 @@
-export { C as Checkbox, c as checkboxConfig } from '../Checkbox-i0qZk0sb.js';
+export { C as Checkbox, c as checkboxConfig } from '../Checkbox-BmQo6ByV.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Chips/Chips.d.ts

@@ -1,9 +1,4 @@
-import { IChipsConfig, IChipsProps } from './Chips.interface';
-declare const chipsConfig: IChipsConfig;
-declare function Chips(props: IChipsProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Chips {
-    var defaultProps: {
-        label: string;
-    };
-}
+import type { iChipsConfig, iChipsProps } from './Chips.interface';
+declare const chipsConfig: iChipsConfig;
+declare function Chips(props: iChipsProps): import("react/jsx-runtime").JSX.Element;
 export { Chips, chipsConfig };

package/dist/components/Chips/Chips.interface.d.ts

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { alignDirectionPropsType, alignPropsType, borderTypePropsType, tBorderColorProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IChipsThemeColor {
+interface iChipsThemeColor {
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
     borderColor?: tBorderColorProps;
@@ -16,30 +16,29 @@ export interface IChipsThemeColor {
     fill?: tFillProps;
     fillActive?: tFillProps;
     fillHover?: tFillHoverProps;
+    labelSize?: tTextSizeProps;
     labelTextActiveColor?: tTextColorProps;
     labelTextColor?: tTextColorProps;
-    labelTextSize?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;
     shape?: tShapeProps;
     size?: tSizeProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
-export type chipsAppearanceType = {
-    [key in appearanceKeysType]?: IChipsThemeColor;
+type tChipsAppearance = {
+    [key in tAppearanceKeysDefault]?: iChipsThemeColor;
 };
-export interface IChipsConfig {
-    appearance: chipsAppearanceType | undefined;
-    setAppearance: (newComponent: chipsAppearanceType) => void;
+interface iChipsConfig {
+    appearance: tChipsAppearance | undefined;
+    setAppearance: (newComponent: tChipsAppearance) => void;
 }
-export interface IChipsProps extends IChipsThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+interface iChipsProps extends iChipsThemeColor, iStyleAttributes {
+    appearance?: tAppearanceKeysDefault;
     children?: ReactNode;
     className?: string;
     cursor?: string;
-    isActive?: boolean;
     label?: string;
     style?: CSSProperties;
     type?: string;
+    isActive?: boolean;
     onClick?: () => void;
 }
-export {};
+export type { iChipsThemeColor, tChipsAppearance, iChipsConfig, iChipsProps };

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, c as chipsConfig } from '../Chips-BdK4kVmq.js';
+export { C as Chips, c as chipsConfig } from '../Chips-CBPMHkdw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,4 +13,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';

package/dist/components/Choice/Choice.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IChoiceConfig, IChoiceProps } from './Choice.interface';
-declare const choiceConfig: IChoiceConfig;
-declare const Choice: React.ForwardRefExoticComponent<IChoiceProps & React.RefAttributes<HTMLDivElement>>;
+import { iChoiceConfig, iChoiceProps } from './Choice.interface';
+declare const choiceConfig: iChoiceConfig;
+declare const Choice: React.ForwardRefExoticComponent<iChoiceProps & React.RefAttributes<HTMLDivElement>>;
 export { Choice, choiceConfig };

package/dist/components/Choice/Choice.interface.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, iconSizePropsType, tItemColorProps, tShapeProps, sizeOptionPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IChoiceThemeColor {
+import type { ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { borderTypePropsType, iconSizePropsType, sizeOptionPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iChoiceThemeColor {
     activeIconItemFill?: tItemColorProps;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
@@ -23,16 +23,15 @@ export interface IChoiceThemeColor {
     labelTextSize?: tTextSizeProps;
     shape?: tShapeProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
-export type choiceAppearanceType = {
-    [key in appearanceKeysType]?: IChoiceThemeColor;
+type tChoiceAppearance = {
+    [key in tAppearanceKeysDefault]?: iChoiceThemeColor;
 };
-export interface IChoiceConfig {
-    appearance: choiceAppearanceType | undefined;
-    setAppearance: (newComponent: choiceAppearanceType) => void;
+interface iChoiceConfig {
+    appearance: tChoiceAppearance | undefined;
+    setAppearance: (newComponent: tChoiceAppearance) => void;
 }
-export interface IChoiceProps extends IChoiceThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+interface iChoiceProps extends iChoiceThemeColor, iStyleAttributes {
+    appearance?: tAppearanceKeysDefault;
     active: {
         value: ReactNode;
     };
@@ -44,6 +43,7 @@ export interface IChoiceProps extends IChoiceThemeColor, iStyleAttributes {
     icon?: ReactNode;
     isDisabled?: boolean;
     isCheckbox?: boolean;
+    isLoading?: boolean;
     name?: string;
     options: {
         value: string;
@@ -56,4 +56,4 @@ export interface IChoiceProps extends IChoiceThemeColor, iStyleAttributes {
     type?: string;
     setActiveSegment?: (item: any, isChecked?: boolean) => void;
 }
-export {};
+export type { iChoiceThemeColor, tChoiceAppearance, iChoiceConfig, iChoiceProps };

package/dist/components/Choice.js

@@ -1,4 +1,4 @@
-export { C as Choice, c as choiceConfig } from '../Choice-BT6xwc_a.js';
+export { C as Choice, c as choiceConfig } from '../Choice-DVU4k0tu.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -17,6 +17,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
+import '../Loader-DhgIcSY1.js';

package/dist/components/Code/Code.d.ts

@@ -3,7 +3,6 @@ declare function Code(props: ICodeProps): import("react/jsx-runtime").JSX.Elemen
 declare namespace Code {
     var defaultProps: {
         inputCount: number;
-        gap: number;
         inputType: string;
         inputSize: string;
         inputBorderWidth: number;

package/dist/components/Code.js

@@ -1,4 +1,4 @@
-export { C as Code } from '../Code-DkWVSDOy.js';
+export { C as Code } from '../Code-1WUXVzfb.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';

package/dist/components/ContextMenu.js

@@ -1,4 +1,4 @@
-export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem--304_MdY.js';
+export { C as ContextMenu, a as ContextMenuItem } from '../ContextMenuItem-xssbnviQ.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -14,10 +14,10 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';

package/dist/components/CookiesWarning.js

@@ -1,4 +1,4 @@
-export { C as CookiesWarning } from '../CookiesWarning-CDlz4Rfl.js';
+export { C as CookiesWarning } from '../CookiesWarning-Dcon4SS4.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -10,17 +10,17 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Button-ULZVVxWC.js';
+import '../Button-DxZUKQ8I.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
-import '../Loader-YZrWGaNy.js';
-import '../Group-C2kJKhWJ.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
+import '../Loader-DhgIcSY1.js';
+import '../Group-DuHn_z2p.js';

package/dist/components/DatePicker.js

@@ -1,10 +1,10 @@
-export { D as DatePickerInput } from '../DatePicker-CAgJ_CIz.js';
+export { D as DatePickerInput } from '../DatePicker-D9UgOcue.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import 'react-dom';
-import '../floating-ui.dom-_PBQLJcF.js';
+import '../floating-ui.dom-BV5qw-HP.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -12,17 +12,17 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Button-ULZVVxWC.js';
+import '../Button-DxZUKQ8I.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
-import '../Loader-YZrWGaNy.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
+import '../Loader-DhgIcSY1.js';
 import '../Input-CYDtAlO-.js';
-import '../Label-VHbRKztj.js';
+import '../Label-0lMH0-AK.js';

package/dist/components/Drawer/Drawer.d.ts

@@ -1,3 +1,3 @@
-import { IDrawerProps } from './Drawer.interface';
-declare function Drawer(props: IDrawerProps): import("react/jsx-runtime").JSX.Element;
+import type { iDrawerProps } from './Drawer.interface';
+declare function Drawer(props: iDrawerProps): import("react/jsx-runtime").JSX.Element;
 export { Drawer };

package/dist/components/Drawer/Drawer.interface.d.ts

@@ -1,16 +1,16 @@
-import { ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface IDrawerProps extends iStyleAttributes {
+import type { ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+interface iDrawerProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    closeModal?: () => void;
     dataTour?: string;
-    direction: 'bottom' | 'left' | 'right' | 'top';
+    direction?: 'bottom' | 'left' | 'right' | 'top';
     enableOverlay?: boolean;
-    open: boolean;
     size?: number | string;
     type?: string;
     isOpenModal?: boolean;
-    closeModal?: () => void;
 }
+export type { iDrawerProps };

package/dist/components/Drawer.js

@@ -1,4 +1,4 @@
-export { D as Drawer } from '../Drawer-CgJX3Utw.js';
+export { D as Drawer } from '../Drawer-DkLkFSmD.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-Cf5vBgDu.js';
+export { D as Dropdown, a as DropdownItem } from '../DropdownItem-DB5nPIdl.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -16,4 +16,4 @@ import '../hooks/styleAttributes.js';
 import '../Divider-Dhj6sMWd.js';
 import '../Link-Co6uspFK.js';
 import '../_tslib-S-VPg1Cw.js';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';

package/dist/components/FormField.js

@@ -1,8 +1,8 @@
-export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from '../SwitchField-nmu255b8.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from '../SwitchField-Cj0B7JdE.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
-import '../Radio-Ca2-2PPF.js';
+import '../Radio-CmejVeSJ.js';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
@@ -11,21 +11,21 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import './Select.js';
 import 'react-select';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Title-BAdU2oW_.js';
 import 'react-dom';
-import '../floating-ui.dom-_PBQLJcF.js';
-import '../Badge-BBbMdbjo.js';
-import '../Group-C2kJKhWJ.js';
+import '../floating-ui.dom-BV5qw-HP.js';
+import '../Badge-DtYgQu3L.js';
+import '../Group-DuHn_z2p.js';
 import '../Divider-Dhj6sMWd.js';
 import '../Switch-0BHqovLA.js';

package/dist/components/Group/Group.interface.d.ts

@@ -12,12 +12,12 @@ interface ThemeColor {
     labelTextColor?: tTextColorProps;
 }
 type appearanceKeysType = tAppearanceKeysDefault & {};
-type appearanceType = {
+type tAppearance = {
     [key in appearanceKeysType]: ThemeColor;
 };
 export interface IGroupConfig {
-    appearance: appearanceType | undefined;
-    setAppearance: (newComponent: appearanceType) => void;
+    appearance: tAppearance | undefined;
+    setAppearance: (newComponent: tAppearance) => void;
 }
 export interface IGroupProps extends iStyleAttributes {
     appearance?: appearanceKeysType;

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, g as groupConfig } from '../Group-C2kJKhWJ.js';
+export { G as Group, g as groupConfig } from '../Group-DuHn_z2p.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';

package/dist/components/HTMLContent/HTMLContent.d.ts

@@ -0,0 +1,3 @@
+import { IHTMLContentProps } from './HTMLContent.interface';
+declare function HTMLContent(props: IHTMLContentProps): import("react/jsx-runtime").JSX.Element;
+export { HTMLContent };

package/dist/components/HTMLContent/HTMLContent.interface.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties, ReactNode } from 'react';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, borderTypePropsType, elevationPropsType, flexGrowPropsType, justifyContentPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, wrapPropsType } from '../../types';
+export interface IHTMLContentProps extends iStyleAttributes {
+    align?: alignPropsType;
+    alignDirection?: alignDirectionPropsType;
+    border?: tBorderColorProps;
+    borderColor?: tBorderColorProps;
+    borderType?: borderTypePropsType;
+    borderWidth?: string;
+    children?: ReactNode;
+    className?: string;
+    columns?: number;
+    content?: any;
+    dataTour?: string;
+    direction?: tDirectionProps;
+    elevation?: elevationPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    flexGrow?: flexGrowPropsType;
+    height?: tHeightProps;
+    justifyContent?: justifyContentPropsType;
+    shape?: tShapeProps;
+    style?: CSSProperties;
+    textColor?: tTextColorProps;
+    textWeight?: tTextWeightProps;
+    width?: tWidthProps;
+    wrap?: wrapPropsType;
+    onClick?: () => void;
+}

package/dist/components/HTMLContent/index.d.ts

@@ -0,0 +1 @@
+export { HTMLContent } from './HTMLContent';

package/dist/components/HTMLContent.js

@@ -0,0 +1,15 @@
+export { H as HTMLContent } from '../HTMLContent-CgbJTAy4.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import 'prop-types';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, i as iconConfig } from '../Icon-DWnG-4KG.js';
+export { I as Icon, i as iconConfig } from '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
@@ -16,6 +16,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';

package/dist/components/Input/Input.interface.d.ts

@@ -43,9 +43,9 @@ interface iInputProps extends iInputThemeColor, iStyleAttributes {
     type?: string;
     value?: number | string;
     isDisabled?: boolean;
-    onBlur?: () => void;
-    onChange?: () => void;
-    onFocus?: () => void;
-    onKeyDown?: () => void;
+    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 export type { iInputThemeColor, tInputState, tInputAppearance, iInputConfig, iInputProps };

package/dist/components/InputMask.js

@@ -85,7 +85,7 @@ var Input = React__default.forwardRef(function Input(props, ref) {
         prefix: 'width_',
         propsKey: 'width',
     });
-    var appearanceConfig = useMemo(function () { return appearance && inputMaskConfig.appearance && inputMaskConfig.appearance[appearance]; }, [appearance, inputMaskConfig]);
+    var appearanceConfig = appearance && inputMaskConfig.appearance && inputMaskConfig.appearance[appearance];
     var stateConfig = useMemo(function () { return state && inputMaskConfig.state && inputMaskConfig.state[state]; }, [state, inputMaskConfig]);
     return (jsxRuntimeExports.jsx("input", { className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&

package/dist/components/InputPassword.js

@@ -1,4 +1,4 @@
-export { I as InputPassword, i as inputPasswordConfig } from '../InputPassword-BOdsE_Yd.js';
+export { I as InputPassword, i as inputPasswordConfig } from '../InputPassword-D6OLQrVC.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -17,6 +17,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, l as labelConfig } from '../Label-VHbRKztj.js';
+export { L as Label, l as labelConfig } from '../Label-0lMH0-AK.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,6 +13,6 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CxrzHFN1.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Title-BhJcCgdK.js';
+import '../Text-Dn0X1zxN.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Title-BAdU2oW_.js';