@peculiar/react-components 0.0.2-alpha.29 → 0.0.2-alpha.292

package/dist/types/hooks/use_id.d.ts

@@ -0,0 +1,5 @@
+/**
+ * React hook for generate unique id.
+ * @param defaultValue The default id value.
+ */
+export declare function useId(defaultValue?: string): string;

package/dist/types/hooks/use_image.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+export declare type UseImageOptionsType = {
+    /**
+     * A callback for when the image `src` has been loaded.
+     */
+    onLoad?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+    /**
+     * A callback for when there was an error loading the image `src`.
+     */
+    onError?: (error: string | React.SyntheticEvent<HTMLImageElement, Event>) => void;
+};
+declare type Status = ('loading' | 'failed' | 'pending' | 'loaded');
+/**
+ * React hook that loads an image in the browser,
+ * and let's us know the `status` so we can show image
+ * fallback if it is still `pending`
+ *
+ * @returns the status of the image loading progress
+ *
+ * @example
+ *
+ * ```jsx
+ * function App(){
+ *   const [status, image] = useImage("image.png")
+ *   return status === "loaded" ? <img src={image.src} /> : <Placeholder />
+ * }
+ * ```
+ */
+declare type UseImageReturnType = {
+    status: Status;
+    image?: HTMLImageElement;
+};
+export declare function useImage(src: string, options?: UseImageOptionsType): UseImageReturnType;
+export {};

package/dist/types/hooks/use_media_query.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A hook that returns `true` if the media query matched and `false` if not. This
+ * hook will always return `false` when rendering on the server.
+ *
+ * @param query The media query you want to match against e.g. `"only screen and (min-width: 12em)"`
+ */
+export declare function useMediaQuery(query: string): boolean;

package/dist/types/hooks/use_merged_ref.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * A React hook for merging multiple refs into one ref.
+ * @param refs React callback refs or refs created with `useRef()`, `createRef()`.
+ */
+export declare const useMergedRef: <T extends unknown>(...refs: React.Ref<T>[]) => (instance: T) => void;

package/dist/types/hooks/use_window_event_listener.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useWindowEventListener: <T extends keyof WindowEventMap>(event: T, listener: (this: Window, ev: WindowEventMap[T]) => any, deps?: React.DependencyList, removeOnUnmount?: boolean) => void;

package/dist/types/icons/arrow_drop_down_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const ArrowDropDownIcon: React.FC<IconProps>;
+export {};

package/dist/types/icons/check_circle_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const CheckCircleIcon: React.FC<IconProps>;
+export {};

package/dist/types/icons/check_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const CheckIcon: React.FC<IconProps>;
+export {};

package/dist/types/icons/close_circle_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const CloseCircleIcon: React.FC<IconProps>;
+export {};

package/dist/types/icons/close_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const CloseIcon: React.FC<IconProps>;
+export {};

package/dist/types/icons/close_small_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const CloseSmallIcon: React.FC<IconProps>;
+export {};

package/dist/types/icons/dot_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const DotIcon: React.FC<IconProps>;
+export {};

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

@@ -0,0 +1,9 @@
+export { CheckIcon } from './check_icon';
+export { CloseIcon } from './close_icon';
+export { CloseSmallIcon } from './close_small_icon';
+export { ArrowDropDownIcon } from './arrow_drop_down_icon';
+export { CheckCircleIcon } from './check_circle_icon';
+export { CloseCircleIcon } from './close_circle_icon';
+export { WarningIcon } from './warning_icon';
+export { DotIcon } from './dot_icon';
+export { PlusIcon } from './plus_icon';

package/dist/types/icons/plus_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const PlusIcon: React.FC<IconProps>;
+export {};

package/dist/types/icons/warning_icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type IconProps = React.HTMLAttributes<HTMLOrSVGElement>;
+export declare const WarningIcon: React.FC<IconProps>;
+export {};

package/dist/types/index.d.ts

