@ilo-org/react 0.18.4 → 0.19.0

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

@@ -1,5 +1,36 @@
-import { FC } from 'react';
-import { AccordionProps } from './Accordion.props';
+import { ReactNode } from 'react';
 
-declare const Accordion: FC<AccordionProps>;
-export default Accordion;
+export type AccordionProps = {
+    /**
+     * The size of the accordion default is small
+     */
+    size?: "small" | "large";
+    /**
+     * Whether or not multiple accordion items can be expanded at the same time default is true
+     */
+    multiple?: boolean;
+    /**
+     * The value of the accordion, when multiple is true this should be an array of strings
+     */
+    value?: string | string[];
+    /**
+     * The callback function that is called when the value of the accordion changes
+     */
+    onChange?: (value: string | string[]) => void;
+    /**
+     * Whether or not the accordion panel should be scrollable default is false
+     */
+    scrollable?: boolean;
+    className?: string;
+    children: ReactNode;
+};
+type AccordionContextValue = {
+    size: "small" | "large";
+    multiple: boolean;
+    value: string | string[];
+    scrollable?: boolean;
+    onChange: (value: string | string[]) => void;
+};
+declare const AccordionContext: import('react').Context<AccordionContextValue | undefined>;
+declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLUListElement>>;
+export { AccordionContext, Accordion };

package/lib/types/components/Accordion/AccordionItem.d.ts

@@ -1,5 +1,16 @@
-import { FC } from 'react';
-import { AccordionItemProps } from './AccordionItem.props';
+import { ReactNode } from 'react';
 
-declare const AccordionItem: FC<AccordionItemProps>;
-export default AccordionItem;
+export type AccordionItemProps = {
+    /**
+     * The value of the accordion item
+     */
+    value: string;
+    /**
+     * The label of the accordion item
+     */
+    label: string;
+    className?: string;
+    children: ReactNode;
+};
+declare const AccordionItem: import('react').ForwardRefExoticComponent<AccordionItemProps & import('react').RefAttributes<HTMLLIElement>>;
+export { AccordionItem };

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

@@ -1,4 +1,4 @@
-export { default as AccordionButton } from './AccordionButton';
-export { default as AccordionPanel } from './AccordionPanel';
-export { default as AccordionItem } from './AccordionItem';
-export { default as Accordion } from './Accordion';
+declare const Accordion: import('react').ForwardRefExoticComponent<import('./Accordion').AccordionProps & import('react').RefAttributes<HTMLUListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('./AccordionItem').AccordionItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};
+export { Accordion };

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

@@ -1,5 +1,18 @@
-import { FC } from 'react';
-import { BreadcrumbProps } from './Breadcrumb.props';
+import { BreadcrumbItemProps } from './BreadcrumbItem';
 
-declare const Breadcrumb: FC<BreadcrumbProps>;
-export default Breadcrumb;
+export type BreadcrumbProps = {
+    /**
+     * An additional classname to add to the outer most element of the component
+     */
+    className?: string;
+    /**
+     * The accessible label to apply to the ellipsis button that appears when the Breadcrumb is collapsed
+     */
+    buttonLabel: string;
+    /**
+     * Specify the links to be displayed in the Breadcrumb
+     */
+    links: BreadcrumbItemProps[];
+};
+declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
+export { Breadcrumb };

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

@@ -0,0 +1,20 @@
+export type BreadcrumbItemProps = {
+    /**
+     * Optional additional className of the BreadcrumbLink
+     */
+    className?: string;
+    /**
+     * Specify the label for this link
+     */
+    label: string;
+    /**
+     * Specify the url for this link
+     */
+    url: string;
+    /**
+     * Specify whether this link is the first in the Breadcrumb
+     */
+    first?: boolean;
+};
+declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<BreadcrumbItemProps & import('react').RefAttributes<HTMLLIElement>>;
+export { BreadcrumbItem };

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

