chop-logic-components 1.3.0 → 2.0.1

package/README.md

@@ -1,25 +1,28 @@
 # Chop Logic Components
 
+![Chop Logic](public/logo.jpeg)
+
 [![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0)
 [![GitHub Pages](https://github.com/SavouryGin/chop-logic-components/actions/workflows/github-pages.yml/badge.svg)](https://github.com/SavouryGin/chop-logic-components/actions/workflows/github-pages.yml)
 [![codecov](https://codecov.io/github/SavouryGin/chop-logic-components/graph/badge.svg?token=U5WF25WZTV)](https://codecov.io/github/SavouryGin/chop-logic-components)
 [![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)
 
-Welcome to **Chop Logic Components**, a comprehensive React components library packed with a variety of **styled
+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 the Library
+## ✨ Features
 
 Chop Logic is designed to speed up development by providing reusable, accessible, and highly customizable components.
 Whether you're building complex forms, creating dynamic layouts, or managing component logic with hooks, Chop Logic
 Components has the tools to make it easier.
 
-## Links
+## 🔗 Links
 
 - [Storybook Playground](https://savourygin.github.io/chop-logic-components)
-- [Npm](https://www.npmjs.com/package/chop-logic-components)
+- [NPM package](https://www.npmjs.com/package/chop-logic-components)
 
-## Getting Started
+## 📦 Installation
 
 To get started with Chop Logic, install it via npm or yarn:
 
@@ -29,7 +32,41 @@ npm install chop-logic-components
 yarn add chop-logic-components
 ```
 
-## Scripts
+## ⚙️ Available Scripts
+
+### `start`
+
+Starts a local instance of Storybook for developing UI components. The Storybook interface will be available
+at http://localhost:6006.
+
+```bash
+npm start
+```
+
+### `build`
+
+Compiles the TypeScript code into JavaScript using the TypeScript compiler (tsc) and then builds the project using Vite.
+
+```bash
+npm run build
+```
+
+### `build:storybook`
+
+Builds the static version of the Storybook for deployment, outputting the files to the storybook-static directory. The
+--quiet flag suppresses the build logs.
+
+```bash
+npm run build:storybook
+```
+
+### `prepare`
+
+Runs the build script and then installs Husky hooks for managing Git hooks in the project.
+
+```bash
+npm run prepare
+```
 
 ### `format`
 
@@ -42,28 +79,27 @@ npm run format
 
 ### `lint`
 
-Runs ESLint to analyze the TypeScript code for potential errors and enforce coding standards. It automatically fixes
-issues where possible and uses the .gitignore file to ignore certain paths.
+Runs ESLint to analyze the code for potential errors and enforce coding standards.
 
 ```bash
 npm run lint
 ```
 
-### `check-types`
+### `lint:fix`
 
-Runs the TypeScript compiler (tsc) to perform type checking without generating output files. This script helps ensure
-that the code adheres to TypeScript's type safety.
+Runs ESLint and automatically fixes issues where possible.
 
 ```bash
-npm run check-types
+npm run lint:fix
 ```
 
-### `build`
+### `check-types`
 
-Compiles the TypeScript code into JavaScript using the TypeScript compiler (tsc) and then builds the project using Vite.
+Runs the TypeScript compiler (tsc) to perform type checking without generating output files. This script helps ensure
+that the code adheres to TypeScript's type safety.
 
 ```bash
-npm run build
+npm run types
 ```
 
 ### `test`
@@ -91,28 +127,17 @@ Runs unit tests using Vitest and generates a code coverage report using the v8 g
 npm run coverage
 ```
 
-### `storybook`
-
-Starts a local instance of Storybook for developing UI components. The Storybook interface will be available
-at http://localhost:6006.
-
-```bash
-npm run storybook
-```
-
-### `build-storybook`
-
-Builds the static version of the Storybook for deployment, outputting the files to the storybook-static directory. The
---quiet flag suppresses the build logs.
+## 🛠 Contributing
 
-```bash
-npm run build-storybook
-```
+Contributions are welcome! If you find a bug or have an idea for improvement, feel free to open an issue or submit a
+pull request. Please check the [Contribution guide](CONTRIBUTING.md) for additional info.
 
-### `prepare`
+1. Fork the repository.
+2. Clone your fork.
+3. Create a new feature branch.
+4. Implement and test your changes.
+5. Submit a pull request!
 
-Runs the build script and then installs Husky hooks for managing Git hooks in the project.
+---
 
-```bash
-npm run prepare
-```
+Let's build better logic tools together! 🚀

package/dist/components/containers/form/Form.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicFormProps } from '../../../models';
-
 declare const ChopLogicForm: React.FC<ChopLogicFormProps>;
 export default ChopLogicForm;

package/dist/components/containers/form/Form.styled.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicTheme } from '../../../models';
-
 export declare const StyledForm: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {
     $columns: number;
     $theme: ChopLogicTheme;

package/dist/components/containers/form/__docs__/Form.example.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicFormProps } from '../../../../models';
-
 declare const FormExample: React.FC<ChopLogicFormProps>;
 export default FormExample;

package/dist/components/containers/form/__docs__/Form.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as FormExample } from './Form.example.tsx';
-
 declare const meta: Meta<typeof FormExample>;
 export default meta;
 type Story = StoryObj<typeof FormExample>;

package/dist/components/containers/form/controller.d.ts

@@ -1,6 +1,5 @@
 import { default as React, FormEvent } from 'react';
 import { ChopLogicFormData, ChopLogicFormInputParams } from '../../../models';
-
 export declare function useChopLogicFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
     initialValues?: ChopLogicFormData;
     onReset?: React.FormEventHandler<HTMLFormElement>;

package/dist/components/containers/form/helpers.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicFormData, ChopLogicFormInputParams, ChopLogicFormValidationState } from '../../../models';
-
 export declare function getInitialValidationState(data?: ChopLogicFormData): ChopLogicFormValidationState;
 export declare function updateValidationState(state: ChopLogicFormValidationState, params: ChopLogicFormInputParams): ChopLogicFormValidationState;
 export declare function isFormDataValid(state: ChopLogicFormValidationState): boolean;

package/dist/components/containers/grid/Grid.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicGridProps } from '../../../models';
-
 declare const ChopLogicGrid: React.FC<ChopLogicGridProps>;
 export default ChopLogicGrid;

package/dist/components/containers/grid/Grid.styled.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicTheme } from '../../../models';
-
 export declare const StyledGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
 export declare const StyledGridHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
     $theme: ChopLogicTheme;

package/dist/components/containers/grid/__docs__/Grid.example.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicGridProps } from '../../../../models';
-
 declare const GridExample: React.FC<ChopLogicGridProps>;
 export default GridExample;

package/dist/components/containers/grid/__docs__/Grid.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as GridExample } from './Grid.example.tsx';
-
 declare const meta: Meta<typeof GridExample>;
 export default meta;
 type Story = StoryObj<typeof GridExample>;

package/dist/components/containers/grid/controller.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicGridItem } from '../../../models';
-
 export declare const useChopLogicGridController: ({ data, id, onSelect, }: {
     data: ChopLogicGridItem[];
     id?: string;

package/dist/components/containers/grid/elements/Body.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicGridColumn, ChopLogicGridItem, ChopLogicTheme, RenderDataItemCallback } from '../../../../models';
-
 type ChopLogicGridBodyProps = {
     data: ChopLogicGridItem[];
     columns: ChopLogicGridColumn[];

package/dist/components/containers/grid/elements/Checkbox.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTheme } from '../../../../models';
-
 type ChopLogicGridCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     label: string;
     theme: ChopLogicTheme;

package/dist/components/containers/grid/elements/ColumnGroup.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicGridColumn, ChopLogicTheme } from '../../../../models';
-
 declare const GridColumnGroup: React.FC<{
     columns: ChopLogicGridColumn[];
     selectable: boolean;

package/dist/components/containers/grid/elements/DataCell.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTheme } from '../../../../models';
-
 declare const GridDataCell: React.FC<{
     value: React.ReactElement | string;
     theme: ChopLogicTheme;

package/dist/components/containers/grid/elements/Head.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicGridColumn, ChopLogicTheme } from '../../../../models';
-
 type ChopLogicGridHeadProps = {
     columns: ChopLogicGridColumn[];
     gridId: string;

package/dist/components/containers/grid/elements/HeaderCell.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTheme } from '../../../../models';
-
 declare const GridHeaderCell: React.FC<{
     title?: string;
     component?: React.ReactElement;

package/dist/components/containers/grid/elements/Row.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTheme } from '../../../../models';
-
 export type GridRowProps = {
     rowId: string;
     selectedIds: string[];

package/dist/components/containers/grid/elements/SelectAllRowsCell.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTheme } from '../../../../models';
-
 type SelectAllGridRowsCheckbox = {
     gridId: string;
     isAllSelected: boolean;

package/dist/components/containers/grid/elements/SelectRowCell.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTheme } from '../../../../models';
-
 type SelectAllGridRowsCheckbox = {
     rowId: string;
     isRowSelected: boolean;

package/dist/components/containers/grid/helpers.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../models';
-
 export declare function getGridRowValues({ item, columns, renderDataItem, }: {
     item: ChopLogicGridItem;
     columns: ChopLogicGridColumn[];

package/dist/components/containers/menu/Menu.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicMenuProps } from '../../../models';
-
 declare const ChopLogicMenu: React.FC<ChopLogicMenuProps>;
 export default ChopLogicMenu;

package/dist/components/containers/menu/Meny.styled.d.ts

@@ -1,15 +1,12 @@
 import { ChopLogicOrientationMode } from '../../../enums';
 import { ChopLogicTheme } from '../../../models';
-
 export declare const StyledMenuBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
     $theme: ChopLogicTheme;
     $mode: ChopLogicOrientationMode;
 }>> & string;
-export declare const StyledSubMenuBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$theme" | "$mode"> & {
+export declare const StyledSubMenuBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$theme" | "$mode"> & {
     $theme: ChopLogicTheme;
     $mode: ChopLogicOrientationMode;
-}, "ref"> & {
-    ref?: ((instance: HTMLUListElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLUListElement> | null | undefined;
 }, never>> & string;
 export declare const StyledMenuLeaf: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
     $theme: ChopLogicTheme;

package/dist/components/containers/menu/__docs__/Menu.example.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicMenuProps } from '../../../../models';
-
 declare const MenuExample: React.FC<ChopLogicMenuProps>;
 export default MenuExample;

package/dist/components/containers/menu/__docs__/Menu.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as MenuExample } from './Menu.example.tsx';
-
 declare const meta: Meta<typeof MenuExample>;
 export default meta;
 type Story = StoryObj<typeof MenuExample>;

