@ilo-org/react 0.20.0 → 0.21.0

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

@@ -22,6 +22,10 @@ export type ContextMenuProps = {
      * Specify the links to be displayed in the Context Menu
      */
     links: Array<LinkProps>;
+    /**
+     * Specify whether the Context Menu should be rendered in a portal
+     */
+    withPortal?: boolean;
 };
 declare const ContextMenu: import('react').ForwardRefExoticComponent<ContextMenuProps & import('react').RefAttributes<HTMLOListElement>>;
 export { ContextMenu };

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

@@ -2,7 +2,7 @@ import { HTMLAttributes } from 'react';
 import { ThemeTypes } from '../../types';
 import { ContextMenuProps } from '../ContextMenu';
 
-export type LanguageToggleProps = HTMLAttributes<HTMLDivElement> & {
+export type LanguageToggleProps = {
     /**
      * The language string to display
      */
@@ -21,23 +21,5 @@ export type LanguageToggleProps = HTMLAttributes<HTMLDivElement> & {
     options?: ContextMenuProps["links"];
     className?: string;
 };
-declare const LanguageToggle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    /**
-     * The language string to display
-     */
-    language: string;
-    /**
-     * Specify an optional className to be added to your LanguageToggle component.
-     */
-    theme?: ThemeTypes | undefined;
-    /**
-     * Hide the glob icon
-     */
-    hideIcon?: boolean | undefined;
-    /**
-     * Specify the languages to be displayed in the Context Menu
-     */
-    options?: import('../ContextMenu').LinkProps[] | undefined;
-    className?: string | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+declare const LanguageToggle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & LanguageToggleProps & import('react').RefAttributes<HTMLDivElement>>;
 export { LanguageToggle };

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

@@ -0,0 +1,112 @@
+import { ElementType, ReactNode } from 'react';
+import { LanguageToggleProps } from '../LanguageToggle';
+
+export interface NavigationLinkProps {
+    href?: string;
+    target?: string;
+    className?: string;
+    label: ReactNode;
+    isActive?: boolean;
+    /**
+     * The component to render the link
+     */
+    component?: ElementType;
+}
+export interface SubsiteNavCoreProps {
+    branding: {
+        /**
+         * The branding to display in the SubsiteNav like a primary logo
+         */
+        logo: {
+            main: ReactNode;
+            /**
+             * The logo to display in the drawer
+             */
+            drawer?: ReactNode;
+        };
+        /**
+         * The site or product name
+         */
+        name: string;
+        /**
+         * The handler to call when the branding is clicked
+         */
+        onClick?: () => void;
+    };
+    /**
+     * The menu configuration
+     */
+    menu: {
+        /**
+         * The navigation items to display
+         */
+        items: NavigationLinkProps[];
+        labels: {
+            /**
+             * The label to display for the more button
+             */
+            more?: string;
+            /**
+             * The label to display for the back to menu button
+             */
+            backToMenu?: string;
+        };
+    };
+    /**
+     * The widgets to display in the SubsiteNav
+     */
+    widgets?: {
+        /**
+         * The link inside the widget bar
+         */
+        link?: NavigationLinkProps;
+        /**
+         * The language toggler pros
+         */
+        language?: LanguageToggleProps & {
+            /**
+             * The label to display for the language toggle, used for mobile
+             */
+            label: string;
+        };
+        /**
+         * The search bar props
+         */
+        search?: {
+            type: "redirect";
+            url: string;
+            /**
+             * The label to display for the search bar
+             */
+            label?: string;
+        };
+    };
+}
+export interface CompactNavProps {
+    /**
+     * The type of SubsiteNav to render
+     */
+    type?: "compact";
+    props: SubsiteNavCoreProps;
+}
+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;
+            };
+        };
+    };
+}
+export type SubsiteNavProps = CompactNavProps | ComplexNavProps;

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

