chop-logic-components 2.6.0 → 3.1.0

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/ChopLogic/chop-logic-components.git"
   },
-  "version": "2.6.0",
+  "version": "3.1.0",
   "description": "Reusable React components and hooks for the Chop Logic project",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -13,6 +13,7 @@
   "files": [
     "/dist"
   ],
+  "sideEffects": false,
   "scripts": {
     "start": "storybook dev -p 6006 --no-open",
     "build": "tsc && vite build",
@@ -84,6 +85,7 @@
     "typescript-eslint": "^8.23.0",
     "vite": "^6.0.11",
     "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.0.5"
   },
   "overrides": {

package/dist/assets/icons/__tests__/icons.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/assets/icons/index.d.ts

@@ -1,8 +0,0 @@
-import { ChopLogicIconName } from '../../enums';
-import { ChopLogicSVGElementProps } from '../../models';
-import { ReactElement } from 'react';
-type ChopLogicIcons = {
-    [key in ChopLogicIconName]: ({ title, ...rest }: Readonly<ChopLogicSVGElementProps>) => ReactElement;
-};
-export declare const ChopLogicIconDictionary: ChopLogicIcons;
-export {};

package/dist/assets/icons/svg/ArrowDownIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ArrowDownIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ArrowDownIcon;

package/dist/assets/icons/svg/ArrowUpIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ArrowUpIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ArrowUpIcon;

package/dist/assets/icons/svg/BackIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function BackIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default BackIcon;

package/dist/assets/icons/svg/CancelIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function CancelIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default CancelIcon;

package/dist/assets/icons/svg/CheckMarkIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function CheckMarkIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default CheckMarkIcon;

package/dist/assets/icons/svg/CheckboxCheckedIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function CheckboxCheckedIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default CheckboxCheckedIcon;

package/dist/assets/icons/svg/CheckboxUncheckedIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function CheckboxUncheckedIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default CheckboxUncheckedIcon;

package/dist/assets/icons/svg/ChevronDownIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ChevronDownIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ChevronDownIcon;

package/dist/assets/icons/svg/ChevronLeftIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ChevronLeftIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ChevronLeftIcon;

package/dist/assets/icons/svg/ChevronRightIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ChevronRightIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ChevronRightIcon;

package/dist/assets/icons/svg/ChevronUpIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ChevronUpIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ChevronUpIcon;

package/dist/assets/icons/svg/ClearIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ClearIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ClearIcon;

package/dist/assets/icons/svg/CopyIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function CopyIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default CopyIcon;

package/dist/assets/icons/svg/CutIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function CutIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default CutIcon;

package/dist/assets/icons/svg/DeleteIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function DeleteIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default DeleteIcon;

package/dist/assets/icons/svg/DownloadIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function DownloadIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default DownloadIcon;

package/dist/assets/icons/svg/ErrorIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ErrorIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ErrorIcon;

package/dist/assets/icons/svg/ForwardIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ForwardIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ForwardIcon;

package/dist/assets/icons/svg/GraduateIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare const GraduateIcon: ({ title, ...rest }: Readonly<ChopLogicSVGElementProps>) => import("react/jsx-runtime").JSX.Element;
-export default GraduateIcon;

package/dist/assets/icons/svg/HelpIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function HelpIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default HelpIcon;

package/dist/assets/icons/svg/HideIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function HideIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default HideIcon;

package/dist/assets/icons/svg/HomeIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare const HomeIcon: ({ title, ...rest }: Readonly<ChopLogicSVGElementProps>) => import("react/jsx-runtime").JSX.Element;
-export default HomeIcon;

package/dist/assets/icons/svg/InfoIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function InfoIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default InfoIcon;

package/dist/assets/icons/svg/LoginIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare const LoginIcon: ({ title, ...rest }: Readonly<ChopLogicSVGElementProps>) => import("react/jsx-runtime").JSX.Element;
-export default LoginIcon;

package/dist/assets/icons/svg/PasteIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function PasteIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default PasteIcon;

package/dist/assets/icons/svg/QuestionIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function QuestionIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default QuestionIcon;

package/dist/assets/icons/svg/RemoveIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function RemoveIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default RemoveIcon;

package/dist/assets/icons/svg/SaveIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function SaveIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default SaveIcon;

package/dist/assets/icons/svg/ShowIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function ShowIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default ShowIcon;

package/dist/assets/icons/svg/UploadIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function UploadIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default UploadIcon;

package/dist/assets/icons/svg/WarningIcon.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicSVGElementProps } from '../../../models';
-declare function WarningIcon({ title, ...rest }: Readonly<ChopLogicSVGElementProps>): import("react/jsx-runtime").JSX.Element;
-export default WarningIcon;

package/dist/atoms/editable-text/EditView.d.ts

@@ -1,14 +0,0 @@
-import { ChopLogicComponentProps } from '../../models';
-import { FC, RefObject } from 'react';
-interface EditViewProps extends ChopLogicComponentProps {
-    multiline: boolean;
-    value: string;
-    placeholder: string;
-    onChange: (value: string) => void;
-    onBlur: () => void;
-    onKeyDown: (event: React.KeyboardEvent) => void;
-    className: string;
-    inputRef: RefObject<any>;
-}
-export declare const EditView: FC<EditViewProps>;
-export {};

package/dist/atoms/editable-text/EditableText.d.ts