@@ -1 +1 @@
-export { default as Breadcrumb } from './Breadcrumb';
+export * from './Breadcrumb';

package/lib/types/components/Cards/CardGroup/CardGroup.props.d.ts

@@ -82,4 +82,5 @@ export interface DataCardGroup extends CommonCardGroupProps {
     titleLevel?: never;
     cards: DataCardProps[];
 }
+export type CardGroupComponentProps = StatCardProps | MultilinkCardProps | TextCardProps | PromoCardProps | FeatureCardProps | DetailCardProps | FactlistCardProps | DataCardProps;
 export type CardGroupProps = StatCardGroup | MultilinkCardGroup | TextCardGroup | PromoCardGroup | FeatureCardGroup | DetailCardGroup | FactlistCardGroup | DataCardGroup;

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

@@ -1,4 +1,4 @@
 import { CollapseProps } from './Collapse.props';
 
-declare const Collapse: import('react').ForwardRefExoticComponent<CollapseProps & import('react').RefAttributes<Transition<any>>>;
+declare const Collapse: import('react').ForwardRefExoticComponent<CollapseProps & import('react').RefAttributes<Transition<unknown>>>;
 export default Collapse;

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

@@ -1,5 +1,27 @@
-import { default as React } from 'react';
-import { ContextMenuProps } from './ContextMenu.props';
-
-declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLOListElement>>;
-export default ContextMenu;
+export type LinkProps = {
+    /**
+     * Specify whether this link marks the end of a section
+     */
+    endsection?: boolean;
+    /**
+     * Specify the label for the the Context Menu's link
+     */
+    label: string;
+    /**
+     * Specify the url for the Context Menu's link
+     */
+    url: string;
+    className?: string;
+};
+export type ContextMenuProps = {
+    /**
+     * Specify an optional className to be added to your Context Menu component.
+     */
+    className?: string;
+    /**
+     * Specify the links to be displayed in the Context Menu
+     */
+    links: Array<LinkProps>;
+};
+declare const ContextMenu: import('react').ForwardRefExoticComponent<ContextMenuProps & import('react').RefAttributes<HTMLOListElement>>;
+export { ContextMenu };

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

@@ -1 +1 @@
-export { default as ContextMenu } from './ContextMenu';
+export * from './ContextMenu';

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

@@ -1,5 +1,54 @@
-import { FC } from 'react';
-import { HeroProps } from './Hero.props';
+import { ImageProps } from '../Image/Image.props';
+import { BreadcrumbProps } from '../Breadcrumb';
+import { TooltipProps } from '../Tooltip';
+import { HeroCardProps } from '../HeroCard';
+import { ThemeTypes } from '../../types';
 
-declare const Hero: FC<HeroProps>;
-export default Hero;
+export type HeroProps = {
+    /**
+     * Vertical alignment of the hero card
+     */
+    align?: "center" | "bottom" | "baseline";
+    /**
+     * Props to pass to the breadcrumb if there is one
+     */
+    breadcrumb?: BreadcrumbProps;
+    /**
+     * Caption to render in the hero card
+     */
+    caption?: TooltipProps;
+    /**
+     * Size the of hero card
+     */
+    cardSize?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
+    /**
+     * Specify an optional className to be added to your Hero component.
+     */
+    className?: string;
+    /**
+     * Props for the image for the hero
+     */
+    image?: ImageProps;
+    /**
+     * How to justify the hero card
+     */
+    justify?: "start" | "center" | "offset";
+    /**
+     * Props for the card for the hero
+     */
+    heroCard: HeroCardProps;
+    /**
+     * Color of the gap space between bottom of the hero image and bottom of the card
+     */
+    gap?: "white" | "transparent" | "dark" | "light";
+    /**
+     * The size of the poster image
+     */
+    posterSize?: "small" | "medium" | "large" | "xlarge";
+    /**
+     * Theme for the card
+     */
+    theme?: ThemeTypes;
+};
+declare const Hero: import('react').ForwardRefExoticComponent<HeroProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Hero };

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