@@ -0,0 +1,19 @@
+import { RefObject } from 'react';
+
+type NavigationDropdownProps = {
+    /**
+     * Whether the dropdown is open
+     */
+    isOpen: boolean;
+    /**
+     * The ref to the navigation element
+     */
+    navRef: RefObject<HTMLElement>;
+    className?: string;
+    /**
+     * The children to render in the dropdown
+     */
+    children?: React.ReactNode;
+};
+declare const NavigationDropdown: import('react').MemoExoticComponent<({ isOpen, className, navRef, children, }: NavigationDropdownProps) => import('react').ReactPortal>;
+export { NavigationDropdown };

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { NavigationLinkProps } from './Navigation.props';
+
+type NavigationMenuGridProps = {
+    menu: NavigationLinkProps[];
+};
+declare const NavigationMenuGrid: ({ menu }: NavigationMenuGridProps) => import("react/jsx-runtime").JSX.Element;
+export { NavigationMenuGrid };

package/lib/types/components/Nav/Subsite/CompactNav.d.ts

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

package/lib/types/components/Nav/Subsite/ComplexNav.d.ts

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

package/lib/types/components/Nav/Subsite/SubsiteNav.d.ts

@@ -0,0 +1,4 @@
+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

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

package/lib/types/components/Nav/mobile/MobileDrawer.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+
+type MobileDrawerProps = {
+    /**
+     * Whether the drawer is open or not
+     */
+    isOpen: boolean;
+    /**
+     * The handler to call when the drawer is closed
+     */
+    onClose?: () => void;
+    /**
+     * The Header part of the drawer
+     */
+    header: ReactNode;
+    /**
+     * The Widgets part of the drawer
+     */
+    widgets: ReactNode;
+    /**
+     * The Main content
+     */
+    children: ReactNode;
+    className?: string;
+};
+declare const MobileDrawer: ({ isOpen, onClose, header, widgets, children, className, }: MobileDrawerProps) => import('react').ReactPortal;
+export { MobileDrawer };

package/lib/types/components/Nav/mobile/MobileLanguageList.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+import { LanguageToggleProps } from '../../LanguageToggle';
+
+type MobileLanguageListProps = {
+    options: LanguageToggleProps["options"];
+    selected: string;
+};
+declare const MobileLanguageList: ({ options, selected, }: HTMLAttributes<HTMLUListElement> & MobileLanguageListProps) => import("react/jsx-runtime").JSX.Element;
+export { MobileLanguageList };

package/lib/types/components/Nav/mobile/MobileMenuList.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+import { NavigationLinkProps } from '../Navigation.props';
+
+type MobileMenuListProps = {
+    menu: NavigationLinkProps[];
+};
+declare const MobileMenuList: ({ menu, }: HTMLAttributes<HTMLUListElement> & MobileMenuListProps) => import("react/jsx-runtime").JSX.Element;
+export { MobileMenuList };

package/lib/types/components/Nav/mobile/MobileNavigation.d.ts

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

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

@@ -0,0 +1,22 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+import { NavigationLinkProps } from './Navigation.props';
+
+interface UseNavSetupArgs {
+    menu: NavigationLinkProps[];
+    split: {
+        desktop: number;
+        mobile: number;
+    };
+}
+interface UseNavSetupResponse {
+    menu: {
+        facade: NavigationLinkProps[];
+        more: NavigationLinkProps[];
+    };
+    more: [boolean, Dispatch<SetStateAction<boolean>>];
+    mobile: [boolean, Dispatch<SetStateAction<boolean>>];
+    ref: RefObject<HTMLElement>;
+    isDesktop: boolean;
+}
+declare function useNavSetup({ menu, split }: UseNavSetupArgs): UseNavSetupResponse;
+export { useNavSetup };

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

@@ -35,10 +35,10 @@ export { List } from './List';
 export { Profile } from './Profile';
 export { TableOfContents } from './TableOfContents';
 export { Footer } from './Footer';
-export { LocalNav } from './LocalNav';
 export { Navigation } from './Navigation';
 export { CardGroup } from './Cards/CardGroup';
 export { Breadcrumb } from './Breadcrumb';
 export { Tabs } from './Tabs';
 export * from './Cards';
 export * from './LanguageToggle';
+export * from './Nav';

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

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

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

@@ -0,0 +1,7 @@
+declare const useBreakpoint: (defaultBreakpoint?: string | undefined) => {
+    readonly breakpoint: null;
+    readonly minWidth: null;
+    readonly maxWidth: null;
+    readonly query: null;
+} | import('use-breakpoint').Breakpoint<Readonly<Record<string, number>>>;
+export default useBreakpoint;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -69,14 +69,15 @@
     "dom-helpers": "^5.2.1",
     "nanoid": "^3.3.6",
     "react-transition-group": "^4.4.1",