package/dist/components/containers/menu/elements/MenuItem.d.ts

@@ -1,7 +1,6 @@
 import { default as React, PropsWithChildren } from 'react';
 import { ChopLogicOrientationMode } from '../../../../enums';
 import { ChopLogicMenuItem, ChopLogicTheme } from '../../../../models';
-
 type MenuItemProps = PropsWithChildren & {
     item: ChopLogicMenuItem;
     theme: ChopLogicTheme;

package/dist/components/containers/menu/elements/MenuLeaf.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicMenuItem, ChopLogicTheme } from '../../../../models';
-
 type MenuLeafProps = {
     item: ChopLogicMenuItem;
     theme: ChopLogicTheme;

package/dist/components/containers/menu/elements/SubMenu.d.ts

@@ -1,7 +1,6 @@
 import { default as React, PropsWithChildren } from 'react';
 import { ChopLogicOrientationMode } from '../../../../enums';
 import { ChopLogicMenuItem, ChopLogicTheme } from '../../../../models';
-
 type SubMenuProps = PropsWithChildren & {
     item: ChopLogicMenuItem;
     theme: ChopLogicTheme;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 declare const ChopLogicPortal: ({ children }: {
     children: React.ReactElement;
 }) => React.ReactPortal;

package/dist/components/containers/portal/__docs__/Portal.example.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
-
 declare const PortalExample: React.FC<React.PropsWithChildren>;
 export default PortalExample;

package/dist/components/containers/portal/__docs__/Portal.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as PortalExample } from './Portal.example.tsx';
-
 declare const meta: Meta<typeof PortalExample>;
 export default meta;
 type Story = StoryObj<typeof PortalExample>;

package/dist/components/containers/tabs/Tabs.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicTabsProps } from '../../../models';
-
 declare const ChopLogicTabs: React.FC<ChopLogicTabsProps>;
 export default ChopLogicTabs;

