gd-design-library 0.0.2 → 0.0.5

package/README.md

@@ -113,7 +113,7 @@ Clone the repository and install the dependencies:
 ```sh
 git clone https://github.com/griddynamics/cto-rnd-system-design.git
 cd gd-design-system
-npm install
+yarn install
 ```
 
 ### Development
@@ -121,7 +121,7 @@ npm install
 To start the development server, run:
 
 ```sh
-npm run dev
+yarn run dev
 ```
 
 This will start the Vite development server and open the project in your default web browser.
@@ -131,7 +131,7 @@ This will start the Vite development server and open the project in your default
 To build the project for production, run:
 
 ```sh
-npm run build
+yarn run build
 ```
 
 The output will be generated in the dist directory.
@@ -141,7 +141,7 @@ The output will be generated in the dist directory.
 To lint the project, run:
 
 ```sh
-npm run lint
+yarn run lint
 ```
 
 ### Code Formatting with Prettier

package/assets/icons/account_circle.d.ts

@@ -0,0 +1,7 @@
+export declare const AccountCircleIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/arrow-down.d.ts

@@ -0,0 +1,6 @@
+export declare const ArrowDownIcon: ({ width, height, fillSvg, fill, }: {
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/arrow-forward.d.ts

@@ -1,4 +1,5 @@
-export declare const ArrowForwardIcon: ({ width, height, fillSvg, fill, }: {
+export declare const ArrowForwardIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/check.d.ts

@@ -1,4 +1,5 @@
-export declare const CheckIcon: ({ width, height, fillSvg, fill, }: {
+export declare const CheckIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/chevron-left.d.ts

@@ -0,0 +1,7 @@
+export declare const ChevronLeftIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/chevron-right.d.ts

@@ -1,4 +1,5 @@
-export declare const ChevronRightIcon: ({ width, height, fillSvg, fill, }: {
+export declare const ChevronRightIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/cross.d.ts

@@ -1,4 +1,5 @@
-export declare const CrossIcon: ({ width, height, fillSvg, fill, }: {
+export declare const CrossIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/dot.d.ts

@@ -1,4 +1,5 @@
-export declare const DotIcon: ({ width, height, fillSvg, fill }: {
+export declare const DotIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/error_outline.d.ts

@@ -0,0 +1,6 @@
+export declare const ErrorOutlineIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/favorite.d.ts

@@ -0,0 +1,7 @@
+export declare const FavoriteIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/home.d.ts

@@ -1,4 +1,5 @@
-export declare const HomeIcon: ({ width, height, fillSvg, fill }: {
+export declare const HomeIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/local_shipping.d.ts

@@ -0,0 +1,7 @@
+export declare const LocalShippingIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/minus.d.ts

@@ -0,0 +1,7 @@
+export declare const MinusIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/mobile_menu_button.d.ts

@@ -0,0 +1,7 @@
+export declare const MobileMenuIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/plus.d.ts

@@ -0,0 +1,7 @@
+export declare const PlusIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/shopping_bag.d.ts

@@ -0,0 +1,7 @@
+export declare const ShoppingBagIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/slash.d.ts

@@ -1,4 +1,5 @@
-export declare const SlashIcon: ({ width, height, fillSvg, fill, }: {
+export declare const SlashIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     fillSvg?: string | undefined;

package/assets/icons/star.d.ts

@@ -1,5 +1,7 @@
-export declare const StarIcon: ({ width, height, fill }: {
+export declare const StarIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
+    fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/starOutlined.d.ts

@@ -0,0 +1,6 @@
+export declare const StarOutlinedIcon: ({ width, height, fillSvg, fill, }: {
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/toast_error.d.ts

@@ -1,4 +1,5 @@
-export declare const ToastErrorIcon: ({ width, height, color }: {
+export declare const ToastErrorIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     color?: string | undefined;

package/assets/icons/toast_info.d.ts

@@ -1,4 +1,5 @@
-export declare const ToastInfoIcon: ({ width, height, color }: {
+export declare const ToastInfoIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     color?: string | undefined;

package/assets/icons/toast_success.d.ts

@@ -1,4 +1,5 @@
-export declare const ToastSuccessIcon: ({ width, height, color }: {
+export declare const ToastSuccessIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     color?: string | undefined;

package/assets/icons/toast_warning.d.ts

@@ -1,4 +1,5 @@
-export declare const ToastWarningIcon: ({ width, height, color }: {
+export declare const ToastWarningIcon: ({ width, height, color, ...rest }: {
+    [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
     color?: string | undefined;

package/assets/index.d.ts

@@ -1,83 +1,23 @@
-import { StarIcon } from './icons/star';
-import { CrossIcon } from './icons/cross';
-import { ToastSuccessIcon } from './icons/toast_success';
-import { ToastWarningIcon } from './icons/toast_warning';
-import { ToastErrorIcon } from './icons/toast_error';
-import { ToastInfoIcon } from './icons/toast_info';
-import { DotIcon } from './icons/dot';
-import { CheckIcon } from './icons/check';
-import { HomeIcon } from './icons/home';
-import { ChevronRightIcon } from './icons/chevron-right';
-import { SlashIcon } from './icons/slash';
-import { ArrowForwardIcon } from './icons/arrow-forward';
-export { StarIcon, CrossIcon, ToastSuccessIcon, ToastWarningIcon, ToastErrorIcon, ToastInfoIcon, DotIcon, CheckIcon, HomeIcon, ChevronRightIcon, SlashIcon, ArrowForwardIcon, };
-declare const _default: {
-    cross: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    success: ({ width, height, color }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        color?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    star: ({ width, height, fill }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    error: ({ width, height, color }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        color?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    warning: ({ width, height, color }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        color?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    info: ({ width, height, color }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        color?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    dot: ({ width, height, fillSvg, fill }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    check: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    home: ({ width, height, fillSvg, fill }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    chevronRight: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    slash: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    arrowForward: ({ width, height, fillSvg, fill, }: {
-        width?: number | undefined;
-        height?: number | undefined;
-        fillSvg?: string | undefined;
-        fill?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-};
-export default _default;
+export { StarIcon } from './icons/star';
+export { CrossIcon } from './icons/cross';
+export { ToastSuccessIcon } from './icons/toast_success';
+export { ToastWarningIcon } from './icons/toast_warning';
+export { ToastErrorIcon } from './icons/toast_error';
+export { ToastInfoIcon } from './icons/toast_info';
+export { DotIcon } from './icons/dot';
+export { CheckIcon } from './icons/check';
+export { ArrowDownIcon } from './icons/arrow-down';
+export { ChevronRightIcon } from './icons/chevron-right';
+export { ChevronLeftIcon } from './icons/chevron-left';
+export { MobileMenuIcon } from './icons/mobile_menu_button';
+export { HomeIcon } from './icons/home';
+export { SlashIcon } from './icons/slash';
+export { ArrowForwardIcon } from './icons/arrow-forward';
+export { LocalShippingIcon } from './icons/local_shipping';
+export { FavoriteIcon } from './icons/favorite';
+export { AccountCircleIcon } from './icons/account_circle';
+export { ShoppingBagIcon } from './icons/shopping_bag';
+export { ErrorOutlineIcon } from './icons/error_outline';
+export { StarOutlinedIcon } from './icons/starOutlined';
+export { MinusIcon } from './icons/minus';
+export { PlusIcon } from './icons/plus';

package/components/core/Button/Button.types.d.ts

@@ -11,10 +11,6 @@ export declare enum ButtonColorVariant {
     Primary = "primary",
     Secondary = "secondary"
 }
-export declare enum IconPosition {
-    Left = "left",
-    Right = "right"
-}
 export declare enum ButtonTypes {
     Button = "button",
     Submit = "submit",
@@ -36,7 +32,6 @@ export declare enum ButtonRole {
 export interface ButtonProps extends CommonCoreComponentProps<ButtonVariant, ButtonColorVariant> {
     iconStart?: ReactNode;
     iconEnd?: ReactNode;
-    iconPosition?: IconPosition;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     type?: ButtonTypes | `${ButtonTypes}`;
     disabled?: boolean;

package/components/core/Dropdown/Dropdown.d.ts

@@ -0,0 +1,4 @@
+import { DropdownProps } from './Dropdown.types';
+export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '../../../hooks/useTheme';
+import { OnSelectProps } from '../types/events.types';
+export interface DropdownProps {
+    theme?: Theme;
+    onSelect?: (props: OnSelectProps) => void;
+}
+export interface StyledDropdownProps extends DropdownProps {
+    $width?: string;
+}
+export interface DropdownContextType {
+    onSelect?: (props: OnSelectProps) => void;
+}

package/components/core/Dropdown/StyledDropdown.d.ts

@@ -0,0 +1,2 @@
+import { StyledDropdownProps } from './Dropdown.types';
+export declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownProps>> & string;

package/components/core/Dropdown/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Dropdown";

package/components/core/Dropdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useDropdown';

package/components/core/Dropdown/hooks/useDropdown.d.ts

@@ -0,0 +1,3 @@
+import { DropdownContextType } from '../Dropdown.types';
+export declare const DropdownContext: import('react').Context<DropdownContextType | undefined>;
+export declare const useDropdownContext: () => DropdownContextType;

package/components/core/Dropdown/index.d.ts

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

package/components/core/DropdownItem/DropdownItem.d.ts

@@ -0,0 +1,4 @@
+import { DropdownItemProps } from './DropdownItem.types';
+export declare const DropdownItem: import('react').ForwardRefExoticComponent<DropdownItemProps<unknown> & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/core/DropdownItem/DropdownItem.types.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { Theme } from '../../../hooks/useTheme';
+import { OnSelectProps } from '../types/events.types';
+export interface DropdownItemProps<T> extends PropsWithChildren {
+    onSelect?: (props: OnSelectProps) => T;
+    children: ReactNode;
+    value?: unknown;
+    itemIndex?: number;
+    name?: string;
+    customClass?: string;
+    theme?: Theme;
+}
+export interface StyledDropdownItemProps {
+    theme?: Theme;
+}

package/components/core/DropdownItem/StyledDropdownItem.d.ts

@@ -0,0 +1,2 @@
+import { StyledDropdownItemProps } from './DropdownItem.types';
+export declare const StyledDropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownItemProps>> & string;

package/components/core/DropdownItem/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "DropdownItem";

package/components/core/DropdownItem/index.d.ts

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

package/components/core/Form/Form.d.ts

@@ -1,4 +1,4 @@
-import { FormProps } from '.';
+import { FormProps } from './Form.types';
 declare const Form: import('react').ForwardRefExoticComponent<FormProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLFormElement>>;

package/components/core/Form/utils.d.ts

@@ -1,3 +1,3 @@
-import { FormFieldsData } from './';
+import { FormFieldsData } from './Form.types';
 export declare const transformFormDataToObjectWithValues: (targetForm?: HTMLFormElement) => FormFieldsData;
 export declare const transformFormElementDataToObjectWithValues: (targetElement: EventTarget, output?: FormFieldsData) => FormFieldsData;

package/components/core/Icon/Icon.d.ts

@@ -1,5 +1,2 @@
 import { IconProps } from './Icon.types';
-export declare const Icon: {
-    (props: IconProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const Icon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGElement>>;

package/components/core/Icon/Icon.types.d.ts

@@ -1,6 +1,5 @@
-import { default as IconsList } from '../../../assets';
 export interface IconProps {
-    name: keyof typeof IconsList;
+    name: string;
     width?: number;
     height?: number;
     fill?: string;

package/components/core/Icon/constants.d.ts

@@ -1 +1,157 @@
-export declare const COMPONENT_NAME = "CustomIcon";
+export declare const IconsList: {
+    cross: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    success: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    star: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    error: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    warning: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    info: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    dot: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    check: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    arrowDown: ({ width, height, fillSvg, fill, }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    arrowRight: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    arrowLeft: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    mobileMenu: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    home: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    slash: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    arrowForward: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    localShipping: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    favorite: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    accountCircle: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    shoppingBag: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    errorOutline: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    starOutlined: ({ width, height, fillSvg, fill, }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    minus: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    plus: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const COMPONENT_NAME = "Icon";

package/components/core/Image/Image.d.ts

@@ -0,0 +1,3 @@
+import { ImageProps } from './Image.types';
+declare const Image: ({ id, src, alt, width, height, className, placeholder, caption, onClick, objectFit, styles, }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export default Image;