@ilo-org/react 0.26.0 → 0.27.1

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

@@ -0,0 +1,27 @@
+export interface AudioPlayerProps {
+    /**
+     * Path to audio file
+     */
+    src: string;
+    /**
+     * Specify custom class name for styling
+     */
+    className?: string;
+    /**
+     * The name of the audio track
+     */
+    name: string;
+    /**
+     * The name of the programme that the audio track belongs to
+     */
+    programme: string;
+    /**
+     * The name of the creator of the audio track
+     */
+    creator: string;
+    /**
+     * Callback function that is invoked when the audio track ends
+     */
+    onEnded?: () => void;
+}
+export declare const AudioPlayer: React.FC<AudioPlayerProps>;

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

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

package/lib/types/components/PhotoGallery/ExpandableCaption.d.ts

@@ -0,0 +1,9 @@
+interface ExpandableCaptionProps {
+    caption: string;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onToggle?: (isOpen: boolean) => void;
+    className?: string;
+}
+export declare function ExpandableCaption({ caption, isOpen: controlledIsOpen, defaultOpen, onToggle, className, }: ExpandableCaptionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/components/PhotoGallery/LightBox.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+interface LightBoxProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: ReactNode;
+}
+declare function LightBox({ isOpen, onClose, children }: LightBoxProps): import('react').ReactPortal;
+export { LightBox };

package/lib/types/components/PhotoGallery/LightBoxGallery.d.ts

@@ -0,0 +1,10 @@
+import { PhotoGalleryItem } from './PhotoGallery';
+
+interface LightBoxProps {
+    items: PhotoGalleryItem[];
+    parentIndex?: number;
+    onSelect: (index: number) => void;
+    isActive?: boolean;
+}
+declare function LightBoxGallery({ items, parentIndex, onSelect: parentOnSelect, isActive, }: LightBoxProps): import("react/jsx-runtime").JSX.Element;
+export { LightBoxGallery };

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

@@ -0,0 +1,21 @@
+import { ImgHTMLAttributes } from 'react';
+
+type PhotoGallerySrc = {
+    gallery: string;
+    thumbnail: string;
+    lightbox: string;
+};
+export type PhotoGalleryItem = Omit<ImgHTMLAttributes<HTMLImageElement>, "src"> & {
+    credit?: string;
+    caption?: string;
+    src: PhotoGallerySrc | string;
+    alt: string;
+};
+export interface PhotoGalleryProps {
+    items: PhotoGalleryItem[];
+    fit?: "cover" | "contain" | "fill";
+    withKeyboardControls?: boolean;
+    captionView?: "visible" | "hidden" | "ifExists";
+}
+declare function PhotoGallery({ items, fit, withKeyboardControls, captionView, }: PhotoGalleryProps): import("react/jsx-runtime").JSX.Element;
+export { PhotoGallery };

package/lib/types/components/PhotoGallery/PhotoGalleryControls.d.ts

@@ -0,0 +1,25 @@
+import { HTMLAttributes } from 'react';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+
+type PhotoGalleryControlsProps = HTMLAttributes<HTMLDivElement> & {
+    onNext: () => void;
+    onPrev: () => void;
+    onFirst: () => void;
+    onLast: () => void;
+    indicator: {
+        current: number;
+        total: number;
+    };
+};
+type EmblaCarouselType = UseEmblaCarouselType[1];
+declare function usePhotoGalleryControls(emblaApi: EmblaCarouselType): {
+    onFirstButtonClick: () => void;
+    onLastButtonClick: () => void;
+    onPrevButtonClick: () => void;
+    onNextButtonClick: () => void;
+};
+declare function useKeyboardControls(emblaApi: EmblaCarouselType | undefined, enabled?: boolean): {
+    onKeyDown: (event: KeyboardEvent) => void;
+};
+declare function PhotoGalleryControls({ onNext, onPrev, onFirst, onLast, indicator, ...rest }: PhotoGalleryControlsProps): import("react/jsx-runtime").JSX.Element;
+export { PhotoGalleryControls, usePhotoGalleryControls, useKeyboardControls };

package/lib/types/components/PhotoGallery/PhotoGalleryThumbnails.d.ts

