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

@mw-kit/mw-ui 1.7.119 → 1.8.0

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/Input/components/Range/styles/ViewModeContainer/index.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Select/hooks/Navigation/index.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { Option } from '../interfaces';
+import type { Option } from '../interfaces';
 export declare const isAvailable: (index: number, option: Option) => boolean;
 declare const useNavigation: (props: {
     highlight: [number, React.Dispatch<React.SetStateAction<number>>];

package/dist/components/Input/components/Select/hooks/Select/components/Header/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Header: () => JSX.Element;
+declare const Header: () => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/Input/components/Select/hooks/Select/components/Header/styles.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Select/hooks/Select/context.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContextInterface } from './interfaces';
+import type { ContextInterface } from './interfaces';
 declare const Provider: React.Context<ContextInterface>;
 export declare const useContext: () => ContextInterface;
 export default Provider;

package/dist/components/Input/components/Select/hooks/Select/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as Types from '../interfaces';
-import { SelectProps } from './interfaces';
+import type * as Types from '../interfaces';
+import type { SelectProps } from './interfaces';
 declare const useSelect: Types.useSelect<SelectProps>;
 export default useSelect;

package/dist/components/Input/components/Select/hooks/Select/interfaces.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { GenericObject } from '../../../../../../interfaces';
-import { CommonContext, CommonProps, Option } from '../interfaces';
+import type { GenericObject } from '../../../../../../interfaces';
+import type { CommonContext, CommonProps, Option } from '../interfaces';
 export interface SelectProps<T extends GenericObject = GenericObject> extends CommonProps<T> {
     type: 'select';
     name?: string;
@@ -8,5 +8,5 @@ export interface SelectProps<T extends GenericObject = GenericObject> extends Co
     value: string | Pick<Option<T>, 'value' | 'data' | 'label'>;
     dirty?: (() => void) | Pick<Option<T>, 'value' | 'data'>;
 }
-export declare type ContextInterface = CommonContext<SelectProps>;
+export type ContextInterface = CommonContext<SelectProps>;
 export * from '../interfaces';

package/dist/components/Input/components/Select/hooks/SelectMultiple/components/Footer/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Footer: () => JSX.Element;
+declare const Footer: () => import("react/jsx-runtime").JSX.Element;
 export default Footer;

package/dist/components/Input/components/Select/hooks/SelectMultiple/components/Header/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Header: () => JSX.Element;
+declare const Header: () => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/Input/components/Select/hooks/SelectMultiple/components/Header/styles.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Select/hooks/SelectMultiple/components/Label/index.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { SelectOptionLabelProps, Option } from '../../interfaces';
+import type { Option, SelectOptionLabelProps } from '../../interfaces';
 declare const Label: (props: {
     option: SelectOptionLabelProps;
-    label: Option['label'];
-    value: Pick<Option, 'data' | 'value'>[];
-}) => JSX.Element;
+    label: Option["label"];
+    value: Pick<Option, "data" | "value">[];
+}) => import("react/jsx-runtime").JSX.Element;
 export default Label;

package/dist/components/Input/components/Select/hooks/SelectMultiple/context.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContextInterface } from './interfaces';
+import type { ContextInterface } from './interfaces';
 declare const Provider: React.Context<ContextInterface>;
 export declare const useContext: () => ContextInterface;
 export default Provider;

package/dist/components/Input/components/Select/hooks/SelectMultiple/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as Types from '../interfaces';
-import { SelectProps } from './interfaces';
+import type * as Types from '../interfaces';
+import type { SelectProps } from './interfaces';
 declare const useSelectMultiple: Types.useSelect<SelectProps>;
 export default useSelectMultiple;

