@ilo-org/react 0.22.1 → 0.22.2

package/lib/types/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,3 +1,5 @@
+import { ElementType } from 'react';
+
 export type BreadcrumbItemProps = {
     /**
      * Optional additional className of the BreadcrumbLink
@@ -15,6 +17,8 @@ export type BreadcrumbItemProps = {
      * Specify whether this link is the first in the Breadcrumb
      */
     first?: boolean;
+    component?: ElementType;
+    componentProps?: Record<string, unknown>;
 };
 declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<BreadcrumbItemProps & import('react').RefAttributes<HTMLLIElement>>;
 export { BreadcrumbItem };

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

@@ -1,3 +1,5 @@
+import { ElementType } from 'react';
+
 export type LinkProps = {
     /**
      * Specify whether this link marks the end of a section
@@ -12,6 +14,8 @@ export type LinkProps = {
      */
     url: string;
     className?: string;
+    component?: ElementType;
+    componentProps?: Record<string, unknown>;
 };
 export type ContextMenuProps = {
     /**

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

@@ -6,7 +6,7 @@ export interface NavigationLinkProps {
     target?: string;
     className?: string;
     label: ReactNode;
-    isActive?: boolean;
+    isActive?: boolean | (() => boolean);
     /**
      * The component to render the link
      */
@@ -79,6 +79,7 @@ export interface SubsiteNavCoreProps {
              * The label to display for the search bar
              */
             label?: string;
+            component?: ElementType;
         };
     };
 }

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

@@ -15,5 +15,5 @@ type NavigationDropdownProps = {
      */
     children?: React.ReactNode;
 };
-declare const NavigationDropdown: import('react').MemoExoticComponent<({ isOpen, className, navRef, children, }: NavigationDropdownProps) => import('react').ReactPortal>;
+declare const NavigationDropdown: import('react').MemoExoticComponent<({ isOpen, className, navRef, children, }: NavigationDropdownProps) => import('react').ReactPortal | null>;
 export { NavigationDropdown };

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

@@ -23,5 +23,5 @@ type MobileDrawerProps = {
     children: ReactNode;
     className?: string;
 };
-declare const MobileDrawer: ({ isOpen, onClose, header, widgets, children, className, }: MobileDrawerProps) => import('react').ReactPortal;
+declare const MobileDrawer: ({ isOpen, onClose, header, widgets, children, className, }: MobileDrawerProps) => import('react').ReactPortal | null;
 export { MobileDrawer };

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

@@ -17,6 +17,7 @@ interface UseNavSetupResponse {
     mobile: [boolean, Dispatch<SetStateAction<boolean>>];
     ref: RefObject<HTMLElement>;
     isDesktop: boolean;
+    isClient: boolean;
 }
 declare function useNavSetup({ menu, split }: UseNavSetupArgs): UseNavSetupResponse;
 export { useNavSetup };

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

@@ -9,7 +9,7 @@ export { Tag } from './Tag';
 export { Button } from './Button';
 export { ContextMenu } from './ContextMenu';
 export { Fieldset } from './Fieldset';
-export { GlobalProvider } from './GlobalProvider';
+export * from './GlobalProvider';
 export { Notification } from './Notification';
 export { ReadMore } from './ReadMore';
 export { Textarea } from './Textarea';
@@ -34,7 +34,7 @@ export { Icon } from './Icon';
 export { List } from './List';
 export { Profile } from './Profile';
 export { TableOfContents } from './TableOfContents';
-export { Footer } from './Footer';
+export * from './Footer';
 export { Navigation } from './Navigation';
 export { CardGroup } from './Cards/CardGroup';
 export { Breadcrumb } from './Breadcrumb';

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

@@ -1,4 +1,2 @@
-declare const useGlobalSettings: () => {
-    prefix: string | undefined;
-};
+declare const useGlobalSettings: () => import('../components/GlobalProvider/GlobalProvider.props').GlobalProviderContextProps;
 export default useGlobalSettings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.22.1",
+  "version": "0.22.2",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -72,12 +72,12 @@
     "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.6.1",
