@ilo-org/react 0.24.6 → 0.26.0

package/lib/types/components/Cards/DataCard.d.ts

@@ -1,8 +1,12 @@
 import { ReactNode } from 'react';
 import { LinkProps } from '../Link';
-import { CardSize } from '../../types';
+import { CardSize, ThemeTypes } from '../../types';
 
 export type DataCardProps = {
+    /**
+     * Will render the card to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
     /**
      * A line of text that appears as a small heading at the top of the card
      */
@@ -47,5 +51,25 @@ export type DataCardProps = {
      */
     className?: string;
 };
-declare const DataCard: import('react').ForwardRefExoticComponent<DataCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DataCard };
+export type DataCardSkeletonProps = {
+    /**
+     * Specify an optional className to be added to your DataCardSkeleton.
+     */
+    className?: string;
+    /**
+     * Will render the card to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
+    /**
+     * How big should the card be
+     */
+    size?: Omit<CardSize, "standard">;
+    /**
+     * Make the content appear in one or two columns. Only applies when the size is set to `wide` or `fluid`
+     */
+    columns?: "one" | "two";
+};
+declare const DataCardCombined: import('react').ForwardRefExoticComponent<DataCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<DataCardSkeletonProps>;
+};
+export { DataCardCombined as DataCard };

package/lib/types/components/Cards/DetailCard.d.ts

@@ -55,5 +55,21 @@ export type DetailCardProps = {
      */
     className?: string;
 };
-declare const DetailCard: import('react').ForwardRefExoticComponent<DetailCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { DetailCard };
+export type DetailCardSkeletonProps = {
+    /**
+     * Specify an optional className to be added to your DetailCardSkeleton.
+     */
+    className?: string;
+    /**
+     * Will render the card to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
+    /**
+     * How big should the card be
+     */
+    size?: Omit<CardSize, "standard">;
+};
+declare const DetailCardCombined: import('react').ForwardRefExoticComponent<DetailCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<DetailCardSkeletonProps>;
+};
+export { DetailCardCombined as DetailCard };

package/lib/types/components/Cards/FactListCard.d.ts

@@ -26,5 +26,21 @@ export type FactListCardProps = {
      */
     className?: string;
 };
-declare const FactListCard: import('react').ForwardRefExoticComponent<FactListCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { FactListCard };
+export type FactListCardSkeletonProps = {
+    /**
+     * Specify an optional className to be added to your FactListCardSkeleton.
+     */
+    className?: string;
+    /**
+     * Will render the card to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
+    /**
+     * How big should the card be
+     */
+    size?: Omit<CardSize, "standard">;
+};
+declare const FactListCardCombined: import('react').ForwardRefExoticComponent<FactListCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<FactListCardSkeletonProps>;
+};
+export { FactListCardCombined as FactListCard };

package/lib/types/components/Cards/FeatureCard.d.ts

@@ -44,5 +44,21 @@ export type FeatureCardProps = {
      */
     className?: string;
 };
-declare const FeatureCard: import('react').ForwardRefExoticComponent<FeatureCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { FeatureCard };
+export type FeatureCardSkeletonProps = {
+    /**
+     * Specify an optional className to be added to your FeatureCardSkeleton.
+     */
+    className?: string;
+    /**
+     * Will render the card to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
+    /**
+     * How big should the card be
+     */
+    size?: Omit<CardSize, "standard">;
+};
+declare const FeatureCardCombined: import('react').ForwardRefExoticComponent<FeatureCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<FeatureCardSkeletonProps>;
+};
+export { FeatureCardCombined as FeatureCard };

package/lib/types/components/Cards/MultiLinkCard.d.ts

@@ -49,5 +49,25 @@ export type MultiLinkCardProps = {
      */
     theme?: "light" | "soft";
 };
-declare const MultiLinkCard: import('react').ForwardRefExoticComponent<MultiLinkCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { MultiLinkCard };
+export type MultiLinkCardSkeletonProps = {
+    /**
+     * Specify an optional className to be added to your MultiLinkCardSkeleton.
+     */
+    className?: string;
+    /**
+     * How big should the card be
+     */
+    size?: CardSize;
+    /**
+     * How should the card be aligned
+     */
+    alignment?: CardAlignment;
+    /**
+     * Specify a theme for the component, either `light` or `blue`
+     */
+    theme?: "light" | "soft";
+};
+declare const MultiLinkCardCombined: import('react').ForwardRefExoticComponent<MultiLinkCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<MultiLinkCardSkeletonProps>;
+};
+export { MultiLinkCardCombined as MultiLinkCard };