package/dist/components/Input/components/Select/hooks/SelectMultiple/interfaces.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { GenericObject } from '../../../../../../interfaces';
-import { CommonContext, CommonProps, Option } from '../interfaces';
+import type { GenericObject } from '../../../../../../interfaces';
+import type { CommonContext, CommonProps, Option } from '../interfaces';
 export interface SelectProps<T extends GenericObject = GenericObject> extends CommonProps<T> {
     type: 'select-multiple';
     setValue: (value: string[], data: Option<T>['data'][]) => void;

package/dist/components/Input/components/Select/hooks/interfaces.d.ts CHANGED Viewed

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-import { ReactNode, GenericObject } from '../../../../../interfaces';
-import { MenuProps, Option as MenuOption } from '../../../../Menu/interfaces';
-import { InputProps } from '../../Input/interfaces';
-export declare type SelectOptionLabelProps<T extends GenericObject = GenericObject> = {
+import type { GenericObject, ReactNode } from '../../../../../interfaces';
+import type { Option as MenuOption, MenuProps } from '../../../../Menu/interfaces';
+import type { InputProps } from '../../Input/interfaces';
+export type SelectOptionLabelProps<T extends GenericObject = GenericObject> = {
     value: string;
     data: T;
     disabled?: boolean;
     mode?: 'placeholder';
 };
-export declare type SelectOptionLabelComponent<T extends GenericObject = GenericObject> = React.FunctionComponent<SelectOptionLabelProps<T>>;
-export declare type Option<T extends GenericObject = GenericObject> = Pick<MenuOption<T>, 'onClick' | 'rules' | 'data' | 'disabled'> & {
+export type SelectOptionLabelComponent<T extends GenericObject = GenericObject> = React.FunctionComponent<SelectOptionLabelProps<T>>;
+export type Option<T extends GenericObject = GenericObject> = Pick<MenuOption<T>, 'onClick' | 'rules' | 'data' | 'disabled'> & {
     label: ReactNode | SelectOptionLabelComponent<T>;
     value: string;
 };
@@ -17,8 +16,8 @@ interface LoaderReturn<T extends GenericObject = GenericObject> {
     options: Option<T>[];
     lastPage: boolean;
 }
-export declare type Loader<T extends GenericObject = GenericObject> = (search: string, page: number) => Promise<LoaderReturn<T> | Option<T>[] | null>;
-export declare type CommonProps<T extends GenericObject = GenericObject> = Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | 'value' | 'onChange' | 'children' | 'clearable' | 'dirty'> & Pick<MenuProps, 'onScrollEnd' | 'position' | 'center' | 'maxHeight' | 'emptyContent'> & {
+export type Loader<T extends GenericObject = GenericObject> = (search: string, page: number) => Promise<LoaderReturn<T> | Option<T>[] | null>;
+export type CommonProps<T extends GenericObject = GenericObject> = Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | 'value' | 'onChange' | 'children' | 'clearable' | 'dirty'> & Pick<MenuProps, 'onScrollEnd' | 'position' | 'center' | 'maxHeight' | 'emptyContent'> & {
     search?: boolean;
     /**
      * async function to load options
@@ -46,5 +45,5 @@ export interface useSelectReturn {
     onClear?: () => void;
     dirty?: InputProps['dirty'];
 }
-export declare type useSelect<Props extends CommonProps> = (props: Props, highlight: [number, React.Dispatch<React.SetStateAction<number>>], options: [Option[], React.Dispatch<React.SetStateAction<Option[]>>], setOpen: React.Dispatch<React.SetStateAction<boolean>>) => useSelectReturn;
+export type useSelect<Props extends CommonProps> = (props: Props, highlight: [number, React.Dispatch<React.SetStateAction<number>>], options: [Option[], React.Dispatch<React.SetStateAction<Option[]>>], setOpen: React.Dispatch<React.SetStateAction<boolean>>) => useSelectReturn;
 export {};

package/dist/components/Input/components/Select/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
-import { SelectProps as SingleSelectProps } from './hooks/Select/interfaces';
-import { SelectProps as MultipleSelectProps } from './hooks/SelectMultiple/interfaces';
-import { GenericObject } from '../../../../interfaces';
-export declare type SelectProps<T extends GenericObject = GenericObject> = SingleSelectProps<T> | MultipleSelectProps<T>;
+import type { GenericObject } from '../../../../interfaces';
+import type { SelectProps as SingleSelectProps } from './hooks/Select/interfaces';
+import type { SelectProps as MultipleSelectProps } from './hooks/SelectMultiple/interfaces';
+export type SelectProps<T extends GenericObject = GenericObject> = SingleSelectProps<T> | MultipleSelectProps<T>;
 declare const Select: React.ForwardRefExoticComponent<SelectProps<GenericObject> & React.RefAttributes<HTMLInputElement>>;
 export default Select;

package/dist/components/Input/components/Select/styles.d.ts CHANGED Viewed

@@ -1,4 +1,8 @@
-import { SelectProps } from './';
-export declare const RelativeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<SelectProps<import("../../../../interfaces").GenericObject>, "width">, never>;
-export declare const EmptyContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HiddenInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+import type { SelectProps } from './';
+type RelativeContainerProps = {
+    $width?: SelectProps['width'];
+};
+export declare const RelativeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RelativeContainerProps>> & string;
+export declare const EmptyContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export {};

package/dist/components/Input/components/Switch/index.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Switch/interfaces.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ReactNode } from '../../../../interfaces';
+import type { ReactNode } from '../../../../interfaces';
 export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     label?: ReactNode | {
         label?: ReactNode;

package/dist/components/Input/components/Switch/styles.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { LabelContainerProps, LabelProps } from './interfaces';
-export declare const LabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LabelContainerProps, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelProps, never>;
+import type { LabelContainerProps, LabelProps } from './interfaces';
+export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelContainerProps>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, LabelProps>> & string;

package/dist/components/Input/components/Tags/components/Input/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { InputProps } from './interfaces';
+import type { InputProps } from './interfaces';
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/components/Input/components/Tags/components/Input/interfaces.d.ts CHANGED Viewed

@@ -1,12 +1,13 @@
-import React from 'react';
-import { Mask } from '../../../../interfaces';
-export interface StyledInputProps extends React.HTMLAttributes<HTMLInputElement> {
-    disabled?: boolean;
-    invalid?: boolean;
-    minWidth?: string;
-}
-export interface InputProps extends StyledInputProps {
+import type React from 'react';
+import type { Mask } from '../../../../interfaces';
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value'> {
     mask?: Mask;
     value: [string, (value: string) => void];
     onPressEnter: React.KeyboardEventHandler<HTMLInputElement>;
+    invalid?: boolean;
+    minWidth?: string;
+}
+export interface StyledInputProps {
+    $invalid?: InputProps['invalid'];
+    $minWidth?: InputProps['minWidth'];
 }

package/dist/components/Input/components/Tags/components/Input/styles.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { StyledInputProps } from './interfaces';
-export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, StyledInputProps, never>;
+import type { StyledInputProps } from './interfaces';
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputProps>> & string;

package/dist/components/Input/components/Tags/components/Label/index.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Tags/components/Label/interfaces.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface LabelProps extends React.HTMLAttributes<HTMLDivElement> {
     required?: boolean;
 }

package/dist/components/Input/components/Tags/components/Label/styles.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { LabelProps } from './interfaces';
-export declare const Label: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LabelProps, never>;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $required?: boolean;
+}>> & string;

package/dist/components/Input/components/Tags/components/Tag/index.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Tags/components/Tag/interfaces.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
-import React from 'react';
+import type React from 'react';
 export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
     invalid?: boolean;
     onClose: React.MouseEventHandler<HTMLDivElement>;
 }
+export type StyledTagProps = {
+    $invalid?: TagProps['invalid'];
+};

package/dist/components/Input/components/Tags/components/Tag/styles.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { TagProps } from './interfaces';
-export declare const Tag: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TagProps, never>;
+import type { StyledTagProps } from './interfaces';
+export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTagProps>> & string;

package/dist/components/Input/components/Tags/interfaces.d.ts CHANGED Viewed

@@ -1,14 +1,14 @@
 import type React from 'react';
 import type { ReactNode } from '../../../../interfaces';
 import type { InputProps } from './components/Input/interfaces';
-export interface LabelProps extends React.HTMLAttributes<HTMLLabelElement> {
-    disabled?: boolean;
-    width?: string;
+export interface LabelProps extends Omit<React.HTMLAttributes<HTMLLabelElement>, 'width'> {
+    $disabled?: boolean;
+    $width?: string;
 }
 export interface TagContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    invalid?: boolean;
-    borderless?: boolean;
-    paddingless?: boolean;
+    $invalid?: boolean;
+    $borderless?: boolean;
+    $paddingless?: boolean;
 }
 export interface TagsProps {
     type: 'tags';

package/dist/components/Input/components/Tags/styles.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import type { LabelProps, TagContainerProps } from './interfaces';
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelProps, never>;
-export declare const TagContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TagContainerProps, never>;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, LabelProps>> & string;
+export declare const TagContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TagContainerProps>> & string;

package/dist/components/Input/components/Time/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { TimeProps } from './interfaces';
+import type { TimeProps } from './interfaces';
 declare const Time: React.ForwardRefExoticComponent<TimeProps & React.RefAttributes<HTMLInputElement>>;
 export default Time;

package/dist/components/Input/components/Time/interfaces.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { InputProps } from '../Input/interfaces';
+import type { InputProps } from '../Input/interfaces';
 export interface TimeProps extends Omit<InputProps, 'type' | 'mask'> {
     type: 'time';
     seconds?: boolean;

package/dist/components/Input/functions.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { Mask, MaskFunction } from './interfaces';
+import type { Mask, MaskFunction } from './interfaces';
 export declare const getMask: (mask?: Mask) => MaskFunction;

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

@@ -1,21 +1,21 @@
 import React from 'react';
-import { InputProps as DefaultInputProps } from './components/Input/interfaces';
-import { CheckboxProps } from './components/Checkbox/interfaces';
-import { DateProps } from './components/Date/interfaces';
-import { TimeProps } from './components/Time/interfaces';
-import { SelectProps } from './components/Select';
-import { PasswordProps } from './components/Password/interfaces';
-import { PhoneProps } from './components/Phone/interfaces';
-import { DatePickerProps } from './components/DatePicker/interfaces';
-import { SwitchProps } from './components/Switch/interfaces';
-import { RangeProps } from './components/Range/interfaces';
-import { RadioButtonProps } from './components/RadioButton/interfaces';
-import { DateIntervalPickerProps } from './components/DateIntervalPicker/interfaces';
-import { TagsProps } from './components/Tags/interfaces';
-import { DateTimeProps } from './components/DateTime/interfaces';
-export declare type Props = DateProps | TimeProps | CheckboxProps | SelectProps | PasswordProps | PhoneProps | DatePickerProps | RangeProps | DefaultInputProps | SwitchProps | RadioButtonProps | DateIntervalPickerProps | TagsProps | DateTimeProps;
+import type { CheckboxProps } from './components/Checkbox/interfaces';
+import type { DateProps } from './components/Date/interfaces';
+import type { DateIntervalPickerProps } from './components/DateIntervalPicker/interfaces';
+import type { DatePickerProps } from './components/DatePicker/interfaces';
+import type { DateTimeProps } from './components/DateTime/interfaces';
+import type { InputProps as DefaultInputProps } from './components/Input/interfaces';
+import type { PasswordProps } from './components/Password/interfaces';
+import type { PhoneProps } from './components/Phone/interfaces';
+import type { RadioButtonProps } from './components/RadioButton/interfaces';
+import type { RangeProps } from './components/Range/interfaces';
+import type { SelectProps } from './components/Select';
+import type { SwitchProps } from './components/Switch/interfaces';
+import type { TagsProps } from './components/Tags/interfaces';
+import type { TimeProps } from './components/Time/interfaces';
+export type Props = DateProps | TimeProps | CheckboxProps | SelectProps | PasswordProps | PhoneProps | DatePickerProps | RangeProps | DefaultInputProps | SwitchProps | RadioButtonProps | DateIntervalPickerProps | TagsProps | DateTimeProps;
 declare const Input: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>> & {
-    useDefaultDateIntervalState: (min?: Date | undefined, max?: Date | undefined) => [string, string];
+    useDefaultDateIntervalState: (min?: Date, max?: Date) => [string, string];
     getPhoneDetails: (phone: string) => import("./components/Phone/interfaces").Details | null;
 };
 export default Input;

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

@@ -1,4 +1,4 @@
-export declare type MaskFunction = (value: string) => string;
-export declare type MaskReplace = [RegExp, string];
-export declare type MaskReplaceArray = MaskReplace[];
-export declare type Mask = MaskFunction | MaskReplace | MaskReplaceArray;
+export type MaskFunction = (value: string) => string;
+export type MaskReplace = [RegExp, string];
+export type MaskReplaceArray = MaskReplace[];
+export type Mask = MaskFunction | MaskReplace | MaskReplaceArray;

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

@@ -1,10 +1,13 @@
-/// <reference types="react" />
-declare const Link: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    size?: import("../Button/interfaces").Size | undefined;
-    colorSetting?: "black" | "blue" | "bronze" | "brown" | "darkBlue" | "darkestBlue" | "darkestGreen" | "darkestGrey" | "darkGreen" | "darkGrey" | "darkSilver" | "floralWhite" | "ghostWhite" | "green" | "grey" | "greyishBlue" | "iceWhite" | "lightBlue" | "lightestGrey" | "lightGreen" | "lightGrey" | "milkWhite" | "orange" | "pink" | "purple" | "red" | "silver" | "snowWhite" | "vanilla" | "warningGray" | "warningRed" | "warningYellow" | "white" | "yellow" | {
-        normal?: "black" | "blue" | "bronze" | "brown" | "darkBlue" | "darkestBlue" | "darkestGreen" | "darkestGrey" | "darkGreen" | "darkGrey" | "darkSilver" | "floralWhite" | "ghostWhite" | "green" | "grey" | "greyishBlue" | "iceWhite" | "lightBlue" | "lightestGrey" | "lightGreen" | "lightGrey" | "milkWhite" | "orange" | "pink" | "purple" | "red" | "silver" | "snowWhite" | "vanilla" | "warningGray" | "warningRed" | "warningYellow" | "white" | "yellow" | undefined;
-        hover?: "black" | "blue" | "bronze" | "brown" | "darkBlue" | "darkestBlue" | "darkestGreen" | "darkestGrey" | "darkGreen" | "darkGrey" | "darkSilver" | "floralWhite" | "ghostWhite" | "green" | "grey" | "greyishBlue" | "iceWhite" | "lightBlue" | "lightestGrey" | "lightGreen" | "lightGrey" | "milkWhite" | "orange" | "pink" | "purple" | "red" | "silver" | "snowWhite" | "vanilla" | "warningGray" | "warningRed" | "warningYellow" | "white" | "yellow" | undefined;
-    } | undefined;
-    disabled?: boolean | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "color">, never>;
+import React from 'react';
+import type { ColorOptions } from '../../theme/interfaces';
+import { sizes } from '../Button/constants';
+type Props = {
+    size?: keyof typeof sizes;
+    colorSetting?: ColorOptions | {
+        normal?: ColorOptions;
+        hover?: ColorOptions;
+    };
+    disabled?: boolean;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>;
+declare const Link: ({ size, colorSetting, disabled, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Link;

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

@@ -1,3 +1,3 @@
-import { LoaderProps } from './interfaces';
-declare const Loader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LoaderProps, never>;
+import type { LoaderProps } from './interfaces';
+declare const Loader: ({ color, bgColor, size, borderSize, filled, zIndex, ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Loader;

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

@@ -1,5 +1,6 @@
-import { colors } from '../../theme/constants';
-export interface LoaderProps {
+import type React from 'react';
+import type { colors } from '../../theme/constants';
+export interface LoaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
     color?: string | keyof typeof colors;
     bgColor?: string | keyof typeof colors;
     size?: string;
@@ -7,3 +8,11 @@ export interface LoaderProps {
     filled?: true | string | keyof typeof colors;
     zIndex?: number;
 }
+export interface StyledLoaderProps {
+    $color?: LoaderProps['color'];
+    $bgColor?: LoaderProps['bgColor'];
+    $size?: LoaderProps['size'];
+    $borderSize?: LoaderProps['borderSize'];
+    $filled?: LoaderProps['filled'];
+    $zIndex?: LoaderProps['zIndex'];
+}

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

@@ -1,3 +1,3 @@
-import { MenuInterface } from './interfaces';
+import type { MenuInterface } from './interfaces';
 declare const Menu: MenuInterface;
 export default Menu;

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { PopupProps } from 'semantic-ui-react';
-import { Borders, ReactNode, GenericObject, SpacingOrZero, Spacings } from '../../interfaces';
-import { AbsoluteContainerProps } from '../AbsoluteContainer/interfaces';
-import { ScrollContainerProps } from '../ScrollContainer/interfaces';
+import type React from 'react';
+import type { PopupProps } from 'semantic-ui-react';
+import type { Borders, GenericObject, ReactNode, SpacingOrZero, Spacings } from '../../interfaces';
+import type { AbsoluteContainerProps } from '../AbsoluteContainer/interfaces';
+import type { ScrollContainerProps } from '../ScrollContainer/interfaces';
 /** funcao que fara a validacao da regra, deve retornar true caso passe na validacao, e false ou o conteudo do popup caso contrario */
-declare type Rule<T extends GenericObject = GenericObject> = (index: number, data: T) => boolean | Omit<PopupProps, 'trigger'>;
-export declare type MenuOptionLabelProps<T extends GenericObject = GenericObject> = {
+type Rule<T extends GenericObject = GenericObject> = (index: number, data: T) => boolean | Omit<PopupProps, 'trigger'>;
+export type MenuOptionLabelProps<T extends GenericObject = GenericObject> = {
     delimiter?: boolean;
     keepOpen?: boolean;
     caret?: boolean;
@@ -13,8 +13,8 @@ export declare type MenuOptionLabelProps<T extends GenericObject = GenericObject
     border?: Borders;
     data: T;
 };
-export declare type OptionLabelComponent<T extends GenericObject = GenericObject> = React.FunctionComponent<MenuOptionLabelProps<T>>;
-export declare type Option<T extends GenericObject = GenericObject> = MenuOptionLabelProps<T> & {
+export type OptionLabelComponent<T extends GenericObject = GenericObject> = React.FunctionComponent<MenuOptionLabelProps<T>>;
+export type Option<T extends GenericObject = GenericObject> = MenuOptionLabelProps<T> & {
     label: ReactNode | OptionLabelComponent<T>;
     onClick?: (index: number, option: Option, event: React.MouseEvent) => void;
     rules?: Rule<T>[];
@@ -26,7 +26,6 @@ export interface CommonProps extends Omit<AbsoluteContainerProps, 'children' | '
     children?: JSX.Element | (string & (string | JSX.Element | undefined)) | null;
 }
 export interface MenuProps<T extends GenericObject = GenericObject> extends CommonProps, Pick<ScrollContainerProps, 'onScrollEnd' | 'loading' | 'before' | 'after'> {
-    open: boolean;
     close: () => void;
     options: Option<T>[];
     scrollSpacing?: ScrollContainerProps['spacing'];
@@ -34,10 +33,15 @@ export interface MenuProps<T extends GenericObject = GenericObject> extends Comm
     emptyContent?: ReactNode;
     highlight?: number;
 }
-export declare type ContainerProps = CommonProps & {
+export type ContainerProps = CommonProps & {
     $highlight?: number;
 };
-export declare type MenuInterface = <T extends GenericObject = GenericObject>(props: MenuProps<T>, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+export type StyledContainerProps = {
+    $containerSpacing?: CommonProps['containerSpacing'];
+    $bordered?: CommonProps['bordered'];
+    $itemSpacing?: CommonProps['itemSpacing'];
+};
+export type MenuInterface = <T extends GenericObject = GenericObject>(props: MenuProps<T>, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
 export interface StyledOptionProps extends React.HTMLAttributes<HTMLDivElement> {
     $disabled?: boolean;
     $border?: Borders;