chop-logic-components 1.0.6 → 1.0.8

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 '../../../types';
 
 declare const ChopLogicForm: React.FC<ChopLogicFormProps>;
 export default ChopLogicForm;

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

@@ -1,6 +1,10 @@
+import { ChopLogicTheme } from '../../../types';
+
 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;
 }>> & string;
 export declare const StyledFormButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $columns: number;
+    $theme: ChopLogicTheme;
 }>> & string;

package/dist/components/containers/form/__docs__/FormExample.d.ts

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

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 '../../../types';
 
 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 '../../../types';
 
 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 '../../../types';
 
 declare const ChopLogicGrid: React.FC<ChopLogicGridProps>;
 export default ChopLogicGrid;

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

@@ -1,18 +1,37 @@
+import { ChopLogicTheme } from '../../../types';
+
 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').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
-export declare const StyledGridBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
-export declare const StyledGridHeaderCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
-export declare const StyledGridHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
-export declare const StyledGridCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
-export declare const StyledGridCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, 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;
+}>> & string;
+export declare const StyledGridBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridHeaderCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
 export declare const StyledGridRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
     $selected: boolean;
+    $theme: ChopLogicTheme;
 }>> & string;
 export declare const StyledGridColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, {
     $isFirst: boolean;
     $highlighted: boolean;
+    $theme: ChopLogicTheme;
 }>> & string;
 export declare const StyledGridCheckboxWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridCheckboxInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledGridCheckboxInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/components/containers/grid/__docs__/GridExample.d.ts

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

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

@@ -1,4 +1,4 @@
-import { ChopLogicGridItem } from './types';
+import { ChopLogicGridItem } from '../../../types';
 
 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, RenderDataItemCallback } from '../types';