-    "@ilo-org/utils": "0.1.1",
-    "@ilo-org/themes": "0.9.1"
+    "@ilo-org/brand-assets": "1.0.0",
+    "@ilo-org/styles": "1.6.2",
+    "@ilo-org/themes": "0.9.1",
+    "@ilo-org/utils": "0.1.1"
   },
   "devDependencies": {
     "@storybook/addon-actions": "^8.1.9",
@@ -112,8 +112,8 @@
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-static-copy": "^1.0.6",
     "vitest": "^2.0.5",
-    "@ilo-org/prettier-config": "2.0.0",
     "@ilo-org/eslint-config": "2.0.0",
+    "@ilo-org/prettier-config": "2.0.0",
     "@ilo-org/typescript-config": "2.0.0"
   },
   "peerDependencies": {

package/lib/cjs/_store/Breadcrumb-chunk-Dpfon5FR.js

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("react"),b=require("./index-chunk-D921N0ug.js"),v=require("./useGlobalSettings-chunk-Pa38w6VS.js"),M=require("./ContextMenu-chunk-CV5PP4ZP.js"),R=r.forwardRef(({url:m,label:c,className:f,first:i},e)=>{const{prefix:n}=v.useGlobalSettings();return t.jsx("li",{className:b.classnames({[`${n}--breadcrumb--item`]:!0,[`${n}--breadcrumb--item__first`]:i,className:f}),ref:e,children:t.jsx("a",{className:`${n}--breadcrumb--link`,href:m,"aria-label":c,children:!i&&t.jsx("span",{className:`${n}--breadcrumb--link--label`,children:c})})})}),q=r.forwardRef(({className:m,links:c,buttonLabel:f},i)=>{const{prefix:e}=v.useGlobalSettings(),n=r.useId(),[l,j]=r.useState(!1),[B,y]=r.useState(!1),p=r.useRef(0),o=r.useRef(null),u=r.useRef(null),C=r.useRef(null);if(r.useLayoutEffect(()=>{p.current=C.current.offsetWidth},[]),r.useLayoutEffect(()=>{function s(a){o.current&&u.current&&!o.current.contains(a.target)&&!u.current.contains(a.target)&&j(!1)}const h=new ResizeObserver(a=>{const $=a.at(0),d=p.current>=$.contentRect.width/1.5;y(N=>N!==d?d:N)});return document.addEventListener("mousedown",s),h.observe(document.body),()=>{document.removeEventListener("mousedown",s),h.disconnect()}},[n,e]),r.useLayoutEffect(()=>{if(!(!o.current||!u.current)&&l){const s=o.current.getBoundingClientRect(),a=u.current.firstChild.getBoundingClientRect(),$=s.left+s.width/2-a.width/2-5,d=s.bottom+16;u.current.style.left=`${$}px`,u.current.style.top=`${d}px`}},[l]),c.length<2)throw new Error(`Breadcrumb component requires at least two links, but received ${c.length}`);const g=c.at(0),x=c.slice(1,-1),w=c.at(-1);return t.jsxs("nav",{className:b.classnames(`${e}--breadcrumb`,m),ref:i,children:[t.jsx("div",{className:`${e}--breadcrumb--inner`,children:t.jsxs("ol",{className:`${e}--breadcrumb--items`,id:`${e}--breadcrumb--items-${n}`,ref:C,children:[t.jsx(R,{first:!0,url:g.url,label:g.label}),x.length>0&&t.jsxs("li",{className:b.classnames(`${e}--breadcrumb--context`,{[`${e}--breadcrumb--context__collapse`]:B}),children:[t.jsx("ol",{className:`${e}--breadcrumb--items`,children:x.map(s=>t.jsx(R,{url:s.url,label:s.label},`${s.label}-${s.url}`))}),t.jsx("button",{onClick:()=>j(!l),"aria-label":f,"aria-expanded":l,"aria-controls":`${e}--breadcrumb--menu-${n}`,className:`${e}--breadcrumb--context--button`,ref:o})]}),t.jsx(R,{url:w.url,label:w.label})]})}),t.jsx("div",{className:b.classnames(`${e}--breadcrumb--context--menu`,{[`${e}--breadcrumb--context--menu__visible`]:l}),id:`${e}--breadcrumb--menu-${n}`,ref:u,children:t.jsx(M.ContextMenu,{links:x})})]})});exports.Breadcrumb=q;

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

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

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

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

package/lib/cjs/_store/SubsiteNav-chunk-RY341cRy.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("react"),j=require("./useGlobalSettings-chunk-Pa38w6VS.js"),I=require("react-dom"),h=require("./index-chunk-D921N0ug.js"),O=require("./LanguageToggle-chunk-DreFwEfC.js"),q=require("./useBreakpoint-chunk-CBEGGRKj.js"),A=({isOpen:l,className:r,navRef:c,children:s})=>{const{prefix:a}=j.useGlobalSettings(),i=u.useRef(null),m=`${a}--nav-dropdown`,_=u.useCallback(()=>{if(!(i!=null&&i.current)||!(c!=null&&c.current))return;const o=c.current.getBoundingClientRect();i.current.style.top=`${o.bottom}px`,i.current.style.width=`${o.width}px`},[c]);return u.useEffect(()=>(_(),window.addEventListener("resize",_),()=>{window.removeEventListener("resize",_)}),[c]),I.createPortal(e.jsx("div",{ref:i,className:h.classnames({[m]:!0,[`${m}--open`]:l,className:r}),children:e.jsx("div",{className:`${m}__container`,children:s})}),document.body)},S=u.memo(A),N=l=>{const{label:r,component:c,isActive:s,...a}=l;return c?e.jsx(c,{...a,isActive:s,children:r}):e.jsx("a",{...a,children:r})},M=({menu:l})=>{const{prefix:r}=j.useGlobalSettings(),c=`${r}--nav-menu-grid`,s=[];for(let a=0;a<l.length;a+=5)s.push(l.slice(a,a+5));return e.jsx("div",{className:c,children:s.map((a,i)=>e.jsx("div",{className:`${c}__column`,children:a.map(m=>{var _;return e.jsx(N,{className:`${c}__item`,href:m.href,label:m.label},(_=m.label)==null?void 0:_.toString())})},i))})},f=({menu:l})=>{const{prefix:r}=j.useGlobalSettings(),c=`${r}--nav-mobile-menu`;return e.jsx("ul",{className:`${c}`,children:l.map((s,a)=>e.jsxs("li",{className:`${c}__item`,children:[e.jsx(N,{label:s.label,href:s.href,className:`${c}__link`}),s.isActive&&e.jsx("span",{className:`${c}__marked`})]},a))})},C=({isOpen:l,onClose:r,header:c,widgets:s,children:a,className:i})=>{const{prefix:m}=j.useGlobalSettings(),_=u.useId(),o=`${m}--nav-mobile-drawer`;return I.createPortal(e.jsxs("div",{id:`${o}__${_}`,className:h.classnames(o,i,{[`${o}--open`]:l}),children:[e.jsxs("div",{className:`${o}__header`,children:[e.jsx("div",{className:`${o}__header-main`,children:c}),e.jsx("button",{className:`${o}__header-close`,onClick:r,"aria-label":"Close navigation",children:e.jsx("span",{className:`${o}__header-close__icon`})})]}),e.jsxs("div",{className:`${o}__container`,children:[e.jsx("div",{className:`${o}__widgets`,children:s}),a]})]}),document.body)},D=({options:l,selected:r})=>{const c=(l==null?void 0:l.map(a=>({label:a.label,href:a.url})))||[],s=[{label:r,href:"#",isActive:!0},...c];return e.jsx(f,{menu:s})},L=({isOpen:l,navigationProps:{branding:r,menu:{items:c,labels:s},widgets:a},onClose:i})=>{var $,v,k;const{prefix:m}=j.useGlobalSettings(),[_,o]=u.useState(!1),[b,x]=u.useState(!1),d=u.useCallback(()=>{o(!1),x(!1)},[]),t=`${m}--nav-mobile`,p=_||b,n=c.slice(0,5),g=c.slice(5);return e.jsxs(C,{isOpen:l,onClose:i,header:e.jsxs("div",{className:`${t}__branding`,children:[e.jsx("div",{className:`${t}__logo`,children:r.logo.drawer||r.logo.main}),e.jsx("h3",{className:`${t}__name`,children:r.name})]}),widgets:e.jsxs("div",{className:`${t}__widgets`,children:[(a==null?void 0:a.search)&&e.jsxs("a",{className:`${t}__widgets-search`,href:a.search.url,"aria-label":"Search",children:[e.jsx("span",{className:`${t}__widgets-search__label`,children:a.search.label}),e.jsx("span",{className:`${t}__widgets-search__icon`})]}),(a==null?void 0:a.link)&&e.jsx(N,{className:`${t}__widgets-link`,href:a.link.href,"aria-label":a.link.label,label:a.link.label}),(a==null?void 0:a.language)&&e.jsxs("button",{className:`${t}__widgets-language`,onClick:()=>x(!0),"aria-expanded":b,"aria-controls":"language-list","aria-label":"Select language",children:[e.jsxs("span",{className:`${t}__widgets-language__label`,children:[a.language.label,": ",a.language.language]}),e.jsx("span",{className:`${t}__widgets-language__icon`})]})]}),children:[e.jsx(f,{menu:n}),e.jsxs("button",{className:`${t}__more`,onClick:()=>o(!0),"aria-expanded":_,"aria-controls":"more-items","aria-label":"More items",children:[s.more,e.jsx("span",{className:`${t}__more__icon`})]}),e.jsx(C,{className:`${t}__nested`,header:e.jsxs("button",{className:`${t}__nested__header`,onClick:d,"aria-label":"Back to menu",children:[e.jsx("span",{className:`${t}__nested__header__icon`}),s.backToMenu]}),widgets:e.jsx("span",{className:`${t}__nested__title`,children:_?s.more:($=a==null?void 0:a.language)==null?void 0:$.label}),isOpen:p,onClose:d,"aria-modal":"true",children:_?e.jsx(f,{menu:g,id:"more-items"}):e.jsx(D,{selected:((v=a==null?void 0:a.language)==null?void 0:v.language)||"",options:(k=a==null?void 0:a.language)==null?void 0:k.options,id:"language-list"})})]})};function G({menu:l,split:r}){const{breakpoint:c}=q.useBreakpoint(),[s,a]=u.useState(!1),[i,m]=u.useState(!1),_=u.useRef(null),o=["xl","xxl"].includes(c||"md"),b=o?r.desktop:r.mobile,x=l.slice(0,b),d=l.slice(b);return{menu:{facade:x,more:d},more:[s,a],mobile:[i,m],isDesktop:o,ref:_}}const B=({className:l,menu:r,more:c})=>{const{prefix:s}=j.useGlobalSettings(),a=`${s}--nav-menu`;return e.jsxs("div",{className:h.classnames(a,l),children:[e.jsx("ul",{className:`${a}__list`,children:r.map(i=>{var m;return e.jsx("li",{className:`${a}__item`,children:e.jsx(N,{...i,className:h.classnames({[`${a}__link`]:!0,[`${a}__link--active`]:i.isActive,[i.className||""]:i.className})})},(m=i.label)==null?void 0:m.toString())})}),c&&e.jsxs("button",{onClick:c.onClick,className:h.classnames({[`${a}__more`]:!0,[`${a}__more--open`]:c.isOpen}),"aria-expanded":c.isOpen,"aria-haspopup":"menu",children:[c.label,e.jsx("span",{className:`${a}__more-icon`})]})]})},P=u.forwardRef(({props:{branding:l,menu:{items:r,labels:c},widgets:s}},a)=>{const{prefix:i}=j.useGlobalSettings(),{menu:{facade:m,more:_},more:[o,b],mobile:[x,d],isDesktop:t,ref:p}=G({menu:r,split:{desktop:4,mobile:2}});u.useImperativeHandle(a,()=>p.current);const n=`${i}--subsite-nav-compact`;return e.jsxs("header",{ref:p,className:n,children:[e.jsxs("div",{className:`${n}__container`,children:[e.jsxs("nav",{className:`${n}__nav`,children:[e.jsxs("div",{className:`${n}__branding`,onClick:l==null?void 0:l.onClick,role:"button","aria-label":"Branding",tabIndex:0,children:[e.jsx("div",{className:`${n}__branding-logo`,children:l.logo.main}),e.jsx("h3",{className:`${n}__branding-name`,children:l.name})]}),e.jsx(B,{className:`${n}__menu`,menu:m,more:{label:c.more,onClick:()=>b(!o),isOpen:o}})]}),s&&e.jsxs("div",{className:`${n}__widget-bar`,children:[e.jsx("span",{className:`${n}__widget-bar-corner`}),e.jsxs("div",{className:`${n}__widget-bar-content`,children:[s.link&&e.jsx(N,{className:`${n}__widget-bar-link`,href:s.link.href,label:s.link.label}),s.language&&e.jsx("div",{className:`${n}__widget-bar-language`,children:e.jsx(O.LanguageToggle,{theme:"dark",...s.language,hideIcon:!t})}),s.search&&e.jsx(N,{href:s.search.url,className:`${n}__widget-bar-search`,label:"","aria-label":s.search.label})]})]}),e.jsx("button",{className:`${n}__burger`,"aria-label":"Toggle navigation","aria-expanded":x,onClick:()=>d(!x),children:e.jsx("span",{className:`${n}__burger-icon`})})]}),e.jsx(S,{isOpen:o,navRef:p,children:e.jsx(M,{menu:_})}),e.jsx(L,{isOpen:x,onClose:()=>{d(!1)},navigationProps:{widgets:s,branding:l,menu:{items:r,labels:c}}})]})}),R=u.forwardRef(({props:{branding:l,menu:{items:r,labels:c},widgets:s}},a)=>{var g,$,v;const{prefix:i}=j.useGlobalSettings(),{menu:{facade:m,more:_},more:[o,b],mobile:[x,d],isDesktop:t,ref:p}=G({menu:r,split:{desktop:6,mobile:5}});u.useImperativeHandle(a,()=>p.current);const n=`${i}--subsite-nav-complex`;return e.jsxs("header",{ref:p,className:n,children:[e.jsx("div",{className:h.classnames(`${n}-bg--light`),children:e.jsxs("div",{className:h.classnames(`${n}__widgets`,`${n}__container`),children:[e.jsx("span",{className:`${n}__widgets-bar-corner`}),e.jsxs("span",{className:`${n}__widgets-bar`,children:[(s==null?void 0:s.link)&&e.jsx(N,{href:s.link.href,label:s.link.label,className:`${n}__widgets-bar__link`}),(s==null?void 0:s.language)&&e.jsx(O.LanguageToggle,{className:`${n}__widgets-bar__language`,...s.language,hideIcon:!t})]})]})}),e.jsx("div",{className:h.classnames(`${n}-bg--light`),children:e.jsxs("div",{className:h.classnames(`${n}__branding`,`${n}__container`),children:[e.jsxs("div",{className:`${n}__branding-main`,children:[e.jsx("div",{className:`${n}__branding-main__logo`,onClick:l==null?void 0:l.onClick,role:"button","aria-label":"Branding",tabIndex:0,children:l.logo.main}),e.jsx("h3",{className:`${n}__branding-main__name`,children:l.name})]}),e.jsxs("div",{className:`${n}__branding-tag`,children:[e.jsx("h4",{className:`${n}__branding-tag__main`,children:(g=l.tag)==null?void 0:g.main}),(($=l.tag)==null?void 0:$.sub)&&e.jsx("span",{className:`${n}__branding-tag__sub`,children:(v=l.tag)==null?void 0:v.sub})]})]})}),e.jsx("div",{className:h.classnames(`${n}-bg--dark`),children:e.jsxs("nav",{className:h.classnames(`${n}__nav`,`${n}__container`),children:[e.jsxs("div",{className:`${n}__nav-mobile`,children:[e.jsx("div",{className:`${n}__nav-mobile__logo`,onClick:l==null?void 0:l.onClick,role:"button","aria-label":"Branding",tabIndex:0,children:l.logo.mobile}),e.jsx("h3",{className:`${n}__nav-mobile__name`,children:l.name})]}),e.jsx(B,{className:`${n}__nav-menu`,menu:m,more:{label:c.more,onClick:()=>b(!o),isOpen:o}}),(s==null?void 0:s.search)&&e.jsx("a",{className:`${n}__nav-search`,href:s.search.url,"aria-label":s.search.label,children:e.jsx("span",{className:`${n}__nav-search__icon`})}),e.jsx("button",{className:`${n}__nav-burger`,"aria-label":"Toggle navigation","aria-expanded":x,onClick:()=>d(!x),children:e.jsx("span",{className:`${n}__nav-burger__icon`})})]})}),e.jsx(S,{isOpen:o,navRef:p,children:e.jsx(M,{menu:_})}),e.jsx(L,{isOpen:x,onClose:()=>{d(!1)},navigationProps:{widgets:s,branding:l,menu:{items:r,labels:c}}})]})}),T={complex:R,compact:P},y=u.forwardRef(({type:l="compact",props:r},c)=>{const s=T[l];return e.jsx(s,{ref:c,props:r})});exports.SubsiteNav=y;

package/lib/cjs/_store/TableOfContents-entry-DldKqhCS.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TableOfContents-chunk-DNZmLsBO.js");exports.TableOfContents=e.TableOfContents;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Accordion-entry-sLsdi4JU.js"),o=require("./Form-chunk-DL8MLcFs.js"),i=require("./Collapse-chunk-CKRYA3G0.js"),t=require("./Empty-chunk-CKktJ_3i.js"),a=require("./Image-chunk-DhAbckHW.js"),n=require("./Loading-chunk-F3eMVq0d.js"),c=require("./Radio-chunk-BicmWom0.js"),d=require("./Tag-chunk-BiK5vLyb.js"),u=require("./Button-chunk-CokTsoxy.js"),s=require("./ContextMenu-chunk-CV5PP4ZP.js"),l=require("./Fieldset-chunk-CvTrP5QT.js"),q=require("./GlobalProvider-chunk-Bt1vmswv.js"),C=require("./Notification-chunk-BwzJpALY.js"),g=require("./ReadMore-chunk-C3lpnW_Y.js"),b=require("./Textarea-chunk-BSiQeDkv.js"),L=require("./Callout-chunk-BiyMX8AA.js"),T=require("./Credit-chunk-Bq_2e0vV.js"),F=require("./FileUpload-chunk-DlPJPvyc.js"),m=require("./Heading-chunk-DS1MyM7Q.js"),p=require("./Link-chunk-CKS-N_wg.js"),P=require("./NumberPicker-chunk-DaudB3Ac.js"),k=require("./RichText-chunk-5CtXJDJs.js"),x=require("./Tooltip-chunk-CtqZrU-C.js"),S=require("./Checkbox-chunk-CXOp0B1M.js"),N=require("./DatePicker-chunk-DLQNdZTy.js"),f=require("./Hero-chunk-BjSEfAio.js"),D=require("./HeroCard-chunk-B46zJrNp.js"),h=require("./LinkList-chunk-CKqhpf3F.js"),v=require("./Pagination-chunk-BWrRU1TQ.js"),H=require("./SearchField-chunk-reX0PGt-.js"),M=require("./Video-chunk-zrjGDyVx.js"),R=require("./Dropdown-chunk-D6X3VKji.js"),B=require("./Icon-chunk-BHcmIUPN.js"),I=require("./List-entry-CeX6di4c.js"),y=require("./Profile-chunk-DTBv0UYf.js"),G=require("./TableOfContents-chunk-DNZmLsBO.js"),O=require("./Footer-chunk-BCqaE1Dq.js"),w=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./ScoreCard-chunk-D5osH7jS.js"),E=require("./Breadcrumb-chunk-Dpfon5FR.js"),U=require("./Tabs-chunk-C-aLj5uU.js"),V=require("./LanguageToggle-chunk-DreFwEfC.js"),A=require("./SubsiteNav-chunk-RY341cRy.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=s.ContextMenu;exports.Fieldset=l.Fieldset;exports.GlobalProvider=q.GlobalProvider;exports.Notification=C.Notification;exports.ReadMore=g.ReadMore;exports.Textarea=b.LabelledTextarea;exports.Callout=L.Callout;exports.Credit=T.Credit;exports.FileUpload=F.LabelledFileUpload;exports.Heading=m.Heading;exports.Link=p.Link;exports.NumberPicker=P.LabelledNumberPicker;exports.RichText=k.RichText;exports.Tooltip=x.Tooltip;exports.Checkbox=S.LabelledCheckbox;exports.DatePicker=N.LabelledDatePicker;exports.Hero=f.Hero;exports.HeroCard=D.HeroCard;exports.LinkList=h.LinkList;exports.Pagination=v.Pagination;exports.SearchField=H.SearchField;exports.Video=M.Video;exports.Dropdown=R.LabelledDropdown;exports.Icon=B.Icon;exports.List=I.List;exports.Profile=y.Profile;exports.TableOfContents=G.TableOfContents;exports.Footer=O.Footer;exports.Navigation=w.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.ScoreCard=e.ScoreCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=E.Breadcrumb;exports.Tabs=U.Tabs;exports.LanguageToggle=V.LanguageToggle;exports.SubsiteNav=A.SubsiteNav;

