@strapi/design-system 1.19.0-typescript.0 → 2.0.0-beta.0

package/dist/Pagination/components.d.ts

@@ -1,26 +1,16 @@
-import React from 'react';
-import { NavLinkProps } from 'react-router-dom';
+import * as React from 'react';
+import { BaseLinkProps } from '../BaseLink';
 import { BoxProps } from '../Box';
-interface PaginationLinkProps extends NavLinkProps {
+interface PaginationLinkProps extends BaseLinkProps {
     active: boolean;
-    children: React.ReactNode;
 }
 interface PaginationPageLinkProps extends PaginationLinkProps {
     number: number;
 }
 interface DotsProps extends BoxProps {
 }
-export declare const PreviousLink: {
-    ({ children, to, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const NextLink: {
-    ({ children, to, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const PageLink: {
-    ({ number, children, ...props }: PaginationPageLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const PreviousLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const NextLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const PageLink: React.ForwardRefExoticComponent<PaginationPageLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 export declare const Dots: ({ children, ...props }: DotsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/RawTable/RawCell.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import * as React from 'react';
 import { BoxProps } from '../Box';
 export interface RawTdProps extends BoxProps<'td'> {
     'aria-colindex'?: number;
     as?: 'td' | 'th';
-    children?: ReactNode;
+    children?: React.ReactNode;
     coords?: {
         col: number;
         row: number;

package/dist/RawTable/RawTable.d.ts

@@ -1,5 +1,5 @@
-import { TableHTMLAttributes } from 'react';
-export interface RawTableProps extends TableHTMLAttributes<HTMLTableElement> {
+import * as React from 'react';
+export interface RawTableProps extends React.TableHTMLAttributes<HTMLTableElement> {
     colCount: number;
     initialCol?: number;
     initialRow?: number;

package/dist/RawTable/RawTableContext.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export interface RawTableContextValue {
     rowIndex: number;
     colIndex: number;
@@ -6,5 +7,5 @@ export interface RawTableContextValue {
         colIndex: number;
     }) => void;
 }
-export declare const RawTableContext: import("react").Context<RawTableContextValue>;
+export declare const RawTableContext: React.Context<RawTableContextValue>;
 export declare const useTable: () => RawTableContextValue;

package/dist/RawTable/RawTbody.d.ts

@@ -1,5 +1,5 @@
-import { TableHTMLAttributes, ReactNode } from 'react';
-export interface RawTbodyProps extends TableHTMLAttributes<HTMLTableSectionElement> {
-    children: ReactNode;
+import * as React from 'react';
+export interface RawTbodyProps extends React.TableHTMLAttributes<HTMLTableSectionElement> {
+    children: React.ReactNode;
 }
 export declare const RawTbody: ({ children, ...props }: RawTbodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/RawTable/RawThead.d.ts

@@ -1,5 +1,5 @@
-import { TableHTMLAttributes, ReactNode } from 'react';
-export interface RawTheadProps extends TableHTMLAttributes<HTMLTableSectionElement> {
-    children: ReactNode;
+import * as React from 'react';
+export interface RawTheadProps extends React.TableHTMLAttributes<HTMLTableSectionElement> {
+    children: React.ReactNode;
 }
 export declare const RawThead: ({ children, ...props }: RawTheadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Searchbar/Searchbar.d.ts

@@ -1,9 +1,9 @@
-import React, { MouseEventHandler } from 'react';
+import * as React from 'react';
 import { FieldInputProps, FieldProps } from '../Field';
 export interface SearchbarProps extends Omit<FieldInputProps, 'id' | 'name'>, Pick<FieldProps, 'id' | 'name'> {
     name: string;
     value?: string;
-    onClear: MouseEventHandler<any>;
+    onClear: React.MouseEventHandler<any>;
     clearLabel: string;
 }
 export declare const Searchbar: React.ForwardRefExoticComponent<SearchbarProps & React.RefAttributes<HTMLInputElement>>;

package/dist/Select/index.d.ts

@@ -4,14 +4,3 @@ export { MultiSelect, MultiSelectGroup, MultiSelectOption } from './MultiSelect'
 export type { MultiSelectProps, MultiSelectGroupProps, MultiSelectOptionProps } from './MultiSelect';
 export { SingleSelect, SingleSelectOption } from './SingleSelect';
 export type { SingleSelectProps, SingleSelectOptionProps } from './SingleSelect';
-/**
- * These are deprecated
- */
-export { Select } from './Select';
-export type { SelectProps } from './Select';
-export { Option } from './Option';
-export type { OptionProps } from './Option';
-export { OptGroup } from './OptGroup';
-export type { OptGroupProps } from './OptGroup';
-export { SelectList } from './SelectList';
-export type { SelectListProps } from './SelectList';

package/dist/{v2/SimpleMenu → SimpleMenu}/Menu.d.ts

@@ -1,12 +1,12 @@
-import { ComponentPropsWithoutRef } from 'react';
+import * as React from 'react';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import { BaseLink } from '../../BaseLink';
-import { BoxProps } from '../../Box';
-import { ButtonProps } from '../../Button';
-import { FlexProps } from '../../Flex';
-import { POPOVER_PLACEMENTS } from '../../Popover';
-import { TypographyProps } from '../../Typography';
+import { BaseLink } from '../BaseLink';
+import { BoxProps } from '../Box';
+import { ButtonProps } from '../Button';
+import { FlexProps } from '../Flex';
 import { LinkProps } from '../Link';
+import { POPOVER_PLACEMENTS } from '../Popover';
+import { TypographyProps } from '../Typography';
 interface RootProps extends DropdownMenu.DropdownMenuProps {
 }
 interface TriggerProps extends ButtonProps {
@@ -25,7 +25,7 @@ interface ItemExternalLinkProps extends ItemSharedProps, Omit<LinkProps, 'onSele
     isLink?: false;
     isExternal?: true;
 }
-type ItemInternalLinkProps<TComponent extends React.ComponentType = typeof BaseLink> = ItemSharedProps & ComponentPropsWithoutRef<TComponent> & {
+type ItemInternalLinkProps<TComponent extends React.ComponentType = typeof BaseLink> = ItemSharedProps & React.ComponentPropsWithoutRef<TComponent> & {
     as?: TComponent;
     isLink?: true;
     isExternal?: false;
@@ -44,13 +44,13 @@ interface SubTriggerProps extends BoxProps<'button'> {
 }
 interface SubContentProps extends FlexProps<'div'> {
 }
-declare const Root: import("react").FC<DropdownMenu.DropdownMenuProps>;
-declare const Trigger: import("react").ForwardRefExoticComponent<TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Root: React.FC<DropdownMenu.DropdownMenuProps>;
+declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const Item: ({ onSelect, disabled, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
-declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLSpanElement>>;
-declare const SubRoot: import("react").FC<DropdownMenu.DropdownMenuSubProps>;
-declare const SubTrigger: import("react").ForwardRefExoticComponent<SubTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const SubContent: import("react").ForwardRefExoticComponent<SubContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SubRoot: React.FC<DropdownMenu.DropdownMenuSubProps>;
+declare const SubTrigger: React.ForwardRefExoticComponent<SubTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SubContent: React.ForwardRefExoticComponent<SubContentProps & React.RefAttributes<HTMLDivElement>>;
 export { Root, Trigger, Content, Item, Label, SubRoot, SubTrigger, SubContent };
 export type { TriggerProps, ContentProps, ItemProps, RootProps, SubRootProps, SubTriggerProps, SubContentProps, LabelProps, };

package/dist/SimpleMenu/SimpleMenu.d.ts

@@ -1,33 +1,60 @@
-import React from 'react';
-import { Placement } from '@floating-ui/react-dom';
-import { NavLinkProps } from 'react-router-dom';
-export interface MenuItemProps extends Omit<NavLinkProps, 'to'> {
-    as?: React.ElementType;
-    children: React.ReactNode;
-    href?: string;
-    isFocused?: boolean;
-    onClick?: () => void;
-    to?: string;
-    isExternal?: boolean;
-}
-export declare const MenuItem: ({ children, onClick, to, isFocused, href, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
-export type SimpleMenuProps<As extends React.ElementType = React.ElementType> = Omit<React.ComponentPropsWithoutRef<As>, 'as' | 'children' | 'id' | 'label' | 'onClose' | 'onOpen' | 'onReachEnd' | 'popoverPlacement' | 'size'> & {
-    as?: As;
-    children: React.ReactNode;
-    id?: string;
-    label: React.ReactElement | string | number;
-    onClose?: () => void;
+import * as React from 'react';
+import * as Menu from './Menu';
+interface SimpleMenuProps extends Omit<Menu.TriggerProps, 'children'>, Pick<Menu.ContentProps, 'popoverPlacement' | 'intersectionId'> {
+    children?: React.ReactNode;
+    label?: React.ReactNode;
     onOpen?: () => void;
+    onClose?: () => void;
     /**
      * Callback function to be called when the popover reaches the end of the scrollable content
      */
-    onReachEnd?: () => void;
-    popoverPlacement?: Placement;
-    /**
-     * Size of the trigger button.
-     * Note: in case a custom component is passed through the "as"
-     * prop, the size prop is passed along too, but needs to be handled there
-     */
-    size?: 'S' | 'M';
-};
-export declare const SimpleMenu: <As extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = React.ForwardRefExoticComponent<import("../Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>({ label, children, id, as: asComp, onOpen, onClose, size, popoverPlacement, onReachEnd, ...props }: SimpleMenuProps<As>) => import("react/jsx-runtime").JSX.Element;
+    onReachEnd?: (entry: IntersectionObserverEntry) => void;
+}
+declare const SimpleMenu: ({ children, onOpen, onClose, popoverPlacement, onReachEnd, ...props }: SimpleMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ onSelect, disabled, ...props }: Menu.ItemProps<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("../themes/colors").Colors | undefined;
+    color?: keyof import("../themes/colors").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
+    paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
+    marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
+    marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("../themes/colors").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+    children?: React.ReactNode;
+    as?: string | React.ComponentType<any> | undefined;
+    forwardedAs?: string | React.ComponentType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+    isExternal?: boolean | undefined;
+} & React.RefAttributes<HTMLAnchorElement>>>) => import("react/jsx-runtime").JSX.Element;
+type MenuItemProps = Menu.ItemProps;
+export { SimpleMenu, MenuItem, Menu };
+export type { SimpleMenuProps, MenuItemProps };

package/dist/Status/Status.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { BoxProps } from '../Box';
 export type StatusVariant = 'alternative' | 'danger' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning';
 export type StatusSize = 'S' | 'M';

package/dist/SubNav/SubNav.d.ts

@@ -1,6 +1,6 @@
 import { GridProps } from '../Grid';
+export declare const subNavWidth = "23.2rem";
 export interface SubNavProps extends GridProps {
     ariaLabel: string;
 }
-export declare const subNavWidth = "14.5rem";
 export declare const SubNav: ({ ariaLabel, ...props }: SubNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SubNav/SubNavHeader.d.ts

@@ -1,13 +1,13 @@
-import React, { ChangeEventHandler } from 'react';
+import * as React from 'react';
 export interface SubNavHeaderProps {
-    as?: string | React.ComponentType<any>;
-    id: string;
+    as?: keyof JSX.IntrinsicElements;
+    id?: string;
     label: string;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onClear?: (event: Event) => void;
-    onSubmit?: React.FormEventHandler;
-    searchable: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onClear?: React.MouseEventHandler<HTMLInputElement>;
+    onSubmit?: React.FormEventHandler<HTMLInputElement>;
     searchLabel?: string;
+    searchable?: boolean;
     value?: string;
 }
 export declare const SubNavHeader: ({ as, label, searchLabel, searchable, onChange, value, onClear, onSubmit, id, }: SubNavHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SubNav/SubNavLink.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-import { BoxProps } from '../Box';
-export interface SubNavLinkProps extends BoxProps {
-    icon: React.ReactNode;
+import * as React from 'react';
+export interface SubNavLinkProps {
+    as?: React.ElementType;
+    children: React.ReactNode;
+    icon?: React.ReactElement;
     isSubSectionChild?: boolean;
     withBullet?: boolean;
 }
-export declare const SubNavLink: ({ children, icon, withBullet, isSubSectionChild, ...props }: SubNavLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SubNavLink: React.ForwardRefExoticComponent<SubNavLinkProps & React.RefAttributes<unknown>>;

package/dist/SubNav/SubNavLinkSection.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import * as React from 'react';
 export interface SubNavLinkSectionProps {
     children: React.ReactNode;
-    id: string;
+    id?: string;
     label: string;
 }
 export declare const SubNavLinkSection: ({ label, children, id }: SubNavLinkSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SubNav/SubNavSection.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import * as React from 'react';
 export interface SubNavSectionProps {
-    badgeLabel: string;
+    badgeLabel?: string;
     children: React.ReactNode;
     collapsable?: boolean;
-    id: string;
+    id?: string;
     label: string;
 }
 export declare const SubNavSection: ({ collapsable, label, badgeLabel, children, id }: SubNavSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SubNav/SubNavSectionLabel.d.ts

@@ -1,8 +1,9 @@
+import * as React from 'react';
 export interface SubNavSectionLabelProps {
-    ariaControls: string;
-    ariaExpanded: boolean;
+    ariaControls?: string;
+    ariaExpanded?: boolean;
     collapsable?: boolean;
     label: string;
-    onClick?: React.MouseEventHandler;
+    onClick: React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLDivElement>;
 }
 export declare const SubNavSectionLabel: ({ collapsable, label, onClick, ariaExpanded, ariaControls, }: SubNavSectionLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SubNav/SubNavSections.d.ts

@@ -1,10 +1,8 @@
+import * as React from 'react';
 import { FlexProps } from '../Flex';
-export interface SubNavSectionsProps extends FlexProps {
+export interface SubNavSectionsProps extends FlexProps<'ol'> {
+    children: React.ReactNode;
+    spacing?: number;
     horizontal?: boolean;
-    /**
-     * @preserve
-     * @deprecated use `gap` instead
-     */
-    spacing: FlexProps['gap'];
 }
 export declare const SubNavSections: ({ children, spacing, horizontal, ...props }: SubNavSectionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface SwitchButtonProps {
     visibleLabels?: boolean;
 }

package/dist/Table/Cell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { RawTdProps } from '../RawTable/RawCell';
 export interface ThProps extends RawTdProps {
     children: React.ReactNode;

package/dist/Table/TFooter.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { BoxProps } from '../Box';
 export interface TFooterProps extends BoxProps<'button'> {
     children: React.ReactNode;

package/dist/Table/Table.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { RawTableProps } from '../RawTable/RawTable';
 export type Overflowing = 'both' | 'left' | 'right';
 export interface TableProps extends RawTableProps {

package/dist/Tabs/TabPanels.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface TabPanelsProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }

package/dist/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import type { FlexProps } from '../Flex';
 export interface TabsProps extends FlexProps {
     children: React.ReactNode;

package/dist/Tabs/TabsContext.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export interface TabsContextState {
     id: string;
     selectedTabIndex: number;
@@ -6,5 +7,5 @@ export interface TabsContextState {
     onTabChange?: (index: number) => void;
     selectTabIndex: (index: number) => void;
 }
-export declare const TabsContext: import("react").Context<TabsContextState>;
+export declare const TabsContext: React.Context<TabsContextState>;
 export declare const useTabs: () => TabsContextState;

package/dist/Tag/Tag.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { FlexProps } from '../Flex';
 export interface TagProps extends FlexProps<'button'> {
     icon: React.ReactNode;

package/dist/TextInput/TextInput.d.ts

@@ -1,10 +1,10 @@
-import { MutableRefObject } from 'react';
+import * as React from 'react';
 import { FieldInputProps, FieldProps, FieldLabelProps } from '../Field';
 export interface TextInputProps extends Omit<FieldInputProps, 'id' | 'name'>, Pick<FieldProps, 'hint' | 'error' | 'id' | 'name'> {
     label: string;
     labelAction?: FieldLabelProps['action'];
 }
-export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<{
-    inputWrapperRef: MutableRefObject<HTMLDivElement>;
-    input: MutableRefObject<HTMLInputElement>;
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<{
+    inputWrapperRef: React.MutableRefObject<HTMLDivElement>;
+    input: React.MutableRefObject<HTMLInputElement>;
 }>>;

package/dist/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { BoxProps } from '../Box';
 import { FieldProps, FieldLabelProps } from '../Field';
 export interface TextareaProps extends TextareaInputBoxProps, Pick<FieldProps, 'hint' | 'error'> {

package/dist/Tooltip/hooks/useTooltipLayout.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import { TooltipPosition } from '../utils/positionTooltip';
 export declare const useTooltipLayout: (visible: boolean, position: TooltipPosition) => {
-    tooltipWrapperRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    toggleSourceRef: import("react").MutableRefObject<HTMLSpanElement | null>;
+    tooltipWrapperRef: React.MutableRefObject<HTMLDivElement | null>;
+    toggleSourceRef: React.MutableRefObject<HTMLSpanElement | null>;
 };

package/dist/helpers/handleResponsiveValues.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import * as React from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DefaultThemeOrCSSProp } from '../types';
 interface ResponsiveValueObject {
@@ -11,7 +11,7 @@ type ResponsiveValueTuple = [
     tablet?: keyof DefaultTheme['spaces'],
     mobile?: keyof DefaultTheme['spaces']
 ];
-type ResponsiveCSSProperties = Pick<CSSProperties, 'margin' | 'marginLeft' | 'marginRight' | 'marginTop' | 'marginBottom' | 'padding' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingBottom'>;
+type ResponsiveCSSProperties = Pick<React.CSSProperties, 'margin' | 'marginLeft' | 'marginRight' | 'marginTop' | 'marginBottom' | 'padding' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingBottom'>;
 export type ResponsiveValue<TCSSProp extends keyof ResponsiveCSSProperties = any> = ResponsiveValueObject | DefaultThemeOrCSSProp<'spaces', TCSSProp> | ResponsiveValueTuple;
 declare const handleResponsiveValues: <TCSSProp extends "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "margin" | "padding">(property: string, value: ResponsiveValue<TCSSProp> | undefined, theme: DefaultTheme) => string | undefined;
 export default handleResponsiveValues;

package/dist/hooks/useElementOnScreen.d.ts

@@ -1 +1,2 @@
+import * as React from 'react';
 export declare const useElementOnScreen: <TElement extends HTMLElement = HTMLElement>(options?: IntersectionObserverInit) => [containerRef: React.RefObject<TElement>, isVisible: boolean];

package/dist/hooks/useIntersection.d.ts

@@ -1,7 +1,7 @@
-import { MutableRefObject } from 'react';
+import * as React from 'react';
 interface UseIntersectionOptions {
     selectorToWatch: string;
     skipWhen?: boolean;
 }
-export declare const useIntersection: (scrollableAreaRef: MutableRefObject<HTMLElement | null>, callback: (entry: IntersectionObserverEntry) => void, { selectorToWatch, skipWhen }: UseIntersectionOptions) => void;
+export declare const useIntersection: (scrollableAreaRef: React.MutableRefObject<HTMLElement | null>, callback: (entry: IntersectionObserverEntry) => void, { selectorToWatch, skipWhen }: UseIntersectionOptions) => void;
 export {};

package/dist/hooks/useResizeObserver.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from 'react';
-export declare const useResizeObserver: (sources: RefObject<HTMLElement> | RefObject<HTMLElement>[], onResize: ResizeObserverCallback) => void;
+import * as React from 'react';
+export declare const useResizeObserver: (sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[], onResize: ResizeObserverCallback) => void;

package/dist/index.d.ts

@@ -46,7 +46,6 @@ export * from './Flex';
 export * from './Searchbar';
 export * from './Select';
 export * from './SimpleMenu';
-export * from './Stack';
 export * from './Status';
 export * from './SubNav';
 export * from './Switch';
@@ -58,7 +57,6 @@ export * from './TextInput';
 export * from './Textarea';
 export * from './ThemeProvider';
 export * from './TimePicker';
-export * from './ToggleCheckbox';
 export * from './ToggleInput';
 export * from './Tooltip';
 export * from './Typography';