@ilo-org/react 0.20.0 → 0.22.0

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

@@ -1,4 +1,5 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { IconProps } from '../Icon';
 import { ButtonTypes, PositionTypes, SizeTypes } from '../../types';
 
 export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
@@ -21,6 +22,14 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type">
     /**
      * Specify if the button should be rendered as link
      */
+    /**
+     * Specify the position of the icon
+     */
+    iconPosition?: PositionTypes;
+    /**
+     * Specify if the button renders an icon only
+     */
+    icononly?: boolean;
     link?: {
         /**
          * Specify the url for the Button's href
@@ -35,11 +44,7 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type">
          */
         target?: string;
     };
-    icon?: {
-        name: string;
-        position?: PositionTypes;
-        only?: boolean;
-    };
+    icon?: IconProps;
 };
 declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
     /**
@@ -61,6 +66,14 @@ declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLA
     /**
      * Specify if the button should be rendered as link
      */
+    /**
+     * Specify the position of the icon
+     */
+    iconPosition?: PositionTypes | undefined;
+    /**
+     * Specify if the button renders an icon only
+     */
+    icononly?: boolean | undefined;
     link?: {
         /**
          * Specify the url for the Button's href
@@ -75,10 +88,6 @@ declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLA
          */
         target?: string | undefined;
     } | undefined;
-    icon?: {
-        name: string;
-        position?: PositionTypes | undefined;
-        only?: boolean | undefined;
-    } | undefined;
+    icon?: IconProps | undefined;
 } & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export { Button };

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

@@ -0,0 +1,60 @@
+import { PictureProps } from '../Picture';
+import { StatusProps } from '../Status';
+import { ButtonProps } from '../Button';
+
+export type ScoreCardProps = {
+    /**
+     * The theme of the card.
+     */
+    theme?: "light" | "dark";
+    /**
+     * The title level (h1, h2, h3, p, etc.).
+     */
+    titleLevel?: keyof JSX.IntrinsicElements;
+    /**
+     * The size of the card.
+     */
+    size?: "narrow" | "wide" | "fluid" | "simple";
+    /**
+     * The link URL for the card.
+     */
+    link: string;
+    /**
+     * The title text for the card.
+     */
+    title: string;
+    /**
+     * Whether the card represents a video.
+     */
+    isVideo?: boolean;
+    /**
+     * The image data for the card.
+     */
+    image?: PictureProps;
+    /**
+     * Status information for the card.
+     */
+    status?: StatusProps;
+    /**
+     * Eyebrow text to be displayed above the title.
+     */
+    eyebrow?: string;
+    /**
+     * Content to display in the card. Each item is an object with an icon, label, and optional unix date.
+     */
+    content?: {
+        items: {
+            icon: string;
+            label: string;
+            unix?: string;
+        }[];
+    };
+    /**
+     * Takes an array of `<Button />` components. Configure and handle the Button as needed and then pass it to the ScoreCard component.
+     */
+    cta?: {
+        items: React.ReactElement<ButtonProps>[];
+    };
+};
+declare const ScoreCard: import('react').ForwardRefExoticComponent<ScoreCardProps & import('react').RefAttributes<HTMLDivElement>>;
+export { ScoreCard };

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

@@ -7,3 +7,4 @@ export * from './FactListCard';
 export * from './DetailCard';
 export * from './DataCard';
 export * from './CardGroup';
+export * from './ScoreCard';

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/Icon/Icon.props.d.ts

