welcome-ui 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/types/components/Toast/index.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { ToastPosition } from 'react-hot-toast/headless';
+import { TextProps } from '../Text';
+type NotificationsProps = {
+    pauseOnHover?: boolean;
+};
+export type ToastOptions = {
+    duration?: number;
+    id?: string;
+    onClose?: () => void;
+    position?: ToastPosition;
+};
+export declare const Notifications: React.FC<NotificationsProps>;
+export declare const toast: (component: JSX.Element, options?: ToastOptions) => string;
+export declare const remove: (id?: string) => void;
+export declare const dismiss: (id?: string) => void;
+/**
+ * @deprecated use directly `toast` function instead
+ */
+export declare const useToast: () => (component: JSX.Element, options?: ToastOptions) => string;
+export declare const Toast: {
+    Title: React.FC<TextProps>;
+    Growl: import('../System').CreateWuiComponent<"div", import('./Growl').GrowlProps>;
+    Snackbar: import('../System').CreateWuiComponent<"div", import('./Snackbar').SnackbarProps>;
+    SnackbarAction: import('../System').CreateWuiComponent<"button", import('..').ButtonProps>;
+};
+export {};

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

@@ -0,0 +1,19 @@
+import { GrowlOptions } from './Growl';
+import { SnackbarProps } from './Snackbar';
+export declare const ToastWrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
+    isBottom: boolean;
+}, never>;
+export declare const Growl: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
+    Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
+    Button: import('../System').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+}, import('@xstyled/system').Theme, GrowlOptions, never>;
+export declare const Title: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Snackbar: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
+    Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
+    Button: import('../System').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+}, import('@xstyled/system').Theme, {}, never>;
+export declare const SnackbarSeparator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    variant: SnackbarProps["variant"];
+}, never>;

package/dist/types/components/Toast/theme.d.ts

@@ -0,0 +1,22 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeToasts = {
+    bottom: CSSObject;
+    default: CSSObject;
+    growls: {
+        default: CSSObject;
+        title: CSSObject;
+    };
+    snackbar: {
+        default: CSSObject;
+        separator: {
+            danger: CSSObject;
+            default: CSSObject;
+            info: CSSObject;
+            success: CSSObject;
+            warning: CSSObject;
+        };
+    };
+    top: CSSObject;
+};
+export declare const getToasts: (theme: ThemeValues) => ThemeToasts;

package/dist/types/components/Toast/utils.d.ts

@@ -0,0 +1,26 @@
+export declare const POSITION_STYLE: {
+    'top-left': {
+        top: number;
+        left: number;
+    };
+    'top-center': {
+        top: number;
+        left: string;
+    };
+    'top-right': {
+        top: number;
+        right: number;
+    };
+    'bottom-left': {
+        bottom: number;
+        left: number;
+    };
+    'bottom-center': {
+        bottom: number;
+        left: string;
+    };
+    'bottom-right': {
+        bottom: number;
+        right: number;
+    };
+};

package/dist/types/components/Toggle/index.d.ts

@@ -0,0 +1,11 @@
+import { CheckboxProps } from '../Checkbox';
+import { CreateWuiProps } from '../System';
+type Size = 'xs' | 'sm' | 'md';
+export type ToggleOptions = Omit<CheckboxProps, 'Component' | 'iconPlacement' | 'indeterminate' | 'hasIcon' | 'transparent' | 'isClearable'> & {
+    checkedIcon?: JSX.Element;
+    size?: Size;
+    uncheckedIcon?: JSX.Element;
+};
+export type ToggleProps = CreateWuiProps<'input', ToggleOptions>;
+export declare const Toggle: import('../System').CreateWuiComponent<"input", ToggleProps>;
+export {};

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