package/lib/types/components/Cards/PromoCard.d.ts

@@ -43,5 +43,21 @@ export type PromoCardProps = {
      */
     className?: string;
 };
-declare const PromoCard: import('react').ForwardRefExoticComponent<PromoCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { PromoCard };
+export type PromoCardSkeletonProps = {
+    /**
+     * Specify an optional className to be added to your PromoCardSkeleton.
+     */
+    className?: string;
+    /**
+     * Will render the card to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
+    /**
+     * How big should the card be
+     */
+    size?: CardSize;
+};
+declare const PromoCardCombined: import('react').ForwardRefExoticComponent<PromoCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<PromoCardSkeletonProps>;
+};
+export { PromoCardCombined as PromoCard };

package/lib/types/components/Cards/ScoreCard.d.ts

@@ -2,6 +2,7 @@ import { ElementType, ReactNode } from 'react';
 import { PictureProps } from '../Picture';
 import { StatusProps } from '../Status';
 import { ButtonProps } from '../Button';
+import { HeadingTypes } from '../../types';
 
 export type ScoreCardProps = {
     /**
@@ -11,7 +12,7 @@ export type ScoreCardProps = {
     /**
      * The title level (h1, h2, h3, p, etc.).
      */
-    titleLevel?: keyof JSX.IntrinsicElements;
+    titleLevel?: HeadingTypes;
     /**
      * The size of the card.
      */
@@ -62,5 +63,21 @@ export type ScoreCardProps = {
     };
     className?: string;
 };
-declare const ScoreCard: import('react').ForwardRefExoticComponent<ScoreCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { ScoreCard };
+export type ScoreCardSkeletonProps = {
+    /**
+     * The theme of the card.
+     */
+    theme?: "light" | "dark";
+    /**
+     * The size of the card.
+     */
+    size?: "narrow" | "wide" | "fluid";
+    /**
+     * Specify an optional className to be added to your ScoreCardSkeleton.
+     */
+    className?: string;
+};
+declare const ScoreCardCombined: import('react').ForwardRefExoticComponent<ScoreCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<ScoreCardSkeletonProps>;
+};
+export { ScoreCardCombined as ScoreCard };

package/lib/types/components/Cards/StatCard.d.ts

@@ -35,5 +35,21 @@ export interface StatCardProps {
      */
     className?: string;
 }
-declare const StatCard: import('react').ForwardRefExoticComponent<StatCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { StatCard };
+export type StatCardSkeletonProps = {
+    /**
+     * Specify an optional className to be added to your StatCardSkeleton.
+     */
+    className?: string;
+    /**
+     * Will render the card to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
+    /**
+     * How big should the card be
+     */
+    size?: Omit<CardSize, "narrow" | "wide">;
+};
+declare const StatCardCombined: import('react').ForwardRefExoticComponent<StatCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<StatCardSkeletonProps>;
+};
+export { StatCardCombined as StatCard };

package/lib/types/components/Cards/TextCard.d.ts

@@ -39,5 +39,21 @@ export type TextCardProps = {
      */
     className?: string;
 };
-declare const TextCard: import('react').ForwardRefExoticComponent<TextCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export { TextCard };
+export type TextCardSkeletonProps = {
+    /**
+     * Will render the card to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
+    /**
+     * How big should the card be
+     */
+    size?: Omit<CardSize, "standard">;
+    /**
+     * Specify an optional className to be added to your TextCardSkeleton.
+     */
+    className?: string;
+};
+declare const TextCardCombined: import('react').ForwardRefExoticComponent<TextCardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Skeleton: import('react').FC<TextCardSkeletonProps>;
+};
+export { TextCardCombined as TextCard };

package/lib/types/components/ContextMenu/ContextMenu.d.ts

@@ -30,6 +30,14 @@ export type ContextMenuProps = {
      * Specify whether the Context Menu should be rendered in a portal
      */
     withPortal?: boolean;
+    /**
+     * Callback function when the Context Menu is closed;
+     */
+    onClose?: () => void;
+    /**
+     * Whether the Context Menu is open
+     */
+    isOpen: boolean;
 };
 declare const ContextMenu: import('react').ForwardRefExoticComponent<ContextMenuProps & import('react').RefAttributes<HTMLOListElement>>;
 export { ContextMenu };

package/lib/types/components/DynamicHeading/DynamicHeading.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { HeadingTypes } from '../../types';
+
+interface DynamicHeadingProps extends HTMLAttributes<HTMLElement> {
+    level: HeadingTypes;
+    children: ReactNode;
+}
+declare function DynamicHeading({ level, children, ...props }: DynamicHeadingProps): import("react/jsx-runtime").JSX.Element;
+export { DynamicHeading };

