@itcase/ui 1.2.34 → 1.3.0

package/dist/types/components/MenuItem/MenuItem.d.ts

@@ -1,6 +1,6 @@
-import { IMenuItemConfig, IMenuItemProps } from './MenuItem.interface';
-declare const menuItemConfig: IMenuItemConfig;
-declare function MenuItem(props: IMenuItemProps): import("react/jsx-runtime").JSX.Element;
+import type { iMenuItemConfig, iMenuItemProps } from './MenuItem.interface';
+declare const menuItemConfig: iMenuItemConfig;
+declare function MenuItem(props: iMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace MenuItem {
     var defaultProps: {
         direction: string;

package/dist/types/components/MenuItem/MenuItem.interface.d.ts

@@ -2,7 +2,8 @@ import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tUnderlineProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IMenuItemThemeColor {
+export interface iMenuItemThemeColor {
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     descTextColor?: tTextColorProps;
@@ -34,17 +35,19 @@ export interface IMenuItemThemeColor {
     underline?: tUnderlineProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type menuItemAppearanceType = {
-    [key in appearanceKeysType]?: IMenuItemThemeColor;
+    [key in tAppearanceKeys]?: iMenuItemThemeColor;
 };
-export interface IMenuItemConfig {
+export interface iMenuItemConfig {
+    [key: number | string | symbol]: any;
     appearance: menuItemAppearanceType | undefined;
     setAppearance: (newComponent: menuItemAppearanceType) => void;
 }
-export interface IMenuItemProps extends IMenuItemThemeColor, iStyleAttributes {
+export interface iMenuItemProps extends iMenuItemThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;

package/dist/types/components/MenuItem/index.d.ts

@@ -1 +1,2 @@
 export { MenuItem, menuItemConfig } from './MenuItem';
+export { menuItemAppearance } from './MenuItem.appearance';

package/dist/types/components/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { iModalConfig, iModalProps, iModalRef } from './Modal.interface';
+import type { iModalConfig } from './Modal.interface';
 declare const modalConfig: iModalConfig;
-declare const Modal: React.ForwardRefExoticComponent<iModalProps & React.RefAttributes<iModalRef>>;
+declare const Modal: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 export { Modal, modalConfig };

package/dist/types/components/Modal/Modal.interface.d.ts

@@ -2,7 +2,8 @@ import type { FocusEvent, MouseEvent, MouseEventHandler, ReactNode } from 'react
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import type { elevationPropsType, tBorderColorProps, tFillGradientProps, tFillProps, tShapeProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IModalThemeColor {
+export interface iModalThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     elevation?: elevationPropsType;
     fill?: tFillProps;
@@ -12,11 +13,12 @@ export interface IModalThemeColor {
     shape?: tShapeProps;
     isOverlay?: boolean;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type modalAppearanceType = {
-    [key in appearanceKeysType]?: IModalThemeColor;
+    [key in tAppearanceKeys]?: iModalThemeColor;
 };
 export interface iModalConfig {
+    [key: number | string | symbol]: any;
     appearance: modalAppearanceType | undefined;
     setAppearance: (newComponent: modalAppearanceType) => void;
 }
@@ -28,9 +30,10 @@ interface iModalRef {
     openModal: () => void;
     isOpen: boolean;
 }
-interface iModalProps extends IModalThemeColor, iStyleAttributes {
+interface iModalProps extends iModalThemeColor, iStyleAttributes {
     id?: string;
-    appearance?: appearanceKeysType;
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     children?: ReactNode;
     className?: string;
     closeButton?: ReactNode;

package/dist/types/components/Modal/ModalLoader.d.ts

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

package/dist/types/components/Modal/index.d.ts

@@ -1,3 +1,4 @@
 import { Modal, modalConfig } from './Modal';
+import { modalAppearance } from './Modal.appearance';
 import { ModalLoader } from './ModalLoader';
-export { Modal, modalConfig, ModalLoader };
+export { Modal, modalConfig, modalAppearance, ModalLoader };

package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts

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

package/dist/types/components/ModalSheetBottom/ModalSheetBottom.interface.d.ts

@@ -6,6 +6,9 @@ export interface iModalSheetBottomProps extends a {
     children?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
+    closeModal: () => void;
     fill?: tFillProps;
     style?: CSSProperties;
+    isOpenModal: boolean;
+    onClick?: () => void;
 }

package/dist/types/components/Notification/Notification.interface.d.ts

@@ -2,7 +2,8 @@ import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { tFillProps, titleSizePropsType, tSizeProps, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface INotificationItemThemeColor {
+export interface iNotificationItemThemeColor {
+    [key: number | string | symbol]: any;
     fill?: tFillProps;
     size?: tSizeProps;
     textColor?: tTextColorProps;
@@ -11,18 +12,20 @@ export interface INotificationItemThemeColor {
     titleTextSize?: titleSizePropsType;
     width?: tWidthProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type notificationItemAppearanceType = {
-    [key in appearanceKeysType]?: INotificationItemThemeColor;
+    [key in tAppearanceKeys]?: iNotificationItemThemeColor;
 };
-export interface INotificationItemConfig {
+export interface iNotificationItemConfig {
+    [key: number | string | symbol]: any;
     appearance: notificationItemAppearanceType | undefined;
     setAppearance: (newComponent: notificationItemAppearanceType) => void;
 }
-export interface INotificationItemProps extends iStyleAttributes {
+export interface iNotificationItemProps extends iStyleAttributes {
     id?: number | string;
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     before?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
@@ -41,7 +44,7 @@ export interface INotificationItemProps extends iStyleAttributes {
     onClickClose?: (id?: number | string) => void;
     set?: string;
 }
-export interface INotificationListProps {
+export interface iNotificationListProps {
     className?: string;
     closeButton?: ReactNode;
     size?: tSizeProps;

package/dist/types/components/Notification/NotificationItem.d.ts

@@ -1,4 +1,4 @@
-import { INotificationItemConfig, INotificationItemProps } from './Notification.interface';
-declare const notificationItemConfig: INotificationItemConfig;
-declare function NotificationItem(props: INotificationItemProps): import("react/jsx-runtime").JSX.Element;
+import type { iNotificationItemConfig, iNotificationItemProps } from './Notification.interface';
+declare const notificationItemConfig: iNotificationItemConfig;
+declare function NotificationItem(props: iNotificationItemProps): import("react/jsx-runtime").JSX.Element;
 export { NotificationItem, notificationItemConfig };

package/dist/types/components/Notification/NotificationList.d.ts

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

package/dist/types/components/Overlay/Overlay.d.ts

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

package/dist/types/components/Overlay/Overlay.interface.d.ts

@@ -1,6 +1,7 @@
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import type { tFillGradientProps, tFillProps } from '../../types';
 interface iOverlayProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     className?: string;
     fill?: tFillProps;
     fillGradient?: tFillGradientProps;

package/dist/types/components/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-import { IPaginationConfig, iPaginationProps } from './Pagination.interface';
-declare const paginationConfig: IPaginationConfig;
+import type { iPaginationConfig, iPaginationProps } from './Pagination.interface';
+declare const paginationConfig: iPaginationConfig;
 declare function Pagination(props: iPaginationProps): import("react/jsx-runtime").JSX.Element;
 export { Pagination, paginationConfig };

package/dist/types/components/Pagination/Pagination.interface.d.ts

@@ -2,7 +2,8 @@ import { type ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { alignmentPropsType, elevationPropsType, iconFillSizePropsType, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IPaginationThemeColor {
+export interface iPaginationThemeColor {
+    [key: number | string | symbol]: any;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
     gap?: string;
@@ -35,17 +36,19 @@ export interface IPaginationThemeColor {
     pageRangeDisplayed?: number;
     isPageCount?: boolean;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type paginationAppearanceType = {
-    [key in appearanceKeysType]?: IPaginationThemeColor;
+    [key in tAppearanceKeys]?: iPaginationThemeColor;
 };
-export interface IPaginationConfig {
+export interface iPaginationConfig {
+    [key: number | string | symbol]: any;
     appearance: paginationAppearanceType | undefined;
     setAppearance: (newComponent: paginationAppearanceType) => void;
 }
-interface iPaginationProps extends IPaginationThemeColor, iStyleAttributes {
+interface iPaginationProps extends iPaginationThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     allItemsCount?: number;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     className?: string;
     marginPagesDisplayed?: number;
     nextLabel?: ReactNode;

package/dist/types/components/Pagination/index.d.ts

@@ -1 +1,2 @@
 export { Pagination, paginationConfig } from './Pagination';
+export { paginationAppearance } from './Pagination.appearance';

package/dist/types/components/Panel/Panel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IPanelConfig, IPanelProps } from './Panel.interface';
-declare const panelConfig: IPanelConfig;
-declare const Panel: React.ForwardRefExoticComponent<IPanelProps & React.RefAttributes<unknown>>;
+import type { iPanelConfig, iPanelProps } from './Panel.interface';
+declare const panelConfig: iPanelConfig;
+declare const Panel: React.ForwardRefExoticComponent<Omit<iPanelProps, "ref"> & React.RefAttributes<unknown>>;
 export { Panel, panelConfig };

package/dist/types/components/Panel/Panel.interface.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, tHeightProps, positionPropsType, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import { borderTypePropsType, elevationPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, positionPropsType, tAlignDirectionProps, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
+    [key: number | string | symbol]: any;
     border?: string;
     borderColor?: string;
     borderWidth?: string;
@@ -11,16 +12,18 @@ interface ThemeColor {
     fillHover?: string;
     labelTextColor?: tTextColorProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 type tAppearance = {
-    [key in appearanceKeysType]: ThemeColor;
+    [key in tAppearanceKeys]: ThemeColor;
 };
-export interface IPanelConfig {
+export interface iPanelConfig {
+    [key: number | string | symbol]: any;
     appearance: tAppearance | undefined;
     setAppearance: (newComponent: tAppearance) => void;
 }
-export interface IPanelProps extends iStyleAttributes {
-    appearance?: appearanceKeysType;
+export interface iPanelProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     children?: ReactNode;
     className?: string;
     dataTour?: string;

package/dist/types/components/Radio/Radio.d.ts

@@ -1,6 +1,6 @@
-import { IRadioConfig, IRadioProps } from './Radio.interface';
-declare const radioConfig: IRadioConfig;
-declare function Radio(props: IRadioProps): import("react/jsx-runtime").JSX.Element;
+import type { iRadioConfig, iRadioProps } from './Radio.interface';
+declare const radioConfig: iRadioConfig;
+declare function Radio(props: iRadioProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Radio {
     var defaultProps: {
         shape: string;

package/dist/types/components/Radio/Radio.interface.d.ts

@@ -2,7 +2,8 @@ import { ElementType } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorHoverPropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IRadioThemeColor {
+export interface iRadioThemeColor {
+    [key: number | string | symbol]: any;
     descTextColor?: tTextColorProps;
     descTextSize?: tTextSizeProps;
     descTextWeight?: tTextWeightProps;
@@ -26,26 +27,28 @@ export interface IRadioThemeColor {
     stateFillDisabledChecked?: tFillProps;
     stateShape?: tShapeProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type radioStateType = {
-    [key in appearanceKeysType]?: IRadioThemeColor;
+    [key in tAppearanceKeys]?: iRadioThemeColor;
 };
 export type radioAppearanceType = {
-    [key in appearanceKeysType]?: IRadioThemeColor;
+    [key in tAppearanceKeys]?: iRadioThemeColor;
 };
-export interface IRadioConfig {
-    state: radioStateType | undefined;
-    setState: (newComponent: radioStateType) => void;
+export interface iRadioConfig {
+    [key: number | string | symbol]: any;
     appearance: radioAppearanceType | undefined;
+    state: radioStateType | undefined;
     setAppearance: (newComponent: radioAppearanceType) => void;
+    setState: (newComponent: radioStateType) => void;
 }
-export interface IRadioProps extends IRadioThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+export interface iRadioProps extends iRadioThemeColor, iStyleAttributes {
+    id?: number | string;
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     checked?: boolean;
     className?: string;
     desc?: string;
     disabled?: boolean;
-    id?: number | string;
     label?: string;
     tag: ElementType;
     onChange?: () => void;

package/dist/types/components/Radio/index.d.ts

@@ -1 +1,2 @@
 export { Radio, radioConfig } from './Radio';
+export { radioAppearance, radioState } from './Radio.appearance';

package/dist/types/components/RangeSlider/RangeSlider.d.ts

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

package/dist/types/components/RangeSlider/RangeSlider.interface.d.ts

@@ -1,7 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { tFillProps, tItemColorProps, tShapeProps, tWidthProps } from '../../types';
-export interface IRangeSliderProps extends iStyleAttributes {
+export interface iRangeSliderProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
@@ -18,11 +19,11 @@ export interface IRangeSliderProps extends iStyleAttributes {
     min?: number;
     pushable?: boolean;
     range?: boolean;
-    set?: string;
     shape?: tShapeProps;
     style?: CSSProperties;
     value?: number;
     vertical?: boolean;
     width?: tWidthProps;
     onChangeSlider?: () => void;
+    set?: string;
 }

package/dist/types/components/Response/Response.d.ts

@@ -1,4 +1,4 @@
-import { IResponseConfig, IResponseProps } from './Response.interface';
-declare const responseConfig: IResponseConfig;
-declare function Response(props: IResponseProps): import("react/jsx-runtime").JSX.Element;
+import type { iResponseConfig, iResponseProps } from './Response.interface';
+declare const responseConfig: iResponseConfig;
+declare function Response(props: iResponseProps): import("react/jsx-runtime").JSX.Element;
 export { Response, responseConfig };

package/dist/types/components/Response/Response.interface.d.ts

@@ -2,7 +2,8 @@ import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorHoverPropsType, borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IResponseThemeColor {
+export interface iResponseThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderColorHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
@@ -13,7 +14,7 @@ export interface IResponseThemeColor {
     messageTextColor?: tTextColorProps;
     messageTextSize?: tTextSizeProps;
     messageTextWeight?: tTextWeightProps;
-    primaryButtonAppearance?: appearanceKeysType;
+    primaryButtonAppearance?: tAppearanceKeys;
     primaryButtonFill?: tFillProps;
     primaryButtonFillHover?: tFillHoverProps;
     primaryButtonLabel?: string;
@@ -22,7 +23,7 @@ export interface IResponseThemeColor {
     primaryButtonShape?: tShapeProps;
     primaryButtonSize?: tSizeProps;
     primaryButtonWidth?: tWidthProps;
-    secondaryButtonAppearance?: appearanceKeysType;
+    secondaryButtonAppearance?: tAppearanceKeys;
     secondaryButtonFill?: tFillProps;
     secondaryButtonFillHover?: tFillHoverProps;
     secondaryButtonLabel?: string;
@@ -36,17 +37,19 @@ export interface IResponseThemeColor {
     titleTextSize?: titleSizePropsType;
     titleTextWeight?: tTextWeightProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type responseAppearanceType = {
-    [key in appearanceKeysType]?: IResponseThemeColor;
+    [key in tAppearanceKeys]?: iResponseThemeColor;
 };
-export interface IResponseConfig {
+export interface iResponseConfig {
+    [key: number | string | symbol]: any;
     appearance: responseAppearanceType | undefined;
     setAppearance: (newComponent: responseAppearanceType) => void;
 }
-export interface IResponseProps extends IResponseThemeColor, iStyleAttributes {
+export interface iResponseProps extends iResponseThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     before?: ReactNode;
     className?: string;
     message?: string;

package/dist/types/components/SVGContent/SVGContent.d.ts

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

package/dist/types/components/SVGContent/SVGContent.interface.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { svgFillPropsType } from '../../types';
-export interface ISVGContentProps extends iStyleAttributes {
+export interface iSVGContentProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     src?: string;

package/dist/types/components/ScrollOnDrag/ScrollOnDrag.d.ts

@@ -1,5 +1,5 @@
-import { IScrollOnDragProps } from './ScrollOnDrag.interface';
-declare function ScrollOnDrag(props: IScrollOnDragProps): import("react/jsx-runtime").JSX.Element;
+import type { iScrollOnDragProps } from './ScrollOnDrag.interface';
+declare function ScrollOnDrag(props: iScrollOnDragProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ScrollOnDrag {
     var defaultProps: {
         width: string;

package/dist/types/components/ScrollOnDrag/ScrollOnDrag.interface.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import ScrollContainer from 'react-indiana-drag-scroll';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, tHeightProps, tWidthProps } from '../../types';
-export interface IScrollOnDragProps extends iStyleAttributes {
+import { borderTypePropsType, elevationPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tHeightProps, tWidthProps } from '../../types';
+export interface iScrollOnDragProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
     borderWidth?: tBorderWidthProps;

package/dist/types/components/Scrollbar/Scrollbar.d.ts

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

package/dist/types/components/Scrollbar/Scrollbar.interface.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface IScrollbarProps extends iStyleAttributes {
+export interface iScrollbarProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     noDefaultStyles?: boolean;
-    scrollHeight?: number | string;
     scrollbarWidth?: number;
+    scrollHeight?: number | string;
     onScroll?: () => void;
 }

package/dist/types/components/Search/Search.interface.d.ts

@@ -2,7 +2,8 @@ import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorHoverPropsType, borderTypePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ISearchThemeColor {
+export interface iSearchThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
@@ -34,17 +35,19 @@ export interface ISearchThemeColor {
     size?: 'compact' | 'l' | 'normal' | 's';
     width?: tWidthProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type searchAppearanceType = {
-    [key in appearanceKeysType]?: ISearchThemeColor;
+    [key in tAppearanceKeys]?: iSearchThemeColor;
 };
-export interface ISearchConfig {
+export interface iSearchConfig {
+    [key: number | string | symbol]: any;
     appearance: searchAppearanceType | undefined;
     setAppearance: (newComponent: searchAppearanceType) => void;
 }
-export interface ISearchProps extends ISearchThemeColor, iStyleAttributes {
+export interface iSearchProps extends iSearchThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     before?: ReactNode;
     className?: string;
     dataTour?: string;
@@ -57,7 +60,8 @@ export interface ISearchProps extends ISearchThemeColor, iStyleAttributes {
     onFocus?: (() => void) | undefined;
     onKeyDown?: (() => void) | undefined;
 }
-export interface ISearchResultProps extends iStyleAttributes {
+export interface iSearchResultProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;

package/dist/types/components/Search/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ISearchConfig, ISearchProps } from './Search.interface';
-declare const searchInputConfig: ISearchConfig;
-declare const SearchInput: React.ForwardRefExoticComponent<ISearchProps & React.RefAttributes<HTMLInputElement>>;
+import type { iSearchConfig, iSearchProps } from './Search.interface';
+declare const searchInputConfig: iSearchConfig;
+declare const SearchInput: React.ForwardRefExoticComponent<Omit<iSearchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { SearchInput, searchInputConfig };

package/dist/types/components/Search/SearchResult.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import { ISearchResultProps } from './Search.interface';
-declare const SearchResult: React.ForwardRefExoticComponent<ISearchResultProps & React.RefAttributes<unknown>>;
+declare const SearchResult: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 export { SearchResult };

package/dist/types/components/Search/index.d.ts

@@ -1,3 +1,4 @@
+import { searchAppearance } from './Search.appearance';
 import { SearchInput, searchInputConfig } from './SearchInput';
 import { SearchResult } from './SearchResult';
-export { SearchInput, searchInputConfig, SearchResult };
+export { SearchInput, searchInputConfig, searchAppearance, SearchResult };

package/dist/types/components/Segmented/Segmented.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ISegmentedConfig, ISegmentedProps } from './Segmented.interface';
-declare const segmentedConfig: ISegmentedConfig;
-declare const Segmented: React.ForwardRefExoticComponent<ISegmentedProps & React.RefAttributes<HTMLDivElement>>;
+import type { iSegmentedConfig, iSegmentedProps } from './Segmented.interface';
+declare const segmentedConfig: iSegmentedConfig;
+declare const Segmented: React.ForwardRefExoticComponent<Omit<iSegmentedProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Segmented, segmentedConfig };