@@ -1,5 +1,34 @@
-export * from './avatar';
-export * from './box';
-export * from './button';
-export * from './typography';
+export * from './Alert';
+export * from './Avatar';
+export * from './Box';
+export * from './Button';
+export * from './Checkbox';
+export * from './Chip';
+export * from './CircularProgress';
+export * from './Collapse';
+export * from './Dialog';
+export * from './Drawer';
+export * from './Fab';
+export * from './Fade';
+export * from './IconButton';
+export * from './icons';
+export * from './Image';
+export * from './LinearProgress';
+export * from './Menu';
+export * from './Popover';
+export * from './Portal';
+export * from './Radio';
+export * from './Select';
+export * from './Skeleton';
+export * from './Autocomplete';
+export * from './Slide';
+export * from './Slider';
+export * from './Switch';
+export * from './Tabs';
+export * from './TextareaField';
+export * from './TextField';
+export * from './Toast';
+export * from './Tooltip';
+export * from './Typography';
 export * from './styles';
+export * from './hooks';

package/dist/types/styles/colors/additional.d.ts

@@ -0,0 +1,4 @@
+export declare const additional: {
+    'extra-1': string;
+    'extra-2': string;
+};

package/dist/types/styles/colors/attention.d.ts

@@ -0,0 +1,26 @@
+export declare const generateAttentionColors: (hex?: string) => {
+    'attention-tint-5': string;
+    'attention-tint-4': string;
+    'attention-tint-3': string;
+    'attention-tint-2': string;
+    'attention-tint-1': string;
+    attention: string;
+    'attention-shade-1': string;
+    'attention-shade-2': string;
+    'attention-shade-3': string;
+    'attention-shade-4': string;
+    'attention-shade-5': string;
+};
+export declare const attention: {
+    'attention-tint-5': string;
+    'attention-tint-4': string;
+    'attention-tint-3': string;
+    'attention-tint-2': string;
+    'attention-tint-1': string;
+    attention: string;
+    'attention-shade-1': string;
+    'attention-shade-2': string;
+    'attention-shade-3': string;
+    'attention-shade-4': string;
+    'attention-shade-5': string;
+};

package/dist/types/styles/colors/grayscale.d.ts

@@ -0,0 +1,14 @@
+export declare const grayscale: {
+    white: string;
+    'gray-1': string;
+    'gray-2': string;
+    'gray-3': string;
+    'gray-4': string;
+    'gray-5': string;
+    'gray-6': string;
+    'gray-7': string;
+    'gray-8': string;
+    'gray-9': string;
+    'gray-10': string;
+    black: string;
+};

package/dist/types/styles/colors/index.d.ts

@@ -0,0 +1,7 @@
+export { grayscale } from './grayscale';
+export { primary, generatePrimaryColors } from './primary';
+export { secondary, generateSecondaryColors } from './secondary';
+export { wrong, generateWrongColors } from './wrong';
+export { attention, generateAttentionColors } from './attention';
+export { success, generateSuccessColors } from './success';
+export { additional } from './additional';

package/dist/types/styles/colors/primary.d.ts

@@ -0,0 +1,26 @@
+export declare const generatePrimaryColors: (hex?: string) => {
+    'primary-tint-5': string;
+    'primary-tint-4': string;
+    'primary-tint-3': string;
+    'primary-tint-2': string;
+    'primary-tint-1': string;
+    primary: string;
+    'primary-shade-1': string;
+    'primary-shade-2': string;
+    'primary-shade-3': string;
+    'primary-shade-4': string;
+    'primary-shade-5': string;
+};
+export declare const primary: {
+    'primary-tint-5': string;
+    'primary-tint-4': string;
+    'primary-tint-3': string;
+    'primary-tint-2': string;
+    'primary-tint-1': string;
+    primary: string;
+    'primary-shade-1': string;
+    'primary-shade-2': string;
+    'primary-shade-3': string;
+    'primary-shade-4': string;
+    'primary-shade-5': string;
+};

package/dist/types/styles/colors/secondary.d.ts