package/lib/cjs/_store/useBreakpoint-chunk-CBEGGRKj.js

@@ -1 +0,0 @@
-"use strict";const u=require("react"),x=n=>{const s=Object.keys(n).sort((t,a)=>n[a]-n[t]);return s.map((t,a)=>{let i="";const c=n[t],d=s[a-1],e=d?n[d]:null;return c>=0&&(i=`(min-width: ${c}px)`),e!==null&&(i&&(i+=" and "),i+=`(max-width: ${e-1}px)`),{breakpoint:t,maxWidth:e?e-1:null,minWidth:c,query:i}})},h={breakpoint:null,minWidth:null,maxWidth:null,query:null},p=(n,s)=>{const t=u.useMemo(()=>x(n),[n]),a=u.useCallback(e=>{const r=[];return t.forEach(({query:l})=>{const o=window.matchMedia(l),m="addEventListener"in o&&"removeEventListener"in o;m?o.addEventListener("change",e):o.addListener(e),r.push(m?()=>o.removeEventListener("change",e):()=>o.removeListener(e))}),()=>r.forEach(l=>l())},[t]),i=u.useCallback(()=>{const e=t.find(r=>window.matchMedia(r.query).matches);if(e)return e;if(s){const r=t.find(l=>l.breakpoint===s);if(r)return r}return h},[s,t]),c=u.useCallback(()=>t.find(r=>r.breakpoint===s)??h,[s,t]),d=u.useSyncExternalStore(a,i,c);return u.useDebugValue(d,e=>typeof e.breakpoint=="string"?`${e.breakpoint} (${e.minWidth} ≤ x${e.maxWidth?` < ${e.maxWidth+1}`:""})`:""),d},f=window.getComputedStyle(document.body),y=["xs","sm","md","lg","xl","xxl"],g=y.reduce((n,s)=>{const t=parseInt(f.getPropertyValue(`--ilo-breakpoint-${s}`));return t&&(n[s]=t),n},{xs:320,sm:414,md:610,lg:1024,xl:1140,xxl:1440}),E=p.bind(null,g),b=E;exports.useBreakpoint=b;