@@ -1,2 +1 @@
-export { default as Hero } from './Hero';
-export { default as HeroCard } from './HeroCard';
+export * from './Hero';

package/lib/types/components/{Hero/HeroCard.props.d.ts → HeroCard/HeroCard.d.ts}

@@ -1,7 +1,7 @@
 import { ThemeTypes } from '../../types';
 import { SocialMediaProps } from '../SocialMedia';
 
-export interface HeroCardProps {
+export type HeroCardProps = {
     /**
      * Specify whether the background should be solid, transparent or semi-transparent
      */
@@ -42,4 +42,6 @@ export interface HeroCardProps {
      * The link of the card's title if it has one
      */
     url?: string;
-}
+};
+declare const HeroCard: import('react').ForwardRefExoticComponent<HeroCardProps & import('react').RefAttributes<HTMLDivElement>>;
+export { HeroCard };

package/lib/types/components/HeroCard/HeroCardTitle.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+type HeroCardTitleProps = {
+    title: string;
+    url?: string;
+};
+declare const HeroCardTitle: FC<HeroCardTitleProps>;
+export { HeroCardTitle };

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

@@ -0,0 +1 @@
+export * from './HeroCard';

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

@@ -1,4 +1,4 @@
-interface ImageUrl {
+export interface ImageUrl {
     /**
      * Specify the breakpoint at which this image src should be used
      */
@@ -34,4 +34,3 @@ export interface ImageProps {
      */
     loading?: "lazy" | "eager";
 }
-export {};

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

@@ -1,4 +1,3 @@
-import { LinkProps, ContextMenuProps } from '../ContextMenu/ContextMenu.props';
 import { LogoProps } from '../Logo/Logo.props';
 
 export interface LocalNavProps {
@@ -17,7 +16,6 @@ export interface LocalNavProps {
     /**
      * Specify the main link for the LocalNav
      */
-    mainlink?: LinkProps;
     /**
      * Specify the menu close label for the LocalNav
      */
@@ -26,10 +24,6 @@ export interface LocalNavProps {
      * Specify the language label for the LocalNav
      */
     languagelabel?: string;
-    /**
-     * Specify the language context menu for the LocalNav
-     */
-    languagecontextmenu?: ContextMenuProps;
 }
 interface PrimaryNavProps {
     /**
@@ -40,9 +34,5 @@ interface PrimaryNavProps {
      * Specify the close label for mobile local nav
      */
     mobilecloselabel?: Required<string>;
-    /**
-     * Specify the social links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 export {};

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

@@ -1,4 +1,3 @@
-import { LinkProps, ContextMenuProps } from '../ContextMenu/ContextMenu.props';
 import { SearchFieldProps } from '../SearchField/SearchField.props';
 
 export interface NavigationProps {
@@ -46,10 +45,6 @@ export interface NavigationProps {
      * Specify the language label for the Navigation
      */
     languagelabel?: string;
-    /**
-     * Specify the language context menu for the Navigation
-     */
-    languagecontextmenu?: ContextMenuProps;
 }
 interface PrimaryNavProps {
     /**
@@ -60,10 +55,6 @@ interface PrimaryNavProps {
      * Specify the close label for mobile Navigation
      */
     mobilecloselabel?: Required<string>;
-    /**
-     * Specify the links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 interface SubNavProps {
     /**
@@ -82,10 +73,6 @@ interface SubNavProps {
      * Specify the back label for mobile sub Navigation
      */
     mobilebacklabel?: Required<string>;
-    /**
-     * Specify the subnav links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 interface TaglineProps {
     /**

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

@@ -1,4 +1,45 @@
-import { SocialMediaProps } from './SocialMedia.props';
+import { SocialTypes } from '../../types';
 
-declare const SocialMedia: React.FC<SocialMediaProps>;
-export default SocialMedia;
+export type SocialMediaIcons = {
+    /**
+     * The name of the icon to display
+     */
+    icon: SocialTypes;
+    /**
+     * The url to link to
+     */
+    url: string;
+    /**
+     * The alt text of the link
+     */
+    label: string;
+    className?: string;
+};
+export type SocialMediaProps = {
+    /**
+     * An optional headline to display above the icons
+     */
+    headline?: string;
+    /**
+     * Specify an optional className to be added to your SocialMedia.
+     */
+    className?: string;
+    /**
+     * Specify the theme of the SocialMedia.
+     */
+    theme?: "light" | "dark";
+    /**
+     * The justification of the icons
+     */
+    justify?: "start" | "center";
+    /**
+     * Specify the icons to display.
+     */
+    icons: SocialMediaIcons[];
+    /**
+     * The size of the social media icons
+     */
+    iconSize: "normal" | "large";
+};
+declare const SocialMedia: import('react').ForwardRefExoticComponent<SocialMediaProps & import('react').RefAttributes<HTMLDivElement>>;
+export { SocialMedia };

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

@@ -1,3 +1 @@
-export { default as SocialMedia } from './SocialMedia';
-export type { SocialMediaProps } from './SocialMedia.props';
-export { defaultArgs } from './SocialMedia.args';
+export * from './SocialMedia';

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

@@ -1,5 +1,35 @@
-import { FC } from 'react';
-import { TooltipProps } from './Tooltip.props';
+import { TooltipThemes, TooltipIconThemes } from '../../types';
 
-declare const Tooltip: FC<TooltipProps>;
-export default Tooltip;
+export type TooltipProps = {
+    /**
+     * Set the label for the tooltip
+     */
+    label: string;
+    /**
+     * Describe the theme of the tooltip
+     */
+    theme?: TooltipThemes;
+    /**
+     * Describe the background theme of the tooltip
+     */
+    iconTheme?: TooltipIconThemes;
+    /**
+     * Specify an optional className to be added to your Tooltip.
+     */
+    className?: string;
+    /**
+     * Should the tooltip appear on hover of an info icon?
+     */
+    icon?: boolean;
+    /**
+     * Set whether the tooltip is visible or not
+     */
+    isVisible?: boolean;
+    /**
+     * Specify an optional id for the Tooltip
+     */
+    id?: string;
+    children?: React.ReactNode;
+};
+declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Tooltip };

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

@@ -1 +1 @@
-export { default as Tooltip } from './Tooltip';
+export * from './Tooltip';

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

@@ -1,4 +1,4 @@
-export { Accordion, AccordionButton, AccordionItem, AccordionPanel, } from './Accordion';
+export { Accordion } from './Accordion';
 export { Form } from './Form';
 export { Collapse } from './Collapse';
 export { Empty } from './Empty';
@@ -24,6 +24,7 @@ export { Tooltip } from './Tooltip';
 export { Checkbox } from './Checkbox';
 export { DatePicker } from './DatePicker';
 export { Hero } from './Hero';
+export { HeroCard } from './HeroCard';
 export { LinkList } from './LinkList';
 export { Pagination } from './Pagination';
 export { SearchField } from './SearchField';

package/lib/types/utils/createChainedFunction.d.ts

@@ -7,5 +7,5 @@
  * @param {function} functions to chain
  * @returns {function|null}
  */
-declare function createChainedFunction(...funcs: any[]): any;
+declare function createChainedFunction<T extends (...args: unknown[]) => void>(...funcs: (T | null | undefined)[]): T | null;
 export default createChainedFunction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.18.4",
+  "version": "0.19.0",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -74,7 +74,7 @@
     "@ilo-org/brand-assets": "1.0.0",
     "@ilo-org/fonts": "1.0.0",
     "@ilo-org/icons-react": "1.0.2",
-    "@ilo-org/styles": "1.3.2",
+    "@ilo-org/styles": "1.3.4",
     "@ilo-org/themes": "0.9.1",
     "@ilo-org/utils": "0.1.1"
   },
@@ -123,7 +123,6 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm build:lib",
     "build:lib": "tsc --noEmit --project tsconfig.build.json && vite build",
     "build:docs": "storybook build",
     "check": "tsc --noEmit --p tsconfig.build.json",

package/lib/cjs/_store/Accordion-chunk-Dj1LluWV.js

@@ -1 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),p=require("./index-chunk-DCI82Tmm.js"),t=require("react"),$=require("./useGlobalSettings-chunk-Pa38w6VS.js"),A=require("./checkArrayDuplicates-chunk-Bqxwhc1q.js"),b=t.createContext({}),f=t.createContext({}),I=({children:c,className:o,...r})=>{const{prefix:e}=$.useGlobalSettings(),l=`${e}--accordion--button`,{activeItems:s,setActiveItems:u,getUpdatedItems:C,allowMultipleExpanded:x,onButtonClick:d}=t.useContext(b),{id:n}=t.useContext(f),i=s.indexOf(n)>-1,m=p.classnames(o,{[l]:!0}),v=(g,h)=>{u(C({id:h,itemStatuses:s,allowMultipleExpanded:x})),d&&d(g,h),g.currentTarget.blur()};return a.jsx("div",{className:`${e}--h3`,children:a.jsx("button",{className:m,"aria-expanded":i,onClick:g=>v(g,n),"aria-controls":`panel-${n}`,id:`button-${n}`,...r,children:c})})},S=I,j=({children:c,className:o,scroll:r,...e})=>{const{activeItems:l}=t.useContext(b),{id:s}=t.useContext(f),[u,C]=t.useState(0),x=l.indexOf(s)>-1,{prefix:d}=$.useGlobalSettings(),n=`${d}--accordion--panel`,i=p.classnames(o,n,{[`${n}__scroll`]:r,[`${n}--open`]:x}),m=t.useRef(null);return t.useLayoutEffect(()=>{m.current&&C(m.current.scrollHeight)}),a.jsx("div",{className:i,id:`panel-${s}`,"aria-labelledby":`button-${s}`,role:"region",ref:m,style:{"--height":`${u}px`},...e,children:a.jsx("div",{className:`${d}--accordion--innerpanel`,children:c})})},N=j,P=({children:c,id:o,className:r,...e})=>{const{prefix:l}=$.useGlobalSettings(),s=`${l}--accordion--item`,u=p.classnames(r,{[s]:!0});return a.jsx(f.Provider,{value:{id:o},children:a.jsx("li",{className:u,...e,children:c})})},q=P,y=({children:c,allowMultipleExpanded:o=!1,onButtonClick:r,defaultAccordionsExpanded:e=[],className:l})=>{const{prefix:s}=$.useGlobalSettings(),u=`${s}--accordion`,[C,x]=t.useState([]),d=p.classnames(l,{[u]:!0}),n=JSON.stringify(e);if(t.useEffect(()=>{const i=o?e:e.length>0?[e[0]]:e;x(i)},[n,o]),c){const i=[];t.Children.forEach(c,m=>{i.push(m.props.id)}),A.checkArrayDuplicates(i)&&console.warn("Warning: Accordion items must have unique ids.")}return a.jsx(b.Provider,{value:{activeItems:C,setActiveItems:x,getUpdatedItems:A.e,allowMultipleExpanded:o,onButtonClick:r},children:a.jsx("ul",{className:d,children:c})})},k=y;exports.Accordion=k;exports.AccordionButton=S;exports.AccordionItem=q;exports.AccordionPanel=N;

package/lib/cjs/_store/Accordion-entry-BNfPKFuj.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion-chunk-Dj1LluWV.js");exports.Accordion=o.Accordion;exports.AccordionButton=o.AccordionButton;exports.AccordionItem=o.AccordionItem;exports.AccordionPanel=o.AccordionPanel;

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

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),c=require("react"),I=require("./useGlobalSettings-chunk-Pa38w6VS.js"),y=require("./index-chunk-DCI82Tmm.js"),F=require("./ContextMenu-chunk-BegVo-Ry.js"),M=({url:h,label:l,className:E,labelShown:$=!0})=>{const{prefix:n}=I.useGlobalSettings(),b=`${n}--breadcrumb--item`,i=`${n}--breadcrumb--link`,v=`${i}--label`,r=y.classnames(b,E);return s.jsx("li",{className:r,children:$?s.jsx("a",{className:i,href:h,children:s.jsx("span",{className:v,children:l})}):s.jsx("a",{"aria-label":l,className:i,href:h})})},X=({className:h,links:l,buttonLabel:E})=>{const{prefix:$}=I.useGlobalSettings(),[n,b]=c.useState(!1),[i,v]=c.useState({start:0,top:0}),[r,N]=c.useState(!1),o=c.useRef(null),g=c.useRef(0),a=c.useRef(null),u=c.useRef(null),f=`${$}--breadcrumb`,K=`${f}--inner`,S=`${f}--items`,W=`${`${f}--item`}__first`,x=`${f}--context`,O=`${x}__collapse`,q=`${f}--menu`,G=`${x}--button`,P=y.classnames(f,h),T=y.classnames(x,{[O]:r}),z=y.classnames(`${x}--menu`,{[`${x}--menu__visible`]:n});function A(){b(!n)}const w=c.useCallback(e=>{e&&!r&&N(!0),!e&&r&&N(!1)},[r]);c.useLayoutEffect(()=>{const e=o==null?void 0:o.current;!e||!window||!document||(g.current=e.offsetWidth)},[]),c.useLayoutEffect(()=>{if(!(o==null?void 0:o.current)||!window||!document)return;const t=new ResizeObserver(d=>{const m=d[0].contentRect.width;g.current>=m/1.5?w(!0):w(!1)});return t.observe(document.body),()=>{t.disconnect()}},[w]),c.useLayoutEffect(()=>{if(!(!a.current||!u.current)&&r&&n){const e=a.current.getBoundingClientRect(),t=e.left+e.width/2,d=u.current.offsetWidth,m=t-d/2,p=e.bottom+16;v({start:m,top:p})}},[r,n]),c.useEffect(()=>{function e(t){n&&u.current&&!u.current.contains(t.target)&&a.current&&!a.current.contains(t.target)&&b(!1)}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[r,n]),c.useEffect(()=>{n&&!r&&b(!1)},[r,n]),c.useEffect(()=>{if(!a.current||!u.current)return;function e(t){var d,m,p,R;if(!(!n||!r)&&t.key==="Tab"){const j=(d=u.current)==null?void 0:d.querySelectorAll("a"),L=(p=(m=o.current)==null?void 0:m.lastElementChild)==null?void 0:p.querySelector("a");if(!j||!L)return;const _=j[0],D=j[j.length-1];if(!t.shiftKey){if(document.activeElement===a.current){t.preventDefault(),_.focus();return}document.activeElement===D&&(t.preventDefault(),L.focus())}t.shiftKey&&(t.shiftKey&&document.activeElement===_&&(t.preventDefault(),(R=a==null?void 0:a.current)==null||R.focus()),t.shiftKey&&document.activeElement===L&&(t.preventDefault(),D.focus()))}}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}});const B=l[0],C=l.slice(1,l.length-1),k=l[l.length-1];return s.jsxs("nav",{className:P,children:[s.jsx("div",{className:K,children:s.jsxs("ol",{className:S,ref:o,children:[s.jsx(M,{url:B.url,label:B.label,labelShown:!1,className:W}),C&&C.length>0?s.jsxs("li",{className:T,children:[s.jsx("ol",{className:S,children:C.map((e,t)=>s.jsx(M,{url:e.url,label:e.label},t))}),s.jsx("button",{"aria-label":E,"aria-expanded":n,"aria-controls":q,className:G,onClick:A,ref:a})]}):null,k&&s.jsx(M,{url:k.url,label:k.label})]})}),s.jsx("div",{className:z,id:q,hidden:!n,style:{left:i.start,top:i.top},children:s.jsx(F.ContextMenu,{links:C,ref:u})})]})},H=X;exports.Breadcrumb=H;

package/lib/cjs/_store/ContextMenu-chunk-BegVo-Ry.js

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

package/lib/cjs/_store/Hero-chunk-BmAL9GMT.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),p=require("./index-chunk-DCI82Tmm.js"),b=require("./useGlobalSettings-chunk-Pa38w6VS.js"),g=require("./SocialMedia-chunk-DrxlykT6.js"),k=require("./Breadcrumb-chunk-DvUpVY4l.js"),f=require("./Tooltip-chunk-Bh77DbOg.js"),v=({baseclass:a,title:n,url:o})=>{const c=`${a}--title`,t=`${a}--title-link`;return o?s.jsx("a",{className:t,href:o,children:s.jsx("h1",{className:c,children:n})}):s.jsx("h1",{className:c,children:n})},S=({theme:a="dark",background:n="solid",cornercut:o="true",eyebrow:c,title:t,url:l,datecopy:r,intro:i,socialmedia:d})=>{const{prefix:h}=b.useGlobalSettings(),e=`${h}--hero-card`,_=`${e}__theme__${a}`,m=`${e}__background__${n}`,x=`${e}__cornercut`,u=p.classnames(e,_,m,{[x]:o}),j=`${e}--eyebrow`,$=`${e}--datecopy`,C=`${e}--intro`;return s.jsxs("div",{className:u,children:[c&&s.jsx("p",{className:j,children:c}),s.jsx(v,{baseclass:e,title:t,url:l}),i&&s.jsx("p",{className:C,children:i}),r&&s.jsx("p",{className:$,children:r}),d&&s.jsx(g.SocialMedia,{...d,theme:a})]})},N=S,H=({url:a,alt:n})=>{const{prefix:o}=b.useGlobalSettings(),c=`${o}--card--image`,t=a.sort((r,i)=>r.breakpoint-i.breakpoint),l=t[t.length-1].src;return s.jsx("figure",{className:"hero--image",children:s.jsxs("picture",{children:[t.map(r=>s.jsx("source",{srcSet:r.src,media:`(min-width: ${r.breakpoint}px)`},r.breakpoint)),s.jsx("img",{className:c,src:l,alt:n})]})})},q=({justify:a="start",align:n="baseline",cardSize:o="small",posterSize:c="large",theme:t="dark",image:l,breadcrumb:r,heroCard:i,caption:d,gap:h})=>{const e="hero",_=`${e}__card-justify__${a}`,m=`${e}__card-align__${n}`,x=`${e}__card-size__${o}`,u=`${e}__poster-size__${c}`,j=`${e}__card-theme__${t}`,$=`${e}__gap__${h}`,C=p.classnames(e,_,m,x,u,j,{[$]:!!h});return s.jsxs("div",{className:C,children:[s.jsx("div",{className:"hero--background",children:l&&s.jsx(H,{...l})}),r&&s.jsx(s.Fragment,{children:s.jsx("div",{className:"hero--breadcrumbs",children:s.jsx("div",{className:"hero--breadcrumbs--wrapper",children:s.jsx(k.Breadcrumb,{...r})})})}),s.jsx("div",{className:"hero--card-offset"}),s.jsx("div",{className:"hero--card",children:s.jsx(N,{...i})}),d&&s.jsx("div",{className:"hero--caption",children:s.jsx("div",{className:"hero--caption--wrapper",children:s.jsx(f.Tooltip,{...d})})})]})},w=q;exports.Hero=w;exports.HeroCard=N;

package/lib/cjs/_store/Hero-entry-6U1647te.js

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