@ilo-org/react 0.27.1 → 0.28.1

package/README.md

@@ -2,187 +2,142 @@
 
 This package provides the implementation of the Design System using [React](https://reactjs.org). It also includes a [Storybook](https://storybook.js.org/) project for documentation and development of the components in the system. It has dependencies on the following other @ilo-org packages:
 
-- [@ilo-org/themes](./packages/themes)
-- [@ilo-org/fonts](./packages/fonts)
-- [@ilo-org/styles](./packages/styles)
-- [@ilo-org/icons](./packages/icons)
-- [@ilo-org/icons-react](./packages/icons-react)
+- [@ilo-org/fonts](../fonts)
+- [@ilo-org/styles](../styles)
+- [@ilo-org/icons](../icons)
+- [@ilo-org/icons-react](../icons-react)
 
-## Installation
+## Installation and Usage
 
-To install
+For detailed instructions on installing and using this package in your project, please visit the [Storybook documentation](https://react.ui.ilo.org). The Storybook includes:
 
-```bash
-npm i @ilo-org/react
-```
+- Installation instructions
+- Component documentation
+- Usage examples
+- API references
+- Code samples
 
-To start storybook
+## Styles and Fonts
 
-```bash
-pnpm storybook
-```
+The `@ilo-org/react` package includes styles and fonts, so you don't need to install `@ilo-org/styles` or `@ilo-org/fonts` separately.
 
-To build storybook
+### Importing Styles
 
-```bash
-pnpm build:storybook
-```
+You can import styles directly from the React package:
 
-To test formatting
+```javascript
+// Import all styles
+import "@ilo-org/react/styles/index.css";
 
-```bash
-pnpm format
+// Or import individual component styles
+import "@ilo-org/react/styles/components/button.css";
 ```
 
-To test formatting and fix errors
+Alternatively, if you're using a bundler that supports CSS imports, you can reference the styles in your HTML:
 
-```bash
-pnpm format:fix
+```html
+<link
+  rel="stylesheet"
+  href="node_modules/@ilo-org/react/lib/styles/index.css"
+/>
 ```
 
-To lint
-
-```bash
-pnpm lint
-```
+### Importing Fonts
 
-To test formatting and fix errors
+Fonts are included as dependencies and can be imported using your bundler:
 
-```bash
-pnpm lint:fix
+```javascript
+// JavaScript/TypeScript (with bundler support)
+import "@ilo-org/fonts";
 ```
 
-## Questions and Feedback
-
-(TBD)
-
-## Accessibility Standards
-
-(TBD)
-
-## Contributing
-
-ILO Design System is an open-source project and we welcome your contributions! Before submitting a pull request, please take a moment to review the following guidelines.
-
-### Branches
-
-| Branch    | Purpose                            |
-| --------- | ---------------------------------- |
-| `main`    | The latest version of all packages |
-| `develop` | The next release of all packages   |
-
-### Contribution workflow
-
-1. Fork and clone the repo
-2. Create a new branch from the `develop` branch
-3. Make your changes and [add a changeset](#versioning) identifying the changes and affected packages
-4. Push your branch to the forked version of the repo
-5. Open a pull request back to the `develop` branch of the main repo
-
-### Versioning
-
-The project uses [changesets](https://github.com/changesets/changesets) to manage package versioning. All pull requests that will affect the project's semantic versioning must include a changest.
+```scss
+// SCSS
+@import "~@ilo-org/fonts";
+```
 
-See more information on [how to add a changeset](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md)
+The fonts package is automatically installed as a dependency of `@ilo-org/react`, so you don't need to add it to your `package.json`.
 
-### Conventions
+## Development
 
-Contributions should respect the following conventions for branch names, commit messages and pull request descriptions
+This section covers commands for developing and working with the React package locally. The commands provided should be run from the root of the repository.
 
-#### Commits
+### Prerequisites
 
-Commits should follow [Angular Commit Message Guidelines](https://github.com/angular/angular/blob/22b96b9/CONTRIBUTING.md#commit).
+Use [nvm](https://github.com/nvm-sh/nvm) to make sure you have the correct version of node installed.
 
-```
-<type>(<scope>): <subject>
+```bash
+nvm use
 ```
 
-Examples:
+Install [pnpm](https://pnpm.io/). Check the [package.json](../../package.json) to get the correct version.
 
+```bash
+npm i -g pnpm@9.14.4
 ```
-fix(react): change button color on hover
-feat(twig): add button component
-ci(github): add release workflow
-perf(react): improve modal animations
-```
-
-#### Types
-
-- build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
-- ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
-- docs: Documentation only changes
-- feat: A new feature
-- fix: A bug fix
-- perf: A code change that improves performance
-- refactor: A code change that neither fixes a bug nor adds a feature
-- style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
-- test: Adding missing tests or correcting existing tests
-
-#### Scopes
-
-This should be a package name or an aspect of the project's configuration.
-
-### Branches
 
-Branch names should broadly mirror the same convention as commits.
+### Storybook
 
-Examples:
+Start Storybook in development mode:
 
-```
-feat/react/modal-wrapper
-fix/twig/modal-wrapper
+```bash
+pnpm react:dev:docs
 ```
 
-### Pull requests
+Build Storybook for production:
 
-Pull requests should include a descriptive name and detailed explanation of what merging the pull request will accomplish. Authors should make sure to reference Github issues that the the pull request will fix or affect.
+```bash
+pnpm react:build:docs
+```
 
-## Building the project
+### Building
 
-Use [nvm](https://github.com/nvm-sh/nvm) to make sure you have the correct version of node installed.
+Build the library:
 
 ```bash
-nvm use
+pnpm react:build:lib
 ```
 
-Install [pnpm](https://pnpm.io/).
+Build the library in watch mode:
 
 ```bash
-npm i -g pnpm
+pnpm --filter react dev:lib
 ```
 
-Install dependencies
+### Code Quality
+
+Lint code:
 
 ```bash
-pnpm recursive install
+pnpm --filter react lint
 ```
 
-Build all packages.
+Lint code and fix errors:
 
 ```bash
-pnpm build:all
+pnpm --filter react lint:fix
 ```
 
-Start React storybook
+Check TypeScript types:
 
 ```bash
-pnpm start:react-storybook
+pnpm --filter react check
 ```
 
-Start Twig storybook
+### Testing
+
+Run tests:
 
 ```bash
-pnpm start:twig-storybook
+pnpm --filter react test
 ```
 
-Check types
+Run tests with UI:
 
 ```bash
-pnpm check:types
+pnpm --filter react test:ui
 ```
 
-Run all tests
+## Contributing
 
-```bash
-pnpm test:all
-```
+For contribution guidelines, please see the [Contributing Guide](../../contributing.md).

package/lib/cjs/_store/{AudioPlayer-chunk-BgWE3wR1.js → AudioPlayer-chunk-B7JUo7j6.js}

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),b=require("./index-chunk-Cxg31gtu.js"),m=require("react"),o=require("./Icon-chunk-BzII57By.js"),L=require("./useGlobalSettings-chunk-Cd48T6lS.js"),M={currentTime:0,totalTime:0,playing:!1,volume:1},_=(n,s)=>{switch(s.type){case"INITIALIZE":return{...n,totalTime:s.totalTime};case"SET_PLAYING":return{...n,playing:s.playing};case"UPDATE_TIME":return{...n,currentTime:s.time};case"SEEK_TO":return{...n,currentTime:s.time};case"SET_VOLUME":return{...n,volume:s.volume};default:return n}},p=n=>{const s=Math.floor(n/60).toString().padStart(2,"0"),u=Math.floor(n%60).toString().padStart(2,"0");return`${s}:${u}`},A=(n,s)=>s===0?0:n/s*100,C=({className:n,name:s,programme:u,creator:T,src:d,onEnded:g})=>{const{prefix:y}=L.useGlobalSettings(),a=`${y}--audio-player`,h=b.classNames(a,n),[t,l]=m.useReducer(_,M),e=m.useRef(null),v=()=>{e.current&&(t.playing?(e.current.pause(),l({type:"SET_PLAYING",playing:!1})):(e.current.play(),l({type:"SET_PLAYING",playing:!0})))},x=()=>{l({type:"SET_PLAYING",playing:!0})},N=()=>{l({type:"SET_PLAYING",playing:!1})},f=()=>{e.current&&l({type:"INITIALIZE",totalTime:e.current.duration})},j=()=>{e.current&&l({type:"UPDATE_TIME",time:e.current.currentTime})},E=()=>{e.current&&(e.current.currentTime=Math.min(e.current.currentTime+15,t.totalTime))},S=()=>{e.current&&(e.current.currentTime=Math.max(e.current.currentTime-15,0))},$=()=>{e.current&&(t.volume===0?(e.current.volume=1,l({type:"SET_VOLUME",volume:1})):(e.current.volume=0,l({type:"SET_VOLUME",volume:0})))},I=i=>{if(e.current){const c=i.currentTarget.getBoundingClientRect(),k=(i.clientX-c.left)/c.width*t.totalTime;e.current.currentTime=k}},P=i=>{const c=Number(i.target.value)/100;e.current&&(e.current.volume=c),l({type:"SET_VOLUME",volume:c})};return m.useEffect(()=>{e.current&&(e.current.currentTime=0,l({type:"UPDATE_TIME",time:0}),t.playing&&e.current.play(),l({type:"SET_PLAYING",playing:!e.current.paused}))},[d]),r.jsxs("div",{className:h,children:[r.jsx("div",{role:"progressbar",tabIndex:-1,"aria-valuenow":t.currentTime,"aria-valuemin":0,"aria-valuemax":t.totalTime,className:`${a}--progress-bar`,onClick:I,children:r.jsx("div",{className:`${a}--progress-complete`,style:{"--progress":`${A(t.currentTime,t.totalTime)}%`}})}),r.jsxs("div",{className:`${a}--body`,children:[r.jsxs("div",{className:`${a}--left`,children:[r.jsx("p",{className:`${a}--track-name`,children:s}),r.jsxs("div",{className:`${a}--track-details`,children:[r.jsx("span",{className:`${a}--track-programme`,children:u}),r.jsx("span",{className:`${a}--track-creator`,children:T})]})]}),r.jsxs("div",{className:`${a}--center`,children:[r.jsx("button",{className:`${a}--skip-button`,onClick:S,"aria-label":"Rewind 15 seconds",children:r.jsx(o.Icon,{name:"SkipBackward15"})}),r.jsx("button",{className:`${a}--play-button`,"aria-label":t.playing?"Pause":"Play",onClick:v,children:r.jsx(o.Icon,{className:`${a}--play-icon`,name:t.playing?"Pause":"TriangleRight",size:32})}),r.jsx("button",{className:`${a}--skip-button`,onClick:E,"aria-label":"Fast forward 15 seconds",children:r.jsx(o.Icon,{name:"SkipForward15"})})]}),r.jsxs("div",{className:`${a}--right`,children:[r.jsxs("div",{className:`${a}--duration`,children:[r.jsx("p",{className:`${a}--duration-played`,children:p(t.currentTime)}),r.jsx("p",{className:`${a}--duration-total`,children:p(t.totalTime)})]}),r.jsx("div",{className:`${a}--separator`}),r.jsx("button",{className:`${a}--volume-icon`,"aria-label":t.volume===0?"Unmute":"Mute",onClick:$,children:r.jsx(o.Icon,{name:t.volume===0?"SoundOff":"SoundOn"})}),r.jsx("input",{type:"range",className:`${a}--volume-slider`,style:{"--progress":`${t.volume*100}%`},value:t.volume*100,onChange:P,min:0,max:100,step:10})]})]}),r.jsx("audio",{ref:e,src:d,preload:"metadata",onLoadedMetadata:f,onTimeUpdate:j,onPlay:x,onPause:N,onEnded:g})]})};exports.AudioPlayer=C;
+"use strict";const r=require("react/jsx-runtime"),b=require("./index-chunk-Cxg31gtu.js"),m=require("react"),o=require("./Icon-chunk-DLR0d6ii.js"),L=require("./useGlobalSettings-chunk-Cd48T6lS.js"),M={currentTime:0,totalTime:0,playing:!1,volume:1},_=(n,s)=>{switch(s.type){case"INITIALIZE":return{...n,totalTime:s.totalTime};case"SET_PLAYING":return{...n,playing:s.playing};case"UPDATE_TIME":return{...n,currentTime:s.time};case"SEEK_TO":return{...n,currentTime:s.time};case"SET_VOLUME":return{...n,volume:s.volume};default:return n}},p=n=>{const s=Math.floor(n/60).toString().padStart(2,"0"),u=Math.floor(n%60).toString().padStart(2,"0");return`${s}:${u}`},A=(n,s)=>s===0?0:n/s*100,C=({className:n,name:s,programme:u,creator:T,src:d,onEnded:g})=>{const{prefix:y}=L.useGlobalSettings(),a=`${y}--audio-player`,h=b.classNames(a,n),[t,l]=m.useReducer(_,M),e=m.useRef(null),v=()=>{e.current&&(t.playing?(e.current.pause(),l({type:"SET_PLAYING",playing:!1})):(e.current.play(),l({type:"SET_PLAYING",playing:!0})))},x=()=>{l({type:"SET_PLAYING",playing:!0})},N=()=>{l({type:"SET_PLAYING",playing:!1})},f=()=>{e.current&&l({type:"INITIALIZE",totalTime:e.current.duration})},j=()=>{e.current&&l({type:"UPDATE_TIME",time:e.current.currentTime})},E=()=>{e.current&&(e.current.currentTime=Math.min(e.current.currentTime+15,t.totalTime))},S=()=>{e.current&&(e.current.currentTime=Math.max(e.current.currentTime-15,0))},$=()=>{e.current&&(t.volume===0?(e.current.volume=1,l({type:"SET_VOLUME",volume:1})):(e.current.volume=0,l({type:"SET_VOLUME",volume:0})))},I=i=>{if(e.current){const c=i.currentTarget.getBoundingClientRect(),k=(i.clientX-c.left)/c.width*t.totalTime;e.current.currentTime=k}},P=i=>{const c=Number(i.target.value)/100;e.current&&(e.current.volume=c),l({type:"SET_VOLUME",volume:c})};return m.useEffect(()=>{e.current&&(e.current.currentTime=0,l({type:"UPDATE_TIME",time:0}),t.playing&&e.current.play(),l({type:"SET_PLAYING",playing:!e.current.paused}))},[d]),r.jsxs("div",{className:h,children:[r.jsx("div",{role:"progressbar",tabIndex:-1,"aria-valuenow":t.currentTime,"aria-valuemin":0,"aria-valuemax":t.totalTime,className:`${a}--progress-bar`,onClick:I,children:r.jsx("div",{className:`${a}--progress-complete`,style:{"--progress":`${A(t.currentTime,t.totalTime)}%`}})}),r.jsxs("div",{className:`${a}--body`,children:[r.jsxs("div",{className:`${a}--left`,children:[r.jsx("p",{className:`${a}--track-name`,children:s}),r.jsxs("div",{className:`${a}--track-details`,children:[r.jsx("span",{className:`${a}--track-programme`,children:u}),r.jsx("span",{className:`${a}--track-creator`,children:T})]})]}),r.jsxs("div",{className:`${a}--center`,children:[r.jsx("button",{className:`${a}--skip-button`,onClick:S,"aria-label":"Rewind 15 seconds",children:r.jsx(o.Icon,{name:"SkipBackward15"})}),r.jsx("button",{className:`${a}--play-button`,"aria-label":t.playing?"Pause":"Play",onClick:v,children:r.jsx(o.Icon,{className:`${a}--play-icon`,name:t.playing?"Pause":"TriangleRight",size:32})}),r.jsx("button",{className:`${a}--skip-button`,onClick:E,"aria-label":"Fast forward 15 seconds",children:r.jsx(o.Icon,{name:"SkipForward15"})})]}),r.jsxs("div",{className:`${a}--right`,children:[r.jsxs("div",{className:`${a}--duration`,children:[r.jsx("p",{className:`${a}--duration-played`,children:p(t.currentTime)}),r.jsx("p",{className:`${a}--duration-total`,children:p(t.totalTime)})]}),r.jsx("div",{className:`${a}--separator`}),r.jsx("button",{className:`${a}--volume-icon`,"aria-label":t.volume===0?"Unmute":"Mute",onClick:$,children:r.jsx(o.Icon,{name:t.volume===0?"SoundOff":"SoundOn"})}),r.jsx("input",{type:"range",className:`${a}--volume-slider`,style:{"--progress":`${t.volume*100}%`},value:t.volume*100,onChange:P,min:0,max:100,step:10})]})]}),r.jsx("audio",{ref:e,src:d,preload:"metadata",onLoadedMetadata:f,onTimeUpdate:j,onPlay:x,onPause:N,onEnded:g})]})};exports.AudioPlayer=C;

package/lib/cjs/_store/{AudioPlayer-entry-DUimYc-F.js → AudioPlayer-entry-UGBBs6Ne.js}

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

package/lib/cjs/_store/{Button-chunk-i7Mx1CWw.js → Button-chunk-DaJZujL8.js}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),p=require("./index-chunk-Cxg31gtu.js"),N=require("./useGlobalSettings-chunk-Cd48T6lS.js"),d=require("./Link-chunk-CP7cvvcX.js"),b=require("./Icon-chunk-BzII57By.js"),I=g.forwardRef(({children:a,className:$,disabled:x=!1,icon:t,size:n="large",type:o="primary",style:u,name:_,link:r,iconPosition:f="left",icononly:l=!1,submit:m=!1,...j},c)=>{const{prefix:q}=N.useGlobalSettings(),s=`${q}--button`,i=p.classNames($,{[s]:!0,[`${s}__${n}`]:n,[`${s}__${o}`]:o,[`${s}--icon ${s}--icon--position__${f}`]:t&&!l,[`${s}--icon ${s}--icon--only`]:t&&l});return r?e.jsxs(d.Link,{ref:c,className:i,target:r.target,url:r.url,label:r.label,style:u,children:[t&&e.jsx(b.Icon,{...t}),a]}):e.jsxs("button",{ref:c,className:i,disabled:x,style:u,name:_,...j,type:m?"submit":"button",children:[t&&e.jsx(b.Icon,{...t}),e.jsx("span",{className:"button__label",children:a})]})});exports.Button=I;
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),p=require("./index-chunk-Cxg31gtu.js"),N=require("./useGlobalSettings-chunk-Cd48T6lS.js"),d=require("./Link-chunk-CP7cvvcX.js"),b=require("./Icon-chunk-DLR0d6ii.js"),I=g.forwardRef(({children:a,className:$,disabled:x=!1,icon:t,size:n="large",type:o="primary",style:u,name:_,link:r,iconPosition:f="left",icononly:l=!1,submit:m=!1,...j},c)=>{const{prefix:q}=N.useGlobalSettings(),s=`${q}--button`,i=p.classNames($,{[s]:!0,[`${s}__${n}`]:n,[`${s}__${o}`]:o,[`${s}--icon ${s}--icon--position__${f}`]:t&&!l,[`${s}--icon ${s}--icon--only`]:t&&l});return r?e.jsxs(d.Link,{ref:c,className:i,target:r.target,url:r.url,label:r.label,style:u,children:[t&&e.jsx(b.Icon,{...t}),a]}):e.jsxs("button",{ref:c,className:i,disabled:x,style:u,name:_,...j,type:m?"submit":"button",children:[t&&e.jsx(b.Icon,{...t}),e.jsx("span",{className:"button__label",children:a})]})});exports.Button=I;

package/lib/cjs/_store/{Button-entry-B6i_56pN.js → Button-entry-D3W25SBk.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-chunk-i7Mx1CWw.js");exports.Button=t.Button;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-chunk-DaJZujL8.js");exports.Button=t.Button;

package/lib/cjs/_store/{Callout-chunk-D0qGb3NA.js → Callout-chunk-BdeAvp9z.js}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),_=require("./index-chunk-Cxg31gtu.js"),r=require("react"),p=require("./useGlobalSettings-chunk-Cd48T6lS.js"),g=require("./Button-chunk-i7Mx1CWw.js"),b=r.forwardRef(({className:i,copy:d,cta:l,isCollapsible:n,isOpen:u=!0,toggleOpenLabel:c="Less",toggleClosedLabel:o="More",headline:$,type:a},x)=>{const{prefix:m}=p.useGlobalSettings(),s=`${m}--callout`,[t,j]=r.useState(u),N=_.classNames(s,i,{[`${s}__${a}`]:a,[`${s}__open`]:t,[`${s}__collapse`]:n}),h=t?c:o;return e.jsxs("div",{className:N,ref:x,children:[e.jsx("div",{className:`${s}--sidebar`,children:e.jsx("span",{className:`${s}--icon ${s}--icon__alert__${a}`})}),e.jsxs("div",{className:`${s}--content`,children:[e.jsxs("div",{className:`${s}--header`,children:[e.jsx("h5",{className:`${s}--title`,children:$}),n&&e.jsxs("button",{className:`${s}--toggle`,onClick:()=>j(!t),"data-open":c,"data-closed":o,children:[e.jsx("span",{className:`${s}--button-text`,children:h}),e.jsx("span",{className:`${s}--toggle--icon`,role:"presentation"})]})]}),e.jsx("p",{className:`${s}--description`,children:d}),l&&e.jsx("div",{className:`${s}--footer`,children:e.jsx(g.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label}})})]})]})});exports.Callout=b;
+"use strict";const e=require("react/jsx-runtime"),_=require("./index-chunk-Cxg31gtu.js"),r=require("react"),p=require("./useGlobalSettings-chunk-Cd48T6lS.js"),g=require("./Button-chunk-DaJZujL8.js"),b=r.forwardRef(({className:i,copy:d,cta:l,isCollapsible:n,isOpen:u=!0,toggleOpenLabel:c="Less",toggleClosedLabel:o="More",headline:$,type:a},x)=>{const{prefix:m}=p.useGlobalSettings(),s=`${m}--callout`,[t,j]=r.useState(u),N=_.classNames(s,i,{[`${s}__${a}`]:a,[`${s}__open`]:t,[`${s}__collapse`]:n}),h=t?c:o;return e.jsxs("div",{className:N,ref:x,children:[e.jsx("div",{className:`${s}--sidebar`,children:e.jsx("span",{className:`${s}--icon ${s}--icon__alert__${a}`})}),e.jsxs("div",{className:`${s}--content`,children:[e.jsxs("div",{className:`${s}--header`,children:[e.jsx("h5",{className:`${s}--title`,children:$}),n&&e.jsxs("button",{className:`${s}--toggle`,onClick:()=>j(!t),"data-open":c,"data-closed":o,children:[e.jsx("span",{className:`${s}--button-text`,children:h}),e.jsx("span",{className:`${s}--toggle--icon`,role:"presentation"})]})]}),e.jsx("p",{className:`${s}--description`,children:d}),l&&e.jsx("div",{className:`${s}--footer`,children:e.jsx(g.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label}})})]})]})});exports.Callout=b;