@@ -0,0 +1,26 @@
+export declare const generateSecondaryColors: (hex?: string) => {
+    'secondary-tint-5': string;
+    'secondary-tint-4': string;
+    'secondary-tint-3': string;
+    'secondary-tint-2': string;
+    'secondary-tint-1': string;
+    secondary: string;
+    'secondary-shade-1': string;
+    'secondary-shade-2': string;
+    'secondary-shade-3': string;
+    'secondary-shade-4': string;
+    'secondary-shade-5': string;
+};
+export declare const secondary: {
+    'secondary-tint-5': string;
+    'secondary-tint-4': string;
+    'secondary-tint-3': string;
+    'secondary-tint-2': string;
+    'secondary-tint-1': string;
+    secondary: string;
+    'secondary-shade-1': string;
+    'secondary-shade-2': string;
+    'secondary-shade-3': string;
+    'secondary-shade-4': string;
+    'secondary-shade-5': string;
+};

package/dist/types/styles/colors/success.d.ts

@@ -0,0 +1,26 @@
+export declare const generateSuccessColors: (hex?: string) => {
+    'success-tint-5': string;
+    'success-tint-4': string;
+    'success-tint-3': string;
+    'success-tint-2': string;
+    'success-tint-1': string;
+    success: string;
+    'success-shade-1': string;
+    'success-shade-2': string;
+    'success-shade-3': string;
+    'success-shade-4': string;
+    'success-shade-5': string;
+};
+export declare const success: {
+    'success-tint-5': string;
+    'success-tint-4': string;
+    'success-tint-3': string;
+    'success-tint-2': string;
+    'success-tint-1': string;
+    success: string;
+    'success-shade-1': string;
+    'success-shade-2': string;
+    'success-shade-3': string;
+    'success-shade-4': string;
+    'success-shade-5': string;
+};

package/dist/types/styles/colors/wrong.d.ts

@@ -0,0 +1,26 @@
+export declare const generateWrongColors: (hex?: string) => {
+    'wrong-tint-5': string;
+    'wrong-tint-4': string;
+    'wrong-tint-3': string;
+    'wrong-tint-2': string;
+    'wrong-tint-1': string;
+    wrong: string;
+    'wrong-shade-1': string;
+    'wrong-shade-2': string;
+    'wrong-shade-3': string;
+    'wrong-shade-4': string;
+    'wrong-shade-5': string;
+};
+export declare const wrong: {
+    'wrong-tint-5': string;
+    'wrong-tint-4': string;
+    'wrong-tint-3': string;
+    'wrong-tint-2': string;
+    'wrong-tint-1': string;
+    wrong: string;
+    'wrong-shade-1': string;
+    'wrong-shade-2': string;
+    'wrong-shade-3': string;
+    'wrong-shade-4': string;
+    'wrong-shade-5': string;
+};

package/dist/types/styles/default_theme.d.ts

