chop-logic-components 2.0.1 → 2.2.0

package/dist/models/components/form.d.ts

@@ -9,11 +9,6 @@ export interface ChopLogicFormInputParams {
     value: unknown;
     valid?: boolean;
 }
-export interface ChopLogicFormContextProps {
-    onChangeFormInput?: (params: ChopLogicFormInputParams) => void;
-    initialValues?: ChopLogicFormData;
-    resetSignal?: number;
-}
 export interface ChopLogicFormProps extends PropsWithChildren, ChopLogicComponentProps {
     columns?: number;
     initialValues?: ChopLogicFormData;

package/dist/models/index.d.ts

@@ -1,10 +1,9 @@
-export type { ChopLogicTheme, ChopLogicThemeContextProps } from './chop-logic-theme.ts';
 export type { ChopLogicComponentProps, ChopLogicInputProps, ChopLogicMultiSelectValue, ChopLogicNumericInputValidator, ChopLogicRegExpWithFlags, ChopLogicSelectValue, ChopLogicTextInputValidator, } from './common.ts';
 export type { ChopLogicAlertProps } from './components/alert.ts';
 export type { ChopLogicButtonProps } from './components/button.ts';
 export type { ChopLogicCheckboxProps } from './components/checkbox.ts';
 export type { ChopLogicDialogProps } from './components/dialog.ts';
-export type { ChopLogicFormContextProps, ChopLogicFormData, ChopLogicFormInputParams, ChopLogicFormProps, ChopLogicFormValidationState, } from './components/form.ts';
+export type { ChopLogicFormData, ChopLogicFormInputParams, ChopLogicFormProps, ChopLogicFormValidationState } from './components/form.ts';
 export type { ChopLogicGridColumn, ChopLogicGridItem, ChopLogicGridProps, RenderDataItemCallback } from './components/grid.ts';
 export type { ChopLogicIconProps, ChopLogicSVGElementProps } from './components/icon.ts';
 export type { ChopLogicLoaderProps } from './components/loader.ts';

package/dist/utils/get-class-name.d.ts

@@ -0,0 +1,5 @@
+type ClassNameInput = string | {
+    [key in string]: boolean;
+} | undefined | null;
+export declare function getClassName(input: ClassNameInput[]): string;
+export {};

package/dist/utils/index.d.ts

@@ -1,3 +1,3 @@
-export { getChopLogicTheme } from './get-chop-logic-theme';
 export { handleDropdownListKeyPress } from './handle-dropdown-list-key-press';
 export { moveFocusOnElementById } from './move-focus-on-element-by-id';
+export { getClassName } from './get-class-name';

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/SavouryGin/chop-logic-components.git"
   },
-  "version": "2.0.1",
+  "version": "2.2.0",
   "description": "React UI components library for Chop Logic project",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -27,6 +27,9 @@
     "coverage": "vitest run --coverage"
   },
   "lint-staged": {
+    "src/*.ts": [
+      "npm run types"
+    ],
     "*.{js,jsx,ts,tsx,json,css,scss,md}": [
       "npm run lint:fix",
       "prettier --write",
@@ -34,11 +37,11 @@
     ]
   },
   "keywords": [
-    "Chop Logic",
-    "React",
-    "TypeScript",
-    "Storybook",
-    "Styled components"
+    "chop-logic",
+    "react",
+    "typescript",
+    "storybook",
+    "styled-components"
   ],
   "author": "Dmitrii Suroviagin",
   "license": "LGPL-3.0-or-later",
@@ -54,15 +57,14 @@
     "@commitlint/cli": "^19.7.1",
     "@commitlint/config-conventional": "^19.7.1",
     "@eslint/js": "^9.20.0",
-    "@storybook/addon-docs": "^8.5.8",
-    "@storybook/addon-essentials": "^8.5.8",
-    "@storybook/addon-mdx-gfm": "^8.5.8",
-    "@storybook/blocks": "^8.5.8",
-    "@storybook/manager-api": "^8.5.8",
-    "@storybook/react": "^8.5.8",
-    "@storybook/react-vite": "^8.5.8",
-    "@storybook/test": "^8.5.8",
-    "@storybook/theming": "^8.5.8",
+    "@storybook/addon-docs": "^8.6.12",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-vite": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/theming": "^8.6.12",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/node": "^22.13.0",
@@ -78,8 +80,9 @@
     "husky-init": "^8.0.0",
     "jsdom": "^26.0.0",
     "prettier": "^3.4.2",