package/dist/components/containers/tabs/Tabs.styled.d.ts

@@ -1,6 +1,5 @@
 import { ChopLogicOrientationMode } from '../../../enums';
 import { ChopLogicTheme } from '../../../models';
-
 export declare const StyledTabButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $selected: boolean;
     $disabled: boolean;

package/dist/components/containers/tabs/__docs__/Tabs.example.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicTabsProps } from '../../../../models';
-
 declare const ExampleComponent: React.FC<ChopLogicTabsProps>;
 export default ExampleComponent;

package/dist/components/containers/tabs/__docs__/Tabs.stories.d.ts

@@ -1,6 +1,5 @@
 import { ChopLogicTabs } from '../../..';
 import { Meta, StoryObj } from '../../../../storybook/react';
-
 declare const meta: Meta<typeof ChopLogicTabs>;
 export default meta;
 type Story = StoryObj<typeof ChopLogicTabs>;

package/dist/components/containers/tabs/elements/TabButton.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { ChopLogicOrientationMode } from '../../../../enums';
 import { ChopLogicTheme } from '../../../../models';
-
 type ChopLogicTabButtonProps = {
     title: string;
     tabId: string;

package/dist/components/containers/tabs/elements/TabContent.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTabItem, ChopLogicTheme } from '../../../../models';
-
 declare const ChopLogicTabContent: React.FC<{
     tabs: ChopLogicTabItem[];
     selectedTabId: string;

package/dist/components/containers/tabs/elements/TabList.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { ChopLogicOrientationMode } from '../../../../enums';
 import { ChopLogicTabItem, ChopLogicTheme } from '../../../../models';
-
 type ChopLogicTabListProps = {
     tabs: ChopLogicTabItem[];
     tabIds: string[];

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicButtonProps } from '../../../models';
-
 declare const _default: React.FC<ChopLogicButtonProps & {
     tooltip?: string;
     visibleOn?: "hover" | "click" | "focus" | "contextmenu";

package/dist/components/inputs/button/Button.styled.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicTheme } from '../../../models';
-
 export declare const StyledPrimaryButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $extended: boolean;
     $theme: ChopLogicTheme;

package/dist/components/inputs/button/__docs__/Button.example.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicButtonProps } from '../../../../models';
-
 declare const ExampleButton: React.FC<ChopLogicButtonProps>;
 export default ExampleButton;

