globalfy-design-system 1.50.0 → 1.51.0

package/dist/components/atoms/DropdownList/CssVariants.d.ts

@@ -1,338 +1,150 @@
 export declare const wrapperVariants: import('tailwind-variants').TVReturnType<{
     hasLabel: {
-        true: "pt-[26px]";
+        true: string;
     };
-}, undefined, "relative w-full rounded-lg", import('tailwind-variants/dist/config.js').TVConfig<{
+}, undefined, "relative w-full rounded-lg", {
     hasLabel: {
-        true: "pt-[26px]";
-    };
-}, {
-    hasLabel: {
-        true: "pt-[26px]";
-    };
-}>, {
-    hasLabel: {
-        true: "pt-[26px]";
+        true: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     hasLabel: {
-        true: "pt-[26px]";
+        true: string;
     };
-}, undefined, "relative w-full rounded-lg", import('tailwind-variants/dist/config.js').TVConfig<{
-    hasLabel: {
-        true: "pt-[26px]";
-    };
-}, {
-    hasLabel: {
-        true: "pt-[26px]";
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "relative w-full rounded-lg", unknown, unknown, undefined>>;
 export declare const controlVariants: import('tailwind-variants').TVReturnType<{
     disabled: {
-        true: "border-primary-grey-500 bg-primary-grey-500";
-    };
-    isFocused: {
-        true: "border border-2 border-primary-green-500 text-black";
-    };
-    isInvalid: {
-        true: "border-complementary-red-500";
-    };
-    isCompleted: {
-        true: "border-secondary-green-500";
-    };
-    isTransparent: {
-        true: "!bg-transparent";
-    };
-}, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3", import('tailwind-variants/dist/config.js').TVConfig<{
-    disabled: {
-        true: "border-primary-grey-500 bg-primary-grey-500";
-    };
-    isFocused: {
-        true: "border border-2 border-primary-green-500 text-black";
-    };
-    isInvalid: {
-        true: "border-complementary-red-500";
-    };
-    isCompleted: {
-        true: "border-secondary-green-500";
-    };
-    isTransparent: {
-        true: "!bg-transparent";
-    };
-}, {
-    disabled: {
-        true: "border-primary-grey-500 bg-primary-grey-500";
+        true: string;
     };
     isFocused: {
-        true: "border border-2 border-primary-green-500 text-black";
+        true: string;
     };
     isInvalid: {
-        true: "border-complementary-red-500";
+        true: string;
     };
     isCompleted: {
-        true: "border-secondary-green-500";
+        true: string;
     };
     isTransparent: {
-        true: "!bg-transparent";
+        true: string;
     };
-}>, {
+}, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3", {
     disabled: {
-        true: "border-primary-grey-500 bg-primary-grey-500";
+        true: string;
     };
     isFocused: {
-        true: "border border-2 border-primary-green-500 text-black";
+        true: string;
     };
     isInvalid: {
-        true: "border-complementary-red-500";
+        true: string;
     };
     isCompleted: {
-        true: "border-secondary-green-500";
+        true: string;
     };
     isTransparent: {
-        true: "!bg-transparent";
+        true: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     disabled: {
-        true: "border-primary-grey-500 bg-primary-grey-500";
-    };
-    isFocused: {
-        true: "border border-2 border-primary-green-500 text-black";
-    };
-    isInvalid: {
-        true: "border-complementary-red-500";
-    };
-    isCompleted: {
-        true: "border-secondary-green-500";
-    };
-    isTransparent: {
-        true: "!bg-transparent";
-    };
-}, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3", import('tailwind-variants/dist/config.js').TVConfig<{
-    disabled: {
-        true: "border-primary-grey-500 bg-primary-grey-500";
-    };
-    isFocused: {
-        true: "border border-2 border-primary-green-500 text-black";
-    };
-    isInvalid: {
-        true: "border-complementary-red-500";
-    };
-    isCompleted: {
-        true: "border-secondary-green-500";
-    };
-    isTransparent: {
-        true: "!bg-transparent";
-    };
-}, {
-    disabled: {
-        true: "border-primary-grey-500 bg-primary-grey-500";
+        true: string;
     };
     isFocused: {
-        true: "border border-2 border-primary-green-500 text-black";
+        true: string;
     };
     isInvalid: {
-        true: "border-complementary-red-500";
+        true: string;
     };
     isCompleted: {
-        true: "border-secondary-green-500";
+        true: string;
     };
     isTransparent: {
-        true: "!bg-transparent";
+        true: string;
     };
-}>, unknown, unknown, undefined>>;
+}, undefined, "block min-h-12 w-full rounded-lg border border-primary-grey-700 bg-white px-4 py-3", unknown, unknown, undefined>>;
 export declare const placeHolderVariants: import('tailwind-variants').TVReturnType<{
     disabled: {
-        true: "text-primary-grey-700";
-    };
-}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
-    disabled: {
-        true: "text-primary-grey-700";
-    };
-}, {
-    disabled: {
-        true: "text-primary-grey-700";
+        true: string;
     };
-}>, {
+}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", {
     disabled: {
-        true: "text-primary-grey-700";
+        true: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     disabled: {
-        true: "text-primary-grey-700";
+        true: string;
     };
-}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
-    disabled: {
-        true: "text-primary-grey-700";
-    };
-}, {
-    disabled: {
-        true: "text-primary-grey-700";
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "font-satoshi text-sm leading-normal text-primary-grey-800", unknown, unknown, undefined>>;
 export declare const DropdownIndicatorVariants: import('tailwind-variants').TVReturnType<{
     disabled: {
-        true: "text-primary-grey-700";
+        true: string;
     };
-}, undefined, "text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
+}, undefined, "text-primary-grey-800", {
     disabled: {
-        true: "text-primary-grey-700";
-    };
-}, {
-    disabled: {
-        true: "text-primary-grey-700";
-    };
-}>, {
-    disabled: {
-        true: "text-primary-grey-700";
+        true: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     disabled: {
-        true: "text-primary-grey-700";
-    };
-}, undefined, "text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
-    disabled: {
-        true: "text-primary-grey-700";
+        true: string;
     };
-}, {
-    disabled: {
-        true: "text-primary-grey-700";
-    };
-}>, unknown, unknown, undefined>>;
-export declare const menuListVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+}, undefined, "text-primary-grey-800", unknown, unknown, undefined>>;
+export declare const menuListVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] rounded-lg border border-primary-grey-600 bg-white py-2", unknown, unknown, undefined>>;
 export declare const optionVariants: import('tailwind-variants').TVReturnType<{
     selected: {
-        true: "bg-secondary-green-500 font-medium text-white";
-        false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
-    };
-}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
-    selected: {
-        true: "bg-secondary-green-500 font-medium text-white";
-        false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
-    };
-}, {
-    selected: {
-        true: "bg-secondary-green-500 font-medium text-white";
-        false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
+        true: string;
+        false: string;
     };
-}>, {
+}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", {
     selected: {
-        true: "bg-secondary-green-500 font-medium text-white";
-        false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
+        true: string;
+        false: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     selected: {
-        true: "bg-secondary-green-500 font-medium text-white";
-        false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
-    };
-}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", import('tailwind-variants/dist/config.js').TVConfig<{
-    selected: {
-        true: "bg-secondary-green-500 font-medium text-white";
-        false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
-    };
-}, {
-    selected: {
-        true: "bg-secondary-green-500 font-medium text-white";
-        false: "hover:bg-primary-grey-500 hover:font-medium hover:text-primary-grey-800";
+        true: string;
+        false: string;
     };
-}>, unknown, unknown, undefined>>;
+}, undefined, "cursor-pointer bg-white px-4 py-2 font-satoshi text-sm leading-normal text-primary-grey-800", unknown, unknown, undefined>>;
 export declare const labelVariants: import('tailwind-variants').TVReturnType<{
     hasValue: {
-        true: "visible -top-6 text-xs transition-all duration-200";
-    };
-    isInvalid: {
-        true: "text-complementary-red-500";
-    };
-    isCompleted: {
-        true: "text-secondary-green-500";
-    };
-}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200", import('tailwind-variants/dist/config.js').TVConfig<{
-    hasValue: {
-        true: "visible -top-6 text-xs transition-all duration-200";
+        true: string;
     };
     isInvalid: {
-        true: "text-complementary-red-500";
+        true: string;
     };
     isCompleted: {
-        true: "text-secondary-green-500";
+        true: string;
     };
