chop-logic-components 1.3.0 → 2.0.1

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

@@ -1,6 +1,5 @@
 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>;

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

@@ -1,6 +1,5 @@
 import { default as React, ChangeEventHandler } from 'react';
 import { ChopLogicNumericInputValidator } from '../../../models';
-
 export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, onSpinButtonClick, min, max, step, required, validator, }: {
     name: string;
     defaultValue?: string | number | readonly string[];

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

@@ -1,5 +1,4 @@
 import { ChopLogicFormData, ChopLogicNumericInputValidator } from '../../../models';
-
 export declare function getNumericInputInitialValue({ name, initialValues, defaultValue, }: {
     name: string;
     initialValues?: ChopLogicFormData;

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

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

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

@@ -1,6 +1,5 @@
 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>;

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

@@ -1,5 +1,4 @@
 import { ChopLogicSelectValue } from '../../../models';
-
 export declare function useChopLogicSelectController({ name, defaultValue, onChange, options, }: {
     name: string;
     defaultValue?: string | number | readonly string[];

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicSelectValue, ChopLogicTheme } from '../../../../models';
-
 type SelectComboboxProps = {
     opened: boolean;
     disabled: boolean;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicSelectValue, ChopLogicTheme } from '../../../../models';
-
 type SelectDropdownProps = {
     options: ChopLogicSelectValue[];
     opened: boolean;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicSelectValue, ChopLogicTheme } from '../../../../models';
-
 type SelectOptionProps = {
     value: ChopLogicSelectValue;
     selected: boolean;

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

@@ -1,5 +1,4 @@
 import { ChopLogicFormData, ChopLogicSelectValue } from '../../../models';
-
 export declare function getSelectInitialValue({ name, options, initialValues, defaultValue, }: {
     name: string;
     options: ChopLogicSelectValue[];

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

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

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

@@ -1,5 +1,4 @@
 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/inputs/text/__docs__/TextInput.example.d.ts

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

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

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

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

@@ -1,6 +1,5 @@
 import { default as React, ChangeEventHandler } from 'react';
 import { ChopLogicRegExpWithFlags, ChopLogicTextInputValidator } from '../../../models';
-
 export declare function useChopLogicTextInputController({ name, defaultValue, onChange, onClear, required, validator, }: {
     name: string;
     required: boolean;

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

@@ -1,5 +1,4 @@
 import { ChopLogicFormData, ChopLogicRegExpWithFlags, ChopLogicTextInputValidator } from '../../../models';
-
 export declare function validateTextInputValue({ value, required, validator, }: {
     value: string;
     required: boolean;

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

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

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

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

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

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

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 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;

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { ChopLogicAlertMode, ChopLogicIconName } from '../../../../enums';
 import { ChopLogicTheme } from '../../../../models';
-
 type ChopLogicAlertHeaderProps = {
     onClose: () => void;
     theme: ChopLogicTheme;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ChopLogicAlertMode, ChopLogicIconName } from '../../../enums';
-
 export declare function getAlertTitle(mode: ChopLogicAlertMode, title?: string): string;
 export declare function renderAlertIcon(mode: ChopLogicAlertMode, icon?: ChopLogicIconName): React.ReactElement | null;

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

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

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

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

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

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

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

@@ -1,6 +1,5 @@
 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>;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTheme } from '../../../../models';
-
 declare const ChopLogicModalLayoutHeader: React.FC<{
     title: string;
     onClose: () => void;

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

@@ -1,6 +1,5 @@
 import { default as React, HTMLAttributes, PropsWithChildren } from 'react';
 import { ChopLogicTheme } from '../../../../models';
-
 type DialogLayoutProps = PropsWithChildren & HTMLAttributes<HTMLDivElement> & {
     title: string;
     onClose: () => void;

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

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

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

@@ -1,5 +1,4 @@
 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/components/modals/tooltip/__docs__/Tooltip.example.d.ts

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

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

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

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export declare const useChopLogicTooltipController: ({ id }: {
     id?: string;
 }) => {
@@ -11,6 +10,6 @@ export declare const useChopLogicTooltipController: ({ id }: {
     top: number;
     left: number;
     isOpened: boolean;
-    wrapperRef: React.MutableRefObject<null>;
-    tooltipRef: React.RefObject<HTMLDivElement>;
+    wrapperRef: React.RefObject<null>;
+    tooltipRef: React.RefObject<HTMLDivElement | null>;
 };

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

@@ -1,4 +1,3 @@
 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,4 +1,3 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 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;

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

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

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

@@ -1,5 +1,4 @@
 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;
@@ -14,9 +13,7 @@ export declare const StyledSelectOption: import('styled-components/dist/types').
     $theme: ChopLogicTheme;
     $selected: boolean;
 }>> & string;
-export declare const StyledMultiSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "$theme" | "$selected"> & {
+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;
-}, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
 }, never>> & string;

package/dist/css/themes.d.ts

@@ -1,4 +1,3 @@
 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,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicTheme } from '../../models';
-
 type ChopLogicErrorMessageProps = {
     errorId: string;
     visible?: boolean;

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

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

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

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

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

@@ -1,6 +1,5 @@
 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>;

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

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

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

@@ -1,5 +1,4 @@
 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.d.ts

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

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

@@ -1,5 +1,4 @@
 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/Loader.d.ts

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

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

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

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

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

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

@@ -1,5 +1,4 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 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/hocs/with-tooltip/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type WithTooltipProps = {
     tooltip?: string;
     visibleOn?: 'hover' | 'click' | 'focus' | 'contextmenu';

package/dist/hooks/use-click-outside/__docs__/useClickOutside.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../storybook/react';
 import { default as UseClickOutsideExample } from './useClickOutside.example.tsx';
-
 declare const meta: Meta<typeof UseClickOutsideExample>;
 export default meta;
 type Story = StoryObj<typeof UseClickOutsideExample>;

package/dist/hooks/use-click-outside/index.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-
 type UseClickOutsideParams = {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     onClickOutsideHandler: () => void;
-    dependentRef?: React.RefObject<HTMLElement>;
+    dependentRef?: React.RefObject<HTMLElement | null>;
 };
 export declare const useClickOutside: ({ ref, onClickOutsideHandler, dependentRef }: UseClickOutsideParams) => void;
 export {};

package/dist/hooks/use-container-dimensions/__docs__/useContainerDimensions.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../storybook/react';
 import { default as UseContainerDimensionsExample } from './useContainerDimensions.example.tsx';
-
 declare const meta: Meta<typeof UseContainerDimensionsExample>;
 export default meta;
 type Story = StoryObj<typeof UseContainerDimensionsExample>;

package/dist/hooks/use-container-dimensions/index.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
 import { Dimensions } from '../use-window-dimensions';
-
 type useContainerDimensionsParams = {
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     isVisible?: boolean;
 };
 export declare const useContainerDimensions: ({ ref, isVisible }: useContainerDimensionsParams) => Dimensions;

package/dist/hooks/use-key-press/__docs__/useKeyPress.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../storybook/react';
 import { default as UseKeyPressExample } from './useKeyPress.example';
-
 declare const meta: Meta<typeof UseKeyPressExample>;
 export default meta;
 type Story = StoryObj<typeof UseKeyPressExample>;

package/dist/hooks/use-key-press/index.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-
 type useKeyPressParams = {
     keyCode: string;
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
     onKeyPress: () => void;
 };
 export declare const useKeyPress: ({ ref, keyCode, onKeyPress }: useKeyPressParams) => void;

package/dist/hooks/use-modal-focus-trap/__docs__/useModalFocusTrap.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../storybook/react';
 import { default as UseModalFocusTrapExample } from './useModalFocusTrap.example';
-
 declare const meta: Meta<typeof UseModalFocusTrapExample>;
 export default meta;
 type Story = StoryObj<typeof UseModalFocusTrapExample>;

package/dist/hooks/use-modal-focus-trap/index.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
-
 type ModalFocusTrapParams = {
-    modalRef: React.RefObject<HTMLDivElement>;
+    modalRef: React.RefObject<HTMLDivElement | null>;
     isOpened: boolean;
 };
 export declare const useModalFocusTrap: ({ modalRef, isOpened }: ModalFocusTrapParams) => void;

package/dist/hooks/use-mount/__docs__/useMount.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../storybook/react';
 import { default as UseMountExample } from './useMount.example';
-
 declare const meta: Meta<typeof UseMountExample>;
 export default meta;
 type Story = StoryObj<typeof UseMountExample>;

package/dist/hooks/use-tooltip-position/__docs__/useTooltipPosition.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../storybook/react';
 import { default as UseTooltipPositionExample } from './useTooltipPosition.example';
-
 declare const meta: Meta<typeof UseTooltipPositionExample>;
 export default meta;
 type Story = StoryObj<typeof UseTooltipPositionExample>;

package/dist/hooks/use-tooltip-position/index.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-
 type useTooltipPositionParams = {
-    wrapperRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;
-    tooltipRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;
+    wrapperRef: React.RefObject<HTMLElement | null>;
+    tooltipRef: React.RefObject<HTMLElement | null>;
     isOpened: boolean;
     spacing?: number;
 };

package/dist/hooks/use-window-dimensions/__docs__/useWindowDimensions.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '../../../storybook/react';
 import { default as UseWindowDimensionsExample } from './useWindowDimensions.example';
-
 declare const meta: Meta<typeof UseWindowDimensionsExample>;
 export default meta;
 type Story = StoryObj<typeof UseWindowDimensionsExample>;