chop-logic-components 4.0.3 → 4.1.1

package/README.md

@@ -2,25 +2,30 @@
 
 ![Chop Logic](public/logo.jpeg)
 
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![GitHub Pages](https://github.com/ChopLogic/chop-logic-components/actions/workflows/github-pages.yml/badge.svg)](https://github.com/ChopLogic/chop-logic-components/actions/workflows/github-pages.yml)
+#### Code Quality Checks
+[![CI](https://github.com/ChopLogic/chop-logic-components/actions/workflows/ci.yml/badge.svg)](https://github.com/ChopLogic/chop-logic-components/actions/workflows/ci.yml)
 [![codecov](https://codecov.io/gh/ChopLogic/chop-logic-components/graph/badge.svg?token=0M1IKB16FN)](https://codecov.io/gh/ChopLogic/chop-logic-components)
+[![Mutation testing badge](https://img.shields.io/endpoint?style=flat&url=https%3A%2F%2Fbadge-api.stryker-mutator.io%2Fgithub.com%2FChopLogic%2Fchop-logic-components%2Fmain)](https://dashboard.stryker-mutator.io/reports/github.com/ChopLogic/chop-logic-components/main)
 [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=ChopLogic_chop-logic-components&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=ChopLogic_chop-logic-components)
+[![Checked with Biome](https://img.shields.io/badge/Checked_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)
+
+#### Deployments
+[![GitHub Pages](https://github.com/ChopLogic/chop-logic-components/actions/workflows/github-pages.yml/badge.svg)](https://github.com/ChopLogic/chop-logic-components/actions/workflows/github-pages.yml)
 [![NPM](https://github.com/ChopLogic/chop-logic-components/actions/workflows/npm.yml/badge.svg)](https://github.com/ChopLogic/chop-logic-components/actions/workflows/npm.yml)
+
+#### Standards
 [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](CODE_OF_CONDUCT.md)
 [![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-%23FE5196?logo=conventionalcommits&logoColor=white)](https://conventionalcommits.org)
-[![Checked with Biome](https://img.shields.io/badge/Checked_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)
-[![Code Style: Prettier](https://img.shields.io/badge/Code_Style-Prettier-ff69b4.svg?style=flat)](https://prettier.io)
 [![Keep a changelog](https://img.shields.io/badge/Keep%20a%20changelog-1.1.0-E05735?logo=keep-a-changelog&labelColor)](https://keepachangelog.com/en/1.1.0/)
 [![Semantic versioning](https://img.shields.io/badge/SemVer-2.0.0-3F4551?logo=semver&labelColor)](https://semver.org/spec/v2.0.0)
-[![Mutation testing badge](https://img.shields.io/endpoint?style=flat&url=https%3A%2F%2Fbadge-api.stryker-mutator.io%2Fgithub.com%2FChopLogic%2Fchop-logic-components%2Fmain)](https://dashboard.stryker-mutator.io/reports/github.com/ChopLogic/chop-logic-components/main)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 Welcome to **Chop Logic Components**, a React components library packed with a variety of **styled
 components** and **custom hooks** that are easy to integrate into any React project.
 
 ## 📚 About This Library
 
-Chop Logic Components follows **Atomic Design** principles with **Fully Typed TypeScript** components. All styling uses **pure CSS with CSS variables** (BEM naming convention with `cl-` prefix) for consistent theming across light and dark modes. Built for developer productivity with comprehensive Storybook documentation and accessibility-first approach.
+Chop Logic Components follows **Atomic Design** principles with **Fully Typed TypeScript** components. All styling uses **pure CSS with CSS variables** (BEM naming convention with `cl-` prefix) for consistent theming across light and dark modes. Built for developer productivity with comprehensive [Storybook documentation](https://choplogic.github.io/chop-logic-components) and accessibility-first approach.
 
 ## ✨ Features
 
@@ -30,9 +35,18 @@ Components has the tools to make it easier.
 
 ## 🔗 Links
 
-- [Storybook Playground](https://choplogic.github.io/chop-logic-components)
-- [Changelog](CHANGELOG.md)
 - [NPM package](https://www.npmjs.com/package/chop-logic-components)
+- [Playground](https://choplogic.github.io/chop-logic-components)
+- [Changelog](CHANGELOG.md)
+
+## Quality assurance
+
+Automated checks include [**CI**](https://github.com/ChopLogic/chop-logic-components/actions/workflows/ci.yml)
+(typecheck, lint, unit tests, library build, Storybook test runner), [**Codecov**](https://codecov.io/gh/ChopLogic/chop-logic-components),
+[**SonarCloud**](https://sonarcloud.io/summary/new_code?id=ChopLogic_chop-logic-components), and scheduled
+[**mutation testing**](https://dashboard.stryker-mutator.io/reports/github.com/ChopLogic/chop-logic-components/main).
+Contributor workflow and coverage expectations are described in [CONTRIBUTING.md](CONTRIBUTING.md); architectural
+decisions are recorded under [docs/adr/](docs/adr/).
 
 ## 📦 Installation
 
@@ -64,6 +78,7 @@ yarn add chop-logic-components
 | `typecheck`       | Performs a full type check without emitting output.                                                                                                   |
 | `test`            | Runs unit tests using Vitest in watch mode (interactive).                                                                                             |
 | `test:ci`         | Runs tests once in CI mode and allows empty test sets.                                                                                                |
+| `test:integration` | Builds Storybook and runs the Storybook test runner (Playwright) against static output—integration smoke tests.                                     |
 | `coverage`        | Runs tests and generates a coverage report using Vitest.                                                                                              |
 | `test:mutation`   | Runs mutation testing using Stryker to verify test quality.                                                                                           |
 | `release:version` | Bumps the version (`patch`, `minor`, or `major`), commits the change, creates a Git tag, and pushes to `main`. Usage: `npm run release:version patch` |

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ButtonProps } from '../../../types';
+declare const Button: FC<ButtonProps & {
+    tooltip?: string;
+    visibleOn?: "hover" | "click" | "focus" | "contextmenu";
+}>;
+export default Button;

package/dist/components/atoms/button/icon-button/IconButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonProps } from '../../../../types';
+export declare const IconButton: FC<Omit<ButtonProps, 'text'>>;

package/dist/components/atoms/button/inner-button/InnerButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonProps } from '../../../../types';
+export declare const InnerButton: FC<Omit<ButtonProps, 'text'>>;

package/dist/components/atoms/button/primary-button/PrimaryButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonProps } from '../../../../types';
+export declare const PrimaryButton: FC<ButtonProps>;

package/dist/components/atoms/button/secondary-button/SecondaryButton.css

@@ -1 +1 @@
-.cl-secondary-button{background:var(--cl-surface-a10);cursor:pointer;border-radius:var(--cl-border-radius);gap:var(--cl-s-gap);box-shadow:var(--cl-box-shadow);border:none;transition:all .15s}.cl-secondary-button:hover{box-shadow:var(--cl-box-shadow-extended)}.cl-secondary-button:active{box-shadow:var(--cl-box-shadow);transform:scale(.98)}.cl-secondary-button__text{font-family:var(--cl-core-font);font-size:inherit;color:var(--cl-base-font-color);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}.cl-secondary-button__icon:before{color:var(--cl-base-font-color);margin-right:var(--cl-s-gap)}
+.cl-secondary-button{background:var(--cl-surface-a10);cursor:pointer;border-radius:var(--cl-border-radius);border:var(--cl-light-border);gap:var(--cl-s-gap);box-shadow:var(--cl-box-shadow);transition:all .15s}.cl-secondary-button:hover{box-shadow:var(--cl-box-shadow-extended)}.cl-secondary-button:active{box-shadow:var(--cl-box-shadow);transform:scale(.98)}.cl-secondary-button__text{font-family:var(--cl-core-font);font-size:inherit;color:var(--cl-base-font-color);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}.cl-secondary-button__icon:before{color:var(--cl-base-font-color);margin-right:var(--cl-s-gap)}

package/dist/components/atoms/button/secondary-button/SecondaryButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonProps } from '../../../../types';
+export declare const SecondaryButton: FC<ButtonProps>;

package/dist/components/atoms/editable-text/EditView.d.ts

@@ -0,0 +1,14 @@
+import { ChopLogicComponentProps } from '../../../types';
+import { FC, RefObject } from 'react';
+interface EditViewProps extends ChopLogicComponentProps {
+    multiline: boolean;
+    value: string;
+    placeholder: string;
+    onChange: (value: string) => void;
+    onBlur: () => void;
+    onKeyDown: (event: React.KeyboardEvent) => void;
+    className: string;
+    inputRef: RefObject<HTMLTextAreaElement | HTMLInputElement | null>;
+}
+export declare const EditView: FC<EditViewProps>;
+export {};

package/dist/components/atoms/editable-text/EditableText.d.ts

@@ -0,0 +1,4 @@
+import { EditableTextProps } from '../../../types';
+import { FC } from 'react';
+declare const EditableText: FC<EditableTextProps>;
+export default EditableText;

package/dist/components/atoms/editable-text/ReadView.d.ts

@@ -0,0 +1,10 @@
+import { ChopLogicComponentProps } from '../../../types';
+import { FC } from 'react';
+interface ReadViewProps extends ChopLogicComponentProps {
+    value: string;
+    placeholder: string;
+    onClick: (event: React.MouseEvent) => void;
+    className: string;
+}
+export declare const ReadView: FC<ReadViewProps>;
+export {};

package/dist/components/atoms/editable-text/useEditModeState.d.ts

@@ -0,0 +1,6 @@
+export declare const useEditModeState: (controlledEditMode?: boolean, readOnly?: boolean) => {
+    editMode: boolean;
+    enterEditMode: () => void;
+    exitEditMode: () => void;
+    isControlled: boolean;
+};

package/dist/components/atoms/editable-text/useInputFocus.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useInputFocus: (ref: RefObject<HTMLTextAreaElement | HTMLInputElement | null>, editMode: boolean, autoSelectTextOnEditMode?: boolean, readOnly?: boolean) => void;

package/dist/components/atoms/editable-text/useValueState.d.ts

@@ -0,0 +1,6 @@
+export declare const useValueState: (value: string, onChange?: (value: string) => void) => {
+    internalValue: string;
+    updateValue: (newValue: string) => void;
+    commitValue: () => void;
+    resetValue: () => void;
+};

package/dist/components/atoms/error-message/ErrorMessage.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type ErrorMessageProps = {
+    errorId: string;
+    visible?: boolean;
+    message?: string;
+    testId?: string;
+    className?: string;
+};
+declare const ErrorMessage: FC<ErrorMessageProps>;
+export default ErrorMessage;

package/dist/components/atoms/header/Header.d.ts

@@ -0,0 +1,4 @@
+import { HeaderProps } from '../../../types';
+import { FC } from 'react';
+declare const Header: FC<HeaderProps>;
+export default Header;

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

@@ -0,0 +1,11 @@
+import { ElementSize, IconName } from '../../../enums';
+import { ChopLogicComponentProps } from '../../../types';
+import { FC } from 'react';
+export interface IconProps extends ChopLogicComponentProps {
+    name?: IconName;
+    testId?: string;
+    hidden?: boolean;
+    size?: ElementSize;
+}
+declare const Icon: FC<IconProps>;
+export default Icon;

package/dist/components/atoms/icon/Icon2.js

@@ -3,9 +3,9 @@ import { ElementSize as t } from "../../../enums/element-size.js";
 import './Icon.css';/* empty css     */
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/atoms/icon/Icon.tsx
-var r = ({ name: r, testId: i, className: a, hidden: o, size: s = t.Medium, ...c }) => {
-	if (!r) return null;
-	let l = e([
+var r = ({ name: r, testId: i, className: a, hidden: o, size: s = t.Medium, ...c }) => r ? /* @__PURE__ */ n("span", {
+	"data-testid": i,
+	className: e([
 		a,
 		"cl-icon",
 		r,
@@ -17,13 +17,9 @@ var r = ({ name: r, testId: i, className: a, hidden: o, size: s = t.Medium, ...c
 			"cl-icon_xlarge": s === t.ExtraLarge,
 			"cl-icon_2xlarge": s === t.ExtraExtraLarge
 		}
-	]);
-	return /* @__PURE__ */ n("span", {
-		"data-testid": i,
-		className: l,
-		"aria-hidden": o,
-		...c
-	});
-};
+	]),
+	"aria-hidden": o,
+	...c
+}) : null;
 //#endregion
 export { r as default };

package/dist/components/atoms/image/BasicImage.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+type Props = {
+    src: string;
+    alt: string;
+    sizes?: string;
+    width?: number | string;
+    height?: number | string;
+    loading?: 'lazy' | 'eager';
+    decoding?: 'sync' | 'async' | 'auto';
+    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+};
+export declare const BasicImage: FC<Props>;
+export {};

package/dist/components/atoms/image/FallBackImage.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const FallbackImage: FC;

package/dist/components/atoms/image/Image.d.ts

@@ -0,0 +1,6 @@
+import { ImageProps } from '../../../types';
+import { FC } from 'react';
+declare const Image: FC<ImageProps & {
+    caption?: string;
+}>;
+export default Image;

package/dist/components/atoms/image/ResponsivePicture.d.ts

@@ -0,0 +1,15 @@
+import { ImageSource } from '../../../types';
+import { FC } from 'react';
+type Props = {
+    sources: ImageSource[];
+    src: string;
+    alt: string;
+    sizes?: string;
+    width?: number | string;
+    height?: number | string;
+    loading?: 'lazy' | 'eager';
+    decoding?: 'sync' | 'async' | 'auto';
+    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+};
+export declare const ResponsivePicture: FC<Props>;
+export {};

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

@@ -0,0 +1,11 @@
+export { default as Button } from './button/Button';
+export { default as EditableText } from './editable-text/EditableText';
+export { default as ErrorMessage } from './error-message/ErrorMessage';
+export { default as Header } from './header/Header';
+export { default as Icon } from './icon/Icon';
+export { default as Image } from './image/Image';
+export { default as Input } from './input/Input';
+export { default as Label } from './label/Label';
+export { default as Link } from './link/Link';
+export { default as Portal } from './portal/Portal';
+export { default as Tooltip } from './tooltip/Tooltip';

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

@@ -0,0 +1,5 @@
+import { InputHTMLAttributes } from 'react';
+declare const _default: import('react').ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLInputElement>>;
+export default _default;

package/dist/components/atoms/label/Label.d.ts

@@ -0,0 +1,16 @@
+import { ElementSize, IconName } from '../../../enums';
+import { FC } from 'react';
+type LabelProps = {
+    label: string;
+    required: boolean;
+    inputId: string;
+    isTextHidden?: boolean;
+    icon?: IconName;
+    iconPosition?: 'left' | 'right';
+    iconSize?: ElementSize;
+    disabled?: boolean;
+    className?: string;
+    testId?: string;
+};
+declare const Label: FC<LabelProps>;
+export default Label;

package/dist/components/atoms/link/Link.d.ts

@@ -0,0 +1,4 @@
+import { LinkProps } from '../../../types';
+import { FC } from 'react';
+declare const Link: FC<LinkProps>;
+export default Link;

package/dist/components/atoms/portal/Portal.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement, ReactPortal } from 'react';
+declare const Portal: ({ children }: {
+    children: ReactElement;
+}) => ReactPortal;
+export default Portal;

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

@@ -0,0 +1,19 @@
+import { MouseEvent } from 'react';
+type Params = {
+    autoClose: boolean;
+    autoCloseDelay: number;
+    id?: string;
+};
+export declare const useTooltipController: ({ id, autoClose, autoCloseDelay }: Params) => {
+    elementId: string;
+    openTooltip: () => void;
+    closeTooltip: () => void;
+    toggleTooltip: () => void;
+    handleContextMenu: (e: MouseEvent) => void;
+    top: number;
+    left: number;
+    isOpened: boolean;
+    wrapperRef: import('react').RefObject<null>;
+    tooltipRef: import('react').RefObject<HTMLDivElement | null>;
+};
+export {};

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

@@ -0,0 +1,4 @@
+import { TooltipProps } from '../../../types';
+import { FC } from 'react';
+declare const Tooltip: FC<TooltipProps>;
+export default Tooltip;

package/dist/components/contexts/form/FormContext.d.ts

@@ -0,0 +1,7 @@
+import { FormInputParams, FormValues } from '../../../types';
+export interface FormContextProps {
+    onChangeFormInput?: (params: FormInputParams) => void;
+    initialValues?: FormValues;
+    resetSignal?: number;
+}
+export declare const FormContext: import('react').Context<FormContextProps>;

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

@@ -0,0 +1,4 @@
+export type { FormContextProps } from './form/FormContext';
+export { FormContext } from './form/FormContext';
+export { CL_DARK_THEME_CLASS, CL_LIGHT_THEME_CLASS, ThemeContext } from './theme/ThemeContext';
+export { ThemeProvider } from './theme/ThemeProvider';

package/dist/components/contexts/theme/ThemeContext.d.ts

@@ -0,0 +1,8 @@
+export declare const CL_LIGHT_THEME_CLASS = "cl-components-light-theme";
+export declare const CL_DARK_THEME_CLASS = "cl-components-dark-theme";
+type ThemeMode = typeof CL_LIGHT_THEME_CLASS | typeof CL_DARK_THEME_CLASS;
+export declare const ThemeContext: import('react').Context<{
+    mode?: ThemeMode;
+    setMode: (mode: ThemeMode) => void;
+}>;
+export {};

package/dist/components/contexts/theme/ThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { CL_DARK_THEME_CLASS, CL_LIGHT_THEME_CLASS } from './ThemeContext';
+type ThemeMode = typeof CL_LIGHT_THEME_CLASS | typeof CL_DARK_THEME_CLASS;
+export declare const ThemeProvider: FC<{
+    children: ReactNode;
+    injectedMode?: ThemeMode;
+}>;
+export {};

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

@@ -0,0 +1,3 @@
+export { type WithErrorBoundaryProps, withErrorBoundary, } from './with-error-boundary/with-error-boundary';
+export { withFigureCaption } from './with-figure-caption/with-figure-caption';
+export { withTooltip } from './with-tooltip/with-tooltip';

package/dist/components/hocs/with-error-boundary/index.js

@@ -0,0 +1,2 @@
+export { default } from './with-error-boundary.js';
+export * from './with-error-boundary.js';

package/dist/components/hocs/with-error-boundary/with-error-boundary.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType, FC } from 'react';
+export type WithErrorBoundaryProps = {
+    errorMessage?: string;
+    onError?: () => void;
+};
+export declare function withErrorBoundary<P extends object>(ComponentToWrap: ComponentType<P>): FC<P & WithErrorBoundaryProps>;

package/dist/components/hocs/with-error-boundary/with-error-boundary.js

@@ -0,0 +1,32 @@
+import e from "../../atoms/error-message/ErrorMessage2.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Component as n, useId as r } from "react";
+//#region src/components/hocs/with-error-boundary/with-error-boundary.tsx
+var i = class extends n {
+	constructor(e) {
+		super(e), this.state = { hasError: !1 };
+	}
+	static getDerivedStateFromError() {
+		return { hasError: !0 };
+	}
+	componentDidCatch(e, t) {
+		this.props.onError?.();
+	}
+	render() {
+		return this.state.hasError ? /* @__PURE__ */ t(e, {
+			errorId: this.props.errorId,
+			message: this.props.errorMessage,
+			visible: !0
+		}) : this.props.children;
+	}
+};
+function a(e) {
+	return ({ errorMessage: n, onError: a, ...o }) => /* @__PURE__ */ t(i, {
+		errorId: `cl-error-boundary-${r().replace(/:/g, "")}`,
+		errorMessage: n,
+		onError: a,
+		children: /* @__PURE__ */ t(e, { ...o })
+	});
+}
+//#endregion
+export { a as withErrorBoundary };

package/dist/components/hocs/with-figure-caption/with-figure-caption.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType, FC } from 'react';
+type WithFigureCaptionProps = {
+    caption?: string;
+};
+export declare function withFigureCaption<P extends object>(Component: ComponentType<P>): FC<P & WithFigureCaptionProps>;
+export {};

package/dist/components/hocs/with-tooltip/with-tooltip.d.ts

@@ -0,0 +1,7 @@
+import { ComponentType, FC } from 'react';
+type WithTooltipProps = {
+    tooltip?: string;
+    visibleOn?: 'hover' | 'click' | 'focus' | 'contextmenu';
+};
+export declare function withTooltip<P extends object>(Component: ComponentType<P>): FC<P & WithTooltipProps>;
+export {};

package/dist/components/molecules/accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import { AccordionProps } from '../../../types';
+import { FC } from 'react';
+declare const Accordion: FC<AccordionProps>;
+export default Accordion;

package/dist/components/molecules/accordion/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import { AccordionItemProps } from '../../../types';
+import { FC } from 'react';
+export declare const AccordionItem: FC<AccordionItemProps>;

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

@@ -0,0 +1,4 @@
+import { AlertProps } from '../../../types';
+import { FC } from 'react';
+declare const Alert: FC<AlertProps>;
+export default Alert;

package/dist/components/molecules/alert/Alert.helpers.d.ts

@@ -0,0 +1,3 @@
+import { AlertMode, IconName } from '../../../enums';
+export declare function getAlertTitle(mode: AlertMode, title?: string): string;
+export declare function getAlertIcon(mode: AlertMode, icon?: IconName): IconName | undefined;

package/dist/components/molecules/alert/AlertProgressBar.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const AlertProgressBar: FC<{
+    remainingPercentage: number;
+}>;

package/dist/components/molecules/breadcrumbs/BreadcrumbItem.d.ts

@@ -0,0 +1,7 @@
+import { Breadcrumb } from '../../../types';
+import { FC } from 'react';
+declare const BreadcrumbItem: FC<{
+    item: Breadcrumb;
+    isLastItem: boolean;
+}>;
+export default BreadcrumbItem;

package/dist/components/molecules/breadcrumbs/BreadcrumbList.d.ts

@@ -0,0 +1,6 @@
+import { Breadcrumb } from '../../../types';
+import { FC } from 'react';
+declare const BreadcrumbList: FC<{
+    items: Breadcrumb[];
+}>;
+export default BreadcrumbList;

package/dist/components/molecules/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,4 @@
+import { BreadcrumbsProps } from '../../../types';
+import { FC } from 'react';
+declare const Breadcrumbs: FC<BreadcrumbsProps>;
+export default Breadcrumbs;

package/dist/components/molecules/checkbox/Checkbox.controller.d.ts

@@ -0,0 +1,9 @@
+import { ChangeEvent, ChangeEventHandler } from 'react';
+export declare function useCheckboxController({ name, defaultChecked, onChange, }: {
+    name: string;
+    defaultChecked?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}): {
+    handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    checked: boolean;
+};

package/dist/components/molecules/checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxProps } from '../../../types';
+import { FC } from 'react';
+/**
+ * Checkbox component factory
+ * Renders either a stateful or stateless component
+ * based on the `stateless` prop.
+ */
+declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

package/dist/components/molecules/checkbox/Checkbox.helpers.d.ts

@@ -0,0 +1,6 @@
+import { FormValues } from '../../../types';
+export declare function getCheckboxInitialValue({ defaultChecked, initialValues, name, }: {
+    defaultChecked?: boolean;
+    initialValues?: FormValues;
+    name: string;
+}): boolean;

package/dist/components/molecules/checkbox/CheckboxStateful.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from '../../../types';
+import { FC } from 'react';
+declare const CheckboxStateful: FC<CheckboxProps>;
+export default CheckboxStateful;

package/dist/components/molecules/checkbox/CheckboxStateless.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from '../../../types';
+import { FC } from 'react';
+declare const CheckboxStateless: FC<CheckboxProps>;
+export default CheckboxStateless;

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

@@ -0,0 +1,10 @@
+export { default as Accordion } from './accordion/Accordion';
+export { default as Alert } from './alert/Alert';
+export { default as Breadcrumbs } from './breadcrumbs/Breadcrumbs';
+export { default as Checkbox } from './checkbox/Checkbox';
+export { default as MultiSelect } from './multi-select/MultiSelect';
+export { default as NumericInput } from './numeric-input/NumericInput';
+export { default as Search } from './search/Search';
+export { default as Select } from './select/Select';
+export { default as Switch } from './switch/Switch';
+export { default as TextInput } from './text-input/TextInput';

package/dist/components/molecules/multi-select/MultiSelect.Combobox.d.ts

@@ -0,0 +1,15 @@
+import { MultiSelectValue } from '../../../types';
+import { FC } from 'react';
+type Props = {
+    opened: boolean;
+    disabled: boolean;
+    required: boolean;
+    onClick: () => void;
+    comboboxId: string;
+    dropdownId: string;
+    values?: MultiSelectValue[];
+    placeholder?: string;
+    name: string;
+};
+export declare const MultiSelectCombobox: FC<Props>;
+export {};

package/dist/components/molecules/multi-select/MultiSelect.Dropdown.d.ts

@@ -0,0 +1,11 @@
+import { MultiSelectValue } from '../../../types';
+import { FC } from 'react';
+type Props = {
+    options: MultiSelectValue[];
+    opened: boolean;
+    dropdownId: string;
+    onClose: () => void;
+    onSelect: (id: string) => void;
+};
+export declare const MultiSelectDropdown: FC<Props>;
+export {};

package/dist/components/molecules/multi-select/MultiSelect.controller.d.ts

@@ -0,0 +1,13 @@
+import { MultiSelectValue, SelectValue } from '../../../types';
+export declare function useMultiSelectController({ name, defaultValue, onChange, options, }: {
+    name: string;
+    defaultValue?: string | number | readonly string[];
+    onChange?: (values?: SelectValue[]) => void;
+    options: SelectValue[];
+}): {
+    handleClose: () => void;
+    handleToggle: () => void;
+    handleSelect: (id: string) => void;
+    opened: boolean;
+    values: MultiSelectValue[];
+};

package/dist/components/molecules/multi-select/MultiSelect.d.ts

@@ -0,0 +1,4 @@
+import { MultiSelectProps } from '../../../types';
+import { FC } from 'react';
+declare const MultiSelect: FC<MultiSelectProps>;
+export default MultiSelect;

package/dist/components/molecules/multi-select/MultiSelect.helpers.d.ts

@@ -0,0 +1,9 @@
+import { FormValues, MultiSelectValue, SelectValue } from '../../../types';
+export declare function getMultiSelectInitialValues({ name, options, initialValues, defaultValue, }: {
+    name: string;
+    options: SelectValue[];
+    initialValues?: FormValues;
+    defaultValue?: string | number | readonly string[];
+}): MultiSelectValue[];
+export declare const getMultiSelectFormValues: (options: MultiSelectValue[]) => string[];
+export declare const getMultiSelectUpdatedValues: (options: MultiSelectValue[], id: string) => MultiSelectValue[];

package/dist/components/molecules/multi-select/MultiSelectComboboxSelectedValues.d.ts

@@ -0,0 +1,8 @@
+import { MultiSelectValue } from '../../../types';
+import { FC } from 'react';
+type Props = {
+    values?: MultiSelectValue[];
+    placeholder?: string;
+};
+export declare const MultiSelectComboboxSelectedValues: FC<Props>;
+export {};