package/lib/cjs/_store/{Callout-entry-B9JKkfjT.js → Callout-entry-DfrEmZB7.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Callout-chunk-D0qGb3NA.js");exports.Callout=t.Callout;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Callout-chunk-BdeAvp9z.js");exports.Callout=t.Callout;

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

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

package/lib/cjs/_store/{Cards-entry-C6nZgRnw.js → Cards-entry-DZ1Jw3ZI.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./CardGroup-chunk-CRgPaqdt.js");exports.CardGroup=r.CardGroup;exports.DataCard=r.DataCardCombined;exports.DetailCard=r.DetailCardCombined;exports.FactListCard=r.FactListCardCombined;exports.FeatureCard=r.FeatureCardCombined;exports.MultiLinkCard=r.MultiLinkCardCombined;exports.PromoCard=r.PromoCardCombined;exports.ScoreCard=r.ScoreCardCombined;exports.StatCard=r.StatCardCombined;exports.TextCard=r.TextCardCombined;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./CardGroup-chunk-HDoqytKS.js");exports.CardGroup=r.CardGroup;exports.DataCard=r.DataCardCombined;exports.DetailCard=r.DetailCardCombined;exports.FactListCard=r.FactListCardCombined;exports.FeatureCard=r.FeatureCardCombined;exports.MultiLinkCard=r.MultiLinkCardCombined;exports.PromoCard=r.PromoCardCombined;exports.ScoreCard=r.ScoreCardCombined;exports.StatCard=r.StatCardCombined;exports.TextCard=r.TextCardCombined;

