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/Icon/interfaces.d.ts CHANGED Viewed

@@ -1,35 +1,34 @@
-import React from 'react';
-import { SemanticICONS } from 'semantic-ui-react';
-import { colors } from '../../theme/constants';
-import feather from '.././../assets/icons/feather';
+import type React from 'react';
+import type { SemanticICONS } from 'semantic-ui-react';
+import type { colors } from '../../theme/constants';
+import type feather from '.././../assets/icons/feather';
 export interface CommonProps {
     color?: typeof colors | string;
     width?: string | number;
     height?: string | number;
 }
-interface SemanticIcon extends CommonProps {
+export interface SemanticIcon extends CommonProps {
     type: 'semantic';
     icon: SemanticICONS;
     onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
-interface FeatherIcon extends CommonProps {
+export interface FeatherIcon extends CommonProps {
     type: 'feather';
     icon: keyof typeof feather;
     onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
     strokeWidth?: string;
 }
-interface SVGIcon extends CommonProps {
+export interface SVGIcon extends CommonProps {
     type: 'svg';
     icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
     onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
     strokeWidth?: string;
 }
-interface JSXIcon {
+export interface JSXIcon {
     color?: typeof colors | string;
     type: 'jsx';
     icon: JSX.Element;
     width: string | number;
 }
-export declare type ExtendsCommon = SemanticIcon | FeatherIcon | SVGIcon;
-export declare type IconProps = SemanticIcon | FeatherIcon | SVGIcon | JSXIcon;
-export {};
+export type ExtendsCommon = SemanticIcon | FeatherIcon | SVGIcon;
+export type IconProps = SemanticIcon | FeatherIcon | SVGIcon | JSXIcon;

package/dist/components/Icon/styled.d.ts CHANGED Viewed

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-import { Icon, IconProps } from 'semantic-ui-react';
-interface SemanticIconProps extends IconProps {
-    fontcolor: string;
-    width?: string | number;
-    height?: string | number;
+import { Icon } from 'semantic-ui-react';
+interface SemanticIconProps {
+    $fontcolor: string;
+    $width?: string | number;
+    $height?: string | number;
 }
-export declare const SemanticIcon: import("styled-components").StyledComponent<typeof Icon, import("styled-components").DefaultTheme, SemanticIconProps, never>;
-interface SVGContainerProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
-    color: string;
-    strokeWidth?: string;
-    pointer: boolean;
+export declare const SemanticIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("semantic-ui-react").IconProps, "ref"> & import("react").RefAttributes<Icon>, SemanticIconProps>> & string & Omit<typeof Icon, keyof import("react").Component<any, {}, any>>;
+interface SVGContainerProps extends Omit<React.HtmlHTMLAttributes<HTMLDivElement>, 'color'> {
+    $color: string;
+    $strokeWidth?: string;
+    $pointer: boolean;
 }
-export declare const SVGContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SVGContainerProps, never>;
+export declare const SVGContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SVGContainerProps>> & string;
 export {};

package/dist/components/Indicator/constants.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { colors } from '../../theme/constants';
-import { Sizes, Types } from './interfaces';
+import type { colors } from '../../theme/constants';
+import type { Sizes, Types } from './interfaces';
 export declare const sizes: {
     [key in Sizes]: string;
 };

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

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

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

@@ -1,9 +1,13 @@
-/// <reference types="react" />
-import { ColorOptions } from '../../theme/interfaces';
-export declare type Types = 'default' | 'info' | 'danger' | 'success' | 'warning';
-export declare type Sizes = 'mini' | 'medium' | 'small';
+import type { ColorOptions } from '../../theme/interfaces';
+export type Types = 'default' | 'info' | 'danger' | 'success' | 'warning';
+export type Sizes = 'mini' | 'medium' | 'small';
 export interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
     size: Sizes;
     type: Types;
     labelColor: ColorOptions;
 }
+export type StyledIndicatorProps = {
+    $size: IndicatorProps['size'];
+    $type: IndicatorProps['type'];
+    $labelColor: IndicatorProps['labelColor'];
+};

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

@@ -1,2 +1,2 @@
-import { IndicatorProps } from './interfaces';
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IndicatorProps, never>;
+import type { StyledIndicatorProps } from './interfaces';
+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>, StyledIndicatorProps>> & string;

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

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

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ReactNode } from '../../../../interfaces';
-import { spacings } from '../../../../theme/constants';
+import type React from 'react';
+import type { ReactNode } from '../../../../interfaces';
+import type { spacings } from '../../../../theme/constants';
 interface Padding {
     top?: string | keyof typeof spacings;
     left?: string | keyof typeof spacings;
@@ -13,6 +13,11 @@ export interface LabelContentProps {
     viewMode?: boolean;
     padding?: Padding;
     bordered?: true;
+    disabled?: boolean;
+}
+export interface StyledLabelContentProps {
+    $required?: LabelContentProps['required'];
+    $viewMode?: LabelContentProps['viewMode'];
 }
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'>, LabelContentProps {
     label?: ReactNode | React.FunctionComponent<LabelContentProps>;

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

@@ -1,4 +1,4 @@
-import { LabelContentProps, LabelProps } from './interfaces';
-export declare const Checkmark: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelProps, never>;
-export declare const LabelContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LabelContentProps, never>;
+import type { LabelProps, StyledLabelContentProps } from './interfaces';
+export declare const Checkmark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & 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;
+export declare const LabelContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledLabelContentProps>> & string;

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

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

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

@@ -1,5 +1,5 @@
-import { AbsoluteSingleCalendarProps } from '../../../Calendar/interfaces';
-import { InputProps } from '../Input/interfaces';
+import type { AbsoluteSingleCalendarProps } from '../../../Calendar/interfaces';
+import type { InputProps } from '../Input/interfaces';
 export interface DateProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'min' | 'max'> {
     type: 'date';
     picker?: true | Omit<AbsoluteSingleCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;

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

	@@ -1 +1 @@
1	- export declare const RelativeContainer: import("styled-components").~~StyledComponent~~<"~~div~~", import("styled-components").~~DefaultTheme,~~ ~~{},~~ never>;
1	+ export declare const RelativeContainer: 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/DateIntervalPicker/functions.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Value } from '../../../Calendar/components/Interval/interfaces';
-import { IntervalType, IntervalTypes } from './interfaces';
+import type { Value } from '../../../Calendar/components/Interval/interfaces';
+import type { IntervalType, IntervalTypes } from './interfaces';
 export declare const validate: (value: Value, min?: Date, max?: Date) => boolean;
 export declare const intervalTypes: IntervalTypes;
 export declare const identify: (value: Value) => IntervalType;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DateIntervalPickerProps } from './interfaces';
+import type { DateIntervalPickerProps } from './interfaces';
 declare const DatePicker: React.ForwardRefExoticComponent<DateIntervalPickerProps & React.RefAttributes<HTMLInputElement>> & {
     useDefaultDateIntervalState: (min?: Date, max?: Date) => [string, string];
 };

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { AbsoluteIntervalCalendarProps } from '../../../Calendar/interfaces';
-import { InputProps } from '../Input/interfaces';
-declare type Value = [string, string];
-export declare type IntervalType = 'day' | 'week' | 'month' | 'custom';
+import type { AbsoluteIntervalCalendarProps } from '../../../Calendar/interfaces';
+import type { InputProps } from '../Input/interfaces';
+type Value = [string, string];
+export type IntervalType = 'day' | 'week' | 'month' | 'custom';
 export interface DateIntervalPickerProps extends React.HTMLAttributes<HTMLInputElement>, Pick<InputProps, 'label' | 'invalid' | 'required' | 'disabled' | 'width' | 'borderless' | 'paddingless'> {
     type: 'date-interval-picker';
     value: Value;
@@ -27,7 +26,7 @@ export interface Variation {
         max?: Date;
     };
 }
-export declare type IntervalTypes = {
+export type IntervalTypes = {
     [key in IntervalType]: Variation;
 };
 export {};

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

@@ -1,19 +1,19 @@
-import React from 'react';
+import type React from 'react';
 interface RelativeContainerProps {
-    invalid: boolean;
+    $invalid: boolean;
 }
-export declare const RelativeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, RelativeContainerProps, never>;
-export declare const LabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const RelativeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RelativeContainerProps>> & string;
+export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    invalid: 1 | 0;
-    disabled: 1 | 0;
-    paddingless: 1 | 0;
-    borderless: 1 | 0;
+    $invalid?: boolean;
+    $disabled?: boolean;
+    $paddingless?: boolean;
+    $borderless?: boolean;
 }
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
-export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 interface StyledLabelTextProps {
-    required: 1 | 0;
+    $required?: boolean;
 }
-export declare const LabelText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, StyledLabelTextProps, never>;
+export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledLabelTextProps>> & string;
 export {};

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

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

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

@@ -1,5 +1,5 @@
-import { AbsoluteSingleCalendarProps } from '../../../Calendar/interfaces';
-import { InputProps } from '../Input/interfaces';
+import type { AbsoluteSingleCalendarProps } from '../../../Calendar/interfaces';
+import type { InputProps } from '../Input/interfaces';
 export interface DatePickerProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'htmlDisabled' | 'htmlReadonly' | 'clearable' | 'onPressEnter' | 'min' | 'max' | 'children'> {
     type: 'datepicker';
     picker?: true | Omit<AbsoluteSingleCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;

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

@@ -1,12 +1,12 @@
-import React from 'react';
-export declare const RelativeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const LabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import type React from 'react';
+export declare const RelativeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    iconWidth: string;
-    invalid: 1 | 0;
-    disabled: 1 | 0;
-    paddingless: 1 | 0;
+    $iconWidth: string;
+    $invalid?: boolean;
+    $disabled?: boolean;
+    $paddingless?: boolean;
 }
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
-export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export {};

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

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

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

@@ -1,5 +1,5 @@
-import { AbsoluteSingleCalendarProps } from '../../../Calendar/interfaces';
-import { InputProps } from '../Input/interfaces';
+import type { AbsoluteSingleCalendarProps } from '../../../Calendar/interfaces';
+import type { InputProps } from '../Input/interfaces';
 export interface DateTimeProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'min' | 'max'> {
     type: 'datetime';
     picker?: true | Omit<AbsoluteSingleCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;

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

	@@ -1 +1 @@
1	- export declare const RelativeContainer: import("styled-components").~~StyledComponent~~<"~~div~~", import("styled-components").~~DefaultTheme,~~ ~~{},~~ never>;
1	+ export declare const RelativeContainer: 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/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/Input/interfaces.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import React from 'react';
-import { ReactNode } from '../../../../interfaces';
-import { IconProps } from '../../../Icon/interfaces';
-import { Mask } from '../../interfaces';
+import type React from 'react';
+import type { ReactNode } from '../../../../interfaces';
+import type { IconProps } from '../../../Icon/interfaces';
+import type { Mask } from '../../interfaces';
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;
     invalid?: boolean;

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

@@ -1,11 +1,12 @@
-/// <reference types="react" />
-import { StyledInputProps, StyledLabelProps, StyledLabelTextProps } from './interfaces';
-export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ChildrenContainer: import("styled-components").StyledComponent<(props: import("../../../EllipsisContainer/types").EllipsisContainerProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, StyledInputProps, never>;
-export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    width?: string | undefined;
-}, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, StyledLabelProps, never>;
-export declare const LabelText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledLabelTextProps, never>;
-export declare const ViewModeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import type { StyledInputProps, StyledLabelProps, StyledLabelTextProps } from './interfaces';
+export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChildrenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").HTMLAttributes<HTMLDivElement> & {
+    lines?: number;
+}, never>> & string & Omit<(props: import("../../../EllipsisContainer/types").EllipsisContainerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+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;
+export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $width?: string;
+}>> & 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>, StyledLabelProps>> & string;
+export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledLabelTextProps>> & string;
+export declare const ViewModeContainer: 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/Password/index.d.ts CHANGED Viewed

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

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

@@ -1,4 +1,4 @@
-import { InputProps } from '../Input/interfaces';
+import type { InputProps } from '../Input/interfaces';
 export interface PasswordProps extends Omit<InputProps, 'mask' | 'icon' | 'type' | 'clearble' | 'placeholder'> {
     type: 'password';
 }

package/dist/components/Input/components/Phone/countries.d.ts CHANGED Viewed

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Details, PhoneProps } from './interfaces';
+import type { Details, PhoneProps } from './interfaces';
 export declare const getPhoneDetails: (phone: string) => Details | null;
 declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>> & {
     getPhoneDetails: (phone: string) => Details | null;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { InputProps } from '../Input/interfaces';
+import type { InputProps } from '../Input/interfaces';
 export interface Country {
     name: string;
     iso: keyof Countries;
@@ -9,7 +8,7 @@ export interface Country {
     charLimit: number;
     mask?: (value: string) => string;
 }
-export declare type Countries = {
+export type Countries = {
     ar: Country;
     br: Country;
     cl: Country;

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

@@ -1,3 +1,3 @@
-export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const RelativeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RelativeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Label: 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/RadioButton/index.d.ts CHANGED Viewed

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

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ReactNode } from '../../../../interfaces';
+import type { ReactNode } from '../../../../interfaces';
 export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     label?: ReactNode;
     required?: boolean;
@@ -7,7 +6,7 @@ export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInp
     type: 'radio';
 }
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    disabled?: 1 | 0;
-    required?: 1 | 0;
-    invalid?: 1 | 0;
+    $disabled?: boolean;
+    $required?: boolean;
+    $invalid?: boolean;
 }

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

@@ -1,3 +1,3 @@
-import { LabelProps } from './interfaces';
-export declare const LabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelProps, never>;
+import type { LabelProps } from './interfaces';
+export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & 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/Range/index.d.ts CHANGED Viewed

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ReactNode } from '../../../../interfaces';
+import type React from 'react';
+import type { ReactNode } from '../../../../interfaces';
 export interface Marker {
     label: ReactNode;
     value: number;
@@ -10,7 +10,6 @@ export interface RangeProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     minLabel?: ReactNode;
     maxLabel?: ReactNode;
     invalid?: boolean;
-    disabled?: boolean;
     required?: boolean;
     hideNavbar?: boolean;
     viewMode?: boolean;

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

@@ -1,6 +1,6 @@
-declare type InputProps = {
+type InputProps = {
     $activeBullet: boolean;
     $bulletSize: number;
 };
-declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, InputProps, never>;
+declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>> & string;
 export default Input;

package/dist/components/Input/components/Range/styles/InputContainer/index.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface InputContainerProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
-    invalid: 1 | 0;
+    $invalid?: boolean;
 }
-declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputContainerProps, never>;
+declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputContainerProps>> & string;
 export default InputContainer;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-interface StyledLabelProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+interface StyledLabelProps extends Omit<React.HtmlHTMLAttributes<HTMLDivElement>, 'width'> {
     $disabled?: boolean;
     $required?: boolean;
     $viewMode?: boolean;
-    width?: string;
+    $width?: string;
 }
-declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, StyledLabelProps, never>;
+declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledLabelProps>> & string;
 export default Label;

package/dist/components/Input/components/Range/styles/LabelContainer/index.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Range/styles/LabelsContainer/index.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface LabelsContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    position: 'bottom' | 'top';
+    $position: 'bottom' | 'top';
 }
-declare const LabelsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LabelsContainerProps, never>;
+declare const LabelsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelsContainerProps>> & string;
 export default LabelsContainer;

package/dist/components/Input/components/Range/styles/Marker/index.d.ts CHANGED Viewed

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 interface MarkerProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
     $left: string;
     $bullet: boolean;
     $firstChild: boolean;
     $lastChild: boolean;
 }
-declare const Marker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MarkerProps, never>;
+declare const Marker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MarkerProps>> & string;
 export default Marker;

package/dist/components/Input/components/Range/styles/MarkersContainer/index.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Range/styles/MinMaxLabelContainer/index.d.ts CHANGED Viewed

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

package/dist/components/Input/components/Range/styles/NavBar/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-declare type NavBarProps = {
+type NavBarProps = {
     $position: 'bottom' | 'top';
     $strict: boolean | undefined;
 };
-declare const NavBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, NavBarProps, never>;
+declare const NavBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NavBarProps>> & string;
 export default NavBar;

package/dist/components/Input/components/Range/styles/SelectedArea/index.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface SelectedAreaProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
-    percent: number;
+    $percent: number;
 }
-declare const SelectedArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SelectedAreaProps, never>;
+declare const SelectedArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectedAreaProps>> & string;
 export default SelectedArea;