-}, {
+}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200", {
     hasValue: {
-        true: "visible -top-6 text-xs transition-all duration-200";
+        true: string;
     };
     isInvalid: {
-        true: "text-complementary-red-500";
+        true: string;
     };
     isCompleted: {
-        true: "text-secondary-green-500";
-    };
-}>, {
-    hasValue: {
-        true: "visible -top-6 text-xs transition-all duration-200";
-    };
-    isInvalid: {
-        true: "text-complementary-red-500";
-    };
-    isCompleted: {
-        true: "text-secondary-green-500";
+        true: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     hasValue: {
-        true: "visible -top-6 text-xs transition-all duration-200";
-    };
-    isInvalid: {
-        true: "text-complementary-red-500";
-    };
-    isCompleted: {
-        true: "text-secondary-green-500";
-    };
-}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200", import('tailwind-variants/dist/config.js').TVConfig<{
-    hasValue: {
-        true: "visible -top-6 text-xs transition-all duration-200";
-    };
-    isInvalid: {
-        true: "text-complementary-red-500";
-    };
-    isCompleted: {
-        true: "text-secondary-green-500";
-    };
-}, {
-    hasValue: {
-        true: "visible -top-6 text-xs transition-all duration-200";
+        true: string;
     };
     isInvalid: {
-        true: "text-complementary-red-500";
+        true: string;
     };
     isCompleted: {
-        true: "text-secondary-green-500";
+        true: string;
     };
-}>, unknown, unknown, undefined>>;
-export declare const errorMessageVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+}, undefined, "pointer-events-none invisible absolute left-4 top-[29%] bg-transparent font-inter text-sm leading-normal text-primary-grey-800 transition-all duration-200", unknown, unknown, undefined>>;
+export declare const errorMessageVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "mt-[5px] pl-3 font-satoshi text-xs font-normal leading-normal text-complementary-red-500", unknown, unknown, undefined>>;
 export declare const MultiValueContainerVariants: import('tailwind-variants').TVReturnType<{
     isDisabled: {
-        true: "border-none bg-primary-grey-500";
-    };
-}, undefined, "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1", import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        true: "border-none bg-primary-grey-500";
+        true: string;
     };