package/lib/cjs/_store/{Footer-chunk-F6FWK20F.js → Footer-chunk-DvVEyN5x.js}

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),$=require("react"),k=require("./index-chunk-Cxg31gtu.js"),f=require("./LinkList-chunk-CmVHEiqZ.js"),y=require("./SocialMedia-chunk-BlRflaPL.js"),q=require("./useGlobalSettings-chunk-Cd48T6lS.js"),b=require("./Button-chunk-i7Mx1CWw.js"),L=$.forwardRef(({className:N,logo:n,tagline:d,subtagline:t,address:o,linkgroup:m,socialmedia:h,subscribe:l,legal:x,secondarylinks:j,anchorlink:i},u)=>{const{prefix:c}=q.useGlobalSettings(),e=`${c}--footer`,v=k.classNames(N,e);return s.jsxs("footer",{className:v,ref:u,children:[s.jsxs("div",{className:`${e}--main ${c}--container`,children:[s.jsxs("div",{className:"site--info",children:[n&&s.jsx("img",{className:`${e}--logo`,src:n,alt:"ILO Logo"}),d&&s.jsx("h3",{className:`${e}--headline`,children:d}),t&&s.jsx("h4",{className:`${e}--subhead`,children:t})]}),o&&s.jsx("div",{className:"address",children:o.map((a,r)=>s.jsx("p",{className:"address--line",children:a},`address-line-${r}`))}),m&&s.jsx("nav",{className:"links",children:s.jsx(f.LinkList,{linkgroup:m,theme:"dark"})}),h&&s.jsx("div",{className:"connect",children:s.jsx("div",{className:"social--links",children:s.jsx(y.SocialMedia,{...h,theme:"dark"})})}),l&&s.jsx("div",{className:"subscribe",children:s.jsx(b.Button,{link:{url:l.url,label:l.label,target:"_blank"},type:"primary",size:"large"})})]}),s.jsx("div",{className:`${e}--secondary`,children:s.jsxs("div",{className:`${c}--container`,children:[s.jsxs("div",{className:`${e}--secondary--details`,children:[x&&s.jsx("div",{className:"legal",children:x}),j&&s.jsx("nav",{className:"secondarylinks",children:s.jsx("ul",{className:"secondarylinks--list",children:j.map((a,r)=>s.jsx("li",{className:"secondarylinks--list--item",children:s.jsx("a",{href:a.url,className:"secondarylinks--list--link",children:a.label})},`secondary-link-${r}`))})})]}),i&&s.jsx("a",{href:i.url,className:"anchorlink",children:i.label})]})})]})});exports.Footer=L;
+"use strict";const s=require("react/jsx-runtime"),$=require("react"),k=require("./index-chunk-Cxg31gtu.js"),f=require("./LinkList-chunk-CmVHEiqZ.js"),y=require("./SocialMedia-chunk-BlRflaPL.js"),q=require("./useGlobalSettings-chunk-Cd48T6lS.js"),b=require("./Button-chunk-DaJZujL8.js"),L=$.forwardRef(({className:N,logo:n,tagline:d,subtagline:t,address:o,linkgroup:m,socialmedia:h,subscribe:l,legal:x,secondarylinks:j,anchorlink:i},u)=>{const{prefix:c}=q.useGlobalSettings(),e=`${c}--footer`,v=k.classNames(N,e);return s.jsxs("footer",{className:v,ref:u,children:[s.jsxs("div",{className:`${e}--main ${c}--container`,children:[s.jsxs("div",{className:"site--info",children:[n&&s.jsx("img",{className:`${e}--logo`,src:n,alt:"ILO Logo"}),d&&s.jsx("h3",{className:`${e}--headline`,children:d}),t&&s.jsx("h4",{className:`${e}--subhead`,children:t})]}),o&&s.jsx("div",{className:"address",children:o.map((a,r)=>s.jsx("p",{className:"address--line",children:a},`address-line-${r}`))}),m&&s.jsx("nav",{className:"links",children:s.jsx(f.LinkList,{linkgroup:m,theme:"dark"})}),h&&s.jsx("div",{className:"connect",children:s.jsx("div",{className:"social--links",children:s.jsx(y.SocialMedia,{...h,theme:"dark"})})}),l&&s.jsx("div",{className:"subscribe",children:s.jsx(b.Button,{link:{url:l.url,label:l.label,target:"_blank"},type:"primary",size:"large"})})]}),s.jsx("div",{className:`${e}--secondary`,children:s.jsxs("div",{className:`${c}--container`,children:[s.jsxs("div",{className:`${e}--secondary--details`,children:[x&&s.jsx("div",{className:"legal",children:x}),j&&s.jsx("nav",{className:"secondarylinks",children:s.jsx("ul",{className:"secondarylinks--list",children:j.map((a,r)=>s.jsx("li",{className:"secondarylinks--list--item",children:s.jsx("a",{href:a.url,className:"secondarylinks--list--link",children:a.label})},`secondary-link-${r}`))})})]}),i&&s.jsx("a",{href:i.url,className:"anchorlink",children:i.label})]})})]})});exports.Footer=L;

package/lib/cjs/_store/{Footer-entry-B0EMXAZe.js → Footer-entry-lrTkrnhr.js}

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

package/lib/cjs/_store/GlobalProvider-chunk-BInwj8Vo.js

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),l=require("./GlobalCtx-chunk-D_GlGcgw.js"),t=({prefix:r="ilo",children:e})=>o.jsx(l.GlobalProviderContext.Provider,{value:{prefix:r},children:e});exports.GlobalProvider=t;

package/lib/cjs/_store/{GlobalProvider-entry-D4VUJVT5.js → GlobalProvider-entry-9ibi3MG-.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./GlobalProvider-chunk-BmUbDojc.js"),e=require("./GlobalCtx-chunk-D_GlGcgw.js");exports.GlobalProvider=o.GlobalProvider;exports.GlobalProviderContext=e.GlobalProviderContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./GlobalProvider-chunk-BInwj8Vo.js"),e=require("./GlobalCtx-chunk-D_GlGcgw.js");exports.GlobalProvider=o.GlobalProvider;exports.GlobalProviderContext=e.GlobalProviderContext;