@@ -0,0 +1,11 @@
+import { PhotoGalleryItem } from './PhotoGallery';
+
+interface PhotoGalleryThumbnailsProps {
+    items: PhotoGalleryItem[];
+    selected: number;
+    onSelect?: (index: number) => void;
+    onSeeAll?: () => void;
+    seeAllLabel?: string;
+}
+declare function PhotoGalleryThumbnails({ items, selected, onSelect, onSeeAll, seeAllLabel, }: PhotoGalleryThumbnailsProps): import("react/jsx-runtime").JSX.Element;
+export { PhotoGalleryThumbnails };

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

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

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

@@ -39,6 +39,7 @@ export { CardGroup } from './Cards/CardGroup';
 export { Breadcrumb } from './Breadcrumb';
 export { Status } from './Status';
 export { Tabs } from './Tabs';
+export { AudioPlayer } from './AudioPlayer';
 export * from './Cards';
 export * from './LanguageToggle';
 export * from './Nav';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.26.0",
+  "version": "0.27.1",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -67,6 +67,7 @@
     "@popperjs/core": "^2.11.8",
     "classnames": "^2.3.1",
     "dom-helpers": "^5.2.1",
+    "embla-carousel-react": "^8.6.0",
     "merge-refs": "^2.0.0",
     "nanoid": "^3.3.6",
     "react-transition-group": "^4.4.1",
@@ -75,25 +76,25 @@
     "videojs-youtube": "^3.0.1",
     "@ilo-org/brand-assets": "1.0.1",
     "@ilo-org/fonts": "2.0.0",
-    "@ilo-org/icons-react": "1.0.5",
-    "@ilo-org/styles": "1.10.0",
-    "@ilo-org/themes": "0.9.1",
-    "@ilo-org/utils": "0.1.1"
+    "@ilo-org/icons-react": "1.0.6",
+    "@ilo-org/styles": "1.10.2",
+    "@ilo-org/themes": "0.9.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^8.1.9",
-    "@storybook/addon-docs": "^8.1.9",
-    "@storybook/addon-essentials": "^8.1.9",
-    "@storybook/addon-interactions": "^8.1.9",
-    "@storybook/addon-links": "^8.1.9",
-    "@storybook/blocks": "^8.1.9",
-    "@storybook/builder-vite": "^8.1.9",
-    "@storybook/manager-api": "^8.1.9",
-    "@storybook/node-logger": "^8.1.9",
+    "@chromatic-com/storybook": "3.2.7",
+    "@storybook/addon-actions": "^8.6.11",
+    "@storybook/addon-docs": "^8.6.11",
+    "@storybook/addon-essentials": "^8.6.11",
+    "@storybook/addon-interactions": "^8.6.11",
+    "@storybook/addon-links": "^8.6.11",
+    "@storybook/blocks": "^8.6.11",
+    "@storybook/builder-vite": "^8.6.11",
+    "@storybook/manager-api": "^8.6.11",
+    "@storybook/node-logger": "^8.6.11",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.1.9",
-    "@storybook/react-vite": "^8.1.9",
-    "@storybook/theming": "^8.1.9",
+    "@storybook/react": "^8.6.11",
+    "@storybook/react-vite": "^8.6.11",
+    "@storybook/theming": "^8.6.11",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -104,10 +105,11 @@
     "@types/video.js": "7.3.57",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/ui": "^2.0.5",
+    "chromatic": "^13.3.4",
     "glob": "^10.3.10",
     "http-server": "^14.1.0",
     "jsdom": "^25.0.0",
-    "storybook": "^8.1.9",
+    "storybook": "^8.6.11",
     "storybook-addon-rtl": "^1.0.0",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^3.9.1",
@@ -134,6 +136,7 @@
     "storybook": "storybook dev -p 6006",
     "storybook:static": "http-server ./storybook-static",
     "test": "vitest",