@@ -1,4 +0,0 @@
-import { EditableTextProps } from '../../models';
-import { FC } from 'react';
-declare const ChopLogicEditableText: FC<EditableTextProps>;
-export default ChopLogicEditableText;

package/dist/atoms/editable-text/ReadView.d.ts

@@ -1,10 +0,0 @@
-import { ChopLogicComponentProps } from '../../models';
-import { FC } from 'react';
-interface ReadViewProps extends ChopLogicComponentProps {
-    value: string;
-    placeholder: string;
-    onClick: (event: React.MouseEvent) => void;
-    className: string;
-}
-export declare const ReadView: FC<ReadViewProps>;
-export {};

package/dist/atoms/editable-text/__docs__/EditableText.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '../../../storybook/react-vite';
-import { default as ChopLogicEditableText } from '../EditableText';
-declare const meta: Meta<typeof ChopLogicEditableText>;
-export default meta;
-type Story = StoryObj<typeof ChopLogicEditableText>;
-export declare const Default: Story;

package/dist/atoms/editable-text/__tests__/EditView.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/editable-text/__tests__/EditableText.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/editable-text/__tests__/ReadView.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/editable-text/__tests__/useEditModeState.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/editable-text/__tests__/useInputFocus.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/editable-text/__tests__/useValueState.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/editable-text/useEditModeState.d.ts

@@ -1,6 +0,0 @@
-export declare const useEditModeState: (controlledEditMode?: boolean, readOnly?: boolean) => {
-    editMode: boolean;
-    enterEditMode: () => void;
-    exitEditMode: () => void;
-    isControlled: boolean;
-};

package/dist/atoms/editable-text/useInputFocus.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare const useInputFocus: (ref: RefObject<HTMLTextAreaElement | HTMLInputElement | null>, editMode: boolean, autoSelectTextOnEditMode?: boolean, readOnly?: boolean) => void;

package/dist/atoms/editable-text/useValueState.d.ts

@@ -1,6 +0,0 @@
-export declare const useValueState: (value: string, onChange?: (value: string) => void) => {
-    internalValue: string;
-    updateValue: (newValue: string) => void;
-    commitValue: () => void;
-    resetValue: () => void;
-};

package/dist/atoms/header/Header.d.ts

@@ -1,4 +0,0 @@
-import { ChopLogicHeaderProps } from '../../models';
-import { FC } from 'react';
-declare const Header: FC<ChopLogicHeaderProps>;
-export default Header;

package/dist/atoms/header/Header.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/header/__docs__/Header.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '../../../storybook/react-vite';
-import { default as ChopLogicHeader } from '../Header';
-declare const meta: Meta<typeof ChopLogicHeader>;
-export default meta;
-type Story = StoryObj<typeof ChopLogicHeader>;
-export declare const Default: Story;

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

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

package/dist/atoms/icon/Icon.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '../../../storybook/react-vite';
-import { default as ChopLogicIcon } from '../Icon';
-declare const meta: Meta<typeof ChopLogicIcon>;
-export default meta;
-type Story = StoryObj<typeof ChopLogicIcon>;
-export declare const Default: Story;

package/dist/atoms/index.d.ts

@@ -1,7 +0,0 @@
-export { default as ChopLogicEditableText } from './editable-text/EditableText';
-export { default as ChopLogicHeader } from './header/Header';
-export { default as ChopLogicIcon } from './icon/Icon';
-export { default as ChopLogicLabel } from './label/Label';
-export { default as ChopLogicLoader } from './loader/Loader';
-export { default as ChopLogicPortal } from './portal/Portal';
-export { default as ChopLogicTooltip } from './tooltip/Tooltip';

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

@@ -1,11 +0,0 @@
-import { FC, ReactElement } from 'react';
-type LabelProps = {
-    label: string;
-    required: boolean;
-    inputId: string;
-    isTextHidden?: boolean;
-    icon?: ReactElement;
-    iconPosition?: 'left' | 'right';
-};
-declare const ChopLogicLabel: FC<LabelProps>;
-export default ChopLogicLabel;

package/dist/atoms/label/Label.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/label/__docs__/Label.stories.d.ts

@@ -1,9 +0,0 @@
-import { ChopLogicLabel } from '../..';
-import { Meta, StoryObj } from '../../../storybook/react-vite';
-declare const meta: Meta<typeof ChopLogicLabel>;
-export default meta;
-type Story = StoryObj<typeof ChopLogicLabel>;
-export declare const Primary: Story;
-export declare const WithLeftIcon: Story;
-export declare const WithRightIcon: Story;
-export declare const HiddenText: Story;

package/dist/atoms/loader/Loader.d.ts

@@ -1,4 +0,0 @@
-import { ChopLogicLoaderProps } from '../../models';
-import { FC } from 'react';
-declare const ChopLogicLoader: FC<ChopLogicLoaderProps>;
-export default ChopLogicLoader;

package/dist/atoms/loader/Loader.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/loader/__docs__/Loader.example.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicLoaderProps } from '../../../models';
-import { FC } from 'react';
-export declare const LoaderExample: FC<ChopLogicLoaderProps>;

package/dist/atoms/loader/__docs__/Loader.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '../../../storybook/react-vite';
-import { default as ChopLogicLoader } from '../Loader';
-declare const meta: Meta<typeof ChopLogicLoader>;
-export default meta;
-type Story = StoryObj<typeof ChopLogicLoader>;
-export declare const LoaderGallery: Story;

