chop-logic-components 1.1.2 → 1.1.4

package/dist/UploadIcon-D9WOn42G.js

@@ -0,0 +1,11 @@
+import { j as a } from "./index-V1IMdfTA.js";
+function o(t) {
+  return /* @__PURE__ */ a.jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", height: "1em", width: "1em", ...t, children: [
+    /* @__PURE__ */ a.jsx("path", { d: "M.5 9.9a.5.5 0 01.5.5v2.5a1 1 0 001 1h12a1 1 0 001-1v-2.5a.5.5 0 011 0v2.5a2 2 0 01-2 2H2a2 2 0 01-2-2v-2.5a.5.5 0 01.5-.5z" }),
+    /* @__PURE__ */ a.jsx("path", { d: "M7.646 1.146a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8.5 2.707V11.5a.5.5 0 01-1 0V2.707L5.354 4.854a.5.5 0 11-.708-.708l3-3z" })
+  ] });
+}
+export {
+  o as default
+};
+//# sourceMappingURL=UploadIcon-D9WOn42G.js.map

package/dist/UploadIcon-D9WOn42G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadIcon-D9WOn42G.js","sources":["../src/icons/UploadIcon.tsx"],"sourcesContent":["import React from 'react';\n\nfunction UploadIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg fill='currentColor' viewBox='0 0 16 16' height='1em' width='1em' {...props}>\n      <path d='M.5 9.9a.5.5 0 01.5.5v2.5a1 1 0 001 1h12a1 1 0 001-1v-2.5a.5.5 0 011 0v2.5a2 2 0 01-2 2H2a2 2 0 01-2-2v-2.5a.5.5 0 01.5-.5z' />\n      <path d='M7.646 1.146a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8.5 2.707V11.5a.5.5 0 01-1 0V2.707L5.354 4.854a.5.5 0 11-.708-.708l3-3z' />\n    </svg>\n  );\n}\n\nexport default UploadIcon;\n"],"names":["UploadIcon","props","jsxs","jsx"],"mappings":";AAEA,SAASA,EAAWC,GAAsC;AAEtD,SAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,MAAK,gBAAe,SAAQ,aAAY,QAAO,OAAM,OAAM,OAAO,GAAGD,GACxE,UAAA;AAAA,IAACE,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAE,8HAA8H,CAAA;AAAA,IACtIA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,8HAA8H,CAAA;AAAA,EAAA,GACxI;AAEJ;"}

package/dist/UploadIcon-s_UIC0fh.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CKJ3Lh5y.cjs");function a(t){return e.jsxRuntimeExports.jsxs("svg",{fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",...t,children:[e.jsxRuntimeExports.jsx("path",{d:"M.5 9.9a.5.5 0 01.5.5v2.5a1 1 0 001 1h12a1 1 0 001-1v-2.5a.5.5 0 011 0v2.5a2 2 0 01-2 2H2a2 2 0 01-2-2v-2.5a.5.5 0 01.5-.5z"}),e.jsxRuntimeExports.jsx("path",{d:"M7.646 1.146a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8.5 2.707V11.5a.5.5 0 01-1 0V2.707L5.354 4.854a.5.5 0 11-.708-.708l3-3z"})]})}exports.default=a;
+//# sourceMappingURL=UploadIcon-s_UIC0fh.cjs.map

