chop-logic-components 4.1.0 → 4.1.1

package/README.md

@@ -3,6 +3,7 @@
 ![Chop Logic](public/logo.jpeg)
 
 #### 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)
@@ -38,6 +39,15 @@ Components has the tools to make it easier.
 - [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
 
 To get started with Chop Logic, install it via npm or yarn:
@@ -68,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.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/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/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-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 {};

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

@@ -0,0 +1,8 @@
+import { MultiSelectValue } from '../../../types';
+import { FC } from 'react';
+type Props = {
+    value: MultiSelectValue;
+    onSelect: (id: string) => void;
+};
+export declare const MultiSelectOption: FC<Props>;
+export {};

package/dist/components/molecules/numeric-input/NumericInput.controller.d.ts

@@ -0,0 +1,22 @@
+import { NumericInputValidator } from '../../../types';
+import { ChangeEvent, ChangeEventHandler } from 'react';
+export declare function useNumericInputController({ name, defaultValue, onChange, onDecrement, onIncrement, min, max, step, required, validator, }: {
+    name: string;
+    defaultValue?: string | number | readonly string[];
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onIncrement?: () => void;
+    onDecrement?: () => void;
+    min?: string | number;
+    max?: string | number;
+    step: number;
+    required: boolean;
+    validator?: NumericInputValidator;
+}): {
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    value: number;
+    valid: boolean;
+    minValue: number;
+    maxValue: number;
+    handleIncrement: () => void;
+    handleDecrement: () => void;
+};

package/dist/components/molecules/numeric-input/NumericInput.d.ts

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

package/dist/components/molecules/numeric-input/NumericInput.helpers.d.ts

@@ -0,0 +1,13 @@
+import { FormValues, NumericInputValidator } from '../../../types';
+export declare function getNumericInputInitialValue({ name, initialValues, defaultValue, }: {
+    name: string;
+    initialValues?: FormValues;
+    defaultValue?: string | number | readonly string[];
+}): number;
+export declare function validateNumericInputValue({ value, required, validator, maxValue, minValue, }: {
+    value?: number;
+    required?: boolean;
+    validator?: NumericInputValidator;
+    maxValue?: number;
+    minValue?: number;
+}): boolean;

package/dist/components/molecules/numeric-input/NumericInputStateful.d.ts

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

package/dist/components/molecules/numeric-input/NumericInputStateless.d.ts

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

package/dist/components/molecules/search/Search.controller.d.ts

@@ -0,0 +1,12 @@
+import { SearchProps } from '../../../types';
+export declare function useSearchController({ onSearch, onClear, maxLength, minLength, searchMode, debounceDelay, }: Omit<SearchProps, 'label' | 'onBlur' | 'onFocus' | 'id' | 'tabIndex' | 'className' | 'name' | 'placeholder' | 'disabled' | 'clearable' | 'spellCheck' | 'autoComplete'>): {
+    searchValue: string;
+    isSearchButtonVisible: boolean;
+    isLabelIconVisible: boolean;
+    isClearButtonVisible: boolean;
+    isSearchValueValid: boolean;
+    handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClear: () => void;
+    handleSearchClick: () => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+};

package/dist/components/molecules/search/Search.d.ts

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

package/dist/components/molecules/select/Select.controller.d.ts

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

package/dist/components/molecules/select/Select.d.ts

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