@@ -0,0 +1,12 @@
+import { ToggleOptions } from './index';
+import * as Ariakit from '@ariakit/react';
+type Size = 'xs' | 'sm' | 'md';
+export declare const Toggle: import('styled-components').StyledComponent<(props: Ariakit.CheckboxProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, ToggleOptions, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    onClick: React.MouseEventHandler<HTMLInputElement>;
+}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    checked: boolean;
+    size: Size;
+}, never>;
+export {};

package/dist/types/components/Toggle/theme.d.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type State = 'default' | 'checked' | 'disabled' | 'sizes';
+export type ThemeToggles = {
+    after: Record<State, CSSObject>;
+    icon: Record<'sizes' | 'position', CSSObject>;
+    item: Record<State, CSSObject>;
+};
+export declare const getToggles: (theme: ThemeValues) => ThemeToggles;
+export {};

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export type TooltipOptions = {
+    children: React.ReactNode;
+    content: string | JSX.Element;
+    fixed?: boolean;
+    withArrow?: boolean;
+} & Pick<Ariakit.TooltipStoreProps, 'placement'> & Pick<Ariakit.TooltipOptions, 'gutter'>;
+export type TooltipProps = CreateWuiProps<'div', TooltipOptions>;
+export declare const Tooltip: import('../System').CreateWuiComponent<"div", TooltipProps>;

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

@@ -0,0 +1,10 @@
+import { TooltipProps } from './index';
+type FadeIn = {
+    fixed?: boolean;
+    placement?: TooltipProps['placement'];
+    popoverHeight: number;
+    withArrow?: boolean;
+};
+export declare const FadeIn: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & FadeIn, never>;
+export declare const ChildItem: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export {};

package/dist/types/components/Tooltip/theme.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeTooltips = CSSObject;
+export declare const getTooltips: (theme: ThemeValues) => ThemeTooltips;

package/dist/types/components/UniversalLink/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export interface UniversalLinkOptions {
+    target?: React.HTMLAttributeAnchorTarget;
+}
+export type UniversalLinkProps = CreateWuiProps<'a', UniversalLinkOptions>;
+export declare const UniversalLink: import('../System').CreateWuiComponent<"a", UniversalLinkProps>;

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

@@ -0,0 +1 @@
+export declare const UniversalLink: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

package/dist/types/components/VariantIcon/index.d.ts

@@ -0,0 +1,11 @@
+import { CreateWuiProps } from '../System';
+type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type Variant = 'danger' | 'warning' | 'success' | 'info' | 'default';
+export interface VariantIconOptions {
+    icon?: JSX.Element;
+    size?: Size;
+    variant?: Variant;
+}
+export type VariantIconProps = CreateWuiProps<'div', VariantIconOptions>;
+export declare const VariantIcon: import('../System').CreateWuiComponent<"div", VariantIconProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { VariantIconOptions } from '.';
+export declare const VariantIcon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    variant: VariantIconOptions["variant"] | string;
+}, never>;

package/dist/types/components/VariantIcon/theme.d.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeVariantIcon = {
+    danger: CSSObject;
+    default: CSSObject;
+    info: CSSObject;
+    success: CSSObject;
+    warning: CSSObject;
+};
+export declare const getVariantIcon: (theme: ThemeValues) => ThemeVariantIcon;

package/dist/types/components/WelcomeLoader/index.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from '../Box';
+export declare const WelcomeLoader: import('../System').CreateWuiComponent<"div", BoxProps>;

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

@@ -8,8 +8,53 @@ export * from './Breadcrumb';
 export * from './Button';
 export * from './ButtonGroup';
 export * from './Card';
+export * from './Checkbox';
 export * from './ClearButton';
 export * from './CloseButton';
+export * from './DatePicker';
+export * from './DateTimePicker';
+export * from './Drawer';
+export * from './DropdownMenu';
+export * from './Field';
+export * from './FieldGroup';
+export * from './FileDrop';
+export * from './Files';
+export * from './FileUpload';
 export * from './Flex';