@@ -1,112 +1,2 @@
-export declare const defaultTheme: {
-    '--pv-color-primary-tint-5': string;
-    '--pv-color-primary-tint-4': string;
-    '--pv-color-primary-tint-3': string;
-    '--pv-color-primary-tint-2': string;
-    '--pv-color-primary-tint-1': string;
-    '--pv-color-primary': string;
-    '--pv-color-primary-shade-1': string;
-    '--pv-color-primary-shade-2': string;
-    '--pv-color-primary-shade-3': string;
-    '--pv-color-primary-shade-4': string;
-    '--pv-color-primary-shade-5': string;
-    '--pv-color-secondary-tint-5': string;
-    '--pv-color-secondary-tint-4': string;
-    '--pv-color-secondary-tint-3': string;
-    '--pv-color-secondary-tint-2': string;
-    '--pv-color-secondary-tint-1': string;
-    '--pv-color-secondary': string;
-    '--pv-color-secondary-shade-1': string;
-    '--pv-color-secondary-shade-2': string;
-    '--pv-color-secondary-shade-3': string;
-    '--pv-color-secondary-shade-4': string;
-    '--pv-color-secondary-shade-5': string;
-    '--pv-color-danger-tint-5': string;
-    '--pv-color-danger-tint-4': string;
-    '--pv-color-danger-tint-3': string;
-    '--pv-color-danger-tint-2': string;
-    '--pv-color-danger-tint-1': string;
-    '--pv-color-danger': string;
-    '--pv-color-danger-shade-1': string;
-    '--pv-color-danger-shade-2': string;
-    '--pv-color-danger-shade-3': string;
-    '--pv-color-danger-shade-4': string;
-    '--pv-color-danger-shade-5': string;
-    '--pv-color-success': string;
-    '--pv-color-attention': string;
-    '--pv-color-extra-1': string;
-    '--pv-color-extra-2': string;
-    '--pv-color-black': string;
-    '--pv-color-gray-10': string;
-    '--pv-color-gray-9': string;
-    '--pv-color-gray-8': string;
-    '--pv-color-gray-7': string;
-    '--pv-color-gray-6': string;
-    '--pv-color-gray-5': string;
-    '--pv-color-gray-4': string;
-    '--pv-color-gray-3': string;
-    '--pv-color-gray-2': string;
-    '--pv-color-gray-1': string;
-    '--pv-color-white': string;
-    '--pv-shadow-light-low': string;
-    '--pv-shadow-light-medium': string;
-    '--pv-shadow-light-hight': string;
-    '--pv-shadow-dark-medium': string;
-    '--pv-shadow-dark-hight': string;
-    '--pv-text-h1-weight': string;
-    '--pv-text-h1-size': string;
-    '--pv-text-h1-height': string;
-    '--pv-text-h1-spacing': string;
-    '--pv-text-h2-weight': string;
-    '--pv-text-h2-size': string;
-    '--pv-text-h2-height': string;
-    '--pv-text-h2-spacing': string;
-    '--pv-text-h3-weight': string;
-    '--pv-text-h3-size': string;
-    '--pv-text-h3-height': string;
-    '--pv-text-h3-spacing': string;
-    '--pv-text-h4-weight': string;
-    '--pv-text-h4-size': string;
-    '--pv-text-h4-height': string;
-    '--pv-text-h4-spacing': string;
-    '--pv-text-h5-weight': string;
-    '--pv-text-h5-size': string;
-    '--pv-text-h5-height': string;
-    '--pv-text-h5-spacing': string;
-    '--pv-text-s1-weight': string;
-    '--pv-text-s1-size': string;
-    '--pv-text-s1-height': string;
-    '--pv-text-s1-spacing': string;
-    '--pv-text-s2-weight': string;
-    '--pv-text-s2-size': string;
-    '--pv-text-s2-height': string;
-    '--pv-text-s2-spacing': string;
-    '--pv-text-b1-weight': string;
-    '--pv-text-b1-size': string;
-    '--pv-text-b1-height': string;
-    '--pv-text-b1-spacing': string;
-    '--pv-text-b2-weight': string;
-    '--pv-text-b2-size': string;
-    '--pv-text-b2-height': string;
-    '--pv-text-b2-spacing': string;
-    '--pv-text-b3-weight': string;
-    '--pv-text-b3-size': string;
-    '--pv-text-b3-height': string;
-    '--pv-text-b3-spacing': string;
-    '--pv-text-btn1-weight': string;
-    '--pv-text-btn1-size': string;
-    '--pv-text-btn1-height': string;
-    '--pv-text-btn1-spacing': string;
-    '--pv-text-btn2-weight': string;
-    '--pv-text-btn2-size': string;
-    '--pv-text-btn2-height': string;
-    '--pv-text-btn2-spacing': string;
-    '--pv-text-c1-weight': string;
-    '--pv-text-c1-size': string;
-    '--pv-text-c1-height': string;
-    '--pv-text-c1-spacing': string;
-    '--pv-text-c2-weight': string;
-    '--pv-text-c2-size': string;
-    '--pv-text-c2-height': string;
-    '--pv-text-c2-spacing': string;
-};
+import { ThemeType } from './types';
+export declare const defaultTheme: ThemeType;

