npm - @mw-kit/mw-ui - Versions diffs - 1.7.119 → 1.8.1 - Mend

@mw-kit/mw-ui 1.7.119 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (535) hide show

package/dist/components/Menu/styles.d.ts CHANGED Viewed

@@ -1,59 +1,112 @@
-/// <reference types="react" />
-import { StyledOptionProps } from './interfaces';
-export declare const Option: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledOptionProps, never>;
-export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<(Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    maxHeight?: string | number | undefined;
-    references?: import("../AbsoluteContainer/interfaces").References | undefined;
-    zIndex?: number | undefined;
-    pointer?: true | {
-        color?: string | ((theme: import("../../interfaces").ThemeInterface) => string) | undefined;
-        size?: string | ((theme: import("../../interfaces").ThemeInterface) => string) | undefined;
-        distance?: string | ((theme: import("../../interfaces").ThemeInterface) => string) | undefined;
-    } | undefined;
-    bgColor?: string | ((theme: import("../../interfaces").ThemeInterface) => string) | undefined;
-} & {
-    children?: import("react").ReactNode;
+import type { StyledContainerProps, StyledOptionProps } from './interfaces';
+export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledOptionProps>> & string;
+export declare const Delimiter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children"> & {
+    width?: string | number;
+    height?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+    references?: import("../AbsoluteContainer/interfaces").References;
+    zIndex?: number;
+    pointer?: {
+        color?: import("../../theme/interfaces").ColorOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+        size?: import("../../theme/interfaces").SpacingOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+        distance?: import("../../theme/interfaces").SpacingOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+    } | true;
+    bgColor?: import("../../theme/interfaces").ColorOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    open: boolean;
+    position?: import("../AbsoluteContainer/interfaces").Position;
+    axis?: "x" | "y";
+    center?: {
+        x: number;
+        y: number;
+    };
+    ref?: React.Ref<HTMLDivElement>;
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<import("../Transition/interfaces").Transition<"width" | "max-width" | "height" | "max-height">, "active">>;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}) | (Omit<Omit<Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children"> & {
+    width?: string | number;
+    height?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+    references?: import("../AbsoluteContainer/interfaces").References;
+    zIndex?: number;
+    pointer?: {
+        color?: import("../../theme/interfaces").ColorOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+        size?: import("../../theme/interfaces").SpacingOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+        distance?: import("../../theme/interfaces").SpacingOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+    } | true;
+    bgColor?: import("../../theme/interfaces").ColorOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+} & {
+    content: React.FunctionComponent;
 } & {
     open: boolean;
-    position?: import("../AbsoluteContainer/interfaces").Position | undefined;
-    axis?: "x" | "y" | undefined;
+    position?: import("../AbsoluteContainer/interfaces").Position;
+    axis?: "x" | "y";
     center?: {
         x: number;
         y: number;
-    } | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
-    boundRef?: HTMLDivElement | null | undefined;
-    transition?: Partial<Omit<import("../Transition/interfaces").Transition<"width" | "max-width" | "height" | "max-height">, "active">> | undefined;
-}, "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition"> | Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    maxHeight?: string | number | undefined;
-    references?: import("../AbsoluteContainer/interfaces").References | undefined;
-    zIndex?: number | undefined;
-    pointer?: true | {
-        color?: string | ((theme: import("../../interfaces").ThemeInterface) => string) | undefined;
-        size?: string | ((theme: import("../../interfaces").ThemeInterface) => string) | undefined;
-        distance?: string | ((theme: import("../../interfaces").ThemeInterface) => string) | undefined;
-    } | undefined;
-    bgColor?: string | ((theme: import("../../interfaces").ThemeInterface) => string) | undefined;
-} & {
-    content: import("react").FunctionComponent<{}>;
+    };
+    ref?: React.Ref<HTMLDivElement>;
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<import("../Transition/interfaces").Transition<"width" | "max-width" | "height" | "max-height">, "active">>;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}), StyledContainerProps>> & string & Omit<import("react").ForwardRefExoticComponent<(Omit<Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children"> & {
+    width?: string | number;
+    height?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+    references?: import("../AbsoluteContainer/interfaces").References;
+    zIndex?: number;
+    pointer?: {
+        color?: import("../../theme/interfaces").ColorOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+        size?: import("../../theme/interfaces").SpacingOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+        distance?: import("../../theme/interfaces").SpacingOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+    } | true;
+    bgColor?: import("../../theme/interfaces").ColorOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    open: boolean;
+    position?: import("../AbsoluteContainer/interfaces").Position;
+    axis?: "x" | "y";
+    center?: {
+        x: number;
+        y: number;
+    };
+    ref?: React.Ref<HTMLDivElement>;
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<import("../Transition/interfaces").Transition<"width" | "max-width" | "height" | "max-height">, "active">>;
+}, "ref"> | Omit<Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children"> & {
+    width?: string | number;
+    height?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+    references?: import("../AbsoluteContainer/interfaces").References;
+    zIndex?: number;
+    pointer?: {
+        color?: import("../../theme/interfaces").ColorOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+        size?: import("../../theme/interfaces").SpacingOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+        distance?: import("../../theme/interfaces").SpacingOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+    } | true;
+    bgColor?: import("../../theme/interfaces").ColorOptions | string | ((theme: import("../../interfaces").ThemeInterface) => string);
+} & {
+    content: React.FunctionComponent;
 } & {
     open: boolean;
-    position?: import("../AbsoluteContainer/interfaces").Position | undefined;
-    axis?: "x" | "y" | undefined;
+    position?: import("../AbsoluteContainer/interfaces").Position;
+    axis?: "x" | "y";
     center?: {
         x: number;
         y: number;
-    } | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
-    boundRef?: HTMLDivElement | null | undefined;
-    transition?: Partial<Omit<import("../Transition/interfaces").Transition<"width" | "max-width" | "height" | "max-height">, "active">> | undefined;
-}, "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition">) & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, import("./interfaces").CommonProps & {
-    $highlight?: number | undefined;
-}, never>;
-export declare const Delimiter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+    };
+    ref?: React.Ref<HTMLDivElement>;
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<import("../Transition/interfaces").Transition<"width" | "max-width" | "height" | "max-height">, "active">>;
+}, "ref">) & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/Modal/component.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { ModalProps } from './interfaces';
-declare const Modal: (props: ModalProps) => JSX.Element;
+import type { ModalProps } from './interfaces';
+declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/dist/components/Modal/index.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-declare const Modal: ((props: import("./interfaces").ModalProps) => JSX.Element) & {
-    ConfirmDelete: (props: import("./templates/ConfirmDelete/interfaces").ConfirmDeleteProps) => JSX.Element;
-    ConfirmEdit: (props: import("./templates/ConfirmEdit/interfaces").ConfirmSuccessProps) => JSX.Element;
-    Audit: (props: import("./templates/Audit/interfaces").AuditProps) => JSX.Element;
+declare const Modal: ((props: import("./interfaces").ModalProps) => import("react/jsx-runtime").JSX.Element) & {
+    ConfirmDelete: (props: import("./templates/ConfirmDelete/interfaces").ConfirmDeleteProps) => import("react/jsx-runtime").JSX.Element;
+    ConfirmEdit: (props: import("./templates/ConfirmEdit/interfaces").ConfirmSuccessProps) => import("react/jsx-runtime").JSX.Element;
+    Audit: (props: import("./templates/Audit/interfaces").AuditProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Modal;

package/dist/components/Modal/interfaces.d.ts CHANGED Viewed

@@ -1,28 +1,6 @@
-/// <reference types="react" />
-import { ColorOptions } from '../../theme/interfaces';
-import { ButtonProps } from '../Button/interfaces';
-export interface StyledModalProps {
-    /**
-     * Specifies the modal size.
-     */
-    size: 'custom' | 'small' | 'medium' | 'large';
-    /**
-     * Specifies the custom modal size.
-     */
-    customSize?: {
-        width?: string;
-        height?: string;
-    };
-    /**
-     * Define the color of header and default confirm button.
-     */
-    color: ColorOptions;
-    /**
-     * Define if header of modal is inverted.
-     */
-    inverted: number;
-}
-export interface ModalProps extends Omit<Partial<StyledModalProps>, 'inverted'> {
+import type { ColorOptions } from '../../theme/interfaces';
+import type { ButtonProps } from '../Button/interfaces';
+export interface ModalProps {
     /**
      * Title on header of modal.
      */
@@ -51,4 +29,25 @@ export interface ModalProps extends Omit<Partial<StyledModalProps>, 'inverted'>
     openState: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
     closeOnClickOutside?: boolean;
     closeOnEsc?: boolean;
+    /**
+     * Specifies the modal size.
+     */
+    size?: 'custom' | 'small' | 'medium' | 'large';
+    /**
+     * Specifies the custom modal size.
+     */
+    customSize?: {
+        width?: string;
+        height?: string;
+    };
+    /**
+     * Define the color of header and default confirm button.
+     */
+    color?: ColorOptions;
+}
+export interface StyledModalProps {
+    $size: Exclude<ModalProps['size'], undefined>;
+    $customSize?: ModalProps['customSize'];
+    $color: Exclude<ModalProps['color'], undefined>;
+    $inverted?: ModalProps['inverted'];
 }

package/dist/components/Modal/styles.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { StyledModalProps } from './interfaces';
-export declare const Background: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const FooterMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const FooterButtons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledModalProps, never>;
+import type { StyledModalProps } from './interfaces';
+export declare const Background: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FooterMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FooterButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledModalProps>> & string;

package/dist/components/Modal/templates/Audit/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { AuditProps } from './interfaces';
-declare const Audit: (props: AuditProps) => JSX.Element;
+import type { AuditProps } from './interfaces';
+declare const Audit: (props: AuditProps) => import("react/jsx-runtime").JSX.Element;
 export default Audit;

package/dist/components/Modal/templates/Audit/interfaces.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ModalProps } from '../../interfaces';
+import type { ModalProps } from '../../interfaces';
 export interface AuditProps extends Omit<ModalProps, 'size' | 'customSize' | 'color' | 'inverted' | 'loading' | 'footer' | 'footerMessage' | 'title'> {
     cancelAction: React.MouseEventHandler<HTMLButtonElement>;
     confirmAction: React.MouseEventHandler<HTMLButtonElement>;

package/dist/components/Modal/templates/Audit/styles.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const Content: import("styled-components").~~StyledComponent~~<"~~div~~", import("styled-components").~~DefaultTheme,~~ ~~{},~~ never>;
1	+ export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Modal/templates/ConfirmDelete/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { ConfirmDeleteProps } from './interfaces';
-declare const ConfirmDelete: (props: ConfirmDeleteProps) => JSX.Element;
+import type { ConfirmDeleteProps } from './interfaces';
+declare const ConfirmDelete: (props: ConfirmDeleteProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmDelete;

package/dist/components/Modal/templates/ConfirmDelete/interfaces.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ModalProps } from '../../interfaces';
+import type { ModalProps } from '../../interfaces';
 export interface ConfirmDeleteProps extends Omit<ModalProps, 'size' | 'customSize' | 'color' | 'inverted' | 'loading' | 'footer' | 'footerMessage'> {
     cancelAction: React.MouseEventHandler<HTMLButtonElement>;
     confirmAction: React.MouseEventHandler<HTMLButtonElement>;

package/dist/components/Modal/templates/ConfirmDelete/styles.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const Content: import("styled-components").~~StyledComponent~~<"~~div~~", import("styled-components").~~DefaultTheme,~~ ~~{},~~ never>;
1	+ export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Modal/templates/ConfirmEdit/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { ConfirmSuccessProps } from './interfaces';
-declare const ConfirmSuccess: (props: ConfirmSuccessProps) => JSX.Element;
+import type { ConfirmSuccessProps } from './interfaces';
+declare const ConfirmSuccess: (props: ConfirmSuccessProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmSuccess;

package/dist/components/Modal/templates/ConfirmEdit/interfaces.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ModalProps } from '../../interfaces';
+import type { ModalProps } from '../../interfaces';
 export interface ConfirmSuccessProps extends Omit<ModalProps, 'size' | 'customSize' | 'color' | 'inverted' | 'loading' | 'footer' | 'footerMessage' | 'title'> {
     homeAction: React.MouseEventHandler<HTMLButtonElement>;
     cancelAction: React.MouseEventHandler<HTMLButtonElement>;

package/dist/components/Modal/templates/ConfirmEdit/styles.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const Content: import("styled-components").~~StyledComponent~~<"~~div~~", import("styled-components").~~DefaultTheme,~~ ~~{},~~ never>;
1	+ export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Placeholder/components/Template1/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { PlaceholderProps } from '../../interfaces';
-declare const Template1: (props: PlaceholderProps) => JSX.Element;
+import type { PlaceholderProps } from '../../interfaces';
+declare const Template1: (props: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 export default Template1;

package/dist/components/Placeholder/components/Template1/styles.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
-import { HeaderLineProps } from '../../interfaces';
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const MainContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
-export declare const MainLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
+import type { HeaderLineProps } from '../../interfaces';
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderLineProps>> & string;
+export declare const MainLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HeaderLineProps> & HeaderLineProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, HeaderLineProps>> & string;

package/dist/components/Placeholder/components/Template10/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { PlaceholderProps } from '../../interfaces';
-declare const Template10: (props: PlaceholderProps) => JSX.Element;
+import type { PlaceholderProps } from '../../interfaces';
+declare const Template10: (props: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 export default Template10;

package/dist/components/Placeholder/components/Template10/styles.d.ts CHANGED Viewed

@@ -1,8 +1,12 @@
-import { HeaderLineProps } from '../../interfaces';
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
-export declare const CustomLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
-export declare const GraphLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
-export declare const Main: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Circle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import type { HeaderLineProps } from '../../interfaces';
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderLineProps>> & string;
+export declare const CustomLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HeaderLineProps> & HeaderLineProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const GraphLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HeaderLineProps> & HeaderLineProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>, never>> & string;
+export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Circle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Placeholder/components/Template2/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { PlaceholderProps } from '../../interfaces';
-declare const Template2: (props: PlaceholderProps) => JSX.Element;
+import type { PlaceholderProps } from '../../interfaces';
+declare const Template2: (props: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 export default Template2;

package/dist/components/Placeholder/components/Template2/styles.d.ts CHANGED Viewed

@@ -1,9 +1,15 @@
-import { HeaderLineProps } from '../../interfaces';
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Template2Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const MainContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const MainLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
-export declare const HeaderLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
+import type { HeaderLineProps } from '../../interfaces';
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Template2Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HeaderLineProps> & HeaderLineProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, HeaderLineProps>> & string;
+export declare const HeaderLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HeaderLineProps> & HeaderLineProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;

package/dist/components/Placeholder/components/Template3/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { PlaceholderProps } from '../../interfaces';
-declare const Template3: (props: PlaceholderProps) => JSX.Element;
+import type { PlaceholderProps } from '../../interfaces';
+declare const Template3: (props: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 export default Template3;

package/dist/components/Placeholder/components/Template3/styles.d.ts CHANGED Viewed

@@ -1,3 +1,7 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Template3Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Template3Line: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../interfaces").HeaderLineProps, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Template3Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const Template3Line: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../interfaces").HeaderLineProps> & import("../../interfaces").HeaderLineProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;

package/dist/components/Placeholder/components/Template4/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { PlaceholderProps } from '../../interfaces';
-declare const Template4: (props: PlaceholderProps) => JSX.Element;
+import type { PlaceholderProps } from '../../interfaces';
+declare const Template4: (props: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 export default Template4;

package/dist/components/Placeholder/components/Template4/styles.d.ts CHANGED Viewed

@@ -1,5 +1,9 @@
-import { HeaderLineProps } from '../../interfaces';
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
-export declare const Template4Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CustomLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
+import type { HeaderLineProps } from '../../interfaces';
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderLineProps>> & string;
+export declare const Template4Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const CustomLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HeaderLineProps> & HeaderLineProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;

package/dist/components/Placeholder/components/Template5/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { PlaceholderProps } from '../../interfaces';
-declare const Template5: (props: PlaceholderProps) => JSX.Element;
+import type { PlaceholderProps } from '../../interfaces';
+declare const Template5: (props: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 export default Template5;

package/dist/components/Placeholder/components/Template5/styles.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
-import { HeaderLineProps } from '../../interfaces';
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Circle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
-export declare const CustomLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeaderLineProps, never>;
-export declare const MainContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import type { HeaderLineProps } from '../../interfaces';
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Circle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderLineProps>> & string;
+export declare const CustomLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HeaderLineProps> & HeaderLineProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const MainContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Placeholder/components/Template6/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { PlaceholderProps } from '../../interfaces';
-declare const Template6: (props: PlaceholderProps) => JSX.Element;
+import type { PlaceholderProps } from '../../interfaces';
+declare const Template6: (props: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 export default Template6;