-export * from './System';
+export * from './Grid';
+export * from './Hint';
+export * from './Icon';
+export * from './Icons';
+export * as Icons from './Icons';
+export * from './IconFont';
+export * from './InputText';
+export * from './Label';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './Modal';
+export * from './Pagination';
+export * from './PasswordInput';
+export * from './Picker';
+export * from './Popover';
+export * from './Radio';
+export * from './RadioGroup';
+export * from './RadioTab';
+export * from './Search';
+export * from './Select';
+export * from './Shape';
+export * from './Slider';
+export * from './Stack';
+export * from './Swiper';
+export * from './Table';
+export * from './Tabs';
+export * from './Tag';
+export * from './Text';
+export * from './Textarea';
+export * from './TimePicker';
+export * from './Toast';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './VariantIcon';
+export * from './WelcomeLoader';
 export * from './WuiProvider';

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
-export * from './theme';
 export * from './components';
+export * from './theme';
+export * from './utils';

package/dist/types/theme/defaultFields.d.ts

@@ -0,0 +1,39 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { Size } from '../utils/field-styles';
+import { ThemeValues } from '.';
+type VariantsTheme = {
+    danger: CSSObject;
+    success: CSSObject;
+    warning: CSSObject;
+};
+export type ThemeDefaultFields = {
+    checkableField: {
+        checked: CSSObject;
+        disabled: CSSObject;
+    };
+    checkablelabel: {
+        checked: CSSObject;
+        default: CSSObject;
+    };
+    default: CSSObject;
+    disabled: CSSObject;
+    fieldset: CSSObject;
+    focused: VariantsTheme & {
+        default: CSSObject;
+    };
+    hover: CSSObject;
+    iconPlacement: Record<Size, CSSObject>;
+    placeholder: CSSObject;
+    select: {
+        default: CSSObject;
+        disabled: CSSObject;
+        existing: CSSObject;
+        highlighted: CSSObject;
+        selected: CSSObject;
+        selectedAndHighlighted: CSSObject;
+    };
+    sizes: Record<Size, CSSObject>;
+    variants: VariantsTheme;
+};
+export declare const getDefaultFields: (theme: ThemeValues) => ThemeDefaultFields;
+export {};

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

@@ -4,11 +4,37 @@ import { ThemeAlerts } from '../components/Alert/theme';
 import { ThemeAvatars } from '../components/Avatar/theme';
 import { ThemeBadges } from '../components/Badge/theme';
 import { ThemeBreadcrumbs } from '../components/Breadcrumb/theme';
+import { ThemeButtons } from '../components/Button/theme';
 import { ThemeCards } from '../components/Card/theme';
+import { ThemeDateTimePickerCommon } from '../components/DateTimePickerCommon/theme';
+import { ThemeCheckboxes } from '../components/Checkbox/theme';
+import { ThemeDrawers } from '../components/Drawer/theme';
+import { ThemeDropdownMenu } from '../components/DropdownMenu/theme';
+import { ThemeFileDrops } from '../components/FileDrop/theme';
+import { ThemeHints } from '../components/Hint/theme';
+import { ThemeLabels } from '../components/Label/theme';
+import { ThemeLinks } from '../components/Link/theme';
+import { ThemeLoaders } from '../components/Loader/theme';
+import { ThemeIcons } from '../components/Icon/theme';
+import { ThemeModals } from '../components/Modal/theme';
+import { ThemePagination } from '../components/Pagination/theme';
+import { ThemePopovers } from '../components/Popover/theme';
+import { ThemeRadios } from '../components/Radio/theme';
+import { ThemeRadioTabs } from '../components/RadioTab/theme';
+import { ThemeSliders } from '../components/Slider/theme';
+import { ThemeSwipers } from '../components/Swiper/theme';
+import { ThemeTables } from '../components/Table/theme';
+import { ThemeTabs } from '../components/Tabs/theme';
+import { ThemeTags } from '../components/Tag/theme';
+import { ThemeTextareas } from '../components/Textarea/theme';
+import { ThemeToasts } from '../components/Toast/theme';
+import { ThemeToggles } from '../components/Toggle/theme';
+import { ThemeTooltips } from '../components/Tooltip/theme';
+import { ThemeVariantIcon } from '../components/VariantIcon/theme';
 import { darkTheme } from './dark';
 import { ThemeColors } from './colors';
 import { ThemeFontFaces } from './fonts';