package/dist/components/inputs/button/__docs__/Button.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as ButtonExample } from './Button.example.tsx';
-
 declare const meta: Meta<typeof ButtonExample>;
 export default meta;
 type Story = StoryObj<typeof ButtonExample>;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicCheckboxProps } from '../../../models';
-
 declare const ChopLogicCheckbox: React.FC<ChopLogicCheckboxProps>;
 export default ChopLogicCheckbox;

package/dist/components/inputs/checkbox/Checkbox.styled.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicTheme } from '../../../models';
-
 export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;
     $checked: boolean;

package/dist/components/inputs/checkbox/__docs__/Checkbox.example.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicCheckboxProps } from '../../../../models';
-
 declare const Example: React.FC<ChopLogicCheckboxProps>;
 export default Example;

package/dist/components/inputs/checkbox/__docs__/Checkbox.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as CheckboxExample } from './Checkbox.example.tsx';
-
 declare const meta: Meta<typeof CheckboxExample>;
 export default meta;
 type Story = StoryObj<typeof CheckboxExample>;

package/dist/components/inputs/checkbox/controller.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export declare function useChopLogicCheckboxController({ name, defaultChecked, onChange, }: {
     name: string;
     defaultChecked?: boolean;

package/dist/components/inputs/checkbox/helpers.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicFormData } from '../../../models';
-
 export declare function getCheckboxInitialValue({ defaultChecked, initialValues, name, }: {
     defaultChecked?: boolean;
     initialValues?: ChopLogicFormData;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicMultiSelectProps } from '../../../models';
-
 declare const ChopLogicMultiSelect: React.FC<ChopLogicMultiSelectProps>;
 export default ChopLogicMultiSelect;

package/dist/components/inputs/multi-select/__docs__/MultiSelect.example.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicMultiSelectProps } from '../../../../models';
-
 declare const Example: React.FC<ChopLogicMultiSelectProps>;
 export default Example;

package/dist/components/inputs/multi-select/__docs__/MultiSelect.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as MultiSelectExample } from './MultiSelect.example.tsx';
-
 declare const meta: Meta<typeof MultiSelectExample>;
 export default meta;
 type Story = StoryObj<typeof MultiSelectExample>;

package/dist/components/inputs/multi-select/controller.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicMultiSelectValue, ChopLogicSelectValue } from '../../../models';
-
 export declare function useChopLogicMultiSelectController({ name, defaultValue, onChange, options, }: {
     name: string;
     defaultValue?: string | number | readonly string[];

package/dist/components/inputs/multi-select/elements/Combobox.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
-
 type MultiSelectComboboxProps = {
     opened: boolean;
     disabled: boolean;

package/dist/components/inputs/multi-select/elements/Dropdown.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
-
 type MultiSelectDropdownProps = {
     options: ChopLogicMultiSelectValue[];
     opened: boolean;

package/dist/components/inputs/multi-select/elements/Option.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
-
 type MultiSelectOptionProps = {
     value: ChopLogicMultiSelectValue;
     onSelect: (id: string) => void;

package/dist/components/inputs/multi-select/helpers.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicFormData, ChopLogicMultiSelectValue, ChopLogicSelectValue } from '../../../models';
-
 export declare function getMultiSelectInitialValues({ name, options, initialValues, defaultValue, }: {
     name: string;
     options: ChopLogicSelectValue[];

package/dist/components/inputs/numeric/NumericInput.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicNumericInputProps } from '../../../models';
-
 declare const ChopLogicNumericInput: React.FC<ChopLogicNumericInputProps>;
 export default ChopLogicNumericInput;

package/dist/components/inputs/numeric/NumericInput.styled.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicTheme } from '../../../models';
-
 export declare const StyledNumericInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $theme: ChopLogicTheme;
 }>> & string;

package/dist/components/inputs/numeric/__docs__/NumericInput.example.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicNumericInputProps } from '../../../../models';
-
 declare const Example: React.FC<ChopLogicNumericInputProps>;
 export default Example;