package/dist/atoms/portal/Portal.d.ts

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

package/dist/atoms/portal/Portal.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/portal/__docs__/Portal.example.d.ts

@@ -1,2 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-export declare const PortalExample: FC<PropsWithChildren>;

package/dist/atoms/portal/__docs__/Portal.stories.d.ts

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

package/dist/atoms/tooltip/Tooltip.controller.d.ts

@@ -1,19 +0,0 @@
-import { MouseEvent } from 'react';
-type Params = {
-    autoClose: boolean;
-    autoCloseDelay: number;
-    id?: string;
-};
-export declare const useChopLogicTooltipController: ({ id, autoClose, autoCloseDelay }: Params) => {
-    elementId: string;
-    openTooltip: () => void;
-    closeTooltip: () => void;
-    toggleTooltip: () => void;
-    handleContextMenu: (e: MouseEvent) => void;
-    top: number;
-    left: number;
-    isOpened: boolean;
-    wrapperRef: import('react').RefObject<null>;
-    tooltipRef: import('react').RefObject<HTMLDivElement | null>;
-};
-export {};

package/dist/atoms/tooltip/Tooltip.d.ts

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

package/dist/atoms/tooltip/Tooltip.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/atoms/tooltip/__docs__/Tooltip.example.d.ts

@@ -1,3 +0,0 @@
-import { ChopLogicTooltipProps } from '../../../models';
-import { FC } from 'react';
-export declare const TooltipExample: FC<ChopLogicTooltipProps>;

package/dist/atoms/tooltip/__docs__/Tooltip.stories.d.ts

@@ -1,9 +0,0 @@
-import { ChopLogicTooltip } from '../..';
-import { Meta, StoryObj } from '../../../storybook/react-vite';
-declare const meta: Meta<typeof ChopLogicTooltip>;
-export default meta;
-type Story = StoryObj<typeof ChopLogicTooltip>;
-export declare const VisibleOnHover: Story;
-export declare const VisibleOnClick: Story;
-export declare const VisibleOnFocus: Story;
-export declare const VisibleOnContextMenu: Story;

package/dist/chop-logic-components.css