-import { ThemeFonts, ThemeFontSizes, ThemeFontWeights, ThemeLetterSpacings, ThemeLineHeights, ThemeTexts, ThemeTextsFontFamily, ThemeTextsFontWeights, ThemeTextsTextTransform } from './typography';
+import { ThemeFonts, ThemeFontSizes, ThemeFontWeights, ThemeLetterSpacings, ThemeLineHeights, ThemeTexts, ThemeTextsFontColors, ThemeTextsFontFamily, ThemeTextsFontWeights, ThemeTextsTextTransform } from './typography';
 import { ThemeTimingFunction, ThemeTransitions } from './transitions';
 import { ThemeUnderline } from './underline';
 import { ThemeRadii } from './radii';
@@ -18,35 +44,60 @@ import { ThemeShadows } from './shadows';
 import { ThemeSpace } from './space';
 import { ThemeSelection } from './selection';
 import { ThemeFocus } from './focus';
+import { ThemeDefaultFields } from './defaultFields';
 type OverrideKeys = 'colors' | 'radii' | 'borderWidths' | 'fontSizes' | 'lineHeights' | 'fontWeights' | 'letterSpacings' | 'fonts' | 'sizes' | 'screens' | 'space' | 'shadows' | 'texts';
 type XStyledTheme = Omit<XStyledDefaultTheme, OverrideKeys>;
 type StyledComponentsTheme = Omit<StyledComponentDefaultTheme, OverrideKeys>;
 export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     accordions: ThemeAccordions;
-    alert: ThemeAlerts;
+    alerts: ThemeAlerts;
     avatars: ThemeAvatars;
     badges: ThemeBadges;
     borderWidths: ThemeBorderWidths;
     breadcrumbs: ThemeBreadcrumbs;
+    buttons: ThemeButtons;
     cards: ThemeCards;
+    checkboxes: ThemeCheckboxes;
     colors: ThemeColors;
+    dateTimePickerCommon: ThemeDateTimePickerCommon;
+    defaultFields: ThemeDefaultFields;
     defaultLetterSpacing: string;
     defaultLineHeight: number;
+    drawers: ThemeDrawers;
+    dropdownMenu: ThemeDropdownMenu;
+    fileDrops: ThemeFileDrops;
     focus: ThemeFocus;
     fontFaces: ThemeFontFaces;
     fontSizes: ThemeFontSizes;
     fontWeights: ThemeFontWeights;
     fonts: ThemeFonts;
     fontsUrl: ThemeFontsUrl;
+    hints: ThemeHints;
+    icons: ThemeIcons;
     inset: ThemeSpace;
+    labels: ThemeLabels;
     letterSpacings: ThemeLetterSpacings;
     lineHeights: ThemeLineHeights;
+    links: ThemeLinks;
+    loaders: ThemeLoaders;
+    modals: ThemeModals;
+    pagination: ThemePagination;
+    popovers: ThemePopovers;
     radii: ThemeRadii;
+    radios: ThemeRadios;
+    radiosTab: ThemeRadioTabs;
     screens: ThemeScreens;
     selection: ThemeSelection;
     shadows: ThemeShadows;
+    sliders: ThemeSliders;
     space: ThemeSpace;
+    swipers: ThemeSwipers;
+    tables: ThemeTables;
+    tabs: ThemeTabs;
+    tags: ThemeTags;
+    textareas: ThemeTextareas;
     texts: ThemeTexts;
+    textsFontColors: ThemeTextsFontColors;
     textsFontFamily: ThemeTextsFontFamily;
     textsFontWeights: ThemeTextsFontWeights;
     textsTextTransform: ThemeTextsTextTransform;
