chop-logic-components 1.1.3 → 1.1.4

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { default as React, ChangeEventHandler } from 'react';
-import { NumericValidationFunction } from '../../../types';
+import { ChopLogicNumericInputValidator } from '../../../models';
 
 export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, onSpinButtonClick, min, max, step, required, validator, }: {
     name: string;
@@ -10,7 +10,7 @@ export declare function useChopLogicNumericInputController({ name, defaultValue,
     max?: string | number;
     step: number;
     required: boolean;
-    validator?: NumericValidationFunction;
+    validator?: ChopLogicNumericInputValidator;
 }): {
     handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value: number;

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

@@ -1,4 +1,4 @@
-import { ChopLogicFormData, NumericValidationFunction } from '../../../types';
+import { ChopLogicFormData, ChopLogicNumericInputValidator } from '../../../models';
 
 export declare function getNumericInputInitialValue({ name, initialValues, defaultValue, }: {
     name: string;
@@ -8,7 +8,7 @@ export declare function getNumericInputInitialValue({ name, initialValues, defau
 export declare function validateNumericInputValue({ value, required, validator, maxValue, minValue, }: {
     value?: number;
     required?: boolean;
-    validator?: NumericValidationFunction;
+    validator?: ChopLogicNumericInputValidator;
     maxValue?: number;
     minValue?: number;
 }): boolean;

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

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

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

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

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

@@ -1,12 +1,12 @@
-import { SelectValue } from '../../../types';
+import { ChopLogicSelectValue } from '../../../models';
 
 export declare function useChopLogicSelectController({ name, defaultValue, onChange, options, }: {
     name: string;
     defaultValue?: string | number | readonly string[];
-    onChange?: (value?: SelectValue) => void;
-    options: SelectValue[];
+    onChange?: (value?: ChopLogicSelectValue) => void;
+    options: ChopLogicSelectValue[];
 }): {
-    selected: SelectValue | undefined;
+    selected: ChopLogicSelectValue | undefined;
     opened: boolean;
     handleClear: () => void;
     handleClose: () => void;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/css/themes.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/elements/styled/ExampleDivContainer.styled.d.ts

@@ -0,0 +1,5 @@
+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/elements/styled/Select.styled.d.ts

@@ -1,4 +1,4 @@
-import { ChopLogicTheme } from '../../types';
+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;

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

@@ -0,0 +1,4 @@
+export declare enum ChopLogicTabsMode {
+    Vertical = 0,
+    Horizontal = 1
+}

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

@@ -0,0 +1,4 @@
+export declare enum ChopLogicThemeMode {
+    Light = "light",
+    Dark = "dark"
+}

package/dist/enums/chop-logic-tooltip-container.d.ts

@@ -0,0 +1,7 @@
+export declare enum ChopLogicTooltipContainer {
+    Span = "span",
+    Div = "div",
+    P = "p",
+    Strong = "strong",
+    Em = "em"
+}

package/dist/enums/index.d.ts

@@ -1,3 +1,6 @@
 export { ChopLogicAlertMode } from './chop-logic-alert-mode';
 export { ChopLogicButtonView } from './chop-logic-button-view';
 export { ChopLogicIconName } from './chop-logic-icon-name';
+export { ChopLogicTabsMode } from './chop-logic-tabs-mode';
+export { ChopLogicThemeMode } from './chop-logic-theme-mode';
+export { ChopLogicTooltipContainer } from './chop-logic-tooltip-container';

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

@@ -0,0 +1,2 @@
+declare const UseClickOutsideExample: () => import("react/jsx-runtime").JSX.Element;
+export default UseClickOutsideExample;

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

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

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

@@ -0,0 +1,2 @@
+declare const UseContainerDimensionsExample: () => import("react/jsx-runtime").JSX.Element;
+export default UseContainerDimensionsExample;

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

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

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

@@ -0,0 +1,2 @@
+declare const UseKeyPressExample: () => import("react/jsx-runtime").JSX.Element;
+export default UseKeyPressExample;

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

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

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

@@ -0,0 +1,2 @@
+declare const UseModalFocusTrapExample: () => import("react/jsx-runtime").JSX.Element;
+export default UseModalFocusTrapExample;

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

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

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

@@ -0,0 +1,2 @@
+declare const UseMountExample: () => import("react/jsx-runtime").JSX.Element;
+export default UseMountExample;

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

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

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

@@ -0,0 +1,2 @@
+declare const UseTooltipPositionExample: () => import("react/jsx-runtime").JSX.Element;
+export default UseTooltipPositionExample;

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

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

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

@@ -0,0 +1,2 @@
+declare const UseWindowDimensionsExample: () => import("react/jsx-runtime").JSX.Element;
+export default UseWindowDimensionsExample;

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

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