@@ -1 +0,0 @@
-._header_os2ww_1{margin:0;display:flex;align-items:center;flex-direction:row;gap:var(--cl-m-gap);font-family:Georgia,Times New Roman,Times,serif;font-weight:400!important;font-size:var(--cl-header-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._header_text_os2ww_15{color:var(--cl-primary-color);display:flex;align-items:center}._header__h1_os2ww_20{padding:var(--cl-m-gap) 0;border-bottom:var(--cl-primary-border)}._header__h2_os2ww_24{padding:var(--cl-m-gap) 0;font-size:1.8rem;border-bottom:var(--cl-primary-border)}._header__h3_os2ww_29{padding:var(--cl-m-gap) 0;font-size:1.6rem;border-bottom:var(--cl-primary-border)}._header__h4_os2ww_34{padding:var(--cl-m-gap) 0;font-size:1.4rem;gap:var(--cl-s-gap)}._header__h5_os2ww_39{padding:var(--cl-m-gap) 0;font-size:1.2rem;gap:var(--cl-s-gap)}._header__h6_os2ww_44{padding:var(--cl-m-gap) 0;font-size:var(--cl-base-font-size);gap:var(--cl-s-gap)}._icon_1a3u5_1{color:var(--cl-primary-color)}._label_bdijc_1{font-family:Helvetica,Arial,sans-serif;font-weight:lighter!important;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;gap:var(--cl-s-gap);color:var(--cl-primary-color)}._label_bdijc_1:hover{text-shadow:var(--cl-text-shadow);cursor:pointer}._label_bdijc_1+span{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}._label_bdijc_1 abbr{text-decoration:none;cursor:pointer;color:var(--cl-accent-color);margin-left:var(--cl-s-gap)}._loader_1dxge_1{width:48px;height:48px;border:3px solid var(--cl-tint-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:_arrowRotation_1dxge_1 1s linear infinite}._loader_1dxge_1:after{content:"";position:absolute;box-sizing:border-box;left:20px;top:31px;border:10px solid transparent;border-right-color:var(--cl-tint-color);transform:rotate(-40deg)}@keyframes _arrowRotation_1dxge_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_1t1ws_1{color:var(--cl-tint-color);font-family:Consolas,Menlo,Monaco,monospace;font-weight:700;font-size:78px;opacity:.8}._loader_1t1ws_1:before{content:"{";display:inline-block;animation:_bracketsPulse_1t1ws_1 .4s alternate infinite ease-in-out}._loader_1t1ws_1:after{content:"}";display:inline-block;animation:_bracketsPulse_1t1ws_1 .4s .3s alternate infinite ease-in-out}@keyframes _bracketsPulse_1t1ws_1{to{transform:scale(.8);opacity:.5}}._loader_151n3_1{width:48px;height:48px;border-radius:50%;position:relative;animation:_circleRotateAnimation_151n3_1 1s linear infinite}._loader_151n3_1:before{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid var(--cl-tint-color);animation:_circleClipAnimation_151n3_1 2s linear infinite}@keyframes _circleRotateAnimation_151n3_1{to{transform:rotate(360deg)}}@keyframes _circleClipAnimation_151n3_1{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}._loader_5o37g_1{border-radius:50%;width:2.5em;height:2.5em;animation:_dotsFadeOutAnimation_5o37g_1 1.8s infinite ease-in-out;animation-fill-mode:both;color:var(--cl-tint-color);font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}._loader_5o37g_1:before,._loader_5o37g_1:after{border-radius:50%;width:2.5em;height:2.5em;animation:_dotsFadeOutAnimation_5o37g_1 1.8s infinite ease-in-out;animation-fill-mode:both}._loader_5o37g_1:before,._loader_5o37g_1:after{content:"";position:absolute;top:0}._loader_5o37g_1:before{left:-3.5em;animation-delay:-.32s}._loader_5o37g_1:after{left:3.5em}@keyframes _dotsFadeOutAnimation_5o37g_1{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}._loader_1hqei_1{width:48px;height:48px;border:10px solid var(--cl-tint-color);border-radius:50%;position:relative;transform:rotate(45deg);box-sizing:border-box}._loader_1hqei_1:before{content:"";position:absolute;box-sizing:border-box;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:10px solid var(--cl-accent-color);animation:_prixClipFix_1hqei_1 2s infinite linear}@keyframes _prixClipFix_1hqei_1{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}._loader_o5l8l_1{display:block;position:relative;height:12px;width:80%;border:1px solid var(--cl-tint-color);border-radius:10px;overflow:hidden}._loader_o5l8l_1:after{content:"";width:40%;height:100%;background:var(--cl-accent-color);position:absolute;top:0;left:0;box-sizing:border-box;animation:_linearLoaderAnimation_o5l8l_1 2s linear infinite}@keyframes _linearLoaderAnimation_o5l8l_1{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}._loader_pukbl_1{width:48px;height:48px;border:5px solid var(--cl-tint-color);border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:_pulse_pukbl_1 1s linear infinite}._loader_pukbl_1:after{content:"";position:absolute;width:48px;height:48px;border:5px solid var(--cl-tint-color);border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);animation:_scaleUpAnimation_pukbl_1 1s linear infinite}@keyframes _scaleUpAnimation_pukbl_1{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes _pulse_pukbl_1{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}._loader_zl0tq_1{width:64px;height:64px;position:relative;background-image:linear-gradient(var(--cl-tint-color) 16px,transparent 0),linear-gradient(var(--cl-accent-color) 16px,transparent 0),linear-gradient(var(--cl-accent-color) 16px,transparent 0),linear-gradient(var(--cl-tint-color) 16px,transparent 0);background-repeat:no-repeat;background-size:16px 16px;background-position:left top,left bottom,right top,right bottom;animation:_squaresRotateAnimation_zl0tq_1 1s linear infinite}@keyframes _squaresRotateAnimation_zl0tq_1{0%{width:64px;height:64px;transform:rotate(0)}50%{width:30px;height:30px;transform:rotate(180deg)}to{width:64px;height:64px;transform:rotate(360deg)}}._loader_1alvx_1{width:48px;height:48px;display:inline-block;position:relative;background:var(--cl-tint-color);box-sizing:border-box;animation:_flipSquareAnimation_1alvx_1 1s linear infinite}@keyframes _flipSquareAnimation_1alvx_1{0%{transform:perspective(200px) rotateX(0) rotateY(0)}50%{transform:perspective(200px) rotateX(-180deg) rotateY(0)}to{transform:perspective(200px) rotateX(-180deg) rotateY(-180deg)}}.cl-components-dark-theme{--cl-primary-color: hsl(57, 64%, 74%);--cl-tint-color: hsl(43, 87%, 66%);--cl-accent-color: hsl(23, 72%, 53%);--cl-primary-background: hsl(328, 19%, 15%);--cl-highlight-background: hsl(24, 55%, 34%);--cl-shadow-background: hsla(24, 55%, 34%, .3);--cl-accent-gradient: linear-gradient(to left, hsl(23, 72%, 26%) 0%, hsl(23, 72%, 30%) 8%, hsl(23, 72%, 30%) 92%, hsl(23, 72%, 26%) 100%);--cl-shadow-gradient: linear-gradient( to left, hsl(328, 19%, 24%) 0%, hsl(328, 19%, 30%) 8%, hsl(328, 19%, 30%) 92%, hsl(328, 19%, 24%) 100% );--cl-box-shadow: hsla(24, 55%, 34%, .15) 2.4px 2.4px 3.2px;--cl-text-shadow: 2.4px 2.4px 3.2px hsla(43, 87%, 66%, .3);--cl-drop-shadow: drop-shadow(2.4px 2.4px 3.2px hsla(24, 55%, 34%, .15));--cl-primary-border: 1px solid hsla(57, 64%, 74%, 32%);--cl-light-border: 1px solid hsl(43, 87%, 66%, 32%);--cl-accent-border: 1px solid hsl(23, 72%, 53%);--cl-outline-border: 1px solid hsl(43, 87%, 66%)}.cl-components-light-theme{--cl-primary-color: hsl(195, 100%, 6%);--cl-tint-color: hsl(345, 49%, 21%);--cl-accent-color: hsl(356, 100%, 53%);--cl-primary-background: hsl(0, 0%, 100%);--cl-highlight-background: hsl(40, 100%, 58%);--cl-shadow-background: hsla(0, 0%, 0%, .3);--cl-accent-gradient: linear-gradient( to left, hsl(356, 100%, 21%) 0%, hsl(356, 100%, 32%) 8%, hsl(356, 100%, 32%) 92%, hsl(356, 100%, 21%) 100% );--cl-shadow-gradient: linear-gradient(to left, hsl(0, 0%, 24%) 0%, hsl(0, 0%, 32%) 8%, hsl(0, 0%, 32%) 92%, hsl(0, 0%, 24%) 100%);--cl-box-shadow: hsla(195, 100%, 6%, .15) 2.4px 2.4px 3.2px;--cl-drop-shadow: drop-shadow(2.4px 2.4px 3.2px hsla(195, 100%, 6%, .15));--cl-text-shadow: 2.4px 2.4px 3.2px hsla(345, 49%, 21%, .3);--cl-primary-border: 1px solid hsla(195, 100%, 6%, 32%);--cl-light-border: 1px solid hsla(345, 49%, 21%, 32%);--cl-accent-border: 1px solid hsl(356, 100%, 53%);--cl-outline-border: 1px solid hsl(345, 49%, 21%)}:root{--cl-core-font: typography.$cl-core-font;--cl-monospace-font: typography.$cl-monospace-font;--cl-base-font-size: 1rem;--cl-small-font-size: .8rem;--cl-header-font-size: 2rem;--cl-xs-gap: 2px;--cl-s-gap: 4px;--cl-m-gap: 8px;--cl-l-gap: 16px;--cl-xl-gap: 32px;--cl-icon-size: 20px;--cl-border-radius: 4px}@keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}._tooltip_v7uvz_54{animation:_fadeIn_v7uvz_1 ease .4s;-webkit-animation:_fadeIn_v7uvz_1 ease .4s;-moz-animation:_fadeIn_v7uvz_1 ease .4s;font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);position:absolute;left:0;top:0;z-index:100;background-color:var(--cl-primary-background);border:var(--cl-light-border);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);pointer-events:none;white-space:nowrap}@keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}._errorMessage_1shcy_54{animation:_fadeIn_1shcy_1 ease .4s;-webkit-animation:_fadeIn_1shcy_1 ease .4s;-moz-animation:_fadeIn_1shcy_1 ease .4s;font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:none;max-width:100%;z-index:100;background-color:var(--cl-primary-background);border:var(--cl-accent-border);color:var(--cl-accent-color);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);pointer-events:none}._errorMessage__visible_1shcy_76{display:block}._button_t94vv_2{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--cl-m-gap);border-radius:50%;background:transparent;width:fit-content}._button_t94vv_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._button_t94vv_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_t94vv_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._button_t94vv_2:focus-visible{outline:var(--cl-outline-border)}._button_t94vv_2[disabled]{pointer-events:none;opacity:.5}._button_t94vv_2 svg{height:var(--cl-icon-size);width:var(--cl-icon-size)}@keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}._button_o1x7s_50{animation:_fadeIn_o1x7s_1 ease .4s;-webkit-animation:_fadeIn_o1x7s_1 ease .4s;-moz-animation:_fadeIn_o1x7s_1 ease .4s;background:transparent;border:none;display:flex;align-items:center;font-size:var(--cl-small-font-size);color:var(--cl-primary-color);padding:0}._button_o1x7s_50:focus-visible{outline:var(--cl-outline-border);outline-offset:-1px}._button_o1x7s_50:hover svg,._button_o1x7s_50:active svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_o1x7s_50 svg{cursor:pointer;height:var(--cl-icon-size);width:var(--cl-icon-size)}._button_o1x7s_50[disabled]{pointer-events:none;opacity:.5}._wrapper_knk6l_2{display:flex;gap:var(--cl-m-gap);align-items:center;border:var(--cl-primary-border);border-radius:var(--cl-border-radius);padding:var(--cl-m-gap);background-color:var(--cl-primary-background);position:relative}._wrapper_knk6l_2:has(input:focus){border:var(--cl-outline-border)}._wrapper_knk6l_2:has(input[aria-invalid=true]){border:var(--cl-accent-border)}._wrapper_knk6l_2:has(input[disabled]){pointer-events:none;opacity:.5}._wrapper_knk6l_2>span:nth-child(2){display:flex;gap:var(--cl-s-gap);align-items:center}._input_knk6l_28{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);padding:0;border:none;display:inline-block;background:transparent;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-grow:1;min-width:0;line-height:1.5}._input_knk6l_28:focus-visible{outline:none}._input_knk6l_28:placeholder-shown+span{display:none!important}._input_knk6l_28::-webkit-outer-spin-button,._input_knk6l_28::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_knk6l_28[type=number]{-moz-appearance:textfield}._combobox_1pe6c_2{text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--cl-m-gap);padding:var(--cl-m-gap);border:var(--cl-primary-border);border-radius:var(--cl-border-radius);background-color:var(--cl-primary-background);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._combobox_1pe6c_2>span:nth-child(1){font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);overflow:hidden;text-overflow:ellipsis;line-height:1.5}._combobox_1pe6c_2 svg{cursor:pointer;color:var(--cl-primary-color);height:var(--cl-icon-size);width:var(--cl-icon-size)}._combobox_1pe6c_2 svg:hover{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._combobox_1pe6c_2:focus-visible{outline:var(--cl-outline-border);outline-offset:2px}._combobox_1pe6c_2[disabled]{pointer-events:none;opacity:.5}._dropdown_1kuhz_6{visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s linear;position:absolute;background:var(--cl-primary-background);margin:0;padding:0;list-style:none;z-index:100;width:100%;top:72px;left:-1px;border:var(--cl-primary-border);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);overflow-y:auto;max-height:180px}._dropdown__opened_1kuhz_25{visibility:visible;opacity:1}._option_17atn_1{padding:var(--cl-m-gap);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--cl-m-gap);font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._option_17atn_1:hover,._option_17atn_1:active{color:var(--cl-accent-color)}._option_17atn_1:focus-visible{outline:var(--cl-outline-border);outline-offset:-4px}._option_17atn_1 svg{color:var(--cl-primary-color);width:var(--cl-icon-size);height:var(--cl-icon-size)}._option__selected_17atn_29 svg{color:var(--cl-accent-color)}._option__multi_17atn_32{justify-content:flex-start}._button_1ps5s_2{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline:none;transition:filter .25s;width:inherit}._button_1ps5s_2[disabled]{pointer-events:none;opacity:.5}._button_shadow_1ps5s_16{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--cl-border-radius);background:#00000040;will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}._button_edge_1ps5s_28{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--cl-border-radius);background:var(--cl-accent-gradient)}._button_front_1ps5s_37{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;gap:var(--cl-s-gap);position:relative;padding:var(--cl-m-gap) var(--cl-l-gap);border-radius:var(--cl-border-radius);font-size:var(--cl-base-font-size);color:var(--cl-primary-background);background:var(--cl-accent-color);will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}._button_front_1ps5s_37 svg{color:var(--cl-primary-background)}._button_1ps5s_2:hover{filter:brightness(110%)}._button_1ps5s_2:hover ._button_front_1ps5s_37{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}._button_1ps5s_2:active ._button_front_1ps5s_37{transform:translateY(-2px);transition:transform 34ms}._button_1ps5s_2:hover ._button_shadow_1ps5s_16{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}._button_1ps5s_2:active ._button_shadow_1ps5s_16{transform:translateY(1px);transition:transform 34ms}._button_1ps5s_2:focus-visible{outline:revert;outline:var(--cl-outline-border);outline-offset:4px}._button_1c4d4_2{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--cl-s-gap);padding:var(--cl-m-gap) var(--cl-l-gap);border:var(--cl-primary-border);border-radius:var(--cl-border-radius);background:transparent}._button_1c4d4_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._button_1c4d4_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_1c4d4_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._button_1c4d4_2:focus-visible{outline:var(--cl-outline-border)}._button_1c4d4_2[disabled]{pointer-events:none;opacity:.5}._extended_1i1tp_1{width:100%!important}._checkbox_1ff9a_2{display:flex;gap:var(--cl-m-gap);padding:var(--cl-m-gap) 0;position:relative;overflow:hidden}._checkbox_1ff9a_2 svg{color:var(--cl-primary-color)}._checkbox__checked_1ff9a_12 svg{color:var(--cl-accent-color)}._checkbox__disabled_1ff9a_15{pointer-events:none;opacity:.5}._checkbox_1ff9a_2 label{cursor:pointer;gap:var(--cl-m-gap);font-size:var(--cl-base-font-size)!important}._checkbox_1ff9a_2 label:hover,._checkbox_1ff9a_2 label:active{text-shadow:var(--cl-text-shadow)}._checkbox_1ff9a_2 input{position:absolute;z-index:-1;opacity:0;top:4px;left:0;margin:0}._checkbox_1ff9a_2 input:focus-visible+label{outline:var(--cl-outline-border);outline-offset:2px}._wrapper_z3grr_1{position:relative;display:flex;justify-content:space-between;flex-direction:column;gap:var(--cl-m-gap);background:transparent}._numeric_1s7mp_1{display:flex;flex-direction:column;gap:var(--cl-m-gap)}._errorMessage_1s7mp_7{position:absolute;top:46px;right:0;opacity:.8}._wrapper_bu2uu_1{display:flex;flex-direction:column;gap:var(--cl-m-gap)}._errorMessage_bu2uu_7{position:absolute;top:46px;right:0;opacity:.8}@keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}._wrapper_12fi0_54{animation:_fadeIn_12fi0_1 ease .4s;-webkit-animation:_fadeIn_12fi0_1 ease .4s;-moz-animation:_fadeIn_12fi0_1 ease .4s;position:fixed;bottom:var(--cl-l-gap);left:50%;transform:translate(-50%);z-index:100}._wrapper__closing_12fi0_64{animation:_fadeOut_12fi0_1 ease .4s;-webkit-animation:_fadeOut_12fi0_1 ease .4s;-moz-animation:_fadeOut_12fi0_1 ease .4s}._content_12fi0_70{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);display:flex;flex-direction:column;gap:var(--cl-m-gap);background:var(--cl-primary-background);width:60vw;padding:var(--cl-m-gap) var(--cl-l-gap);box-shadow:var(--cl-box-shadow);border:var(--cl-light-border);border-radius:var(--cl-border-radius);position:relative}._content_button_12fi0_90{position:absolute;right:var(--cl-m-gap);top:var(--cl-m-gap)}@keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}._dialog_4mo9j_54{animation:_fadeIn_4mo9j_1 ease .4s;-webkit-animation:_fadeIn_4mo9j_1 ease .4s;-moz-animation:_fadeIn_4mo9j_1 ease .4s;position:fixed;top:0;left:0;width:100%;height:100%;z-index:inherit;display:flex;justify-content:center;align-items:center;background-color:var(--cl-shadow-background)}._dialog__closing_4mo9j_69{animation:_fadeOut_4mo9j_1 ease .4s;-webkit-animation:_fadeOut_4mo9j_1 ease .4s;-moz-animation:_fadeOut_4mo9j_1 ease .4s}._layout_4mo9j_75{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:200;background-color:var(--cl-primary-background);box-shadow:var(--cl-box-shadow);color:var(--cl-primary-color);padding:var(--cl-m-gap) var(--cl-l-gap);height:90%;position:absolute;bottom:0;left:0;border-top-left-radius:var(--cl-border-radius);border-top-right-radius:var(--cl-border-radius)}._layout_button_4mo9j_95{position:absolute;right:var(--cl-m-gap);top:var(--cl-m-gap)}@media only screen and (min-width: 768px){._layout_4mo9j_75{width:fit-content;height:fit-content;position:relative;min-width:40%;max-width:90%;max-height:90%;border-bottom-left-radius:var(--cl-border-radius);border-bottom-right-radius:var(--cl-border-radius)}}._form_a5bhb_1{display:grid;align-items:end;gap:var(--cl-m-gap);font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._buttons_a5bhb_14{display:flex;align-items:center;justify-content:space-between;padding-top:var(--cl-l-gap)}._columns-1_a5bhb_21{grid-template-columns:repeat(1,1fr);grid-template-rows:auto}._buttons-1_a5bhb_26{grid-column:1/2}._columns-2_a5bhb_30{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}._buttons-2_a5bhb_35{grid-column:1/3}._columns-3_a5bhb_39{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}._buttons-3_a5bhb_44{grid-column:1/4}._columns-4_a5bhb_48{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}._buttons-4_a5bhb_53{grid-column:1/5}._columns-5_a5bhb_57{grid-template-columns:repeat(5,1fr);grid-template-rows:auto}._buttons-5_a5bhb_62{grid-column:1/6}._columns-6_a5bhb_66{grid-template-columns:repeat(6,1fr);grid-template-rows:auto}._buttons-6_a5bhb_71{grid-column:1/7}._checkbox_bpqws_2{display:flex;gap:var(--cl-s-gap);padding:var(--cl-s-gap);position:relative;overflow:hidden}._checkbox_bpqws_2 svg{color:var(--cl-primary-color);width:var(--cl-icon-size);height:var(--cl-icon-size)}._checkbox__disabled_bpqws_14{pointer-events:none;opacity:.5}._checkbox_bpqws_2 label{cursor:pointer;gap:var(--cl-s-gap);font-size:var(--cl-small-font-size)!important}._checkbox_bpqws_2 label:hover,._checkbox_bpqws_2 label:active{text-shadow:var(--cl-text-shadow)}._checkbox_input_bpqws_26{position:absolute;z-index:-1;opacity:0;top:4px;left:0;margin:0}._checkbox_input_bpqws_26:focus-visible+label{outline:var(--cl-outline-border);outline-offset:2px}._cell_veiud_1{padding:var(--cl-m-gap)}._row_1qhna_1{border-bottom:var(--cl-light-border);background-color:var(--cl-primary-background)}._row__selected_1qhna_5{background-color:var(--cl-highlight-background)}._body_1gm9g_1{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._column_s4wq6_1{border-right:var(--cl-light-border)}._column__first_s4wq6_4{border-left:var(--cl-light-border)}._column__highlighted_s4wq6_7{background-color:var(--cl-highlight-background)}._headerCell_wd2ft_1{padding:var(--cl-m-gap);text-align:left}._head_1jka0_1{font-family:Helvetica,Arial,sans-serif;font-weight:700!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._head_row_1jka0_11{border-top:var(--cl-light-border);border-bottom:var(--cl-light-border);background-color:var(--cl-primary-background)}._grid_ion0k_1{border-collapse:collapse}._grid_caption_ion0k_4{font-family:Helvetica,Arial,sans-serif;font-weight:lighter!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);padding:var(--cl-m-gap)}._menuLeaf_14bu7_2{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);display:flex;justify-content:flex-start;align-items:center;gap:var(--cl-m-gap);background-color:var(--cl-primary-background);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);cursor:pointer}._menuLeaf_14bu7_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._menuLeaf_14bu7_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._menuLeaf_14bu7_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._menuLeaf_14bu7_2:focus-visible{outline:var(--cl-outline-border)}._menuLeaf_14bu7_2 a{color:var(--cl-tint-color)}._subMenu_gplve_2{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:0;padding:0;position:relative;border-radius:var(--cl-border-radius)}._subMenu_gplve_2:focus-visible{outline:var(--cl-outline-border)}._subMenu_gplve_2 a{color:var(--cl-tint-color)}._text_gplve_19{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);position:relative;display:flex;box-sizing:border-box;gap:var(--cl-m-gap);align-items:center;width:100%;justify-content:space-between;background:transparent;padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);cursor:pointer}._text_gplve_19:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._text_gplve_19:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._text_gplve_19:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._text_gplve_19 span{display:flex;gap:var(--cl-m-gap);align-items:center}._text_gplve_19:hover{text-shadow:var(--cl-text-shadow)}._text_gplve_19:hover svg{filter:var(--cl-drop-shadow)}@keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}._subMenuBar_1oeh1_55{list-style:none;margin:0;padding:0;padding-inline-start:0;display:flex;gap:var(--cl-s-gap);flex-direction:row;justify-content:flex-start;width:100%;animation:_fadeIn_1oeh1_1 ease .4s;-webkit-animation:_fadeIn_1oeh1_1 ease .4s;-moz-animation:_fadeIn_1oeh1_1 ease .4s;flex-direction:column;padding-left:var(--cl-l-gap);margin-left:var(--cl-l-gap);margin-top:var(--cl-s-gap);box-sizing:border-box;border-left:var(--cl-primary-border)}._subMenuBar__horizontal_1oeh1_75{position:absolute;top:100%;left:40%;width:max-content;border-radius:var(--cl-border-radius);border:var(--cl-primary-border);box-shadow:var(--cl-box-shadow);background-color:var(--cl-primary-background);padding:var(--cl-m-gap);margin:0;z-index:100}._menuBar_8vwv0_2{list-style:none;margin:0;padding:0;padding-inline-start:0;display:flex;gap:var(--cl-s-gap);flex-direction:row;justify-content:flex-start;width:100%}._menuBar__vertical_8vwv0_13{flex-direction:column}._tabContent_gop33_1{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);background-color:var(--cl-primary-background);padding:var(--cl-l-gap);flex-grow:1}._tabButton_1vkyq_2{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);background:transparent;position:relative;outline:none;border:none;padding:var(--cl-m-gap);cursor:pointer;overflow:hidden;border-top-left-radius:var(--cl-border-radius);border-top-right-radius:var(--cl-border-radius)}._tabButton_1vkyq_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._tabButton_1vkyq_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._tabButton_1vkyq_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._tabButton_1vkyq_2:focus-visible{outline:var(--cl-outline-border);outline-offset:-4px}._tabButton__disabled_1vkyq_41{pointer-events:none;opacity:.5}._tabButton__selected_1vkyq_45{border-top:var(--cl-primary-border);border-right:var(--cl-primary-border);border-left:var(--cl-primary-border);background-color:var(--cl-primary-background);top:1px}._tabButton__vertical_1vkyq_52{border-bottom-left-radius:var(--cl-border-radius);border-top-right-radius:0}._tabButton__vertical_1vkyq_52._tabButton__selected_1vkyq_45{border-top:var(--cl-primary-border);border-right:none;border-left:var(--cl-primary-border);border-bottom:var(--cl-primary-border);top:0;left:1px}._tabList_kvuij_1{border-bottom:var(--cl-primary-border);padding:0 var(--cl-m-gap);display:flex;gap:var(--cl-m-gap)}._tabList__vertical_kvuij_7{flex-direction:column;border-bottom:none;border-right:var(--cl-primary-border);padding:var(--cl-m-gap) 0}._tabs_13prm_2{display:flex;flex-direction:column;width:100%}._tabs__vertical_13prm_7{flex-direction:row}