@@ -54,15 +105,19 @@ export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     toEm: (int: number) => string;
     toPx: (int: number) => string;
     toRem: (int: number) => string;
+    toasts: ThemeToasts;
+    toggles: ThemeToggles;
+    tooltips: ThemeTooltips;
     transformers: {
         border: (value: CSSScalar) => CSSScalar;
         px: (value: CSSScalar) => CSSScalar;
     };
     transitions: ThemeTransitions;
     underline: ThemeUnderline;
+    variantIcon: ThemeVariantIcon;
 }
 export type ThemeFontsUrl = 'https://cdn.welcome-ui.com/fonts' | 'https://cdn.welcometothejungle.com/fonts' | string;
-export type Options = {
+export type ThemeProps = {
     [param: string]: unknown;
     defaultFontFamily?: string;
     defaultFontSize?: number;
@@ -72,5 +127,5 @@ export type Options = {
     headingFontFamily?: string;
     iconFontFamily?: string;
 };
-export declare const createTheme: (options?: Options) => ThemeValues;
+export declare const createTheme: (options?: ThemeProps) => ThemeValues;
 export { darkTheme };

package/dist/types/theme/typography.d.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { Options, ThemeValues } from '.';
+import { ThemeProps, ThemeValues } from '.';
 export type ThemeFontSizes = {
     [key: number]: string;
     h0: string;
@@ -130,4 +130,4 @@ export type ThemeFonts = {
     icons: string;
     texts: string;
 };
-export declare const getFonts: (defaultFontFamily: Options["defaultFontFamily"], headingFontFamily: Options["headingFontFamily"], iconFontFamily: Options["iconFontFamily"]) => ThemeFonts;
+export declare const getFonts: (defaultFontFamily: ThemeProps["defaultFontFamily"], headingFontFamily: ThemeProps["headingFontFamily"], iconFontFamily: ThemeProps["iconFontFamily"]) => ThemeFonts;

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

@@ -0,0 +1 @@
+export declare const clamp: (value: number, min: number, max: number) => number;

package/dist/types/utils/create-event.d.ts

@@ -0,0 +1,8 @@
+export interface CreateEvent {
+    preventDefault: () => void;
+    target: Record<string, unknown>;
+}
+export declare const createEvent: (props: Record<string, unknown>) => {
+    preventDefault: CreateEvent["preventDefault"];
+    target: CreateEvent["target"];
+};

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

@@ -0,0 +1,21 @@
+import { css } from '@xstyled/styled-components';
+type FieldIconSizes = {
+    lg: 'sm';
+    md: 'sm';
+    sm: 'sm';
+    xs: 'xs';
+};
+export declare const FIELD_ICON_SIZE: FieldIconSizes;
+export type Size = 'xs' | 'sm' | 'md' | 'lg';
+export type FieldIconSize = 'xs' | 'sm';
+export type DefaultFieldStylesProps = Partial<{
+    hasIcon?: boolean;
+    iconPlacement?: 'right' | 'left' | 'both';
+    isClearable?: boolean;
+    size: Size;
+    transparent?: boolean;
+    variant: 'danger' | 'success' | 'warning';
+}>;
+type DefaultFieldStyles = (args: DefaultFieldStylesProps) => ReturnType<typeof css>;
+export declare const defaultFieldStyles: DefaultFieldStyles;
+export {};

package/dist/types/utils/format-bytes.d.ts

@@ -0,0 +1 @@
+export declare const formatBytes: (bytes: number, decimals?: number) => string;

package/dist/types/utils/get-max-width-height.d.ts

@@ -0,0 +1 @@
+export declare const getMax: (width: string, height?: string) => string;

package/dist/types/utils/hex-to-rgb.d.ts

@@ -0,0 +1 @@
+export declare const hexToRGB: (hex: string) => string;

package/dist/types/utils/hex-to-rgba.d.ts

@@ -0,0 +1 @@
+export declare const hexToRGBA: (hex: string, transparency?: number) => string;

package/dist/types/utils/hide-focus-rings-root.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const hideFocusRingsDataAttribute = "data-wui-hidefocusrings";
+interface HideFocusRingsRootProps {
+    children?: React.ReactNode;
+    reactRootId: string;
+}
+export declare const HideFocusRingsRoot: React.FC<HideFocusRingsRootProps>;
+export {};

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

@@ -0,0 +1 @@
+export * from './use-copy-text';

package/dist/types/utils/overflow-ellipsis.d.ts

@@ -0,0 +1 @@
+export declare const overflowEllipsis: import('styled-components').FlattenSimpleInterpolation;

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

@@ -0,0 +1,5 @@
+interface ThrottledFunc<T extends (...args: unknown[]) => unknown> {
+    (...args: Parameters<T>): void;
+}
+export declare const throttle: <T extends (...args: unknown[]) => unknown>(callback: T, wait?: number, leading?: boolean) => ThrottledFunc<T>;
+export {};

package/dist/types/utils/use-copy-text.d.ts

@@ -0,0 +1,5 @@
+type Content = React.RefObject<HTMLElement | HTMLInputElement> | number | string;
+type Timeout = number;
+type useCopyTextReturn = [() => void, boolean];
+export declare function useCopyText(content: Content, timeout: Timeout): useCopyTextReturn;
+export {};

package/dist/types/utils/use-create-portal.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Hook that mimic the React createPortal function in order to make it SSR friendly
+ */
+export declare function useCreatePortal(disable?: boolean): ((children: React.ReactNode) => any) | ((children: React.ReactNode, container?: Element | DocumentFragment, key?: string | null) => import('react').ReactPortal);

package/dist/types/utils/use-fork-ref.d.ts

@@ -0,0 +1,3 @@
+import { ForwardedRef } from 'react';
+export declare function setRef(ref: ForwardedRef<unknown>, value: unknown): void;
+export declare function useForkRef(refA: ForwardedRef<unknown>, refB: ForwardedRef<unknown>): (instance: unknown) => void;

package/dist/types/utils/use-isomorphic-layout-effect.d.ts

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

package/dist/types/utils/use-viewport.d.ts

@@ -0,0 +1,6 @@
+type Size = {
+    height: number;
+    width: number;
+};
+export declare function useViewportSize(): Size;
+export {};

package/dist/types/utils/wrap-children.d.ts

@@ -0,0 +1 @@
+export declare const wrapChildren: (children?: string | JSX.Element) => unknown;

package/dist/use-isomorphic-layout-effect-C1_Gy5Nu.js

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react"),t=typeof window>"u"?e.useEffect:e.useLayoutEffect;exports.useIsomorphicLayoutEffect=t;

package/dist/use-isomorphic-layout-effect-Izr-e2pi.mjs

@@ -0,0 +1,6 @@
+"use client";
+import { useEffect as e, useLayoutEffect as o } from "react";
+const f = typeof window > "u" ? e : o;
+export {
+  f as u
+};

package/dist/use-viewport-BDDjd1nl.js

@@ -0,0 +1 @@
+"use client";"use strict";const n=require("react"),r=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js");function o(){const[t,e]=n.useState({height:void 0,width:void 0});return r.useIsomorphicLayoutEffect(()=>{e({width:window.innerWidth,height:window.innerHeight});function i(){e({width:window.innerWidth,height:window.innerHeight})}return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),t}exports.useViewportSize=o;

package/dist/use-viewport-m3glsbna.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { useState as t } from "react";
+import { u as r } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
+function w() {
+  const [n, e] = t({ height: void 0, width: void 0 });
+  return r(() => {
+    e({ width: window.innerWidth, height: window.innerHeight });
+    function i() {
+      e({ width: window.innerWidth, height: window.innerHeight });
+    }
+    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+  }, []), n;
+}
+export {
+  w as u
+};