+import { ChopLogicGridColumn, ChopLogicGridItem, ChopLogicTheme, RenderDataItemCallback } from '../../../../types';
 
 type ChopLogicGridBodyProps = {
     data: ChopLogicGridItem[];
@@ -9,6 +9,7 @@ type ChopLogicGridBodyProps = {
     deselectRowById: (id: string) => void;
     renderDataItem?: RenderDataItemCallback;
     selectable: boolean;
+    theme: ChopLogicTheme;
 };
 declare const ChopLogicGridBody: React.FC<ChopLogicGridBodyProps>;
 export default ChopLogicGridBody;

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

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 type ChopLogicGridCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     label: string;
+    theme: ChopLogicTheme;
 };
 declare const GridCheckbox: React.FC<ChopLogicGridCheckboxProps>;
 export default GridCheckbox;

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

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn } from '../types';
+import { ChopLogicGridColumn, ChopLogicTheme } from '../../../../types';
 
 declare const GridColumnGroup: React.FC<{
     columns: ChopLogicGridColumn[];
     selectable: boolean;
+    theme: ChopLogicTheme;
 }>;
 export default GridColumnGroup;

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

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

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn } from '../types';
+import { ChopLogicGridColumn, ChopLogicTheme } from '../../../../types';
 
 type ChopLogicGridHeadProps = {
     columns: ChopLogicGridColumn[];
@@ -9,6 +9,7 @@ type ChopLogicGridHeadProps = {
     isAllCheckboxDisabled?: boolean;
     selectAll: () => void;
     deselectAll: () => void;
+    theme: ChopLogicTheme;
 };
 declare const ChopLogicGridHead: React.FC<ChopLogicGridHeadProps>;
 export default ChopLogicGridHead;

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

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 declare const GridHeaderCell: React.FC<{
     title?: string;
     component?: React.ReactElement;
+    theme: ChopLogicTheme;
 }>;
 export default GridHeaderCell;

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 export type GridRowProps = {
     rowId: string;
@@ -8,6 +9,7 @@ export type GridRowProps = {
     selectable: boolean;
     values: (string | React.ReactElement)[];
     disabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const GridRow: React.FC<GridRowProps>;
 export default GridRow;

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 type SelectAllGridRowsCheckbox = {
     gridId: string;
@@ -6,6 +7,7 @@ type SelectAllGridRowsCheckbox = {
     selectAll: () => void;
     deselectAll: () => void;
     disabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const SelectAllRowsCell: React.FC<SelectAllGridRowsCheckbox>;
 export default SelectAllRowsCell;

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 type SelectAllGridRowsCheckbox = {
     rowId: string;
@@ -6,6 +7,7 @@ type SelectAllGridRowsCheckbox = {
     selectRowById: (id: string) => void;
     deselectRowById: (id: string) => void;
     disabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const SelectGridRowCell: React.FC<SelectAllGridRowsCheckbox>;
 export default SelectGridRowCell;

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 '../../../types';
 
 export declare function getGridRowValues({ item, columns, renderDataItem, }: {
     item: ChopLogicGridItem;

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 '../../../types';
 
 declare const ChopLogicTabs: React.FC<ChopLogicTabsProps>;
 export default ChopLogicTabs;

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

@@ -1,13 +1,17 @@
-import { ChopLogicTabsMode } from './types';
+import { ChopLogicTabsMode, ChopLogicTheme } from '../../../types';
 
 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;
     $mode: ChopLogicTabsMode;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledTabContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledTabContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTabList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $mode: ChopLogicTabsMode;
+    $theme: ChopLogicTheme;
 }>> & string;
 export declare const StyledTabsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $mode: ChopLogicTabsMode;

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

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

package/dist/components/containers/tabs/__docs__/TabsExample.d.ts

@@ -1,2 +1,5 @@
-declare const ExampleComponent: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+import { ChopLogicTabsProps } from '../../../../types';
+
+declare const ExampleComponent: React.FC<ChopLogicTabsProps>;
 export default ExampleComponent;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicTabsMode } from '../types';
+import { ChopLogicTabsMode, ChopLogicTheme } from '../../../../types';
 
 type ChopLogicTabButtonProps = {
     title: string;
@@ -9,6 +9,7 @@ type ChopLogicTabButtonProps = {
     isSelected: boolean;
     mode: ChopLogicTabsMode;
     isDisabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const ChopLogicTabButton: React.FC<ChopLogicTabButtonProps>;
 export default ChopLogicTabButton;

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

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
-import { ChopLogicTabItem } from '../types';
+import { ChopLogicTabItem, ChopLogicTheme } from '../../../../types';
 
 declare const ChopLogicTabContent: React.FC<{
     tabs: ChopLogicTabItem[];
     selectedTabId: string;
+    theme: ChopLogicTheme;
 }>;
 export default ChopLogicTabContent;

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

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

package/dist/components/index.d.ts

@@ -9,4 +9,5 @@ export { default as ChopLogicDialog } from './modals/dialog/Dialog';
 export { default as ChopLogicTooltip } from './modals/tooltip/Tooltip';
 export { default as ChopLogicForm } from './containers/form/Form';
 export { default as ChopLogicGrid } from './containers/grid/Grid';
+export { default as ChopLogicPortal } from './containers/portal/Portal';
 export { default as ChopLogicTabs } from './containers/tabs/Tabs';

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

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

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

@@ -1,8 +1,13 @@
-import { ChopLogicButtonView } from './types';
+import { ChopLogicTheme } from '../../../types';
 
-export declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $view: ChopLogicButtonView;
-    $disabled: boolean;
+export declare const Styled3DButton: 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;
+}>> & string;
+export declare const StyledFlatButton: 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;
+}>> & string;
+export declare const StyledIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledButtonText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -4,8 +4,6 @@ import { default as ButtonExample } from './ButtonExample';
 declare const meta: Meta<typeof ButtonExample>;
 export default meta;
 type Story = StoryObj<typeof ButtonExample>;
-export declare const PrimaryButton: Story;
-export declare const SecondaryButton: Story;
-export declare const DangerButton: Story;
+export declare const DefaultButton: Story;
+export declare const FlatButton: Story;
 export declare const IconButton: Story;
-export declare const DisabledButton: Story;

package/dist/components/inputs/button/__docs__/ButtonExample.d.ts

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

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 '../../../types';
 
 declare const ChopLogicCheckbox: React.FC<ChopLogicCheckboxProps>;
 export default ChopLogicCheckbox;

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

@@ -1,4 +1,6 @@
-export declare const StyledCheckboxWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+import { ChopLogicTheme } from '../../../types';
+
+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;
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledCheckboxInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/components/inputs/checkbox/__docs__/CheckboxExample.d.ts

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

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

@@ -1,4 +1,4 @@
-import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/types';
+import { ChopLogicFormData } from '../../../types';
 
 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 '../../../types';
 
 declare const ChopLogicMultiSelect: React.FC<ChopLogicMultiSelectProps>;
 export default ChopLogicMultiSelect;

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

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

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

@@ -1,5 +1,4 @@
-import { SelectValue } from '../../../../../../../../../src/utils/types.ts';
-import { MultiSelectValue } from './types';
+import { MultiSelectValue, SelectValue } from '../../../types';
 
 export declare function useChopLogicMultiSelectController({ name, defaultValue, onChange, options, }: {
     name: string;

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

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

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

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

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

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

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

@@ -1,6 +1,4 @@
-import { SelectValue } from '../../../../../../../../../src/utils/types.ts';
-import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/types';
-import { MultiSelectValue } from './types';
+import { ChopLogicFormData, MultiSelectValue, SelectValue } from '../../../types';
 
 export declare function getMultiSelectInitialValues({ name, options, initialValues, defaultValue, }: {
     name: string;

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 '../../../types';
 
 declare const ChopLogicNumericInput: React.FC<ChopLogicNumericInputProps>;
 export default ChopLogicNumericInput;

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

@@ -1,8 +1,5 @@
-export declare const StyledNumericInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledNumericInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled: boolean;
-    $invalid: boolean;
+import { ChopLogicTheme } from '../../../types';
+
+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;
-export declare const StyledNumericInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const StyledFieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledButtonsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/components/inputs/numeric/__docs__/NumericInputExample.d.ts

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

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

@@ -1,5 +1,5 @@
 import { default as React, ChangeEventHandler } from 'react';
-import { NumericValidationFunction } from './types';
+import { NumericValidationFunction } from '../../../types';
 
 export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, onSpinButtonClick, min, max, step, required, validator, }: {
     name: string;

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

@@ -1,5 +1,4 @@
-import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/types';
-import { NumericValidationFunction } from './types';
+import { ChopLogicFormData, NumericValidationFunction } from '../../../types';
 
 export declare function getNumericInputInitialValue({ name, initialValues, defaultValue, }: {
     name: string;

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 '../../../types';
 
 declare const ChopLogicSelect: React.FC<ChopLogicSelectProps>;
 export default ChopLogicSelect;

package/dist/components/inputs/select/__docs__/SelectExample.d.ts

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

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

@@ -1,4 +1,4 @@
-import { SelectValue } from '../../../../../../../../../src/utils/types.ts';
+import { SelectValue } from '../../../types';
 
 export declare function useChopLogicSelectController({ name, defaultValue, onChange, options, }: {
     name: string;

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

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