package/dist/UploadIcon-s_UIC0fh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadIcon-s_UIC0fh.cjs","sources":["../src/icons/UploadIcon.tsx"],"sourcesContent":["import React from 'react';\n\nfunction UploadIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg fill='currentColor' viewBox='0 0 16 16' height='1em' width='1em' {...props}>\n      <path d='M.5 9.9a.5.5 0 01.5.5v2.5a1 1 0 001 1h12a1 1 0 001-1v-2.5a.5.5 0 011 0v2.5a2 2 0 01-2 2H2a2 2 0 01-2-2v-2.5a.5.5 0 01.5-.5z' />\n      <path d='M7.646 1.146a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8.5 2.707V11.5a.5.5 0 01-1 0V2.707L5.354 4.854a.5.5 0 11-.708-.708l3-3z' />\n    </svg>\n  );\n}\n\nexport default UploadIcon;\n"],"names":["UploadIcon","props","jsxs","jsx"],"mappings":"wHAEA,SAASA,EAAWC,EAAsC,CAEtD,OAAAC,EAAA,kBAAA,KAAC,MAAI,CAAA,KAAK,eAAe,QAAQ,YAAY,OAAO,MAAM,MAAM,MAAO,GAAGD,EACxE,SAAA,CAACE,EAAAA,kBAAAA,IAAA,OAAA,CAAK,EAAE,6HAA8H,CAAA,EACtIA,EAAAA,kBAAAA,IAAC,OAAK,CAAA,EAAE,6HAA8H,CAAA,CAAA,EACxI,CAEJ"}

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

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

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

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../../types';
+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;