+    "use-breakpoint": "^4.0.6",
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
-    "@ilo-org/brand-assets": "1.0.0",
     "@ilo-org/fonts": "1.0.0",
     "@ilo-org/icons-react": "1.0.3",
-    "@ilo-org/styles": "1.4.0",
     "@ilo-org/themes": "0.9.1",
-    "@ilo-org/utils": "0.1.1"
+    "@ilo-org/utils": "0.1.1",
+    "@ilo-org/styles": "1.5.0",
+    "@ilo-org/brand-assets": "1.0.0"
   },
   "devDependencies": {
     "@storybook/addon-actions": "^8.1.9",
@@ -112,8 +113,8 @@
     "vite-plugin-static-copy": "^1.0.6",
     "vitest": "^2.0.5",
     "@ilo-org/eslint-config": "2.0.0",
-    "@ilo-org/prettier-config": "2.0.0",
-    "@ilo-org/typescript-config": "2.0.0"
+    "@ilo-org/typescript-config": "2.0.0",
+    "@ilo-org/prettier-config": "2.0.0"
   },
   "peerDependencies": {
     "react": "18 || 19",

package/lib/cjs/_store/CardGroup-chunk-D3sPRsTS.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),j=require("react"),h=require("./index-chunk-DCI82Tmm.js"),N=require("./useGlobalSettings-chunk-Pa38w6VS.js"),u=require("./Button-chunk-D32W9ElW.js"),C=require("./Link-chunk-BfaKuVjz.js"),b=require("./LinkList-chunk-Eu43ZSAZ.js"),q=require("./Profile-chunk-D1tXXPUO.js"),f=require("./List-entry-DzqbzyL4.js"),w=j.forwardRef(({className:x,title:r,theme:n="light",size:a="standard",color:m,intro:i,source:$,titleLevel:o="p"},e)=>{const{prefix:p}=N.useGlobalSettings(),t=`${p}--card`,d=h.classnames(`${t}--wrapper`,x),l=h.classnames(t,`${t}__type__stat`,{[`${t}__size__${String(a)}`]:a,[`${t}__theme__${n}`]:n,[`${t}__color__${m}`]:m});return s.jsx("div",{className:d,ref:e,children:s.jsx("div",{className:l,children:s.jsx("div",{className:`${t}--wrap`,children:s.jsxs("div",{className:`${t}--content`,children:[s.jsx(o,{className:`${t}--title`,children:r}),i&&s.jsx("p",{className:`${t}--intro`,children:i}),$&&s.jsx(C.Link,{className:`${t}--source`,url:$.url,label:$.label})]})})})})}),g=j.forwardRef(({className:x,title:r,size:n="standard",alignment:a,intro:m,link:i,linklist:$,image:o,titleLevel:e="p",eyebrow:p,isVideo:t,theme:d="light"},l)=>{const{prefix:_}=N.useGlobalSettings(),c=`${_}--card`,v=h.classnames(c,x,`${c}__type__multilink`,{[`${c}__align__${a}`]:a,[`${c}__action`]:i,[`${c}__size__${n}`]:n,[`${c}__isvideo`]:t,[`${c}--no-image`]:!o,[`${c}__theme__${d}`]:d});return s.jsxs("div",{className:v,ref:l,children:[i&&s.jsx("a",{className:`${c}--link`,href:i,title:r,children:s.jsx("span",{className:`${c}--link--text`,children:r})}),s.jsxs("div",{className:`${c}--wrap`,children:[o&&s.jsx("div",{className:`${c}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:o,alt:r,className:`${c}--picture`})})}),s.jsxs("div",{className:`${c}--content`,children:[p&&s.jsx("p",{className:`${c}--eyebrow`,children:p}),s.jsx(e,{className:`${c}--title`,children:r}),o&&s.jsx("div",{className:`${c}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:o,alt:r,className:`${c}--picture`})})}),m&&s.jsx("p",{className:`${c}--intro`,children:m}),$&&s.jsx(b.LinkList,{...$})]})]})]})}),k=j.forwardRef(({className:x,title:r,theme:n="light",size:a="narrow",date:m,profile:i,link:$,titleLevel:o="p",eyebrow:e},p)=>{const{prefix:t}=N.useGlobalSettings(),d=`${t}--card`,l=h.classnames(`${d}--wrapper`,x),_=h.classnames(d,`${d}__type__text`,{[`${d}__action`]:$,[`${d}__size__${String(a)}`]:a,[`${d}__theme__${n}`]:n});return s.jsx("div",{className:l,ref:p,children:s.jsxs("div",{className:_,children:[s.jsx("a",{className:`${d}--link`,href:$,title:r,children:s.jsx("span",{className:`${d}--link--text`,children:r})}),s.jsx("div",{className:`${d}--wrap`,children:s.jsxs("div",{className:`${d}--content`,children:[e&&s.jsx("p",{className:`${d}--eyebrow`,children:e}),s.jsx(o,{className:`${d}--title`,children:r}),m&&s.jsx("time",{className:`${d}--date`,dateTime:m.unix,children:m.human}),i&&s.jsx(q.Profile,{avatar:i.avatar,description:i.description,link:i.link,name:i.name,role:i.role,theme:n})]})})]})})}),y=j.forwardRef(({className:x,title:r,theme:n="light",size:a="narrow",cornercut:m,intro:i,link:$,cta:o,titleLevel:e="p",eyebrow:p},t)=>{const{prefix:d}=N.useGlobalSettings(),l=`${d}--card`,_=h.classnames(`${l}--wrapper`,x,`${l}--wrapper__type__promo`,`${l}--wrapper__type__promo__size__${a}`),c=h.classnames(l,`${l}__type__promo`,{[`${l}__action`]:$,[`${l}__size__${String(a)}`]:a,[`${l}__theme__${n}`]:n,[`${l}__cornercut`]:m});return s.jsx("div",{className:_,ref:t,children:s.jsxs("div",{className:c,children:[s.jsx("a",{className:`${l}--link`,href:$,title:r,children:s.jsx("span",{className:`${l}--link--text`,children:r})}),s.jsx("div",{className:`${l}--wrap`,children:s.jsxs("div",{className:`${l}--content`,children:[p&&s.jsx("p",{className:`${l}--eyebrow`,children:p}),s.jsx(e,{className:`${l}--title`,children:r}),i&&s.jsx("p",{className:`${l}--intro`,children:i}),(o==null?void 0:o.label)&&s.jsx("div",{className:`${l}--cta`,children:s.jsx(u.Button,{link:{url:o.url,label:o.label},size:"medium",type:"primary"})})]})})]})})}),L=j.forwardRef(({className:x,title:r,theme:n="light",size:a="narrow",date:m,link:i,linklist:$,image:o,titleLevel:e="p",eyebrow:p,isVideo:t},d)=>{const{prefix:l}=N.useGlobalSettings(),_=`${l}--card`,c=h.classnames(_,x,`${_}__type__feature`,{[`${_}__action`]:i,[`${_}__size__${String(a)}`]:a,[`${_}__theme__${n}`]:n,[`${_}__isvideo`]:t,[`${_}__linklist`]:$});return s.jsxs("div",{className:c,ref:d,children:[i&&s.jsx("a",{className:`${_}--link`,href:i,title:r,children:s.jsx("span",{className:`${_}--link--text`,children:r})}),s.jsxs("div",{className:`${_}--wrap`,children:[o&&s.jsx("div",{className:`${_}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:o,alt:r,className:`${_}--picture`})})}),s.jsxs("div",{className:`${_}--content`,children:[p&&s.jsx("p",{className:`${_}--eyebrow`,children:p}),s.jsx(e,{className:`${_}--title`,children:r}),m&&s.jsx("time",{className:`${_}--date`,dateTime:m.unix,children:m.human}),$&&s.jsx(b.LinkList,{headline:$.headline,linkgroup:$.linkgroup,theme:n})]})]})]})}),S=j.forwardRef(({className:x,title:r,theme:n="light",size:a="narrow",date:m,details:i,link:$,titleLevel:o="p",eyebrow:e,intro:p,image:t,isVideo:d=!1},l)=>{const{prefix:_}=N.useGlobalSettings(),c=`${_}--card`,v=h.classnames(c,`${c}__type__detail`,x,{[`${c}__action`]:$,[`${c}__size__${String(a)}`]:a,[`${c}__theme__${n}`]:n,[`${c}__isvideo`]:d});return s.jsxs("div",{className:v,ref:l,children:[$&&s.jsx("a",{className:`${c}--link`,href:$,title:r,children:s.jsx("span",{className:`${c}--link--text`,children:r})}),s.jsxs("div",{className:`${c}--wrap`,children:[t&&s.jsx("div",{className:`${c}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${c}--picture`,src:t,alt:r})})}),s.jsxs("div",{className:`${c}--content`,children:[e&&s.jsx("p",{className:`${c}--eyebrow`,children:e}),r&&s.jsx(o,{className:`${c}--title`,children:r}),p&&s.jsx("p",{className:`${c}--intro`,children:p}),m&&s.jsx("time",{className:`${c}--date`,dateTime:m.unix,children:m.human}),i&&s.jsx("p",{className:`${c}--date-extra`,children:i})]})]})]})}),G=j.forwardRef(({title:x,theme:r="light",size:n="narrow",list:a,titleLevel:m="p",className:i},$)=>{const{prefix:o}=N.useGlobalSettings(),e=`${o}--card`,p=h.classnames(e,`${e}__type__factlist`,i,{[`${e}__size__${n}`]:n,[`${e}__theme__${r}`]:r});return s.jsx("div",{className:p,ref:$,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[x&&s.jsx(m,{className:`${o}--card--title`,children:x}),s.jsx(f.List,{alignment:"default",ordered:"unordered",theme:r,children:a.map(t=>s.jsx(f.List.Item,{children:s.jsx("p",{children:t})},t))})]})})})}),R=j.forwardRef(({eyebrow:x,size:r="narrow",image:n,dataset:a,columns:m="one",className:i},$)=>{var d;const{prefix:o}=N.useGlobalSettings(),e=`${o}--card`,p=h.classnames(e,`${e}__type__data`,i,{[`${e}__size__${String(r)}`]:r,[`${e}__type__data__columns__${m}`]:m}),t=h.classnames(`${e}--content`,{[`${e}--content__with-image`]:n,[`${e}--content__no-image-with-links`]:!n&&(a==null?void 0:a.links),[`${e}--content__default`]:!n&&!(a!=null&&a.links)});return s.jsx("div",{className:p,ref:$,children:s.jsxs("div",{className:`${e}--wrap`,children:[!n&&x&&s.jsx("div",{className:`${e}--eyebrow`,children:x}),s.jsxs("div",{className:t,children:[n&&s.jsxs("div",{className:`${e}--area--image`,children:[x&&s.jsx("div",{className:`${e}--eyebrow`,children:x}),s.jsx("div",{className:`${e}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${e}--picture`,src:n,alt:x})})})]}),(d=a==null?void 0:a.content)==null?void 0:d.items.map((l,_)=>s.jsxs("div",{className:`${e}--area--content`,children:[s.jsx("p",{className:`${e}__type__data--content-label`,children:l.label}),s.jsx("p",{className:`${e}__type__data--content-copy`,children:l.copy})]},_)),(a==null?void 0:a.files)&&s.jsx("div",{className:`${e}--area--files`,children:s.jsxs("div",{className:`${e}__type__data--content-files`,children:[s.jsx("p",{className:`${e}__type__data--content-label`,children:a.files.headline}),a.files.items.map((l,_)=>s.jsx(u.Button,{link:{url:l.url,label:l.label,target:l.target||"_self"},size:"small"},_))]})}),(a==null?void 0:a.cta)&&s.jsx("div",{className:`${e}--area--cta`,children:s.jsxs("div",{className:`${e}__type__data--content-cta`,children:[s.jsx("p",{className:`${e}__type__data--content-label`,children:a.cta.headline}),a.cta.items.map(l=>s.jsx(u.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label,target:l.target}},l.label))]})}),(a==null?void 0:a.links)&&s.jsx("div",{className:`${e}--area--links`,children:s.jsxs("div",{className:`${e}__type__data--content-links`,children:[s.jsx("p",{className:`${e}__type__data--content-label`,children:a.links.headline}),s.jsx("div",{className:`${e}__type__data--content-links-list`,children:a.links.items.map(l=>s.jsx(j.Fragment,{children:s.jsx(C.Link,{url:l.url,label:l.label,className:`${e}__type__data--content-link`})},l.label+l.url))})]})})]})]})})}),B={stat:w,multilink:g,text:k,promo:y,feature:L,detail:S,factlist:G,data:R},F=j.forwardRef(({type:x,group:r,cardCount:n="one",cta:a,collapsed:m=!1},i)=>{const $=B[x],{prefix:o}=N.useGlobalSettings(),e=`${o}--cardgroup`,p=h.classnames(e,`${e}__count__${n}`,{[`${e}__collapsed`]:m});return s.jsxs("div",{className:p,ref:i,children:[s.jsx("div",{className:`${e}--inner`,children:r.map((t,d)=>s.jsx($,{...t},d))}),a&&s.jsx("div",{className:`${e}--button-wrap`,children:s.jsx(u.Button,{link:{url:a.url,label:a.label},type:"secondary",size:"medium"})})]})});exports.CardGroup=F;exports.DataCard=R;exports.DetailCard=S;exports.FactListCard=G;exports.FeatureCard=L;exports.MultiLinkCard=g;exports.PromoCard=y;exports.StatCard=w;exports.TextCard=k;

package/lib/cjs/_store/ContextMenu-chunk-Ch5u_T0d.js

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),t=require("./index-chunk-DCI82Tmm.js"),o=require("./useGlobalSettings-chunk-Pa38w6VS.js"),u=r.forwardRef(({className:a,links:c},l)=>{const{prefix:s}=o.useGlobalSettings();return n.jsx("ol",{className:t.classnames(`${s}--context-menu`,a),ref:l,children:c.map(e=>n.jsx("li",{className:t.classnames(`${s}--context-menu--item`,{endsection:e.endsection,className:e.className}),children:n.jsx("a",{href:e.url,className:`${s}--context-menu--link`,children:n.jsx("span",{className:`${s}--context-menu--label`,children:e.label})})},`${e.label}-${e.url}`))})});exports.ContextMenu=u;

package/lib/cjs/_store/LanguageToggle-chunk-DsJntngZ.js

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),c=require("react"),p=require("./useGlobalSettings-chunk-Pa38w6VS.js"),l=require("./index-chunk-DCI82Tmm.js"),C=require("./ContextMenu-chunk-Ch5u_T0d.js"),h=c.forwardRef(({className:f,language:g,theme:d="light",hideIcon:x,options:a,...m},$)=>{const{prefix:R}=p.useGlobalSettings(),[r,i]=c.useState(!0),u=c.useRef(null),t=c.useRef(null),e=`${R}--language-toggle`;return c.useLayoutEffect(()=>{function s(o){!t.current||!u.current||!t.current.contains(o.target)&&!u.current.contains(o.target)&&i(!1)}return document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}}),c.useLayoutEffect(()=>{if(!(!u.current||!t.current)&&r){const s=u.current.getBoundingClientRect(),o=t.current.getBoundingClientRect();t.current.style.left=`${s.left+(s.width-o.width)/2}px`,t.current.style.top=`${s.bottom}px`}},[r]),n.jsxs("div",{ref:$,className:l.classnames(e,f,`${e}--${d}`,{[`${e}--open`]:r}),...m,children:[n.jsxs("button",{className:`${e}--container`,ref:u,onClick:()=>{i(!r)},children:[!x&&n.jsx("span",{className:`${e}--icon`}),n.jsx("span",{className:`${e}--action`,children:g}),n.jsx("span",{className:`${e}--arrow`})]}),a&&n.jsx("div",{className:l.classnames(`${e}--context-menu`,{[`${e}--context-menu__open`]:r}),ref:t,children:n.jsx(C.ContextMenu,{links:a})})]})});exports.LanguageToggle=h;

package/lib/cjs/_store/LocalNav-entry-SfLDP8BS.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=()=>null,t=o;exports.LocalNav=t;

package/lib/cjs/_store/components-entry-Buq0cts7.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Accordion-entry-C81QOLKD.js"),o=require("./Form-chunk-DjDwz7DV.js"),i=require("./Collapse-chunk-B3s_Bzzq.js"),t=require("./Empty-chunk-BEqHK-KC.js"),a=require("./Image-chunk-lJKSkHDC.js"),n=require("./Loading-chunk-C9rx8cqr.js"),c=require("./Radio-chunk-LFOxcvur.js"),d=require("./Tag-chunk-DUz8ZjA1.js"),u=require("./Button-chunk-D32W9ElW.js"),l=require("./ContextMenu-chunk-Ch5u_T0d.js"),s=require("./Fieldset-chunk-C3itoJam.js"),q=require("./GlobalProvider-chunk-Bt1vmswv.js"),C=require("./Notification-chunk-Cby6Dnh1.js"),g=require("./ReadMore-chunk-BQvY4016.js"),L=require("./Textarea-chunk-B13VaFl6.js"),b=require("./Callout-chunk-CQirdJVX.js"),T=require("./Credit-chunk-Dts5RkwZ.js"),p=require("./FileUpload-chunk-BhGfPLEt.js"),F=require("./Heading-chunk-BJAywWmF.js"),m=require("./Link-chunk-BfaKuVjz.js"),x=require("./NumberPicker-chunk-CjEYQYj0.js"),P=require("./RichText-chunk-ZamwF4QL.js"),k=require("./Tooltip-chunk-Ca67o441.js"),f=require("./Checkbox-chunk-CfN7137m.js"),D=require("./DatePicker-chunk-7_96tPkC.js"),N=require("./Hero-chunk-CBIMDQWO.js"),h=require("./HeroCard-chunk-Cdyuf9Gw.js"),H=require("./LinkList-chunk-Eu43ZSAZ.js"),M=require("./Pagination-chunk-4zp3hOFL.js"),R=require("./SearchField-chunk-uIkdwz2L.js"),v=require("./Video-chunk-BIJvoxjg.js"),S=require("./Dropdown-chunk-Bn-MFT6c.js"),B=require("./Icon-chunk-Dej6jVSI.js"),G=require("./List-entry-DzqbzyL4.js"),I=require("./Profile-chunk-D1tXXPUO.js"),y=require("./TableOfContents-chunk-DcLMEr2i.js"),O=require("./Footer-chunk-6AdazgST.js"),w=require("./LocalNav-entry-SfLDP8BS.js"),E=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./CardGroup-chunk-D3sPRsTS.js"),U=require("./Breadcrumb-chunk-BGt10GMr.js"),V=require("./Tabs-chunk-C2PIPQgI.js"),$=require("./LanguageToggle-chunk-DsJntngZ.js");exports.Accordion=r.Accordion;exports.Form=o.Form;exports.Collapse=i.Collapse;exports.Empty=t.Empty;exports.Image=a.Image;exports.Loading=n.Loading;exports.Radio=c.LabelledRadio;exports.Tag=d.Tag;exports.Button=u.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=s.Fieldset;exports.GlobalProvider=q.GlobalProvider;exports.Notification=C.Notification;exports.ReadMore=g.ReadMore;exports.Textarea=L.LabelledTextarea;exports.Callout=b.Callout;exports.Credit=T.Credit;exports.FileUpload=p.LabelledFileUpload;exports.Heading=F.Heading;exports.Link=m.Link;exports.NumberPicker=x.LabelledNumberPicker;exports.RichText=P.RichText;exports.Tooltip=k.Tooltip;exports.Checkbox=f.LabelledCheckbox;exports.DatePicker=D.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=h.HeroCard;exports.LinkList=H.LinkList;exports.Pagination=M.Pagination;exports.SearchField=R.SearchField;exports.Video=v.Video;exports.Dropdown=S.LabelledDropdown;exports.Icon=B.Icon;exports.List=G.List;exports.Profile=I.Profile;exports.TableOfContents=y.TableOfContents;exports.Footer=O.Footer;exports.LocalNav=w.LocalNav;exports.Navigation=E.Navigation;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCard;exports.DetailCard=e.DetailCard;exports.FactListCard=e.FactListCard;exports.FeatureCard=e.FeatureCard;exports.MultiLinkCard=e.MultiLinkCard;exports.PromoCard=e.PromoCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=U.Breadcrumb;exports.Tabs=V.Tabs;exports.LanguageToggle=$.LanguageToggle;

package/lib/esm/_store/Breadcrumb-entry-B7kN28qm.js

@@ -1,4 +0,0 @@
-import { B as e } from "./Breadcrumb-chunk-DcsXzPvT.js";
-export {
-  e as Breadcrumb
-};