package/lib/types/components/Image/Image.props.d.ts

@@ -1,3 +1,5 @@
+import { ThemeTypes } from '../../types';
+
 export interface ImageUrl {
     /**
      * Specify the breakpoint at which this image src should be used
@@ -33,4 +35,8 @@ export interface ImageProps {
      * Value to pass to lading attribute
      */
     loading?: "lazy" | "eager";
+    /**
+     * Will render the component to appear on light or dark backgrounds
+     */
+    theme?: ThemeTypes;
 }

package/lib/types/components/LanguageToggle/LanguageToggle.d.ts

@@ -10,7 +10,7 @@ export type LanguageToggleProps = {
     /**
      * Specify an optional className to be added to your LanguageToggle component.
      */
-    theme?: ThemeTypes;
+    theme?: ThemeTypes | "dark-blue";
     /**
      * Hide the glob icon
      */

package/lib/types/components/LinkList/LinkList.d.ts

@@ -1,4 +1,4 @@
-import { LinkListThemes } from '../../types';
+import { HeadingTypes, LinkListThemes } from '../../types';
 
 export type LinkProps = {
     /**
@@ -33,6 +33,10 @@ export type LinkListProps = {
      * Specify a headline for the the Link List
      */
     headline?: string;
+    /**
+     * Specify the title level for the headline (h2-h5)
+     */
+    titleLevel?: Extract<HeadingTypes, "h2" | "h3" | "h4" | "h5">;
     /**
      * Specify the links to be displayed in the Link List
      */

package/lib/types/components/List/List.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
+import { HeadingTypes } from '../../types';
 
 export type ListProps = HTMLAttributes<HTMLDivElement> & {
     /**
@@ -21,6 +22,10 @@ export type ListProps = HTMLAttributes<HTMLDivElement> & {
      * The title of the list
      */
     title?: string;
+    /**
+     * The level of the title
+     */
+    titleLevel?: Extract<HeadingTypes, "h2" | "h3" | "h4" | "h5">;
     /**
      * The theme of the list
      */
@@ -47,6 +52,10 @@ declare const List: import('react').ForwardRefExoticComponent<HTMLAttributes<HTM
      * The title of the list
      */
     title?: string | undefined;
+    /**
+     * The level of the title
+     */
+    titleLevel?: "h2" | "h3" | "h4" | "h5" | undefined;
     /**
      * The theme of the list
      */

package/lib/types/components/List/index.d.ts

@@ -7,6 +7,7 @@ declare const List: import('react').ForwardRefExoticComponent<import('react').HT
     alignment?: "default" | "horizontal" | undefined;
     ordered?: "ordered" | "unstyled" | "unordered" | undefined;
     title?: string | undefined;
+    titleLevel?: "h2" | "h3" | "h4" | "h5" | undefined;
     theme?: "light" | "dark" | undefined;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & {

package/lib/types/components/Nav/MainNav.d.ts

@@ -0,0 +1,4 @@
+import { MainNavProps } from './Navigation.props';
+
+declare const MainNav: import('react').ForwardRefExoticComponent<MainNavProps & import('react').RefAttributes<HTMLElement>>;
+export { MainNav };

package/lib/types/components/Nav/Navigation.props.d.ts

@@ -1,5 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { LanguageToggleProps } from '../LanguageToggle';
+import { SearchFieldProps } from '../SearchField/SearchField.props';
 
 export interface NavigationLinkProps {
     href?: string;
@@ -12,7 +13,25 @@ export interface NavigationLinkProps {
      */
     component?: ElementType;
 }
-export interface SubsiteNavCoreProps {
+interface RedirectSearchProps {
+    type: "redirect";
+    url: string;
+    /**
+     * The label to display for the search bar
+     */
+    label?: string;
+    component?: ElementType;
+}
+type InputSearchProps = {
+    type: "input";
+} & ({
+    field: SearchFieldProps;
+    component?: never;
+} | {
+    field?: never;
+    component: ReactNode;
+});
+export interface NavCoreProps {
     branding: {
         /**
          * The branding to display in the SubsiteNav like a primary logo
@@ -68,15 +87,7 @@ export interface SubsiteNavCoreProps {
         /**
          * The search bar props
          */
-        search?: {
-            type: "redirect";
-            url: string;
-            /**
-             * The label to display for the search bar
-             */
-            label?: string;
-            component?: ElementType;
-        };
+        search?: RedirectSearchProps | InputSearchProps;
     };
 }
 export interface CompactNavProps {
@@ -84,26 +95,44 @@ export interface CompactNavProps {
      * The type of SubsiteNav to render
      */
     type?: "compact";
-    props: SubsiteNavCoreProps;
+    props: NavCoreProps & {
+        widgets: NavCoreProps["widgets"] & {
+            search: RedirectSearchProps;
+        };
+    };
 }
+type GeneralNavProps = NavCoreProps & {
+    branding: {
+        logo: NavCoreProps["branding"]["logo"] & {
+            /**
+             * The logo to display for the mobile screens
+             */
+            mobile?: ReactNode;
+        };
+        /**
+         * The Tagline
+         */
+        tag?: {
+            main: string;
+            sub?: string;
+        };
+    };
+};
 export interface ComplexNavProps {
     /**
      * The type of SubsiteNav to render
      */
     type?: "complex";
-    props: SubsiteNavCoreProps & {
-        branding: {
-            logo: SubsiteNavCoreProps["branding"]["logo"] & {
-                /**
-                 * The logo to display for the mobile screens
-                 */
-                mobile?: ReactNode;
-            };
-            tag?: {
-                main: string;
-                sub?: string;
-            };
+    props: GeneralNavProps & {
+        widgets: NavCoreProps["widgets"] & {
+            search: RedirectSearchProps;
         };
     };
 }
+export interface MainNavProps extends GeneralNavProps {
+    widgets: Omit<NonNullable<NavCoreProps["widgets"]>, "link"> & {
+        search: InputSearchProps;
+    };
+}
 export type SubsiteNavProps = CompactNavProps | ComplexNavProps;
+export {};

package/lib/types/components/Nav/{Subsite/SubsiteNav.d.ts → SubsiteNav.d.ts}

@@ -1,4 +1,4 @@
-import { SubsiteNavProps } from '../Navigation.props';
+import { SubsiteNavProps } from './Navigation.props';
 
 declare const SubsiteNav: import('react').ForwardRefExoticComponent<SubsiteNavProps & import('react').RefAttributes<HTMLElement>>;
 export { SubsiteNav };

package/lib/types/components/Nav/index.d.ts

@@ -1,2 +1,3 @@
-export * from './Subsite/SubsiteNav';
-export type { CompactNavProps, ComplexNavProps, SubsiteNavProps, } from './Navigation.props';
+export * from './SubsiteNav';
+export * from './MainNav';
+export type { CompactNavProps, ComplexNavProps, SubsiteNavProps, MainNavProps, } from './Navigation.props';

package/lib/types/components/Nav/{NavigationDropdown.d.ts → internals/NavigationDropdown.d.ts}

@@ -1,19 +1,22 @@
-import { RefObject } from 'react';
+import { RefObject, HTMLAttributes } from 'react';
 
-type NavigationDropdownProps = {
+declare const NavigationDropdown: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     /**
      * Whether the dropdown is open
      */
     isOpen: boolean;
+    /**
+     * Callback function to be called when the dropdown is closed
+     */
+    onClose?: (() => void) | undefined;
     /**
      * The ref to the navigation element
      */
     navRef: RefObject<HTMLElement>;
-    className?: string;
+    className?: string | undefined;
     /**
      * The children to render in the dropdown
      */
     children?: React.ReactNode;
-};
-declare const NavigationDropdown: import('react').MemoExoticComponent<({ isOpen, className, navRef, children, }: NavigationDropdownProps) => import('react').ReactPortal | null>;
+} & import('react').RefAttributes<HTMLDivElement>>>;
 export { NavigationDropdown };

package/lib/types/components/Nav/{NavigationLink.d.ts → internals/NavigationLink.d.ts}

@@ -1,4 +1,4 @@
-import { NavigationLinkProps } from './Navigation.props';
+import { NavigationLinkProps } from '../Navigation.props';
 
 declare const NavigationLink: (props: NavigationLinkProps) => import("react/jsx-runtime").JSX.Element;
 export { NavigationLink };

package/lib/types/components/Nav/internals/NavigationMenu.d.ts

@@ -0,0 +1,16 @@
+import { NavigationLinkProps } from '../Navigation.props';
+
+type NavigationMenuProps = {
+    className?: string;
+    menu: NavigationLinkProps[];
+    more?: {
+        label?: string;
+        onClick: () => void;
+        isOpen: boolean;
+        controls?: string;
+        id?: string;
+    };
+    light?: boolean;
+};
+declare const NavigationMenu: ({ className, menu, more, light, }: NavigationMenuProps) => import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu };

package/lib/types/components/Nav/{NavigationMenuGrid.d.ts → internals/NavigationMenuGrid.d.ts}

@@ -1,4 +1,4 @@
-import { NavigationLinkProps } from './Navigation.props';
+import { NavigationLinkProps } from '../Navigation.props';
 
 type NavigationMenuGridProps = {
     menu: NavigationLinkProps[];

package/lib/types/components/Nav/{useNavSetup.d.ts → internals/hooks/useNavSetup.d.ts}

@@ -1,5 +1,5 @@
 import { Dispatch, RefObject, SetStateAction } from 'react';
-import { NavigationLinkProps } from './Navigation.props';
+import { NavigationLinkProps } from '../../Navigation.props';
 
 interface UseNavSetupArgs {
     menu: NavigationLinkProps[];

package/lib/types/components/Nav/{mobile → internals/mobile}/MobileDrawer.d.ts

@@ -21,7 +21,11 @@ type MobileDrawerProps = {
      * The Main content
      */
     children: ReactNode;
+    /**
+     * Whether any nested menu is open
+     */
+    isNestedOpen?: boolean;
     className?: string;
 };
-declare const MobileDrawer: ({ isOpen, onClose, header, widgets, children, className, }: MobileDrawerProps) => import('react').ReactPortal | null;
+declare const MobileDrawer: ({ isOpen, onClose, header, widgets, children, className, isNestedOpen, }: MobileDrawerProps) => import('react').ReactPortal | null;
 export { MobileDrawer };

package/lib/types/components/Nav/{mobile → internals/mobile}/MobileLanguageList.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { LanguageToggleProps } from '../../LanguageToggle';
+import { LanguageToggleProps } from '../../../LanguageToggle';
 
 type MobileLanguageListProps = {
     options: LanguageToggleProps["options"];

package/lib/types/components/Nav/{mobile → internals/mobile}/MobileMenuList.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { NavigationLinkProps } from '../Navigation.props';
+import { NavigationLinkProps } from '../../Navigation.props';
 
 type MobileMenuListProps = {
     menu: NavigationLinkProps[];

package/lib/types/components/Nav/{mobile → internals/mobile}/MobileNavigation.d.ts

@@ -1,4 +1,4 @@
-import { SubsiteNavCoreProps } from '../Navigation.props';
+import { NavCoreProps } from '../../Navigation.props';
 
 type MobileNavigationProps = {
     /**
@@ -9,7 +9,7 @@ type MobileNavigationProps = {
      * The handler to call when the navigation is clicked
      */
     onClose?: () => void;
-    navigationProps: Omit<SubsiteNavCoreProps, "type">;
+    navigationProps: NavCoreProps;
 };
 declare const MobileNavigation: ({ isOpen, navigationProps: { branding, menu: { items, labels }, widgets, }, onClose, }: MobileNavigationProps) => import("react/jsx-runtime").JSX.Element;
 export { MobileNavigation };

package/lib/types/components/SocialMedia/SocialMedia.props.d.ts

@@ -1,4 +1,4 @@
-import { SocialTypes } from '../../types';
+import { HeadingTypes, SocialTypes } from '../../types';
 
 export interface SocialMediaIcons {
     /**
@@ -43,4 +43,8 @@ export interface SocialMediaProps {
      * The size of the social media icons
      */
     iconSize: "normal" | "large";
+    /**
+     *
+     */
+    titleLevel?: Extract<HeadingTypes, "h2" | "h3" | "h4" | "h5">;
 }

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

@@ -15,7 +15,6 @@ export { Notification } from './Notification';
 export { ReadMore } from './ReadMore';
 export { Textarea } from './Textarea';
 export { Callout } from './Callout';
-export { Credit } from './Credit';
 export { FileUpload } from './FileUpload';
 export { Heading } from './Heading';
 export { Link } from './Link';
@@ -36,7 +35,6 @@ export { List } from './List';
 export { Profile } from './Profile';
 export { TableOfContents } from './TableOfContents';
 export * from './Footer';
-export { Navigation } from './Navigation';
 export { CardGroup } from './Cards/CardGroup';
 export { Breadcrumb } from './Breadcrumb';
 export { Status } from './Status';

package/lib/types/hooks/index.d.ts

@@ -1,3 +1,5 @@
 export { default as useGlobalSettings } from './useGlobalSettings';
 export { default as usePrevious } from './usePrevious';
 export { default as useBreakpoint } from './useBreakpoint';
+export { default as useOutsideClick } from './useOutsideClick';
+export { default as useFocusTrap } from './useFocusTrap';