package/dist/components/containers/form/__docs__/{FormExample.d.ts → Form.example.d.ts}

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../../types';
+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>, {

package/dist/components/containers/grid/__docs__/{GridExample.d.ts → Grid.example.d.ts}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,7 @@
+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>;
+export declare const Default: Story;

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

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

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

@@ -1,4 +1,5 @@
-import { ChopLogicTabsMode, ChopLogicTheme } from '../../../types';
+import { ChopLogicTabsMode } 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;

package/dist/components/containers/tabs/__docs__/{TabsExample.d.ts → Tabs.example.d.ts}

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

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

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

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

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

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

@@ -1,5 +1,15 @@
 import { default as React } from 'react';
-import { ChopLogicTabListProps } from '../../../../types';
+import { ChopLogicTabsMode } from '../../../../enums';
+import { ChopLogicTabItem, ChopLogicTheme } from '../../../../models';
 
+type ChopLogicTabListProps = {
+    tabs: ChopLogicTabItem[];
+    tabIds: string[];
+    onTabSelect: (id: string) => void;
+    selectedTabId: string;
+    tabPanelIds: string[];
+    mode: ChopLogicTabsMode;
+    theme: ChopLogicTheme;
+};
 declare const ChopLogicTabList: React.FC<ChopLogicTabListProps>;
 export default ChopLogicTabList;

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

@@ -1,17 +1,7 @@
 import { default as React } from 'react';
-import { ChopLogicButtonView } from '../../../enums';
+import { ChopLogicButtonProps } from '../../../models';
 
-declare const _default: React.FC<Partial<import('../../../types/components/_common').CommonInputProps> & {
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
-    onBlur?: React.FocusEventHandler<HTMLButtonElement>;
-    view?: ChopLogicButtonView;
-    icon?: import('../../../enums').ChopLogicIconName;
-    text?: string;
-    extended?: boolean;
-    type?: "button" | "reset" | "submit";
-    tooltip?: string;
-} & {
+declare const _default: React.FC<ChopLogicButtonProps & {
     tooltip?: string;
     visibleOn?: "hover" | "click" | "focus" | "contextmenu";
 }>;

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

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../../types';
+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;

package/dist/components/inputs/button/__docs__/{ButtonExample.d.ts → Button.example.d.ts}

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../../types';
+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;

package/dist/components/inputs/checkbox/__docs__/{CheckboxExample.d.ts → Checkbox.example.d.ts}

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

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

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

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

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

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

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

package/dist/components/inputs/multi-select/__docs__/{MultiSelectExample.d.ts → MultiSelect.example.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicMultiSelectProps } from '../../../../types';
+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,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { default as MultiSelectExample } from './MultiSelectExample';
+import { default as MultiSelectExample } from './MultiSelect.example.tsx';
 
 declare const meta: Meta<typeof MultiSelectExample>;
 export default meta;

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

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

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

@@ -1,5 +1,17 @@
 import { default as React } from 'react';
-import { MultiSelectComboboxProps } from '../../../../types';
+import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
 
+type MultiSelectComboboxProps = {
+    opened: boolean;
+    disabled: boolean;
+    required: boolean;
+    onClick: () => void;
+    comboboxId: string;
+    dropdownId: string;
+    values?: ChopLogicMultiSelectValue[];
+    placeholder?: string;
+    name: string;
+    theme: ChopLogicTheme;
+};
 declare const SelectCombobox: React.FC<MultiSelectComboboxProps>;
 export default SelectCombobox;

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

@@ -1,5 +1,13 @@
 import { default as React } from 'react';
-import { MultiSelectDropdownProps } from '../../../../types';
+import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
 
+type MultiSelectDropdownProps = {
+    options: ChopLogicMultiSelectValue[];
+    opened: boolean;
+    dropdownId: string;
+    onClose: () => void;
+    onSelect: (id: string) => void;
+    theme: ChopLogicTheme;
+};
 declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;
 export default MultiSelectDropdown;

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

@@ -1,5 +1,10 @@
 import { default as React } from 'react';
-import { MultiSelectOptionProps } from '../../../../types';
+import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
 
+type MultiSelectOptionProps = {
+    value: ChopLogicMultiSelectValue;
+    onSelect: (id: string) => void;
+    theme: ChopLogicTheme;
+};
 declare const SelectOption: React.FC<MultiSelectOptionProps>;
 export default SelectOption;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../../types';
+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;

package/dist/components/inputs/numeric/__docs__/{NumericInputExample.d.ts → NumericInput.example.d.ts}

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

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

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { default as NumericInputExample } from './NumericInputExample';
+import { default as NumericInputExample } from './NumericInput.example.tsx';
 
 declare const meta: Meta<typeof NumericInputExample>;
 export default meta;

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

@@ -1,5 +1,5 @@
 import { default as React, ChangeEventHandler } from 'react';
-import { NumericValidationFunction } from '../../../types';
+import { ChopLogicNumericInputValidator } from '../../../models';
 
 export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, onSpinButtonClick, min, max, step, required, validator, }: {
     name: string;
@@ -10,7 +10,7 @@ export declare function useChopLogicNumericInputController({ name, defaultValue,
     max?: string | number;
     step: number;
     required: boolean;
-    validator?: NumericValidationFunction;
+    validator?: ChopLogicNumericInputValidator;
 }): {
     handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value: number;

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

@@ -1,4 +1,4 @@
-import { ChopLogicFormData, NumericValidationFunction } from '../../../types';
+import { ChopLogicFormData, ChopLogicNumericInputValidator } from '../../../models';
 
 export declare function getNumericInputInitialValue({ name, initialValues, defaultValue, }: {
     name: string;
@@ -8,7 +8,7 @@ export declare function getNumericInputInitialValue({ name, initialValues, defau
 export declare function validateNumericInputValue({ value, required, validator, maxValue, minValue, }: {
     value?: number;
     required?: boolean;
-    validator?: NumericValidationFunction;
+    validator?: ChopLogicNumericInputValidator;
     maxValue?: number;
     minValue?: number;
 }): boolean;

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

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

package/dist/components/inputs/select/__docs__/{SelectExample.d.ts → Select.example.d.ts}

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

package/dist/components/inputs/select/__docs__/Select.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { default as SelectExample } from './SelectExample';
+import { default as SelectExample } from './Select.example.tsx';
 
 declare const meta: Meta<typeof SelectExample>;
 export default meta;

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

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

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

@@ -1,5 +1,17 @@
 import { default as React } from 'react';
-import { SelectComboboxProps } from '../../../../types';
+import { ChopLogicSelectValue, ChopLogicTheme } from '../../../../models';
 
+type SelectComboboxProps = {
+    opened: boolean;
+    disabled: boolean;
+    required: boolean;
+    onClick: () => void;
+    comboboxId: string;
+    dropdownId: string;
+    selected?: ChopLogicSelectValue;
+    placeholder?: string;
+    name: string;
+    theme: ChopLogicTheme;
+};
 declare const SelectCombobox: React.FC<SelectComboboxProps>;
 export default SelectCombobox;