package/dist/types/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { ThemeProvider } from './theme_provider';
-export { css, cx } from './css';
+export { css, cx, keyframes, cache, } from './css';
 export * from './types';
+export { defaultTheme } from './default_theme';

package/dist/types/styles/sizes/base.d.ts

@@ -0,0 +1,34 @@
+export declare const generateBaseSize: (grid?: number) => {
+    'base-half': string;
+    base: string;
+    'base-2': string;
+    'base-3': string;
+    'base-4': string;
+    'base-5': string;
+    'base-6': string;
+    'base-7': string;
+    'base-8': string;
+    'base-9': string;
+    'base-10': string;
+    'base-11': string;
+    'base-12': string;
+    'base-14': string;
+    'base-16': string;
+};
+export declare const base: {
+    'base-half': string;
+    base: string;
+    'base-2': string;
+    'base-3': string;
+    'base-4': string;
+    'base-5': string;
+    'base-6': string;
+    'base-7': string;
+    'base-8': string;
+    'base-9': string;
+    'base-10': string;
+    'base-11': string;
+    'base-12': string;
+    'base-14': string;
+    'base-16': string;
+};

package/dist/types/styles/sizes/index.d.ts

@@ -0,0 +1 @@
+export { base, generateBaseSize } from './base';

package/dist/types/styles/theme_provider.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import type { ThemeOptionsType } from './types';
 declare type ThemeProviderProps = {
     children: React.ReactElement;
+    theme?: ThemeOptionsType;
 };
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;
 export {};

package/dist/types/styles/types.d.ts

@@ -1 +1,22 @@
-export declare type ColorType = ('primary-tint-5' | 'primary-tint-4' | 'primary-tint-3' | 'primary-tint-2' | 'primary-tint-1' | 'primary' | 'primary-shade-1' | 'primary-shade-2' | 'primary-shade-3' | 'primary-shade-4' | 'primary-shade-5' | 'secondary-tint-5' | 'secondary-tint-4' | 'secondary-tint-3' | 'secondary-tint-2' | 'secondary-tint-1' | 'secondary' | 'secondary-shade-1' | 'secondary-shade-2' | 'secondary-shade-3' | 'secondary-shade-4' | 'secondary-shade-5' | 'danger-tint-5' | 'danger-tint-4' | 'danger-tint-3' | 'danger-tint-2' | 'danger-tint-1' | 'danger' | 'danger-shade-1' | 'danger-shade-2' | 'danger-shade-3' | 'danger-shade-4' | 'danger-shade-5' | 'success' | 'attention' | 'extra-1' | 'extra-2' | 'black' | 'gray-10' | 'gray-9' | 'gray-8' | 'gray-7' | 'gray-6' | 'gray-5' | 'gray-4' | 'gray-3' | 'gray-2' | 'gray-1' | 'white');
+export declare type ColorType = ('primary-tint-5' | 'primary-tint-4' | 'primary-tint-3' | 'primary-tint-2' | 'primary-tint-1' | 'primary' | 'primary-shade-1' | 'primary-shade-2' | 'primary-shade-3' | 'primary-shade-4' | 'primary-shade-5' | 'primary-contrast' | 'secondary-tint-5' | 'secondary-tint-4' | 'secondary-tint-3' | 'secondary-tint-2' | 'secondary-tint-1' | 'secondary' | 'secondary-shade-1' | 'secondary-shade-2' | 'secondary-shade-3' | 'secondary-shade-4' | 'secondary-shade-5' | 'secondary-contrast' | 'wrong-tint-5' | 'wrong-tint-4' | 'wrong-tint-3' | 'wrong-tint-2' | 'wrong-tint-1' | 'wrong' | 'wrong-shade-1' | 'wrong-shade-2' | 'wrong-shade-3' | 'wrong-shade-4' | 'wrong-shade-5' | 'wrong-contrast' | 'attention-tint-5' | 'attention-tint-4' | 'attention-tint-3' | 'attention-tint-2' | 'attention-tint-1' | 'attention' | 'attention-shade-1' | 'attention-shade-2' | 'attention-shade-3' | 'attention-shade-4' | 'attention-shade-5' | 'success-tint-5' | 'success-tint-4' | 'success-tint-3' | 'success-tint-2' | 'success-tint-1' | 'success' | 'success-shade-1' | 'success-shade-2' | 'success-shade-3' | 'success-shade-4' | 'success-shade-5' | 'black' | 'gray-10' | 'gray-9' | 'gray-8' | 'gray-7' | 'gray-6' | 'gray-5' | 'gray-4' | 'gray-3' | 'gray-2' | 'gray-1' | 'white' | 'extra-1' | 'extra-2');
+export declare type ShadowType = ('light-low' | 'light-medium' | 'light-hight' | 'dark-medium' | 'dark-hight');
+export declare type TypographyPropertiesType = {
+    weight: string;
+    size: string;
+    height: string;
+    spacing: string;
+};
+export declare type TypographyType = ('h1' | 'h2' | 'h3' | 'h4' | 'h5' | 's1' | 's2' | 'b1' | 'b2' | 'b3' | 'btn1' | 'btn2' | 'c1' | 'c2');
+export declare type SizeType = ('base-half' | 'base' | 'base-2' | 'base-3' | 'base-4' | 'base-5' | 'base-6' | 'base-7' | 'base-8' | 'base-9' | 'base-10' | 'base-11' | 'base-12' | 'base-14' | 'base-16');
+export declare type ThemeType = {
+    color: Record<ColorType, string>;
+    shadow: Record<ShadowType, string>;
+    text: Record<TypographyType, TypographyPropertiesType>;
+    size: Record<SizeType, string>;
+};
+export declare type ThemeOptionsType = {
+    color?: Partial<Record<ColorType, string>>;
+    shadow?: Partial<ThemeType['shadow']>;
+    text?: Partial<ThemeType['text']>;
+    size?: number;
+};

