kwant-ui 3.48.2-dev.7 → 3.49.0-dev.9

package/README.md

@@ -1,73 +1,181 @@
-# Kwant UI Components
+# Kwant-UI
 
-Welcome to Kwant UI Components! This repository contains a collection of reusable user interface components that can be used to build modern and responsive web applications. These components are designed to provide a consistent and intuitive user experience across different platforms and devices.
+`kwant-ui` is the official frontend component library for Kwant-App. It provides a set of reusable, accessible, and themeable React components to build beautiful and consistent user interfaces.
 
-## Table of Contents
+## 📋 Table of Contents
 
-- [Installation](#installation)
-- [Development environment](#Development)
-- [Usage](#usage)
-- [Storybook](#storybook)
+- [About The Project](#about-the-project 'null')
+- [Installation](#installation 'null')
+- [Usage](#usage 'null')
+- [Storybook: Visualizing Components](#storybook-visualizing-components 'null')
+- [Available Scripts for Development](#available-scripts-for-development 'null')
 
-## Installation
+- [Publishing to NPM](#publishing-to-npm)
+- [Folder Structure](#folder-structure 'null')
+- [Contributing](#contributing 'null')
 
-To install Kwant UI Components, you can use NPM or YARN package manager.
+## 🚀 About The Project
 
-```bash
-# npm
- npm install kwant-ui
+This library contains all the foundational UI elements required for the Kwant ecosystem. Each component is built with TypeScript for type safety and styled to fit our design system. The components are bundled using Rollup.js for optimized performance.
 
-# yarn
- yarn add kwant-ui
-```
+**Built With:**
 
-## Development
+- [**React**](https://reactjs.org/ 'null')**:** A JavaScript library for building user interfaces.
 
-#### Clone the repository to your local machine:
+- [**Styled Components**](https://styled-components.com/ 'null')**:** For component level styling.
 
-```bash
- git clone git@gitlab.com:kwant.ai/frontend/ui-components.git
-```
+- [**TypeScript**](https://www.typescriptlang.org/ 'null')**:** For robust, type-safe components.
+- [**Storybook**](https://storybook.js.org/ 'null')**:** For developing and showcasing components in isolation.
+- [**Rollup.js**](https://rollupjs.org/ 'null')**:** For bundling the library into a distributable format.
+- [**ESLint**](https://eslint.org/ 'null')**:** For maintaining code quality.
 
-#### Navigate to the project directory:
+## 📥 Installation
 
-```bash
-cd ui-components
-```
+To use kwant-ui in your project, you need to install the library along with its peer dependencies.
 
-#### Install the required dependencies:
+Install with npm:
 
-```bash
- npm install
+```
+npm install kwant-ui react react-dom styled-components react-viewport-list
 ```
 
-If you encounter a `Could not resolve dependency` error when configuring the packages above, you can either downgrade Rollup to v3.0.0, downgrade the version of the plugins that have the dependency issue to the version suggested in the terminal, or try running the command with the `--force` option.`
+**Note:** `react-dom, styled-components, react-viewport-list` are a peer dependency and must be installed alongside `kwant-ui`.
 
-## Usage
+## 💡 Usage
 
-You can now import the components into your project and start using them. Here's an example of how to use a button component:
+To use `kwant-ui`, you must wrap your application with the `ThemeProvider` from `styled-components` and provide it with a theme from our library. This is a required step for the components to render correctly.
 
-example
+### 1. Set up the ThemeProvider
 
-```jsx
+In your main application entry point (`main.tsx` or `index.tsx`), set up the provider as follows:
+
+```
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { ROUTES } from './routes';
+import { ThemeProvider } from 'styled-components';
+import './assets/styles/index.scss';
+import { colors } from 'kwant-ui';
+
+const router = createBrowserRouter(ROUTES);
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <ThemeProvider theme={colors}>
+      <RouterProvider router={router} />
+    </ThemeProvider>
+  </React.StrictMode>
+);
+
+```
+
+### 2. Use Components in Your App
+
+Once the `ThemeProvider` is set up, you can import and use any component from the library throughout your application.
+
+```
 import React from 'react';
-import { Button } from 'kwant-ui';
+import { Button, Text } from 'kwant-ui';
 
-function App() {
+function MyComponent() {
   return (
-    <div>
-      <Button variant='primary'>Click me</Button>
-    </div>
+    <>
+      <Text category="subtitle2" weight="semiBold">Welcome</Text>
+      <Button onClick={() => alert('Button Clicked!')} label="Click Me"/>
+    </>
   );
 }
 
-export default App;
+export default MyComponent;
+
+```
+
+## 📖 Storybook: Visualizing Components
+
+We use Storybook for interactive development and documentation. It allows you to browse the component library, view the different states of each component, and interact with them in a live environment.
+
+#### Live Playground
+
+_Explore the live Storybook playground at:_ [_https://ui.kwant.ai/_](https://ui.kwant.ai/ 'null')
+
+#### Local Development
+
+To run Storybook locally, clone this repository and run:
+
+```
+npm run storybook
+```
+
+This will start the Storybook development server on [http://localhost:6006](https://www.google.com/search?q=http://localhost:6006 'null').
+
+## 📜 Available Scripts for Development
+
+These scripts are for the development and maintenance of this library.
+
+### `npm run storybook` or `npm run dev`
+
+Starts the Storybook development server. This is the primary command for developing and testing components in isolation.
+
+### `npm run build`
+
+```
+rm -rf ./dist && rollup -c --bundleConfigAsCjs
 ```
 
-## Storybook
+Builds the library for production. It first cleans the `dist` directory and then uses Rollup to bundle the components into an optimized format suitable for publishing to NPM.
+
+### `npm run prebuild`
+
+This script runs automatically before the `build` script.
+
+- `npm run generate-icon-types`: Executes a utility script to automatically generate TypeScript type definitions for the icons used in the library.
+
+### `npm run build-storybook`
+
+Builds a static version of the Storybook documentation site, which can be deployed and hosted online.
+
+### `npm run lint`
 
-You can explore and interact with the Kwant UI Components using our Storybook. The Storybook showcases all the available components with their various configurations and states.
+```
+eslint "**/*.ts*"
+```
+
+Lints all TypeScript files (`.ts` and `.tsx`) in the project to enforce code quality and style consistency.
+
+## 📦 Publishing to NPM
+
+For instructions on how to publish a new version of `kwant-ui` to the NPM repository, please refer to our internal documentation on Confluence.
+
+[**Publishing Guide: Publishing a version of ui-components(npm package)**](https://ontargetapp.atlassian.net/wiki/x/AwDcfg 'null')
+
+## 📂 Folder Structure
+
+The library is organized as follows:
+
+```
+kwant-ui/
+├── .storybook/         # Storybook configuration files
+├── components/         # The source code for all React components
+├── GlobalStyles/       # Global CSS styles and resets
+├── HOC/                # Higher-Order Components
+├── hooks/              # Custom React hooks
+├── stories/            # Storybook stories for each component
+├── themes/             # Design tokens (colors, spacing, typography)
+├── types/              # Global TypeScript type definitions
+├── utils/              # Utility scripts, like the icon type generator
+├── .eslintrc.cjs       # ESLint configuration
+├── .prettierrc         # Prettier configuration
+├── package.json        # Project dependencies and scripts
+├── rollup.config.js    # Rollup configuration for building the library
+└── tsconfig.json       # TypeScript configuration
+
+```
 
-You can access the Storybook here: [Kwant UI Components Storybook](https://ui.kwant.ai/)
+## 🤝 Contributing
 
-Feel free to experiment with the components and see how they can be customized and integrated into your projects.
+1.  Fork the Project
+2.  Create your Feature Branch (`git checkout -b PR-JIRA-TICKET-ID`)
+3.  Commit your Changes (`git commit -m 'Add NewComponent'`)
+4.  Push to the Branch (`git push origin PR-JIRA-TICKET-ID`)
+5.  Open a Pull Request

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kwant-ui",
-  "version": "3.48.2-dev.7",
+  "version": "3.49.0-dev.9",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",

package/dist/GlobalStyles/index.d.ts

@@ -1,5 +0,0 @@
-import { Color } from '../themes/types';
-declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{
-    theme: Color;
-}, import("styled-components").DefaultTheme>;
-export { GlobalStyles };

package/dist/GlobalStyles/types.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare namespace TextComponent {
-    type Props = ParagraphTypes & {
-        onClick?: (event: React.MouseEvent<HTMLParagraphElement, MouseEvent>) => void;
-        children?: React.ReactNode;
-        type?: Type;
-    };
-    type Category = 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'link' | 'title';
-    type Weight = 'regular' | 'medium' | 'semiBold';
-    type Type = 'error' | 'success';
-    type ParagraphTypes = {
-        category?: Category;
-        weight: Weight;
-        color?: string;
-        type?: Type;
-    };
-}

package/dist/GlobalStyles/typography.d.ts

@@ -1,20 +0,0 @@
-import { FlattenSimpleInterpolation } from 'styled-components';
-import { TextComponent } from './types';
-type Typography = {
-    subtitle1: FlattenSimpleInterpolation;
-    subtitle2: FlattenSimpleInterpolation;
-    body1: FlattenSimpleInterpolation;
-    body2: FlattenSimpleInterpolation;
-    prefix: FlattenSimpleInterpolation;
-    caption: FlattenSimpleInterpolation;
-    link: FlattenSimpleInterpolation;
-};
-declare const FONT_WEIGHT: {
-    regular: number;
-    medium: number;
-    semiBold: number;
-};
-declare const typography: Typography;
-/** switch typography on provided category */
-declare const switchTypography: (props: TextComponent.ParagraphTypes) => FlattenSimpleInterpolation;
-export { switchTypography, typography, FONT_WEIGHT };

package/dist/HOC/HoverHOC/HoverHOC.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { HoverTypes } from './types';
-declare const HoverHOC: import("react").ForwardRefExoticComponent<HoverTypes & import("react").RefAttributes<HTMLInputElement>>;
-export default HoverHOC;

package/dist/HOC/HoverHOC/HoverHOCStyled.d.ts

@@ -1,2 +0,0 @@
-import { HoverStyleTypes } from './types';
-export declare const HoverHOCWrapper: import("styled-components").StyledComponent<"div", any, HoverStyleTypes, never>;

package/dist/HOC/HoverHOC/index.d.ts

@@ -1,2 +0,0 @@
-import HoverHOC from './HoverHOC';
-export { HoverHOC };

package/dist/HOC/HoverHOC/types.d.ts

@@ -1,20 +0,0 @@
-import { Ref } from 'react';
-import { TooltipComponent } from '../../components/Tooltip/types';
-export type HoverTypes = {
-    children: JSX.Element[] | JSX.Element;
-    label?: string;
-    value?: any;
-    editMode?: boolean;
-    disableHover?: boolean;
-    editActive?: boolean;
-    setEditActive?: any;
-    onMouseLeaveFromInput?: any;
-    disableEdit?: boolean;
-    inputRef?: Ref<HTMLInputElement>;
-    tooltipContent?: string | null;
-    tooltipPosition?: TooltipComponent.Position;
-};
-export type HoverStyleTypes = {
-    editMode?: boolean;
-    disableHover?: boolean;
-};

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

@@ -1,3 +0,0 @@
-import { IAlert } from './AlertTypes';
-declare const Alert: (props: IAlert.Props) => import("react/jsx-runtime").JSX.Element;
-export { Alert };

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

@@ -1,6 +0,0 @@
-import { IAlert } from './AlertTypes';
-export declare const AlertStyled: import("styled-components").StyledComponent<"div", any, IAlert.AlertStyled, never>;
-export declare const InfoIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const AlertActionBtn: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -1,24 +0,0 @@
-import { ReactNode } from 'react';
-export declare namespace IAlert {
-    type AlertType = 'success' | 'error' | 'warning' | 'info' | 'promise' | 'alert';
-    interface AlertStyled {
-        type: AlertType;
-        width?: string;
-        minHeight?: string;
-    }
-    type ColorFamily = {
-        class: string;
-        member: string;
-    };
-    interface Props {
-        width?: string;
-        minHeight?: string;
-        message: string | ReactNode;
-        type?: AlertType;
-        showActionBtn?: boolean;
-        actionBtnLabel?: string;
-        showCloseBtn?: boolean;
-        onActionBtnClick?: () => void;
-        onClose?: () => void;
-    }
-}

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

@@ -1,24 +0,0 @@
-import { IAlert } from './AlertTypes';
-export declare const TOAST_COLOR: {
-    [key: string]: {
-        border: IAlert.ColorFamily;
-        background: IAlert.ColorFamily;
-        icon: IAlert.ColorFamily;
-        [key: string]: any;
-    };
-};
-export declare const getIcon: (type: IAlert.AlertType) => import("react/jsx-runtime").JSX.Element;
-export declare const getTooltipColorFor: (type: string, key: string) => any;
-export declare const alertIcons: {
-    info: import("react/jsx-runtime").JSX.Element;
-    success: import("react/jsx-runtime").JSX.Element;
-    error: import("react/jsx-runtime").JSX.Element;
-    warning: import("react/jsx-runtime").JSX.Element;
-    promise: import("react/jsx-runtime").JSX.Element;
-    alert: import("react/jsx-runtime").JSX.Element;
-};
-export declare const switchStyles: (type: IAlert.AlertType, theme: any) => {
-    background: any;
-    border: string;
-};
-export declare const closeIcon: import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +0,0 @@
-import { Alert } from './Alert';
-export { Alert };

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

@@ -1,3 +0,0 @@
-import { AvatarDeclarations } from './Avatar.types';
-declare const Avatar: (props: AvatarDeclarations.Props) => import("react/jsx-runtime").JSX.Element;
-export { Avatar };

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

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-export declare namespace AvatarDeclarations {
-    type Size = number | string | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    interface SizesObj {
-        [key: Size]: {
-            avatarSize: number;
-            fontSize: number;
-        };
-    }
-    interface Props {
-        src?: string;
-        alt?: string;
-        backgroundColor?: 'random' | string;
-        size?: Size;
-        fontSize?: string | number;
-        fontColor?: string;
-        objectFit?: 'cover' | 'contain';
-        avatarButton?: React.ReactNode;
-        onClick?: (params: Props) => void;
-        avatarButtonRightOffset?: number;
-        avatarButtonBottomOffset?: number;
-        [key: string]: any;
-    }
-    type Image = HTMLImageElement | null;
-    interface StyledAvatarContainer {
-        background: string;
-        size: Size;
-    }
-    interface StyledAvatarImage {
-        objectFit: 'cover' | 'contain';
-    }
-    interface StyledAvatarPlaceholder {
-        fontSize: string;
-        fontColor: string;
-    }
-    interface StyledAvatarButton {
-        rightOffset: string;
-        bottomOffset: string;
-    }
-}

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

@@ -1,6 +0,0 @@
-import { AvatarDeclarations } from './Avatar.types';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AvatarContainer: import("styled-components").StyledComponent<"div", any, AvatarDeclarations.StyledAvatarContainer, never>;
-export declare const AvatarImage: import("styled-components").StyledComponent<"img", any, AvatarDeclarations.StyledAvatarImage, never>;
-export declare const AvatarPlaceholder: import("styled-components").StyledComponent<"span", any, AvatarDeclarations.StyledAvatarPlaceholder, never>;
-export declare const AvatarButtonSection: import("styled-components").StyledComponent<"div", any, AvatarDeclarations.StyledAvatarButton, never>;

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

@@ -1,2 +0,0 @@
-import { AvatarDeclarations } from './Avatar.types';
-export declare const sizes: AvatarDeclarations.SizesObj;

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

@@ -1,2 +0,0 @@
-import { Avatar } from './Avatar';
-export { Avatar };

package/dist/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,3 +0,0 @@
-import { IAvatarGroup } from './AvatarGroupTypes';
-declare const AvatarGroup: (props: IAvatarGroup.Props) => import("react/jsx-runtime").JSX.Element;
-export { AvatarGroup };

package/dist/components/AvatarGroup/AvatarGroupStyled.d.ts

@@ -1,3 +0,0 @@
-import { IAvatarGroup } from './AvatarGroupTypes';
-export declare const Container: import("styled-components").StyledComponent<"div", any, IAvatarGroup.StyledAvatarContainer, never>;
-export declare const AvatarItem: import("styled-components").StyledComponent<"div", any, IAvatarGroup.StyledAvatarItem, never>;

package/dist/components/AvatarGroup/AvatarGroupTypes.d.ts

@@ -1,20 +0,0 @@
-import { AvatarDeclarations } from '../Avatar/Avatar.types';
-export declare namespace IAvatarGroup {
-    interface Props extends Pick<AvatarDeclarations.Props, 'backgroundColor' | 'fontColor' | 'fontSize'> {
-        borderWidth?: number;
-        borderColor?: string;
-        boxShadow?: string;
-        avatars?: AvatarDeclarations.Props[];
-        size?: AvatarDeclarations.Size;
-    }
-    interface StyledAvatarContainer {
-        height: string;
-        width: string;
-    }
-    interface StyledAvatarItem {
-        borderWidth?: string;
-        borderColor?: string;
-        boxShadow?: string;
-        index?: number;
-    }
-}

package/dist/components/AvatarGroup/AvatarGroupUtils.d.ts

@@ -1 +0,0 @@
-export declare const calculateWidth: (length: number | string, borderWidth: number, avatarsNumber: number) => number;

package/dist/components/AvatarGroup/index.d.ts

@@ -1,2 +0,0 @@
-import { AvatarGroup } from './AvatarGroup';
-export { AvatarGroup };

package/dist/components/Badge/Badge.d.ts

@@ -1,3 +0,0 @@
-import { BTypes } from './types';
-declare function Badge(props: BTypes): import("react/jsx-runtime").JSX.Element;
-export { Badge };

package/dist/components/Badge/Badge.styled.d.ts

@@ -1 +0,0 @@
-export declare const BadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Badge/types.d.ts

@@ -1,6 +0,0 @@
-export type BTypes = {
-    type?: 'primary' | 'secondary' | 'success' | 'error' | 'warning';
-    label: string;
-    inverted?: boolean;
-    size?: 'sm' | 'default';
-};

package/dist/components/BaseDrawer/BaseDrawer.d.ts

@@ -1,3 +0,0 @@
-import { BaseDrawerDeclarations } from './BaseDrawer.types';
-declare const BaseDrawer: (props: BaseDrawerDeclarations.Props) => any;
-export { BaseDrawer };

package/dist/components/BaseDrawer/BaseDrawer.styled.d.ts

@@ -1,3 +0,0 @@
-import { BaseDrawerDeclarations } from './BaseDrawer.types';
-export declare const DrawerBackdrop: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DrawerContentRoot: import("styled-components").StyledComponent<"section", any, BaseDrawerDeclarations.BaseDrawerContentStyled, never>;

package/dist/components/BaseDrawer/BaseDrawer.types.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export declare namespace BaseDrawerDeclarations {
-    type Position = 'left' | 'right';
-    type Props = {
-        children: React.ReactNode;
-        open?: boolean;
-        onClose?: () => void;
-        width?: string;
-        position?: Position;
-        loading?: boolean;
-        overlayOpacity?: number;
-        customLoader?: React.ReactNode;
-        portal?: boolean;
-    };
-    type BaseDrawerContentStyled = {
-        width?: string;
-        position?: Position;
-    };
-}

package/dist/components/BaseDrawer/BaseDrawer.utils.d.ts

@@ -1,12 +0,0 @@
-export declare const position: {
-    left: {
-        top: number;
-        left: number;
-        bottom: number;
-    };
-    right: {
-        top: number;
-        right: number;
-        bottom: number;
-    };
-};

package/dist/components/BaseDrawer/index.d.ts

@@ -1,2 +0,0 @@
-import { BaseDrawer } from './BaseDrawer';
-export { BaseDrawer };

package/dist/components/BaseDropdown/BaseDropdown.d.ts

@@ -1,3 +0,0 @@
-import { IBaseDropdown } from './BaseDropdownTypes';
-declare const BaseDropdown: (props: IBaseDropdown.Props) => import("react/jsx-runtime").JSX.Element;
-export { BaseDropdown };

package/dist/components/BaseDropdown/BaseDropdownStyled.d.ts

@@ -1,2 +0,0 @@
-import { IBaseDropdown } from './BaseDropdownTypes';
-export declare const DropdownRoot: import("styled-components").StyledComponent<"div", any, IBaseDropdown.BaseDropdownRootTypes, never>;

package/dist/components/BaseDropdown/BaseDropdownTypes.d.ts

@@ -1,20 +0,0 @@
-import { MouseEventHandler } from 'react';
-export declare namespace IBaseDropdown {
-    type BaseDropdownRootTypes = {
-        width?: string | number;
-        height?: string | number;
-        offsetTop?: string;
-        offsetBottom?: string;
-        offsetLeft?: string;
-        offsetRight?: string;
-        zIndex?: number;
-        onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-        onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-    };
-    type Props = BaseDropdownRootTypes & {
-        children?: React.ReactNode;
-        opened?: boolean;
-        targetRef?: React.RefObject<HTMLDivElement>;
-        onClose?: () => void;
-    };
-}

package/dist/components/BaseDropdown/index.d.ts

@@ -1,2 +0,0 @@
-import { BaseDropdown } from './BaseDropdown';
-export { BaseDropdown };

package/dist/components/Battery/Battery.d.ts

@@ -1,3 +0,0 @@
-import { BType } from './types';
-declare function Battery({ level }: BType): import("react/jsx-runtime").JSX.Element;
-export { Battery };

package/dist/components/Battery/Battery.styled.d.ts

@@ -1 +0,0 @@
-export declare const BatteryIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Battery/types.d.ts

@@ -1,3 +0,0 @@
-export type BType = {
-    level?: number;
-};

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,12 +0,0 @@
-export interface ICrumbBase {
-    name: string;
-    path: string;
-    isFavourite?: boolean;
-}
-declare const Breadcrumb: ({ crumbs, showFavoriteButton, onCrumbClick, onFavoriteClick, }: {
-    crumbs: ICrumbBase[];
-    showFavoriteButton?: boolean;
-    onCrumbClick?: (crumb: ICrumbBase) => void;
-    onFavoriteClick?: (crumb: ICrumbBase) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export { Breadcrumb };

package/dist/components/Breadcrumb/Breadcrumb.styled.d.ts

@@ -1,5 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCrumb: import("styled-components").StyledComponent<"div", any, {
-    isLast?: boolean;
-}, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Breadcrumb/BreadcrumbUtils.d.ts

@@ -1,7 +0,0 @@
-export declare const StarIcon: (props: {
-    isFavourite?: boolean;
-    onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const RestCrumb: () => import("react/jsx-runtime").JSX.Element;
-export declare const Separator: () => import("react/jsx-runtime").JSX.Element;
-export declare const isLast: (index: number, array: unknown[]) => boolean;

package/dist/components/Breadcrumb/Crumb.d.ts

@@ -1,9 +0,0 @@
-import { ICrumbBase } from './Breadcrumb';
-interface ICrumb extends ICrumbBase {
-    isLast?: boolean;
-    showFavoriteButton?: boolean;
-    onClick?: () => void;
-    onFavoriteClick?: () => void;
-}
-declare const Crumb: ({ name, isFavourite, isLast, showFavoriteButton, onClick, onFavoriteClick, }: ICrumb) => import("react/jsx-runtime").JSX.Element;
-export default Crumb;