-}, {
+}, undefined, "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1", {
     isDisabled: {
-        true: "border-none bg-primary-grey-500";
-    };
-}>, {
-    isDisabled: {
-        true: "border-none bg-primary-grey-500";
+        true: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
-        true: "border-none bg-primary-grey-500";
-    };
-}, undefined, "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1", import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        true: "border-none bg-primary-grey-500";
-    };
-}, {
-    isDisabled: {
-        true: "border-none bg-primary-grey-500";
+        true: string;
     };
-}>, unknown, unknown, undefined>>;
+}, undefined, "flex h-7 w-[6.125rem] w-full items-center justify-center gap-2 rounded-[3rem] border border-primary-green-500 px-4 py-1", unknown, unknown, undefined>>;

package/dist/components/atoms/DropdownList/DropdownComponents.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react';
 import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MultiValueProps, MultiValueRemoveProps, OptionProps, PlaceholderProps, ValueContainerProps } from 'react-select';
 import { OptionType } from './DropdownProps';
 

package/dist/components/atoms/DropdownList/DropdownProps.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, ReactNode } from 'react';
+import { ComponentType, ReactNode } from '../../../../node_modules/@types/react';
 import { ActionMeta, ControlProps, DropdownIndicatorProps, InputActionMeta, OptionProps, ValueContainerProps } from 'react-select';
 
 export type OptionType = {

package/dist/components/atoms/Flag/Flag.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes } from '../../../../node_modules/@types/react';
 
 export type FlagProps = {
     shadow?: boolean;

package/dist/components/atoms/GlobCheckbox/GlobCheckbox.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler } from 'react';
+import { ChangeEventHandler } from '../../../../node_modules/@types/react';
 
 type CheckBoxProps = {
     value?: string;

package/dist/components/atoms/GlobCheckbox/GlobCheckbox.stories.d.ts

@@ -3,10 +3,10 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: ({ value, checked, onChange, disabled }: {
-        value?: string | undefined;
-        checked?: boolean | undefined;
-        disabled?: boolean | undefined;
-        onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
+        value?: string;
+        checked?: boolean;
+        disabled?: boolean;
+        onChange?: import('../../../../node_modules/@types/react').ChangeEventHandler<HTMLInputElement>;
     }) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };

package/dist/components/atoms/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes } from '../../../../node_modules/@types/react';
 
 export type IconNames = 'add-circle' | 'alert-circle' | 'bank' | 'briefcase' | 'building' | 'calendar' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'close' | 'credit-card-number' | 'credit-card' | 'download' | 'external-link' | 'eye-close' | 'eye-open' | 'file-upload' | 'filters' | 'help-circle' | 'image-broken' | 'mail' | 'open' | 'refresh' | 'Request' | 'resend' | 'ship' | 'user' | 'users' | 'wallet';
 export type IconProps = {

package/dist/components/atoms/Icon/glob-icons/glob-icons-list.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type GlobIconBase = (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const globIconsList: [string, GlobIconBase][];
 export {};

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/@types/react';
 
 export type InputProps = {
     label?: string;
@@ -17,17 +17,17 @@ export type InputProps = {
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
 export type InputPasswordProps = Omit<InputProps, 'icon' | 'type' | 'isDatePicker'>;
 export declare const Input: React.ForwardRefExoticComponent<{
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    message?: string | undefined;
+    label?: string;
+    placeholder?: string;
+    message?: string;
     icon?: React.ReactNode;
-    isInvalid?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    isValid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    value?: string | undefined;
-    isDatePicker?: boolean | undefined;
-    iconAction?: (() => void) | undefined;
-    iconSize?: "small" | "large" | undefined;
-    spellCheck?: "true" | "false" | undefined;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    isValid?: boolean;
+    disabled?: boolean;
+    value?: string;
+    isDatePicker?: boolean;
+    iconAction?: () => void;
+    iconSize?: "small" | "large";
+    spellCheck?: "false" | "true";
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/atoms/Input/Input.stories.d.ts

@@ -2,21 +2,21 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<{
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        message?: string | undefined;
-        icon?: import('react').ReactNode;
-        isInvalid?: boolean | undefined;
-        isRequired?: boolean | undefined;
-        isValid?: boolean | undefined;
-        disabled?: boolean | undefined;
-        value?: string | undefined;
-        isDatePicker?: boolean | undefined;
-        iconAction?: (() => void) | undefined;
-        iconSize?: "small" | "large" | undefined;
-        spellCheck?: "true" | "false" | undefined;
-    } & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
+    component: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<{
+        label?: string;
+        placeholder?: string;
+        message?: string;
+        icon?: React.ReactNode;
+        isInvalid?: boolean;
+        isRequired?: boolean;
+        isValid?: boolean;
+        disabled?: boolean;
+        value?: string;
+        isDatePicker?: boolean;
+        iconAction?: () => void;
+        iconSize?: "small" | "large";
+        spellCheck?: "false" | "true";
+    } & Omit<import('../../../../node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;
     tags: string[];
 };
 export default meta;

package/dist/components/atoms/Input/InputPassword.d.ts

@@ -1,3 +1,3 @@
 import { InputPasswordProps } from '.';
 
-export declare const InputPassword: import('react').ForwardRefExoticComponent<InputPasswordProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const InputPassword: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<InputPasswordProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;

package/dist/components/atoms/InputMask/InputMask.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type InputMaskProps = {
     label?: string;
     placeholder?: string;
@@ -13,17 +12,17 @@ export type InputMaskProps = {
     mask?: string;
     removeTopMargin?: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
-export declare const InputMask: import('react').ForwardRefExoticComponent<{
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    message?: string | undefined;
+export declare const InputMask: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<{
+    label?: string;
+    placeholder?: string;
+    message?: string;
     icon?: React.ReactNode;
-    isInvalid?: boolean | undefined;
-    isValid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    value?: string | undefined;
-    isDatePicker?: boolean | undefined;
-    iconAction?: (() => void) | undefined;
-    mask?: string | undefined;
-    removeTopMargin?: boolean | undefined;
-} & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    disabled?: boolean;
+    value?: string;
+    isDatePicker?: boolean;
+    iconAction?: () => void;
+    mask?: string;
+    removeTopMargin?: boolean;
+} & Omit<import('../../../../node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;

package/dist/components/atoms/InputMask/InputMask.stories.d.ts

@@ -2,20 +2,20 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<{
-        label?: string | undefined;
-        placeholder?: string | undefined;
-        message?: string | undefined;
-        icon?: import('react').ReactNode;
-        isInvalid?: boolean | undefined;
-        isValid?: boolean | undefined;
-        disabled?: boolean | undefined;
-        value?: string | undefined;
-        isDatePicker?: boolean | undefined;
-        iconAction?: (() => void) | undefined;
-        mask?: string | undefined;
-        removeTopMargin?: boolean | undefined;
-    } & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLInputElement>>;
+    component: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<{
+        label?: string;
+        placeholder?: string;
+        message?: string;
+        icon?: React.ReactNode;
+        isInvalid?: boolean;
+        isValid?: boolean;
+        disabled?: boolean;
+        value?: string;
+        isDatePicker?: boolean;
+        iconAction?: () => void;
+        mask?: string;
+        removeTopMargin?: boolean;
+    } & Omit<import('../../../../node_modules/@types/react').InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('../../../../node_modules/@types/react').RefAttributes<HTMLInputElement>>;
     tags: string[];
 };
 export default meta;

package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/@types/react';
 import { ParsedCountry } from 'react-international-phone';
 
 export type PhoneNumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & {

package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').FC<import('./PhoneNumberInput').PhoneNumberInputProps>;
+    component: import('../../../../node_modules/@types/react').FC<import('./PhoneNumberInput').PhoneNumberInputProps>;
     tags: string[];
 };
 export default meta;

package/dist/components/atoms/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type PopoverProps = {
     children: React.ReactNode;
     content: React.ReactNode;

package/dist/components/atoms/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, ReactNode } from 'react';
+import { ChangeEventHandler, ReactNode } from '../../../../node_modules/@types/react';
 
 export type RadioGroupOption = {
     label: ReactNode;

package/dist/components/atoms/SegmentedControl/SegmentedControl.d.ts

@@ -1,4 +1,4 @@
-import { Key, ReactNode } from 'react';
+import { Key, ReactNode } from '../../../../node_modules/@types/react';
 
 export type SegmentedControlProps = {
     className?: string;