-    "storybook": "^8.5.8",
-    "styled-components": "^6.1.14",
+    "remark-gfm": "^4.0.1",
+    "sass": "^1.87.0",
+    "storybook": "^8.6.12",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.23.0",
     "vite": "^6.0.11",

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

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

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

@@ -1,37 +0,0 @@
-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;
-}>> & 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;
-    $checked: 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;

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

@@ -1,20 +0,0 @@
-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<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$theme" | "$mode"> & {
-    $theme: ChopLogicTheme;
-    $mode: ChopLogicOrientationMode;
-}, 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;
-}>> & string;
-export declare const StyledSubMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
-    $theme: ChopLogicTheme;
-}>> & string;
-export declare const StyledSubMenuText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $theme: ChopLogicTheme;
-    $mode: ChopLogicOrientationMode;
-}>> & string;

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

@@ -1,18 +0,0 @@
-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;
-    $mode: ChopLogicOrientationMode;
-    $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 StyledTabList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $mode: ChopLogicOrientationMode;
-    $theme: ChopLogicTheme;
-}>> & string;
-export declare const StyledTabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $mode: ChopLogicOrientationMode;
-}>> & string;

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

@@ -1,12 +0,0 @@
-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;
-}>> & 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;

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

@@ -1,6 +0,0 @@
-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;
-    $theme: ChopLogicTheme;
-}>> & string;

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

@@ -1,4 +0,0 @@
-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/text/TextInput.styled.d.ts

@@ -1,4 +0,0 @@
-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;
-}>> & string;

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

@@ -1,11 +0,0 @@
-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;
-}>> & string;
-export declare const StyledAlertWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isClosing: boolean;
-    $theme: ChopLogicTheme;
-}>> & string;
-export declare const StyledAlertContent: 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/modals/dialog/Dialog.styled.d.ts

@@ -1,14 +0,0 @@
-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;
-}>> & string;
-export declare const StyledDialogBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isClosing: boolean;
-    $theme: ChopLogicTheme;
-}>> & string;
-export declare const StyledDialogHeader: 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 StyledDialogContent: 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/modals/tooltip/Tooltip.styled.d.ts

@@ -1,4 +0,0 @@
-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;
-}>> & string;

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

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

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

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ChopLogicThemeContextProps } from '../models';
-export declare const ChopLogicThemeContext: React.Context<ChopLogicThemeContextProps>;

package/dist/css/__docs__/ExampleDivContainer.styled.d.ts

@@ -1,4 +0,0 @@
-import { ChopLogicTheme } from '../../models';
-export declare const ExampleDivContainer: 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/css/__docs__/ExampleGridContainer.styled.d.ts

@@ -1,8 +0,0 @@
-import { ChopLogicTheme } from '../../models';
-export declare const StyledGridContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $columns: number;
-}>> & string;
-export declare const StyledGridTile: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: ChopLogicTheme;
-    $size: string;
-}>> & string;

package/dist/css/__docs__/story-wrapper-styles.d.ts

@@ -1,2 +0,0 @@
-import { CSSProperties } from 'react';
-export declare const STORY_WRAPPER_STYLES: CSSProperties;

package/dist/css/animations.d.ts

@@ -1,2 +0,0 @@
-export declare const fadeInAnimation = "\n    animation: fadeIn ease 400ms;\n    -webkit-animation: fadeIn ease 400ms;\n    -moz-animation: fadeIn ease 400ms;\n\n    @keyframes fadeIn {\n        0% {\n            opacity: 0;\n        }\n        100% {\n            opacity: 1;\n        }\n    }\n\n    @-moz-keyframes fadeIn {\n        0% {\n            opacity: 0;\n        }\n        100% {\n            opacity: 1;\n        }\n    }\n\n    @-webkit-keyframes fadeIn {\n        0% {\n            opacity: 0;\n        }\n        100% {\n            opacity: 1;\n        }\n    }\n";
-export declare const fadeOutAnimation = "\n    animation: fadeOut ease 400ms;\n    -webkit-animation: fadeOut ease 400ms;\n    -moz-animation: fadeOut ease 400ms;\n\n    @keyframes fadeOut {\n        0% {\n            opacity: 1;\n        }\n        100% {\n            opacity: 0;\n        }\n    }\n\n    @-moz-keyframes fadeOut {\n        0% {\n            opacity: 1;\n        }\n        100% {\n            opacity: 0;\n        }\n    }\n\n    @-webkit-keyframes fadeOut {\n        0% {\n            opacity: 1;\n        }\n        100% {\n            opacity: 0;\n        }\n    }\n";