@@ -1,8 +1,9 @@
+export type IconSize = 16 | 20 | 24 | 32;
 export interface IconProps {
     /**
      * Specify if this should be hidden from screen readers
      */
-    hidden: boolean;
+    hidden?: boolean;
     /**
      * Specify the icon
      */
@@ -10,5 +11,17 @@ export interface IconProps {
     /**
      * Specify the icon's size
      */
-    size?: number;
+    size?: IconSize;
+    /**
+     * Specify the icon's color. This can also be a CSS variable. Defaults to `currentColor`
+     */
+    color?: string;
+    /**
+     * Give the icon a class name
+     */
+    className?: string;
+    /**
+     * Give the icon an id
+     */
+    id?: string;
 }

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

@@ -1 +1,2 @@
 export { default as Icon } from './Icon';
+export type { IconProps } from './Icon.props';

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

@@ -1 +1,2 @@
 export { default as Image } from './Image';
+export type { ImageProps } from './Image.props';

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/Picture/Picture.d.ts

@@ -0,0 +1,18 @@
+export type PictureURl = {
+    src: string;
+    breakpoint: number;
+};
+export type PictureProps = {
+    /**
+     * Image object containing URLs for different breakpoints.
+     */
+    url: PictureURl[] | string;
+    alt?: string;
+    loading?: "eager" | "lazy";
+    /**
+     * Optional class name to be applied to the picture element.
+     */
+    className?: string;
+};
+declare const Picture: import('react').ForwardRefExoticComponent<PictureProps & import('react').RefAttributes<HTMLPictureElement>>;
+export { Picture };

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

@@ -0,0 +1,2 @@
+export { Picture } from './Picture';
+export type { PictureProps } from './Picture';

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

@@ -0,0 +1,20 @@
+export type StatusProps = {
+    /**
+     * Specify the type of status.
+     */
+    statusType?: "active" | "info" | "alert" | "subtle" | "inactive";
+    /**
+     * The content inside the status component.
+     */
+    content: string;
+    /**
+     * The ID of the status element.
+     */
+    elementId?: string;
+    /**
+     * Optional class name for additional styling.
+     */
+    className?: string;
+};
+declare const Status: import('react').ForwardRefExoticComponent<StatusProps & import('react').RefAttributes<HTMLSpanElement>>;
+export { Status };

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

@@ -0,0 +1,2 @@
+export { Status } from './Status';
+export type { StatusProps } from './Status';

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.22.0",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -69,12 +69,13 @@
     "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/fonts": "1.0.0",
+    "@ilo-org/styles": "1.6.0",
     "@ilo-org/themes": "0.9.1",
     "@ilo-org/utils": "0.1.1"
   },

package/lib/cjs/_store/Button-chunk-D32W9ElW.js

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),j=require("./index-chunk-DCI82Tmm.js"),q=require("./useGlobalSettings-chunk-Pa38w6VS.js"),f=require("./Link-chunk-BfaKuVjz.js"),i=require("./Icon-chunk-Dej6jVSI.js"),g=d.forwardRef(({children:n,className:m,disabled:$=!1,icon:e,size:a="large",type:o="primary",style:u,name:b,link:r,...x},l)=>{const{prefix:_}=q.useGlobalSettings(),s=`${_}--button`,c=j.classnames(m,{[s]:!0,[`${s}__${a}`]:a,[`${s}__${o}`]:o,[`${s}--icon ${s}--icon--position__${(e==null?void 0:e.position)||"left"}`]:e&&!e.only,[`${s}--icon ${s}--icon--only`]:e&&e.only});return r?t.jsxs(f.Link,{ref:l,className:c,target:r.target,url:r.url,label:r.label,style:u,children:[e&&t.jsx(i.Icon,{name:e.name,hidden:!0}),n]}):t.jsxs("button",{ref:l,className:c,disabled:$,style:u,name:b,...x,children:[t.jsx("span",{className:"button__label",children:n}),e&&t.jsx(i.Icon,{name:e.name,hidden:!0})]})});exports.Button=g;

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/Cards-entry-Ckiqvv1d.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./CardGroup-chunk-D3sPRsTS.js");exports.CardGroup=a.CardGroup;exports.DataCard=a.DataCard;exports.DetailCard=a.DetailCard;exports.FactListCard=a.FactListCard;exports.FeatureCard=a.FeatureCard;exports.MultiLinkCard=a.MultiLinkCard;exports.PromoCard=a.PromoCard;exports.StatCard=a.StatCard;exports.TextCard=a.TextCard;

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;