package/lib/cjs/_store/useGlobalSettings-chunk-Pa38w6VS.js

@@ -1 +0,0 @@
-"use strict";const s=require("react"),o=require("./GlobalCtx-chunk-D_GlGcgw.js"),n=()=>{const{prefix:t,...e}=s.useContext(o.GlobalProviderContext);return{prefix:t,...e}},r=n;exports.useGlobalSettings=r;

package/lib/esm/_store/Breadcrumb-chunk-ZEo7Ka2o.js

@@ -1,121 +0,0 @@
-import { jsx as r, jsxs as x } from "react/jsx-runtime";
-import { forwardRef as y, useId as L, useState as _, useRef as d, useLayoutEffect as C } from "react";
-import { c as m } from "./index-chunk-CY3PQDr4.js";
-import { u as E } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { C as j } from "./ContextMenu-chunk-Cpvg1njq.js";
-const R = y(
-  ({ url: b, label: c, className: f, first: o }, e) => {
-    const { prefix: n } = E();
-    return /* @__PURE__ */ r(
-      "li",
-      {
-        className: m({
-          [`${n}--breadcrumb--item`]: !0,
-          [`${n}--breadcrumb--item__first`]: o,
-          className: f
-        }),
-        ref: e,
-        children: /* @__PURE__ */ r(
-          "a",
-          {
-            className: `${n}--breadcrumb--link`,
-            href: b,
-            "aria-label": c,
-            children: !o && /* @__PURE__ */ r("span", { className: `${n}--breadcrumb--link--label`, children: c })
-          }
-        )
-      }
-    );
-  }
-), z = y(
-  ({ className: b, links: c, buttonLabel: f }, o) => {
-    const { prefix: e } = E(), n = L(), [a, g] = _(!1), [I, O] = _(!1), w = d(0), u = d(null), s = d(null), N = d(null);
-    if (C(() => {
-      w.current = N.current.offsetWidth;
-    }, []), C(() => {
-      function t(l) {
-        u.current && s.current && !u.current.contains(l.target) && !s.current.contains(l.target) && g(!1);
-      }
-      const $ = new ResizeObserver((l) => {
-        const p = l.at(0), i = w.current >= p.contentRect.width / 1.5;
-        O((M) => M !== i ? i : M);
-      });
-      return document.addEventListener("mousedown", t), $.observe(document.body), () => {
-        document.removeEventListener("mousedown", t), $.disconnect();
-      };
-    }, [n, e]), C(() => {
-      if (!(!u.current || !s.current) && a) {
-        const t = u.current.getBoundingClientRect(), l = s.current.firstChild.getBoundingClientRect(), p = t.left + t.width / 2 - l.width / 2 - 5, i = t.bottom + 16;
-        s.current.style.left = `${p}px`, s.current.style.top = `${i}px`;
-      }
-    }, [a]), c.length < 2)
-      throw new Error(
-        `Breadcrumb component requires at least two links, but received ${c.length}`
-      );
-    const v = c.at(0), h = c.slice(1, -1), B = c.at(-1);
-    return /* @__PURE__ */ x("nav", { className: m(`${e}--breadcrumb`, b), ref: o, children: [
-      /* @__PURE__ */ r("div", { className: `${e}--breadcrumb--inner`, children: /* @__PURE__ */ x(
-        "ol",
-        {
-          className: `${e}--breadcrumb--items`,
-          id: `${e}--breadcrumb--items-${n}`,
-          ref: N,
-          children: [
-            /* @__PURE__ */ r(
-              R,
-              {
-                first: !0,
-                url: v.url,
-                label: v.label
-              }
-            ),
-            h.length > 0 && /* @__PURE__ */ x(
-              "li",
-              {
-                className: m(`${e}--breadcrumb--context`, {
-                  [`${e}--breadcrumb--context__collapse`]: I
-                }),
-                children: [
-                  /* @__PURE__ */ r("ol", { className: `${e}--breadcrumb--items`, children: h.map((t) => /* @__PURE__ */ r(
-                    R,
-                    {
-                      url: t.url,
-                      label: t.label
-                    },
-                    `${t.label}-${t.url}`
-                  )) }),
-                  /* @__PURE__ */ r(
-                    "button",
-                    {
-                      onClick: () => g(!a),
-                      "aria-label": f,
-                      "aria-expanded": a,
-                      "aria-controls": `${e}--breadcrumb--menu-${n}`,
-                      className: `${e}--breadcrumb--context--button`,
-                      ref: u
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ r(R, { url: B.url, label: B.label })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ r(
-        "div",
-        {
-          className: m(`${e}--breadcrumb--context--menu`, {
-            [`${e}--breadcrumb--context--menu__visible`]: a
-          }),
-          id: `${e}--breadcrumb--menu-${n}`,
-          ref: s,
-          children: /* @__PURE__ */ r(j, { links: h })
-        }
-      )
-    ] });
-  }
-);
-export {
-  z as B
-};

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

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

package/lib/esm/_store/Button-entry-DiQ9I3X3.js

@@ -1,4 +0,0 @@
-import { B as r } from "./Button-chunk-DCZkIGJ6.js";
-export {
-  r as Button
-};

package/lib/esm/_store/Callout-entry-5fKo-9i9.js

@@ -1,4 +0,0 @@
-import { C as l } from "./Callout-chunk-CGT1PVgG.js";
-export {
-  l as Callout
-};

package/lib/esm/_store/ContextMenu-chunk-Cpvg1njq.js

@@ -1,32 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as i, useId as u } from "react";
-import { c as a } from "./index-chunk-CY3PQDr4.js";
-import { u as d } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { createPortal as f } from "react-dom";
-const h = i(
-  ({ className: n, links: r, withPortal: m = !1 }, c) => {
-    const { prefix: t } = d(), l = u(), s = /* @__PURE__ */ o(
-      "ol",
-      {
-        className: a(`${t}--context-menu`, n),
-        id: `${t}--context-menu-${l}`,
-        ref: c,
-        children: r.map((e) => /* @__PURE__ */ o(
-          "li",
-          {
-            className: a(`${t}--context-menu--item`, {
-              endsection: e.endsection,
-              className: e.className
-            }),
-            children: /* @__PURE__ */ o("a", { href: e.url, className: `${t}--context-menu--link`, children: /* @__PURE__ */ o("span", { className: `${t}--context-menu--label`, children: e.label }) })
-          },
-          `${e.label}-${e.url}`
-        ))
-      }
-    );
-    return m ? f(s, document.body) : s;
-  }
-);
-export {
-  h as C
-};

package/lib/esm/_store/ContextMenu-entry-B2sVLXEp.js

@@ -1,4 +0,0 @@
-import { C as t } from "./ContextMenu-chunk-Cpvg1njq.js";
-export {
-  t as ContextMenu
-};

package/lib/esm/_store/Credit-entry-CcRhizZS.js

@@ -1,4 +0,0 @@
-import { C as o } from "./Credit-chunk-BbPgrJwx.js";
-export {
-  o as Credit
-};

package/lib/esm/_store/DatePicker-entry-Dqwjek8e.js

@@ -1,4 +0,0 @@
-import { L as a } from "./DatePicker-chunk-DUev-9W3.js";
-export {
-  a as DatePicker
-};

package/lib/esm/_store/Dropdown-entry-C4f6igx4.js

@@ -1,4 +0,0 @@
-import { L as p } from "./Dropdown-chunk-CK_0IIHi.js";
-export {
-  p as Dropdown
-};

package/lib/esm/_store/Empty-entry-yN-RVIsV.js

@@ -1,4 +0,0 @@
-import { E as p } from "./Empty-chunk-zVJu0kg_.js";
-export {
-  p as Empty
-};

package/lib/esm/_store/Fieldset-entry-BRmly6_m.js

@@ -1,4 +0,0 @@
-import { F as r } from "./Fieldset-chunk-Da7r0DcB.js";
-export {
-  r as Fieldset
-};

package/lib/esm/_store/FileUpload-entry-B9lbD-ZU.js

@@ -1,4 +0,0 @@
-import { L as e } from "./FileUpload-chunk-B4fvqtcP.js";
-export {
-  e as FileUpload
-};

package/lib/esm/_store/Footer-entry-7oki1awr.js

@@ -1,4 +0,0 @@
-import { F as e } from "./Footer-chunk-Vk_nAFn8.js";
-export {
-  e as Footer
-};

package/lib/esm/_store/FormControl-entry-r3nOM-gu.js

@@ -1,4 +0,0 @@
-import { F as m } from "./FormControl-chunk-zWLG-KTX.js";
-export {
-  m as FormControl
-};

package/lib/esm/_store/Heading-entry-BmHa07g5.js

@@ -1,4 +0,0 @@
-import { H as o } from "./Heading-chunk-B2hvi5JD.js";
-export {
-  o as Heading
-};

package/lib/esm/_store/Hero-entry-RvOpiPC1.js

@@ -1,4 +0,0 @@
-import { H as e } from "./Hero-chunk-CQ68vNQL.js";
-export {
-  e as Hero
-};

package/lib/esm/_store/HeroCard-entry-CNDSS1iZ.js

@@ -1,4 +0,0 @@
-import { H as a } from "./HeroCard-chunk-Do0gQFBW.js";
-export {
-  a as HeroCard
-};

package/lib/esm/_store/Icon-entry-BzAZGPlA.js

@@ -1,4 +0,0 @@
-import { I } from "./Icon-chunk-Px0lCAcE.js";
-export {
-  I as Icon
-};

package/lib/esm/_store/Image-entry-Bd-bP58f.js

@@ -1,4 +0,0 @@
-import { I as m } from "./Image-chunk-B-uJHhuV.js";
-export {
-  m as Image
-};

package/lib/esm/_store/Input-entry-DCdpIYYL.js

@@ -1,4 +0,0 @@
-import { I as r } from "./Input-chunk-C_w4yxVo.js";
-export {
-  r as Input
-};

package/lib/esm/_store/LanguageToggle-entry-B-Wf5i03.js

@@ -1,4 +0,0 @@
-import { L as e } from "./LanguageToggle-chunk-oq_4fXKB.js";
-export {
-  e as LanguageToggle
-};

package/lib/esm/_store/Link-entry-CFHoxcpG.js

@@ -1,4 +0,0 @@
-import { L } from "./Link-chunk-CDEaQUk8.js";
-export {
-  L as Link
-};

package/lib/esm/_store/LinkList-entry-C_ubaDsT.js

@@ -1,4 +0,0 @@
-import { L as o } from "./LinkList-chunk-CMl5wQuU.js";
-export {
-  o as LinkList
-};

package/lib/esm/_store/Loading-entry-BDUDLAc_.js

@@ -1,4 +0,0 @@
-import { L as r } from "./Loading-chunk-BkDbjtxa.js";
-export {
-  r as Loading
-};

package/lib/esm/_store/Nav-entry-CwRmDjpp.js

@@ -1,4 +0,0 @@
-import { S as o } from "./SubsiteNav-chunk-CQ4VA0_e.js";
-export {
-  o as SubsiteNav
-};

package/lib/esm/_store/Notification-entry-3qWMN7h5.js

@@ -1,4 +0,0 @@
-import { N as t } from "./Notification-chunk-DeiHX_90.js";
-export {
-  t as Notification
-};

package/lib/esm/_store/NumberPicker-entry-D_RKD_yq.js

@@ -1,4 +0,0 @@
-import { L as m } from "./NumberPicker-chunk-CEPk6CYo.js";
-export {
-  m as NumberPicker
-};

package/lib/esm/_store/Pagination-entry-CW57P0ak.js

@@ -1,4 +0,0 @@
-import { P as i } from "./Pagination-chunk-C67NAzxY.js";
-export {
-  i as Pagination
-};

package/lib/esm/_store/Picture-entry-DCeCjlMu.js

@@ -1,4 +0,0 @@
-import { P as o } from "./Picture-chunk-DdkL7cpS.js";
-export {
-  o as Picture
-};

package/lib/esm/_store/Profile-entry-BKM07pwa.js

@@ -1,4 +0,0 @@
-import { P as e } from "./Profile-chunk-C1G_0pBq.js";
-export {
-  e as Profile
-};

package/lib/esm/_store/ReadMore-entry-BZURjhpk.js

@@ -1,4 +0,0 @@
-import { R as r } from "./ReadMore-chunk-Ds9csoRK.js";
-export {
-  r as ReadMore
-};

package/lib/esm/_store/RichText-entry-KLPtZ_Qa.js

@@ -1,4 +0,0 @@
-import { R as r } from "./RichText-chunk-fYV7PMZd.js";
-export {
-  r as RichText
-};

package/lib/esm/_store/SearchField-entry-DlBYQbzK.js

@@ -1,4 +0,0 @@
-import { S as a } from "./SearchField-chunk-D5N-Bw85.js";
-export {
-  a as SearchField
-};

package/lib/esm/_store/Status-entry-DsvANE5f.js

@@ -1,4 +0,0 @@
-import { S as o } from "./Status-chunk-D4C21wjx.js";
-export {
-  o as Status
-};

package/lib/esm/_store/TableOfContents-entry-Do6SrZKs.js

@@ -1,4 +0,0 @@
-import { T as t } from "./TableOfContents-chunk-DhH7YZym.js";
-export {
-  t as TableOfContents
-};

package/lib/esm/_store/Tabs-entry-C3OPVTKF.js

@@ -1,4 +0,0 @@
-import { T as r } from "./Tabs-chunk-CE8s7GN2.js";
-export {
-  r as Tabs
-};

package/lib/esm/_store/Tooltip-entry-BNR-Qw3y.js

@@ -1,4 +0,0 @@
-import { T as r } from "./Tooltip-chunk-mysDr7Zr.js";
-export {
-  r as Tooltip
-};

package/lib/esm/_store/Video-entry-BR9-Z6Qp.js

@@ -1,4 +0,0 @@
-import { V as r } from "./Video-chunk-5NqETuKl.js";
-export {
-  r as Video
-};