-    "test:ui": "vitest --ui"
+    "test:ui": "vitest --ui",
+    "chromatic": "npx chromatic --build-script-name=build:docs"
   }
 }

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

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),u=require("react"),N=require("./index-chunk-Cxg31gtu.js"),h=require("./useGlobalSettings-chunk-Cd48T6lS.js"),g=require("./Button-chunk-C95z7yOh.js"),G=require("./Link-chunk-CP7cvvcX.js"),C=require("./DynamicHeading-chunk-DJzlOgQG.js"),y=require("./LinkList-chunk-CmVHEiqZ.js"),M=require("./Profile-chunk-Bd8UJQPz.js"),S=require("./Icon-chunk-DHrneVoo.js"),k=require("./List-entry-31dXgvRv.js"),E=require("./Picture-chunk-CWRmIhTV.js"),V=require("./Status-chunk-CaABjeKb.js"),z=u.forwardRef(({className:d,title:a,theme:c="light",size:r="standard",color:e,intro:l,source:n,titleLevel:_="p"},o)=>{const{prefix:x}=h.useGlobalSettings(),i=`${x}--card`,$=N.classNames(`${i}--wrapper`,d),m=N.classNames(i,`${i}__type__stat`,{[`${i}__size__${String(r)}`]:r,[`${i}__theme__${c}`]:c,[`${i}__color__${e}`]:e});return s.jsx("div",{className:$,ref:o,children:s.jsx("div",{className:m,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[s.jsx(C.DynamicHeading,{level:_,className:`${i}--title`,children:a}),l&&s.jsx("p",{className:`${i}--intro`,children:l}),n&&s.jsx(G.Link,{className:`${i}--source`,url:n.url,label:n.label})]})})})})}),A=({className:d,theme:a="light",size:c="standard"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=N.classNames(`${e}--wrapper`,d),n=N.classNames(e,`${e}__type__stat`,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a,[`${e}__loading`]:!0});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--source`})]})})})})},D=Object.assign(z,{Skeleton:A}),J=u.forwardRef(({className:d,title:a,size:c="standard",alignment:r,intro:e,link:l,linklist:n,image:_,titleLevel:o="p",eyebrow:x,isVideo:i,theme:$="light"},m)=>{const{prefix:j}=h.useGlobalSettings(),t=`${j}--card`,p=N.classNames(t,d,`${t}__type__multilink`,{[`${t}__align__${r}`]:r,[`${t}__size__${c}`]:c,[`${t}__isvideo`]:i,[`${t}--no-image`]:!_,[`${t}__theme__${$}`]:$});return s.jsxs("div",{className:p,ref:m,children:[l&&s.jsx("a",{className:`${t}--link`,href:l,title:a,children:s.jsx("span",{className:`${t}--link--text`,children:a})}),s.jsxs("div",{className:`${t}--wrap`,children:[_&&s.jsx("div",{className:`${t}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${t}--picture`})})}),s.jsxs("div",{className:`${t}--content`,children:[x&&s.jsx("p",{className:`${t}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${t}--title`,children:a}),_&&s.jsx("div",{className:`${t}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${t}--picture`})})}),e&&(u.isValidElement(e)?s.jsx("div",{className:`${t}--intro`,children:e}):s.jsx("p",{className:`${t}--intro`,children:e})),n&&s.jsx(y.LinkList,{...n})]})]})]})}),K=({className:d,size:a="standard",alignment:c,theme:r="light"})=>{const{prefix:e}=h.useGlobalSettings(),l=`${e}--card`,n=N.classNames(l,d,`${l}__type__multilink`,{[`${l}__align__${c}`]:c,[`${l}__size__${a}`]:a,[`${l}__theme__${r}`]:r});return s.jsx("div",{className:n,children:s.jsxs("div",{className:`${l}--wrap`,children:[s.jsx("div",{className:`${l}--skeleton--column-image`}),s.jsxs("div",{className:`${l}--content`,children:[s.jsx("div",{className:`${l}--skeleton--eyebrow`}),s.jsx("div",{className:`${l}--skeleton--title-1`}),s.jsx("div",{className:`${l}--skeleton--title-2`}),s.jsx("div",{className:`${l}--skeleton--row-image`}),s.jsx("div",{className:`${l}--skeleton--intro-1`}),s.jsx("div",{className:`${l}--skeleton--intro-2`}),s.jsx("div",{className:`${l}--skeleton--intro-3`}),s.jsx("div",{className:`${l}--skeleton--intro-4`})]})]})})},q=Object.assign(J,{Skeleton:K}),Q=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,profile:l,link:n,titleLevel:_="p",eyebrow:o},x)=>{const{prefix:i}=h.useGlobalSettings(),$=`${i}--card`,m=N.classNames(`${$}--wrapper`,d),j=N.classNames($,`${$}__type__text`,{[`${$}__size__${String(r)}`]:r,[`${$}__theme__${c}`]:c});return s.jsx("div",{className:m,ref:x,children:s.jsxs("div",{className:j,children:[s.jsx("a",{className:`${$}--link`,href:n,title:a,children:s.jsx("span",{className:`${$}--link--text`,children:a})}),s.jsx("div",{className:`${$}--wrap`,children:s.jsxs("div",{className:`${$}--content`,children:[o&&s.jsx("p",{className:`${$}--eyebrow`,children:o}),s.jsx(C.DynamicHeading,{level:_,className:`${$}--title`,children:a}),e&&s.jsx("time",{className:`${$}--date`,dateTime:e.unix,children:e.human}),l&&s.jsx(M.Profile,{avatar:l.avatar,description:l.description,link:l.link,name:l.name,role:l.role,theme:c})]})})]})})}),U=({className:d,size:a,theme:c})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=N.classNames(`${e}--wrapper`,d),n=N.classNames(e,`${e}__type__text`,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${c}`]:c});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`}),s.jsx("div",{className:`${e}--skeleton--profile`})]})})})})},R=Object.assign(Q,{Skeleton:U}),W=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",cornercut:e,intro:l,link:n,cta:_,titleLevel:o="p",eyebrow:x},i)=>{const{prefix:$}=h.useGlobalSettings(),m=`${$}--card`,j=N.classNames(`${m}--wrapper`,d,`${m}--wrapper__type__promo`,`${m}--wrapper__type__promo__size__${r}`),t=N.classNames(m,`${m}__type__promo`,{[`${m}__size__${String(r)}`]:r,[`${m}__theme__${c}`]:c,[`${m}__cornercut`]:e});return s.jsx("div",{className:j,ref:i,children:s.jsxs("div",{className:t,children:[s.jsx("a",{className:`${m}--link`,href:n,title:a,children:s.jsx("span",{className:`${m}--link--text`,children:a})}),s.jsx("div",{className:`${m}--wrap`,children:s.jsxs("div",{className:`${m}--content`,children:[x&&s.jsx("p",{className:`${m}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${m}--title`,children:a}),l&&s.jsx("p",{className:`${m}--intro`,children:l}),(_==null?void 0:_.label)&&s.jsx("div",{className:`${m}--cta`,children:s.jsx(g.Button,{link:{url:_.url,label:_.label},size:"medium",type:"primary"})})]})})]})})}),X=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=N.classNames(`${e}--wrapper`,d,`${e}--wrapper__type__promo`,`${e}--wrapper__type__promo__size__${c}`),n=N.classNames(e,`${e}__type__promo`,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title-1`}),s.jsx("div",{className:`${e}--skeleton--title-2`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--intro-3`})]})})})},T=Object.assign(W,{Skeleton:X}),Y=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,link:l,linklist:n,image:_,titleLevel:o="p",eyebrow:x,isVideo:i},$)=>{const{prefix:m}=h.useGlobalSettings(),j=`${m}--card`,t=N.classNames(j,d,`${j}__type__feature`,{[`${j}__size__${String(r)}`]:r,[`${j}__theme__${c}`]:c,[`${j}__isvideo`]:i,[`${j}__linklist`]:n});return s.jsxs("div",{className:t,ref:$,children:[l&&s.jsx("a",{className:`${j}--link`,href:l,title:a,children:s.jsx("span",{className:`${j}--link--text`,children:a})}),s.jsxs("div",{className:`${j}--wrap`,children:[_&&s.jsx("div",{className:`${j}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${j}--picture`})})}),s.jsxs("div",{className:`${j}--content`,children:[x&&s.jsx("p",{className:`${j}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${j}--title`,children:a}),e&&s.jsx("time",{className:`${j}--date`,dateTime:e.unix,children:e.human}),n&&r==="narrow"&&s.jsx(y.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:c})]})]}),n&&(r==="wide"||r==="fluid")&&s.jsx(y.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:c})]})}),Z=({className:d,size:a,theme:c})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=N.classNames(e,d,`${e}__type__feature`,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${c}`]:c});return s.jsx("div",{className:l,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--image`}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`})]})]})})},I=Object.assign(Y,{Skeleton:Z}),ss=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,details:l,link:n,titleLevel:_="p",eyebrow:o,intro:x,image:i,isVideo:$=!1,linkComponent:m},j)=>{const{prefix:t}=h.useGlobalSettings(),p=`${t}--card`,v=N.classNames(p,`${p}__type__detail`,d,{[`${p}__size__${String(r)}`]:r,[`${p}__theme__${c}`]:c,[`${p}__isvideo`]:$}),w=u.createElement(m||"a",{className:`${p}--link`,href:n,title:a},s.jsx("span",{className:`${p}--link--text`,children:a}));return s.jsxs("div",{className:v,ref:j,children:[n&&w,s.jsxs("div",{className:`${p}--wrap`,children:[i&&s.jsx("div",{className:`${p}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${p}--picture`,src:i,alt:a})})}),s.jsxs("div",{className:`${p}--content`,children:[o&&s.jsx("p",{className:`${p}--eyebrow`,children:o}),a&&s.jsx(C.DynamicHeading,{level:_,className:`${p}--title`,children:a}),x&&(u.isValidElement(x)?s.jsx("div",{className:`${p}--intro`,children:x}):s.jsx("p",{className:`${p}--intro`,children:x})),e&&!l&&s.jsx("time",{className:`${p}--date`,dateTime:e.unix,children:e.human}),l&&s.jsxs("p",{className:`${p}--date-extra`,children:[s.jsx(S.Icon,{name:"TriangleRight",size:20,className:`${p}--icon-right`}),s.jsx(S.Icon,{name:"TriangleLeft",size:20,className:`${p}--icon-left`}),l]})]})]})]})}),es=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=N.classNames(e,`${e}__type__detail`,d,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("div",{className:`${e}--skeleton--image`})}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title-1`}),s.jsx("div",{className:`${e}--skeleton--title-2`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--intro-3`}),s.jsx("div",{className:`${e}--skeleton--intro-4`}),s.jsx("div",{className:`${e}--skeleton--intro-5`})]})]})})},F=Object.assign(ss,{Skeleton:es}),as=u.forwardRef(({title:d,theme:a="light",size:c="narrow",list:r,titleLevel:e="p",className:l},n)=>{const{prefix:_}=h.useGlobalSettings(),o=`${_}--card`,x=N.classNames(o,`${o}__type__factlist`,l,{[`${o}__size__${c}`]:c,[`${o}__theme__${a}`]:a});return s.jsx("div",{className:x,ref:n,children:s.jsx("div",{className:`${o}--wrap`,children:s.jsxs("div",{className:`${o}--content`,children:[d&&s.jsx(C.DynamicHeading,{level:e,className:`${_}--card--title`,children:d}),s.jsx(k.List,{alignment:"default",ordered:"unordered",theme:a,children:r.map(i=>s.jsx(k.List.Item,{children:s.jsx("p",{children:i})},i))})]})})})}),ls=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=N.classNames(e,`${e}__type__factlist`,d,{[`${e}__size__${c}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--title`}),s.jsxs(k.List,{alignment:"default",ordered:"unordered",theme:a,children:[s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})})]})]})})})},H=Object.assign(as,{Skeleton:ls}),ns=u.forwardRef(({theme:d="light",eyebrow:a,size:c="narrow",image:r,dataset:e,columns:l="one",className:n},_)=>{var j;const{prefix:o}=h.useGlobalSettings(),x=c==="narrow"?"one":l,i=`${o}--card`,$=N.classNames(i,`${i}__type__data`,n,{[`${i}__size__${String(c)}`]:c,[`${i}__type__data__columns__${x}`]:x,[`${i}__theme__${d}`]:d}),m=N.classNames(`${i}--content`,{[`${i}--content__with-image`]:r,[`${i}--content__no-image-with-links`]:!r&&(e==null?void 0:e.links),[`${i}--content__default`]:!r&&!(e!=null&&e.links)});return s.jsx("div",{className:$,ref:_,children:s.jsxs("div",{className:`${i}--wrap`,children:[!r&&a&&s.jsx("div",{className:`${i}--eyebrow`,children:a}),s.jsxs("div",{className:m,children:[r&&s.jsxs("div",{className:`${i}--area--image`,children:[a&&s.jsx("div",{className:`${i}--eyebrow`,children:a}),s.jsx("div",{className:`${i}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${i}--picture`,src:r,alt:a})})})]}),(j=e==null?void 0:e.content)==null?void 0:j.items.map((t,p)=>s.jsxs("div",{className:`${i}--area--content`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:t.label}),s.jsx("p",{className:`${i}__type__data--content-copy`,children:t.copy})]},p)),(e==null?void 0:e.files)&&s.jsx("div",{className:`${i}--area--files`,children:s.jsxs("div",{className:`${i}__type__data--content-files`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.files.headline}),e.files.items.map((t,p)=>s.jsx(g.Button,{link:{url:t.url,label:t.label,target:t.target||"_self"},size:"small"},p))]})}),(e==null?void 0:e.cta)&&s.jsx("div",{className:`${i}--area--cta`,children:s.jsxs("div",{className:`${i}__type__data--content-cta`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.cta.headline}),e.cta.items.map(t=>s.jsx(g.Button,{type:"secondary",size:"small",link:{url:t.url,label:t.label,target:t.target}},t.label))]})}),(e==null?void 0:e.links)&&s.jsx("div",{className:`${i}--area--links`,children:s.jsxs("div",{className:`${i}__type__data--content-links`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.links.headline}),s.jsx("div",{className:`${i}__type__data--content-links-list`,children:e.links.items.map(t=>s.jsx(u.Fragment,{children:s.jsx(G.Link,{url:t.url,label:t.label,className:`${i}__type__data--content-link`})},t.label+t.url))})]})})]})]})})}),cs=({className:d,theme:a="light",size:c="narrow",columns:r="one"})=>{const{prefix:e}=h.useGlobalSettings(),l=c==="narrow"?"one":r,n=`${e}--card`,_=N.classNames(n,`${n}__type__data`,d,{[`${n}__size__${String(c)}`]:c,[`${n}__type__data__columns__${l}`]:l,[`${n}__theme__${a}`]:a,[`${n}__loading`]:!0}),o=`${n}--content`;return s.jsx("div",{className:_,children:s.jsx("div",{className:`${n}--wrap`,children:s.jsxs("div",{className:o,children:[s.jsxs("div",{className:`${n}--area--image`,children:[s.jsx("div",{className:`${n}--skeleton--eyebrow`}),s.jsx("div",{className:`${n}--skeleton--image`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]})]})})})},O=Object.assign(ns,{Skeleton:cs}),is=u.forwardRef(({className:d,theme:a="light",titleLevel:c="p",size:r="narrow",link:e,linkComponent:l,title:n,isVideo:_=!1,image:o,status:x,eyebrow:i,content:$,cta:m},j)=>{var L;const{prefix:t}=h.useGlobalSettings(),p=a==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",v=`${t}--card`,w=N.classNames(v,`${v}__type__score`,{[`${v}__theme__${a}`]:a,[`${v}__size__${r}`]:r,[`${v}__isvideo`]:_}),B=u.createElement(l||"a",{href:e,title:n,className:`${v}--link`},s.jsx("span",{className:`${v}--link--text`,children:n}));return s.jsxs("div",{className:N.classNames(w,d),ref:j,children:[B,s.jsxs("div",{className:`${v}--wrap`,children:[o&&r!=="simple"&&s.jsx("div",{className:`${v}--image--wrapper`,children:s.jsx(E.Picture,{...o})}),s.jsxs("div",{className:`${v}--content`,children:[x&&s.jsx(V.Status,{content:x.content,statusType:x.statusType}),i&&r!=="simple"&&s.jsx("p",{className:`${v}--eyebrow`,children:i}),n&&s.jsx(C.DynamicHeading,{level:c,className:`${v}--title`,children:n}),$&&s.jsx("div",{className:`${v}--area--content`,children:(L=$.items)==null?void 0:L.map((b,f)=>s.jsxs("div",{className:`${v}--content--item`,children:[s.jsx(S.Icon,{name:b.icon,size:20,color:p}),s.jsx("span",{children:b.label})]},f))}),m&&s.jsx("div",{className:`${v}--area--cta`,children:m.items.map((b,f)=>s.jsx("div",{className:`${v}--cta`,children:b},f))})]})]})]})}),rs=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=N.classNames(e,`${e}__type__score`,{[`${e}__theme__${a}`]:a,[`${e}__size__${c}`]:c});return s.jsx("div",{className:N.classNames(l,d),children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--image`}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`})]})]})})},P=Object.assign(is,{Skeleton:rs}),ts={stat:D,multilink:q,text:R,promo:T,feature:I,detail:F,factlist:H,data:O,score:P},ds=u.forwardRef(({type:d,group:a,cardCount:c="one",cta:r,collapsed:e=!1},l)=>{const n=ts[d],{prefix:_}=h.useGlobalSettings(),o=`${_}--cardgroup`,x=N.classNames(o,`${o}__count__${c}`,{[`${o}__collapsed`]:e});return s.jsxs("div",{className:x,ref:l,children:[s.jsx("div",{className:`${o}--inner`,children:a.map((i,$)=>s.jsx(n,{...i},$))}),r&&s.jsx("div",{className:`${o}--button-wrap`,children:s.jsx(g.Button,{link:{url:r.url,label:r.label},type:"secondary",size:"medium"})})]})});exports.CardGroup=ds;exports.DataCardCombined=O;exports.DetailCardCombined=F;exports.FactListCardCombined=H;exports.FeatureCardCombined=I;exports.MultiLinkCardCombined=q;exports.PromoCardCombined=T;exports.ScoreCardCombined=P;exports.StatCardCombined=D;exports.TextCardCombined=R;

package/lib/cjs/_store/Tag-chunk-BlwQ9fNn.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),f=require("react"),q=require("./index-chunk-Cxg31gtu.js"),T=require("./useGlobalSettings-chunk-Cd48T6lS.js"),$=require("./Icon-chunk-DHrneVoo.js");function I(s){let t=[...s.itemStatuses];return t.indexOf(s.id)>-1?t=t.filter(n=>n!==s.id):s.allowMultipleExpanded?t.push(s.id):t=[s.id],t}const h=f.createContext({}),_=({className:s,children:t,id:n,url:j,type:i,callback:u,...c})=>{const{prefix:x}=T.useGlobalSettings(),{activeItems:m,setActiveItems:C,allowMultipleActive:p}=f.useContext(h),o=m.indexOf(n)>-1,l=`${x}--tag`,d=`${x}--tag-set__item`,b=i,r=q.classNames(s,{[l]:!0,[`${l}--active`]:o,[`${l}--${i}`]:i,"icon icon__position--right":!0});let g=o;const v=a=>{C(I({id:n,itemStatuses:m,allowMultipleExpanded:p})),g=!1,u&&u(a)},N=()=>{let a;return g&&(a=e.jsx("li",{className:d,children:e.jsxs("button",{type:"button",className:r,onClick:S=>v(S),id:n,...c,children:[t,e.jsx($.Icon,{name:"close",hidden:!0})]})})),a};return e.jsx(e.Fragment,{children:b==="button"?e.jsx(e.Fragment,{children:N()}):e.jsxs("li",{className:d,children:[i==="anchor"&&e.jsx("a",{className:r,href:o?j:"",id:n,...c,children:t}),i==="display"&&e.jsx("span",{className:r,id:n,...c,children:t})]})})};exports.Tag=_;exports.TagSetContext=h;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Accordion-entry-CmEtc6xU.js"),i=require("./Form-chunk-CyfJEjS9.js"),a=require("./Collapse-chunk-ocNUOS_3.js"),n=require("./Empty-chunk-CSXmTnRW.js"),d=require("./Image-chunk-bZyx8E0O.js"),u=require("./Loading-chunk-BAVpKjsu.js"),c=require("./Radio-chunk-C4PweUcm.js"),s=require("./Tag-chunk-BlwQ9fNn.js"),l=require("./Button-chunk-C95z7yOh.js"),C=require("./ContextMenu-chunk-Bt4IM9J7.js"),q=require("./Fieldset-chunk-ChHFEwgQ.js"),b=require("./GlobalProvider-chunk-BmUbDojc.js"),g=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-CZIwr5h8.js"),L=require("./Notification-chunk-CAX-6JsZ.js"),T=require("./ReadMore-chunk-DjPhO-lH.js"),m=require("./Textarea-chunk-yD7hFNC1.js"),p=require("./Callout-chunk-CQ5xMM1i.js"),x=require("./FileUpload-chunk-Cs3yHoZ7.js"),P=require("./Heading-chunk-t4FvnOcp.js"),F=require("./Link-chunk-CP7cvvcX.js"),k=require("./NumberPicker-chunk-CTlAxdIK.js"),S=require("./RichText-chunk-vKgvdzZl.js"),M=require("./Tooltip-chunk-DlKiieYX.js"),v=require("./Checkbox-chunk-IcVAXUrv.js"),I=require("./DatePicker-chunk-3IOigKn5.js"),N=require("./Hero-chunk-CDJrCpL6.js"),f=require("./HeroCard-chunk-BO2BICG5.js"),D=require("./LinkList-chunk-CmVHEiqZ.js"),h=require("./Pagination-chunk-mrfIdsCC.js"),G=require("./SearchField-chunk-Bc-WiEPz.js"),H=require("./Video-chunk-CEQmBL6F.js"),R=require("./Dropdown-chunk-DmxZPa5u.js"),B=require("./Icon-chunk-DHrneVoo.js"),y=require("./List-entry-31dXgvRv.js"),O=require("./Profile-chunk-Bd8UJQPz.js"),w=require("./TableOfContents-chunk-CLa_-Dhd.js"),A=require("./Footer-chunk-DhwHRSuP.js"),e=require("./CardGroup-chunk-CWotQqws.js"),E=require("./Breadcrumb-chunk-Bc1WgkRf.js"),U=require("./Status-chunk-CaABjeKb.js"),V=require("./Tabs-chunk-Bk_Z-Qlz.js"),_=require("./LanguageToggle-chunk-Dq721sHc.js"),o=require("./MainNav-chunk-uiXSehRt.js");exports.Accordion=t.Accordion;exports.Form=i.Form;exports.Collapse=a.Collapse;exports.Empty=n.Empty;exports.Image=d.Image;exports.Loading=u.Loading;exports.Radio=c.LabelledRadio;exports.Tag=s.Tag;exports.Button=l.Button;exports.ContextMenu=C.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=b.GlobalProvider;exports.GlobalProviderContext=g.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=L.Notification;exports.ReadMore=T.ReadMore;exports.Textarea=m.LabelledTextarea;exports.Callout=p.Callout;exports.FileUpload=x.LabelledFileUpload;exports.Heading=P.Heading;exports.Link=F.Link;exports.NumberPicker=k.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=M.Tooltip;exports.Checkbox=v.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=G.SearchField;exports.Video=H.Video;exports.Dropdown=R.LabelledDropdown;exports.Icon=B.Icon;exports.List=y.List;exports.Profile=O.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=A.Footer;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCardCombined;exports.DetailCard=e.DetailCardCombined;exports.FactListCard=e.FactListCardCombined;exports.FeatureCard=e.FeatureCardCombined;exports.MultiLinkCard=e.MultiLinkCardCombined;exports.PromoCard=e.PromoCardCombined;exports.ScoreCard=e.ScoreCardCombined;exports.StatCard=e.StatCardCombined;exports.TextCard=e.TextCardCombined;exports.Breadcrumb=E.Breadcrumb;exports.Status=U.Status;exports.Tabs=V.Tabs;exports.LanguageToggle=_.LanguageToggle;exports.MainNav=o.MainNav;exports.SubsiteNav=o.SubsiteNav;

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

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

package/lib/esm/_store/Callout-entry-CqbJtAcP.js

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