package/dist/css/common/Select.styled.d.ts

@@ -1,19 +0,0 @@
-import { ChopLogicTheme } from '../../models';
-export declare const StyledSelect: 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 StyledSelectCombobox: 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 StyledSelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
-    $opened: boolean;
-    $theme: ChopLogicTheme;
-}>> & string;
-export declare const StyledSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
-    $theme: ChopLogicTheme;
-    $selected: boolean;
-}>> & string;
-export declare const StyledMultiSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "$theme" | "$selected"> & {
-    $theme: ChopLogicTheme;
-    $selected: boolean;
-}, never>> & string;

package/dist/css/index.d.ts

@@ -1,3 +0,0 @@
-export * from './animations';
-export * from './screen-breakpoints';
-export * from './themes';

package/dist/css/screen-breakpoints.d.ts

@@ -1,7 +0,0 @@
-export declare const SCREEN_BREAKPOINTS: Readonly<{
-    phones: "only screen and (max-width: 600px)";
-    portraitTablets: "only screen and (min-width: 600px)";
-    landscapeTablets: "only screen and (min-width: 768px)";
-    laptops: "only screen and (min-width: 992px)";
-    desktops: "only screen and (min-width: 1200px)";
-}>;

package/dist/css/themes.d.ts

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

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

@@ -1,5 +0,0 @@
-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;
-    $theme: ChopLogicTheme;
-}>> & string;

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

@@ -1,4 +0,0 @@
-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;
-}>> & string;

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

@@ -1,4 +0,0 @@
-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;
-}>> & string;

package/dist/elements/loader/views/Arrow.styled.d.ts

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

package/dist/elements/loader/views/Brackets.styled.d.ts

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

package/dist/elements/loader/views/Circle.styled.d.ts

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

package/dist/elements/loader/views/Dots.styled.d.ts

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

package/dist/elements/loader/views/Filler.styled.d.ts

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

package/dist/elements/loader/views/Linear.styled.d.ts

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

package/dist/elements/loader/views/Pulse.styled.d.ts

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

package/dist/elements/loader/views/Rotation.styled.d.ts

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

package/dist/elements/loader/views/Square.styled.d.ts

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

package/dist/models/chop-logic-theme.d.ts

@@ -1,35 +0,0 @@
-import { ChopLogicThemeMode } from '../enums';
-export interface ChopLogicTheme {
-    fontColorBase: string;
-    fontColorLight: string;
-    fontColorAccent: string;
-    backgroundColorBase: string;
-    backgroundColorLight: string;
-    backgroundColorTransparent: string;
-    gradientShadow: string;
-    fontFamilyCore: string;
-    fontFamilyMonospace: string;
-    fontSizeBase: string;
-    fontSizeSmall: string;
-    fontSizeHeader: string;
-    gapSmall: string;
-    gapMedium: string;
-    gapBig: string;
-    iconSize: string;
-    blockBorderRadius: string;
-    boxShadow: string;
-    textShadow: string;
-    borderBase: string;
-    borderLight: string;
-    borderAccent: string;
-    borderOutline: string;
-    zIndexBase: string;
-    zIndexPopup: string;
-    zIndexModal: string;
-}
-export interface ChopLogicThemeContextProps {
-    mode: ChopLogicThemeMode;
-    setMode?: (mode: ChopLogicThemeMode) => void;
-    customTheme?: Partial<ChopLogicTheme>;
-    setCustomTheme?: (customTheme: Partial<ChopLogicTheme>) => void;
-}

package/dist/utils/get-chop-logic-theme.d.ts

@@ -1,2 +0,0 @@
-import { ChopLogicTheme } from '../models';
-export declare function getChopLogicTheme(mode?: 'dark' | 'light', customTheme?: Partial<ChopLogicTheme>): ChopLogicTheme;