chop-logic-components 1.1.3 → 1.2.0

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

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

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__/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,7 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react';
+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>;
-export declare const Default: Story;
+export declare const Example: Story;

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__/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,7 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as NumericInputExample } from './NumericInput.example.tsx';
 
 declare const meta: Meta<typeof NumericInputExample>;
 export default meta;
 type Story = StoryObj<typeof NumericInputExample>;
-export declare const Default: Story;
+export declare const Example: Story;

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__/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,7 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as SelectExample } from './Select.example.tsx';
 
 declare const meta: Meta<typeof SelectExample>;
 export default meta;
 type Story = StoryObj<typeof SelectExample>;
-export declare const Default: Story;
+export declare const Example: Story;

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;

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

@@ -1,5 +1,16 @@
 import { default as React } from 'react';
-import { SelectDropdownProps } from '../../../../types';
+import { ChopLogicSelectValue, ChopLogicTheme } from '../../../../models';
 
+type SelectDropdownProps = {
+    options: ChopLogicSelectValue[];
+    opened: boolean;
+    dropdownId: string;
+    comboboxId: string;
+    onClose: () => void;
+    selected?: ChopLogicSelectValue;
+    onSelect: (id: string) => void;
+    onClear: () => void;
+    theme: ChopLogicTheme;
+};
 declare const SelectDropdown: React.FC<SelectDropdownProps>;
 export default SelectDropdown;

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

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

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

@@ -1,8 +1,8 @@
-import { ChopLogicFormData, SelectValue } from '../../../types';
+import { ChopLogicFormData, ChopLogicSelectValue } from '../../../models';
 
 export declare function getSelectInitialValue({ name, options, initialValues, defaultValue, }: {
     name: string;
-    options: SelectValue[];
+    options: ChopLogicSelectValue[];
     initialValues?: ChopLogicFormData;
     defaultValue?: string | number | readonly string[];
-}): SelectValue | undefined;
+}): ChopLogicSelectValue | undefined;

package/dist/components/inputs/text/TextInput.d.ts

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

package/dist/components/inputs/text/TextInput.styled.d.ts

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../../types';
+import { ChopLogicTheme } from '../../../models';
 
 export declare const StyledTextInput: 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/text/__docs__/TextInput.example.d.ts

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

package/dist/components/inputs/text/__docs__/TextInput.stories.d.ts

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

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

@@ -1,10 +1,10 @@
 import { default as React, ChangeEventHandler } from 'react';