package/dist/contexts/form/context.d.ts

@@ -1,7 +0,0 @@
-import { ChopLogicFormData, ChopLogicFormInputParams } from '../../models';
-export interface ChopLogicFormContextProps {
-    onChangeFormInput?: (params: ChopLogicFormInputParams) => void;
-    initialValues?: ChopLogicFormData;
-    resetSignal?: number;
-}
-export declare const ChopLogicFormContext: import('react').Context<ChopLogicFormContextProps>;

package/dist/contexts/index.d.ts

@@ -1,3 +0,0 @@
-export { ChopLogicFormContext } from './form/context.tsx';
-export { ChopLogicThemeContext } from './theme/context.ts';
-export { ChopLogicThemeProvider } from './theme/provider.tsx';

package/dist/contexts/theme/context.d.ts

@@ -1,6 +0,0 @@
-import { ChopLogicThemeMode } from '../../enums';
-export interface ChopLogicThemeContextProps {
-    mode?: ChopLogicThemeMode;
-    setMode: (mode: ChopLogicThemeMode) => void;
-}
-export declare const ChopLogicThemeContext: import('react').Context<ChopLogicThemeContextProps>;

package/dist/contexts/theme/provider.d.ts

@@ -1,6 +0,0 @@
-import { ChopLogicThemeMode } from '../../enums';
-import { FC, ReactNode } from 'react';
-export declare const ChopLogicThemeProvider: FC<{
-    children: ReactNode;
-    injectedMode?: ChopLogicThemeMode;
-}>;

package/dist/contexts/theme/provider.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/enums/chop-logic-alert-mode.d.ts

@@ -1,7 +0,0 @@
-export declare enum ChopLogicAlertMode {
-    Success = "success",
-    Error = "error",
-    Warning = "warning",
-    Info = "info",
-    Help = "help"
-}

package/dist/enums/chop-logic-button-view.d.ts

@@ -1,6 +0,0 @@
-export declare enum ChopLogicButtonView {
-    Primary = "primary",
-    Secondary = "secondary",
-    Icon = "icon",
-    Inner = "inner"
-}