globalfy-design-system 1.16.0 → 1.18.0

package/dist/@types/react-unicons.d.ts

@@ -1,5 +1,5 @@
-declare module "@iconscout/react-unicons" {
-  import { SVGProps } from "react";
+declare module '@iconscout/react-unicons' {
+  import { SVGProps } from 'react';
 
   export type IconType = (props: IconBaseProps) => JSX.Element;
 

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

@@ -1,3 +1,25 @@
-import { AlertProps } from './Alert.types';
-
-export declare const Alert: ({ message, actions, inlineActions, toastType, icon, iconVariant, hasCloseButton, onClickCloseButton, actionType }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare enum ActionType {
+    Button = "button",
+    Link = "link"
+}
+export declare enum ToastType {
+    Alert = "alert",
+    Banner = "banner"
+}
+export type AlertAction = {
+    label: string;
+    onClick: () => void;
+};
+export type AlertProps = {
+    message: string;
+    inlineActions?: boolean;
+    toastType?: ToastType;
+    icon?: React.ReactNode;
+    hasCloseButton?: boolean;
+    onClickCloseButton?: () => void;
+    iconVariant?: 'neutral' | 'success' | 'error' | 'warning' | 'banner';
+    actions?: AlertAction[];
+    actionType?: ActionType;
+};
+export declare const Alert: ({ message, actions, inlineActions, toastType, icon, iconVariant, hasCloseButton, onClickCloseButton, actionType, }: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Alert/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Alert';
 export * from './useAlert';
-export * from './Alert.types';

package/dist/components/atoms/Alert/useAlert.d.ts

@@ -1,4 +1,4 @@
-import { AlertProps } from './Alert.types';
+import { AlertProps } from './Alert';
 
 export declare const useAlert: () => {
     alert: (props: AlertProps) => void;

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

@@ -1,9 +1,9 @@
 export type AvatarProps = {
-    size?: "sm" | "md" | "lg" | "xs";
+    size?: 'sm' | 'md' | 'lg' | 'xs';
     image?: string;
     label?: string;
     border?: boolean;
     className?: string;
-    "data-testid"?: string;
+    'data-testid'?: string;
 };
 export declare const Avatar: ({ size, className, border, image, label, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +1,20 @@
 import { default as React } from 'react';
 import { ButtonProps as NextUIButtonProps } from '@nextui-org/react';
 
-export type ButtonVariant = "primaryDark" | "primaryLight" | "primary" | "negative" | "secondaryNegative" | "secondary" | "tertiary" | "tertiaryDark" | "tertiaryLight" | "direction" | "directionCircle" | "icon";
-export type ButtonProps = Omit<NextUIButtonProps, "variant" | "size" | "ref"> & {
+export type ButtonVariant = 'primaryDark' | 'primaryLight' | 'primary' | 'negative' | 'secondaryNegative' | 'secondary' | 'tertiary' | 'tertiaryDark' | 'tertiaryLight' | 'direction' | 'directionCircle' | 'icon';
+export type ButtonProps = Omit<NextUIButtonProps, 'variant' | 'size' | 'ref'> & {
     children: React.ReactNode;
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
     full?: boolean;
-    size?: "small" | "medium" | "large";
+    size?: 'small' | 'medium' | 'large';
     variant?: ButtonVariant;
     isLoading?: boolean;
     /**
      * @deprecated use {@link ButtonProps.isLoading} instead
      */
     isLoadingComplete?: boolean;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "color">;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onFocus' | 'onBlur' | 'color'>;
 export declare const Button: React.ForwardRefExoticComponent<Omit<NextUIButtonProps, "variant" | "ref" | "size"> & {
     children: React.ReactNode;
     iconLeft?: React.ReactNode;

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

@@ -1,3 +1,13 @@
-import { ChipProps } from './Chip.types';
+import { ReactNode } from 'react';
 
-export declare const Chip: ({ children, className, avatar, size, disabled, iconLeft, iconRight }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export type ChipProps = {
+    children: ReactNode;
+    size?: 'sm' | 'lg';
+    className?: string;
+    'data-testid'?: string;
+    avatar?: string;
+    disabled?: boolean;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+};
+export declare const Chip: ({ children, className, avatar, size, disabled, iconLeft, iconRight, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, className, avatar, size, disabled, iconLeft, iconRight }: import('./Chip.types').ChipProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, className, avatar, size, disabled, iconLeft, iconRight, }: import('./Chip').ChipProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/components/atoms/Chip/index.d.ts

@@ -1,2 +1 @@
 export * from './Chip';
-export * from './Chip.types';

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

@@ -1,3 +1,4 @@
-import { DatePickerProps } from './DatePicker.types';
+import { DayPickerSingleProps } from 'react-day-picker';
 
-export declare const DatePicker: ({ ...props }: DatePickerProps) => JSX.Element;
+export type DatePickerProps = Omit<DayPickerSingleProps, 'mode'>;
+export declare const DatePicker: ({ selected, ...props }: DatePickerProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const meta: {
     title: string;
-    component: ({ ...props }: import('./DatePicker.types').DatePickerProps) => JSX.Element;
+    component: ({ selected, ...props }: import('./DatePicker').DatePickerProps) => JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/atoms/DatePicker/index.d.ts

@@ -1,2 +1 @@
 export * from './DatePicker';
-export * from './DatePicker.types';

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

@@ -1,5 +1,5 @@
-import { ActionMeta, ControlProps, DropdownIndicatorProps, OptionProps, ValueContainerProps } from 'react-select';
 import { ComponentType, ReactNode } from 'react';
+import { ActionMeta, ControlProps, DropdownIndicatorProps, OptionProps, ValueContainerProps } from 'react-select';
 
 export type OptionType = {
     [key: string]: unknown;
@@ -38,6 +38,6 @@ export type DropdownCreditCardOption = {
 };
 export type DropdownCreditCardProps = {
     options: DropdownCreditCardOption[];
-} & Omit<DropdownListProps, "options">;
+} & Omit<DropdownListProps, 'options'>;
 export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, customClassNames, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,3 +1,7 @@
-import { FlagProps } from '.';
+import { HTMLAttributes } from 'react';
 
+export type FlagProps = {
+    shadow?: boolean;
+    country: 'bra' | 'esp' | 'usa';
+} & HTMLAttributes<HTMLImageElement>;
 export declare const Flag: ({ shadow, country, className, ...props }: FlagProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ shadow, country, className, ...props }: import('./Flag.types').FlagProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ shadow, country, className, ...props }: import('./Flag').FlagProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

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

@@ -1,2 +1 @@
 export * from './Flag';
-export * from './Flag.types';

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from '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 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 = {
     name?: string;
     icon?: IconNames;

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

@@ -1,2 +1,2 @@
-import * as fi from "react-icons/fi";
+import * as fi from 'react-icons/fi';
 export declare const featherIconsList: [string, typeof fi.FiActivity][];

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

@@ -1,3 +1,5 @@
+export * from './icons/glob-amex';
+export * from './icons/glob-discover';
 export * from './icons/glob-documents';
 export * from './icons/glob-mastercard-icon';
 export * from './icons/glob-paypal-icon';

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

@@ -0,0 +1 @@
+export declare const GlobAmexIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const GlobDiscoverIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
+export declare const GlobMasterCardIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const MasterCardIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
+export declare const GlobPaypalIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const PaypalIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
+export declare const GlobVisaCardIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const VisaCardIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
 /// <reference types="@/@types/react-unicons" />
-import * as uil from "@iconscout/react-unicons";
+import * as uil from '@iconscout/react-unicons';
 export declare const uniconsIconsList: [string, typeof uil.Uil0Plus][];

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

@@ -1,7 +1,22 @@
 import { default as React } from 'react';
 
+export type InputProps = {
+    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';
+} & 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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     message?: string | undefined;
     icon?: React.ReactNode;

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<{
-        label: string;
+        label?: string | undefined;
         placeholder?: string | undefined;
         message?: string | undefined;
         icon?: import('react').ReactNode;

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

@@ -1,3 +1,2 @@
 export * from './Input';
 export * from './InputPassword';
-export * from './Input.types';

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

@@ -12,7 +12,7 @@ export type InputMaskProps = {
     iconAction?: () => void;
     mask?: string;
     removeTopMargin?: boolean;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
 export declare const InputMask: import('react').ForwardRefExoticComponent<{
     label?: string | undefined;
     placeholder?: string | undefined;

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

@@ -1,3 +1,16 @@
-import { LogoProps } from '.';
-
+interface CommonProps {
+    variant?: 'default' | 'dark' | 'light';
+    className?: string;
+    short?: boolean;
+}
+interface LogoWidthProps extends CommonProps {
+    width?: number;
+    height?: never;
+}
+interface LogoHeightProps extends CommonProps {
+    width?: never;
+    height?: number;
+}
+export type LogoProps = LogoWidthProps | LogoHeightProps;
 export declare function Logo({ variant, className, short, width, height }: LogoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/Logo/index.d.ts

@@ -1,2 +1 @@
 export * from './Logo';
-export * from './Logo.types';

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

@@ -1,4 +1,17 @@
 import { default as React } from 'react';
-import { PhoneNumberInputProps } from './PhoneNumberInput.types';
+import { ParsedCountry } from 'react-international-phone';
 
+export type PhoneNumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & {
+    value?: string;
+    onChange?: (data: {
+        phone: string;
+        inputValue: string;
+        country: ParsedCountry;
+    }) => void;
+    error?: boolean;
+    errorMessage?: string;
+    isValid?: boolean;
+    searchMessage: string;
+    noResultsFoundMessage: string;
+};
 export declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;

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.types').PhoneNumberInputProps>;
+    component: import('react').FC<import('./PhoneNumberInput').PhoneNumberInputProps>;
     tags: string[];
 };
 export default meta;

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

@@ -1,2 +1 @@
 export * from './PhoneNumberInput';
-export * from './PhoneNumberInput.types';

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

@@ -1,3 +1,17 @@
-import { PopoverProps } from './Popover.types';
-
+/// <reference types="react" />
+export type PopoverProps = {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    onInteractOutside?: () => void;
+    onOpenAutoFocus?: (event: Event) => void;
+    defaultOpen?: boolean;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    hasCloseButton?: boolean;
+    hasShadow?: boolean;
+    className?: string;
+    sideOffset?: number;
+};
 export declare const Popover: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: import('./Popover.types').PopoverProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: import('./Popover').PopoverProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -1,2 +1 @@
 export * from './Popover';
-export * from './Popover.types';

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

@@ -1,3 +1,19 @@
-import { RadioGroupProps } from './RadioGroup.types';
+import { ChangeEventHandler, ReactNode } from 'react';
 
-export declare const RadioGroup: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export type RadioGroupOption = {
+    label: ReactNode;
+    value: string;
+    id: string;
+};
+export type RadioGroupProps = {
+    options: RadioGroupOption[];
+    labelPosition?: 'left' | 'right';
+    orientation?: 'vertical' | 'horizontal';
+    onValueChange?: (value: string) => void;
+    value?: string;
+    className?: string;
+    optionWrapperClassName?: string;
+    labelClassName?: string;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+};
+export declare const RadioGroup: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange }: import('./RadioGroup.types').RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange, }: import('./RadioGroup').RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

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

@@ -1,3 +1,18 @@
-import { SegmentedControlProps } from './SegmentedControl.types';
+import { Key, ReactNode } from 'react';
 
+export type SegmentedControlProps = {
+    className?: string;
+    'data-testid'?: string;
+    size?: 'sm' | 'md' | 'lg';
+    tabs: {
+        icon?: ReactNode;
+        key: string;
+        title: ReactNode;
+        component?: ReactNode;
+    }[];
+    tabClass?: string;
+    onSelectionChange?: (key: Key) => void;
+    selectedKey?: string | number | null;
+    fullWidth?: boolean;
+};
 export declare const SegmentedControl: ({ tabs, tabClass, size, onSelectionChange, ...props }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ tabs, tabClass, size, onSelectionChange, ...props }: import('./SegmentedControl.types').SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ tabs, tabClass, size, onSelectionChange, ...props }: import('./SegmentedControl').SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

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

@@ -1,2 +1 @@
 export * from './SegmentedControl';
-export * from './SegmentedControl.types';

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

@@ -1,3 +1,10 @@
-import { SnackbarProps } from './Snackbar.types';
-
+export type SnackbarAction = {
+    label: string;
+    onClick: () => void;
+};
+export type SnackbarProps = {
+    message: string;
+    inlineActions?: boolean;
+    actions?: SnackbarAction[];
+};
 export declare const Snackbar: ({ message, actions, inlineActions }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Snackbar/useSnackbar.d.ts

@@ -1,4 +1,4 @@
-import { SnackbarAction } from './Snackbar.types';
+import { SnackbarAction } from './Snackbar';
 
 export declare const useSnackbar: () => {
     snackbar: (message: string, options?: {

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

@@ -1,3 +1,11 @@
-import { SwitchProps } from './Switch.types';
-
+export type SwitchProps = {
+    'data-testid'?: string;
+    icons?: {
+        selectedIcon: string;
+        unselectedIcon: string;
+    };
+    className?: string;
+    isSelected: boolean;
+    onValueChange?: ((isSelected: boolean) => void) | undefined;
+};
 export declare const Switch: ({ icons, className, isSelected, onValueChange }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ icons, className, isSelected, onValueChange }: import('./Switch.types').SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ icons, className, isSelected, onValueChange }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/components/atoms/Switch/index.d.ts

@@ -1,2 +1 @@
 export * from './Switch';
-export * from './Switch.types';

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

@@ -1,3 +1,15 @@
-import { TabsProps } from './Tabs.types';
+import { ReactNode } from 'react';
 
+export type TabsProps = {
+    className?: string;
+    'data-testid'?: string;
+    tabs: {
+        icon?: ReactNode;
+        key: string;
+        title: string;
+        content?: ReactNode;
+    }[];
+    defaultValue?: string;
+    variant?: 'underline' | 'button';
+};
 export declare const Tabs: ({ tabs, defaultValue, variant, className, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ tabs, defaultValue, variant, className, ...props }: import('./Tabs.types').TabsProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ tabs, defaultValue, variant, className, ...props }: import('./Tabs').TabsProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/atoms/Tabs/index.d.ts

@@ -1,2 +1 @@
 export * from './Tabs';
-export * from './Tabs.types';

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

@@ -1,3 +1,12 @@
-import { TagProps } from './Tag.types';
+import { ReactNode } from 'react';
 
+export type TagColor = 'red' | 'orange' | 'lightGreen' | 'violet' | 'blue' | 'darkGreen' | 'gray' | 'yellow';
+export type TagVariant = 'light' | 'dark' | 'ghost';
+export type TagProps = {
+    children: ReactNode;
+    className?: string;
+    variant?: TagVariant;
+    color?: TagColor;
+    'data-testid'?: string;
+};
 export declare const Tag: ({ children, className, variant, color }: TagProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, className, variant, color }: import('./Tag.types').TagProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, className, variant, color }: import('./Tag').TagProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/components/atoms/Tag/index.d.ts

@@ -1,2 +1 @@
 export * from './Tag';
-export * from './Tag.types';

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

@@ -7,7 +7,7 @@ export type TextAreaProps = {
     isValid?: boolean;
     allowResize?: boolean;
     value?: string;
-} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
+} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
 export declare const TextArea: import('react').ForwardRefExoticComponent<{
     label?: string | undefined;
     message?: string | undefined;

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

@@ -6,7 +6,7 @@ interface Props {
     icon?: React.ReactNode;
     isInvalid?: boolean;
     isValid?: boolean;
-    iconSize?: "small" | "large";
+    iconSize?: 'small' | 'large';
     iconAction?: () => void;
     removeTopMargin?: boolean;
 }

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

@@ -9,6 +9,6 @@ export type TooltipProps = {
         onClick: () => void;
         label: string;
     };
-    size?: "sm" | "lg" | "auto";
+    size?: 'sm' | 'lg' | 'auto';
 };
-export declare const Tooltip: ({ children, showArrow, startOpen, content, hasCloseButton, action, size }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ children, showArrow, startOpen, content, hasCloseButton, action, size, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, showArrow, startOpen, content, hasCloseButton, action, size }: import('./Tooltip').TooltipProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, showArrow, startOpen, content, hasCloseButton, action, size, }: import('./Tooltip').TooltipProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -1,3 +1,8 @@
-import { TypographyProps } from './Typography.types';
+import { HTMLAttributes } from 'react';
 
+export type TypographyProps = {
+    children: React.ReactNode;
+    font?: 'satoshi' | 'livvic';
+    weight?: 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'black';
+} & HTMLAttributes<HTMLParagraphElement>;
 export declare const Typography: ({ children, className, font, weight, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;