-import { RegExpWithFlags, TextValidationFunction } from '../../../types';
+import { ChopLogicRegExpWithFlags, ChopLogicTextInputValidator } from '../../../models';
 
 export declare function useChopLogicTextInputController({ name, defaultValue, onChange, onClear, required, validator, }: {
     name: string;
     required: boolean;
-    validator?: RegExpWithFlags | TextValidationFunction;
+    validator?: ChopLogicRegExpWithFlags | ChopLogicTextInputValidator;
     defaultValue?: string | number | readonly string[];
     onChange?: ChangeEventHandler<HTMLInputElement>;
     onClear?: () => void;

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

@@ -1,9 +1,9 @@
-import { ChopLogicFormData, RegExpWithFlags, TextValidationFunction } from '../../../types';
+import { ChopLogicFormData, ChopLogicRegExpWithFlags, ChopLogicTextInputValidator } from '../../../models';
 
 export declare function validateTextInputValue({ value, required, validator, }: {
     value: string;
     required: boolean;
-    validator?: RegExpWithFlags | TextValidationFunction;
+    validator?: ChopLogicRegExpWithFlags | ChopLogicTextInputValidator;
 }): boolean;
 export declare function getTextInputInitialValue({ name, initialValues, defaultValue, }: {
     name: string;

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

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

package/dist/components/modals/alert/Alert.styled.d.ts

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

package/dist/components/modals/alert/__docs__/Alert.example.d.ts

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

package/dist/components/modals/alert/__docs__/Alert.stories.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { Meta, StoryObj } from '@storybook/react';
-import { ChopLogicAlertProps } from '../../../../types';
+import { ChopLogicAlertProps } from '../../../../models';
+import { Meta, StoryObj } from '../../../../storybook/react';
 
 declare const ExampleComponent: React.FC<ChopLogicAlertProps>;
 declare const meta: Meta<typeof ExampleComponent>;
 export default meta;
 type Story = StoryObj<typeof ExampleComponent>;
-export declare const Default: Story;
+export declare const Example: Story;

package/dist/components/modals/alert/elements/Header.d.ts

@@ -1,5 +1,13 @@
 import { default as React } from 'react';
-import { ChopLogicAlertHeaderProps } from '../../../../types';
+import { ChopLogicAlertMode, ChopLogicIconName } from '../../../../enums';
+import { ChopLogicTheme } from '../../../../models';
 
+type ChopLogicAlertHeaderProps = {
+    onClose: () => void;
+    theme: ChopLogicTheme;
+    mode: ChopLogicAlertMode;
+    title?: string;
+    icon?: ChopLogicIconName;
+};
 declare const ChopLogicAlertHeader: React.FC<ChopLogicAlertHeaderProps>;
 export default ChopLogicAlertHeader;

package/dist/components/modals/dialog/Dialog.d.ts

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

package/dist/components/modals/dialog/Dialog.styled.d.ts

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../../types';
+import { ChopLogicTheme } from '../../../models';
 
 export declare const StyledDialogLayout: 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/modals/dialog/__docs__/Dialog.example.d.ts

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

package/dist/components/modals/dialog/__docs__/Dialog.stories.d.ts

@@ -1,7 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '../../../../storybook/react';
 import { default as DialogExample } from './Dialog.example.tsx';
 
 declare const meta: Meta<typeof DialogExample>;
 export default meta;
 type Story = StoryObj<typeof DialogExample>;
-export declare const Default: Story;
+export declare const Example: Story;

package/dist/components/modals/dialog/elements/Header.d.ts

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

package/dist/components/modals/dialog/elements/Layout.d.ts

@@ -1,5 +1,11 @@
-import { default as React } from 'react';
-import { DialogLayoutProps } from '../../../../types';
+import { default as React, HTMLAttributes, PropsWithChildren } from 'react';
+import { ChopLogicTheme } from '../../../../models';
 
+type DialogLayoutProps = PropsWithChildren & HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    onClose: () => void;
+    isOpened: boolean;
+    theme: ChopLogicTheme;
+};
 declare const ChopLogicModalLayout: React.FC<DialogLayoutProps>;
 export default ChopLogicModalLayout;

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

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

package/dist/components/modals/tooltip/Tooltip.styled.d.ts

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../../types';
+import { ChopLogicTheme } from '../../../models';
 
 export declare const StyledTooltip: 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/modals/tooltip/__docs__/Tooltip.example.d.ts

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

package/dist/components/modals/tooltip/__docs__/Tooltip.stories.d.ts

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

package/dist/contexts/chop-logic-form-context.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChopLogicFormContextProps } from '../types';
+import { ChopLogicFormContextProps } from '../models';
 
 export declare const ChopLogicFormContext: React.Context<ChopLogicFormContextProps>;

package/dist/contexts/chop-logic-theme-context.d.ts

@@ -1,11 +1,4 @@
 import { default as React } from 'react';
-import { ChopLogicTheme } from '../types';
+import { ChopLogicThemeContextProps } from '../models';
 
-type ChopLogicThemeContextProps = {
-    mode: 'light' | 'dark';
-    setMode?: (mode: 'light' | 'dark') => void;
-    customTheme?: Partial<ChopLogicTheme>;
-    setCustomTheme?: (customTheme: ChopLogicTheme) => void;
-};
 export declare const ChopLogicThemeContext: React.Context<ChopLogicThemeContextProps>;
-export {};

package/dist/css/themes.d.ts

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../types';
+import { ChopLogicTheme } from '../models';
 
 export declare const LIGHT_THEME: ChopLogicTheme;
 export declare const DARK_THEME: ChopLogicTheme;

package/dist/elements/error-message/ErrorMessage.d.ts

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

package/dist/elements/error-message/ErrorMessage.styled.d.ts

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

package/dist/elements/icon/Icon.d.ts

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

package/dist/elements/icon/__docs__/Icon.example.d.ts

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

package/dist/elements/icon/__docs__/Icon.stories.d.ts

@@ -1,7 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '../../../storybook/react';
 import { default as IconExample } from './Icon.example.tsx';
 
 declare const meta: Meta<typeof IconExample>;
 export default meta;
 type Story = StoryObj<typeof IconExample>;
-export declare const Default: Story;
+export declare const IconGallery: Story;

package/dist/elements/input-inner-button/InputInnerButton.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ChopLogicIconName } from '../../enums';
-import { ChopLogicTheme } from '../../types';
+import { ChopLogicTheme } from '../../models';
 
 type ClearInputButtonProps = {
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/elements/input-inner-button/InputInnerButton.styled.d.ts

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

package/dist/elements/label/Label.d.ts

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

package/dist/elements/label/Label.styled.d.ts

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