package/dist/types/styles/utils.d.ts

@@ -0,0 +1,31 @@
+import type { ThemeOptionsType, ColorType } from './types';
+export declare const themeCSSVariablePrefix = "pv";
+export declare const contrastThreshold = 2;
+export declare const createTheme: (options?: ThemeOptionsType) => {
+    color: Record<ColorType, string>;
+    shadow: Record<import("./types").ShadowType, string>;
+    text: Record<import("./types").TypographyType, import("./types").TypographyPropertiesType>;
+    size: Record<import("./types").SizeType, string>;
+} & {
+    color: Partial<Record<ColorType, string>>;
+    shadow: Partial<Record<import("./types").ShadowType, string>>;
+    text: Partial<Record<import("./types").TypographyType, import("./types").TypographyPropertiesType>>;
+    size: number & {
+        'base-half': string;
+        base: string;
+        'base-2': string;
+        'base-3': string;
+        'base-4': string;
+        'base-5': string;
+        'base-6': string;
+        'base-7': string;
+        'base-8': string;
+        'base-9': string;
+        'base-10': string;
+        'base-11': string;
+        'base-12': string;
+        'base-14': string;
+        'base-16': string;
+    };
+};
+export declare const createThemeCSSVariablesFromObject: (object: Record<string, any>) => Record<string, string>;

package/dist/types/test-utils.d.ts

@@ -0,0 +1,3 @@
+import '@testing-library/jest-dom/extend-expect';
+export * from '@testing-library/react';
+export { default as userEvent } from '@testing-library/user-event';

package/dist/types/utils/index.d.ts

@@ -0,0 +1 @@
+export { useEnhancedEffect } from './use_enhanced_effect';

package/dist/types/utils/owner_document.d.ts

@@ -0,0 +1 @@
+export declare function ownerDocument(node: Node | null | undefined): Document;

package/dist/types/utils/use_enhanced_effect.d.ts

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useEnhancedEffect: typeof useLayoutEffect;