@ilo-org/react 0.24.0 → 0.24.2

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

@@ -1,4 +1,5 @@
 import { BreadcrumbItemProps } from './BreadcrumbItem';
+import { ThemeTypes } from '../../types';
 
 export type BreadcrumbProps = {
     /**
@@ -13,6 +14,10 @@ export type BreadcrumbProps = {
      * Specify the links to be displayed in the Breadcrumb
      */
     links: BreadcrumbItemProps[];
+    /**
+     * Specify the theme of the Breadcrumb
+     */
+    theme?: ThemeTypes;
 };
 declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
 export { Breadcrumb };

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

@@ -25,4 +25,8 @@ export interface FieldsetProps extends HTMLProps<HTMLFieldSetElement> {
      * How the Fieldset children will wrap
      */
     wrap?: "reverse" | "nowrap" | "wrap" | "wrap-reverse";
+    /**
+     * The theme of the Fieldset. This will be overridden by the theme of the Form.
+     */
+    theme?: "light" | "dark";
 }

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

@@ -1,4 +1,9 @@
 import { FormProps } from './Form.props';
+import { ThemeTypes } from '../../types';
 
+interface FormContextValue {
+    theme: ThemeTypes | null;
+}
+export declare const useFormContext: () => FormContextValue;
 declare const Form: import('react').ForwardRefExoticComponent<FormProps & import('react').RefAttributes<HTMLFormElement>>;
 export default Form;

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

@@ -1,7 +1,7 @@
 export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
     children?: React.ReactNode;
     /**
-     * The theme of the form. Also sets the theme of the form's children.
+     * The theme of the form. Also sets the theme of the form's children. Defaults to "light".
      */
     theme?: "light" | "dark";
 }

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

@@ -3,6 +3,7 @@ import { DropdownProps } from '../Dropdown/Dropdown.props';
 import { InputProps } from '../Input/Input.props';
 import { TextareaProps } from '../Textarea';
 import { ToggleProps } from '../Toggle';
+import { ThemeTypes } from '../../types';
 
 export interface FormControlPublicProps {
     /**
@@ -45,6 +46,10 @@ export interface FormControlPublicProps {
      * Optional text to render in a tooltip
      */
     tooltip?: string;
+    /**
+     * Theme to use for the FormControl. This will be overridden by the theme of the Form.
+     */
+    theme?: ThemeTypes;
 }
 export interface FormControlPrivateProps {
     /**

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

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes, ReactNode } from 'react';
-import { LinkTypes } from '../../types';
+import { ThemeTypes } from '../../types';
 
 export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     /**
@@ -21,7 +21,7 @@ export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     /**
      * Specify an optional className to be added to your Link.
      */
-    theme?: LinkTypes;
+    theme?: ThemeTypes;
     /**
      * Specify an optional className to be added to your Link.
      */
@@ -47,7 +47,7 @@ declare const Link: import('react').ForwardRefExoticComponent<AnchorHTMLAttribut
     /**
      * Specify an optional className to be added to your Link.
      */
-    theme?: LinkTypes | undefined;
+    theme?: ThemeTypes | undefined;
     /**
      * Specify an optional className to be added to your Link.
      */

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

@@ -51,4 +51,8 @@ export interface PaginationProps {
      * total number of pages that are available
      */
     totalPages: number;
+    /**
+     * theme of the pagination
+     */
+    theme?: "dark" | "light";
 }

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

@@ -1,3 +1,5 @@
+import { ThemeTypes } from '../../types';
+
 export interface RichTextProps {
     /**
      * Specify an optional className to be added to your RichText.
@@ -7,4 +9,9 @@ export interface RichTextProps {
      * Specify the html content
      */
     content: string;
+    /**
+     * Specify the theme to be used for the RichText component.
+     * @default "light"
+     */
+    theme?: ThemeTypes;
 }

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

@@ -12,7 +12,6 @@ export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export type TextInputTypes = "email" | "hidden" | "password" | "search" | "tel" | "text" | "url";
 export type Language = "en" | "fr" | "es";
 export type LabelTypes = "default" | "actionable" | "light";
-export type LinkTypes = "light" | "dark" | "footer" | "button";
 export type LinkListThemes = "light" | "dark";
 export type TooltipThemes = "light" | "dark";
 export type TooltipIconThemes = "light" | "dark";

package/package.json

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

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

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

package/lib/cjs/_store/Fieldset-chunk-ChX_vSBT.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),c=require("./index-chunk-D921N0ug.js"),v=require("./useGlobalSettings-chunk-DEacV16j.js"),H=require("./Tooltip-chunk-Dk0E60Nc.js"),i=n.createContext({hasError:!1,setHasError:t=>t}),S=()=>n.useContext(i),G=({children:t,className:d,legend:l,helper:a,tooltip:o,errorMessage:u,disabled:x=!1,wrap:$="nowrap",direction:m="column",...p})=>{const{prefix:h}=v.useGlobalSettings(),[r,C]=n.useState(!1),s=`${h}--fieldset`,j=`${s}--wrap__${$}`,_=`${s}--direction__${m}`,f=`${s}--helper`,E=`${s}__error`,b=`${s}__disabled`,F=c.classnames(d,s,j,_,{[b]:x}),N=c.classnames(f,{[E]:r}),g={hasError:r,setHasError:C},q=!!a||r,w=r?u:a;return e.jsxs("fieldset",{className:F,...p,children:[l||a?e.jsxs("div",{className:`${s}--legend-wrapper`,children:[l&&e.jsxs("legend",{className:`${s}--legend`,children:[l,o&&e.jsx(H.Tooltip,{className:`${s}--legend--tooltip`,icon:!0,label:o,theme:"dark"})]}),q&&e.jsx("span",{className:N,children:w})]}):null,e.jsx("div",{className:`${s}--elements`,children:e.jsx(i.Provider,{value:g,children:t})})]})},R=G;exports.Fieldset=R;exports.useFieldsetError=S;

package/lib/cjs/_store/Form-chunk-BJA6abAs.js

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),l=require("./useGlobalSettings-chunk-DEacV16j.js"),u=require("./index-chunk-D921N0ug.js"),f=m.forwardRef(({children:e,theme:t="light",...r},o)=>{const{prefix:n}=l.useGlobalSettings(),s=`${n}--form`,c=`${s}__theme__${t}`,a=u.classnames(s,c);return i.jsx("form",{ref:o,className:a,...r,children:e})}),q=f;exports.Form=q;

package/lib/cjs/_store/FormControl-chunk-CTRPINwt.js

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),C=require("./index-chunk-D921N0ug.js"),a=require("react"),G=require("./useGlobalSettings-chunk-DEacV16j.js"),P=require("./Tooltip-chunk-Dk0E60Nc.js");let $=(o=21)=>crypto.getRandomValues(new Uint8Array(o)).reduce((e,s)=>(s&=63,s<36?e+=s.toString(36):s<62?e+=(s-26).toString(36).toUpperCase():s>62?e+="-":e+="_",e),"");function T(o="",{tooltip:e,helper:s,errorMessage:n}={}){return{tooltipId:e&&`${o}--tooltip--${$()}`,helperId:s&&`${o}--helper--${$()}`,errorId:n&&`${o}--error--${$()}`}}function U(o,e){const{tooltipId:s,helperId:n,errorId:c}=o,l=C.classnames(s,{[`${n}`]:!e,[`${c}`]:e});if(!(!l||l==="undefined"))return l}const f=a.createContext({}),V=()=>a.useContext(f),k=({children:o,className:e,label:s,helper:n,errorMessage:c,tooltip:l,style:h,error:i,disabled:b,fieldId:F,labelSize:I="medium",labelPlacement:j="top"})=>{const{prefix:v}=G.useGlobalSettings(),t=`${v}--form-control`,S=a.useMemo(()=>T(t,{helper:n,errorMessage:c,tooltip:l}),[t,n,c,l]),{tooltipId:d,helperId:u,errorId:m}=S,[g,q]=a.useState(void 0);a.useEffect(()=>{q(U({tooltipId:d,helperId:u,errorId:m},i))},[d,u,m,i]);const B={ariaDescribedBy:g},N=`${t}__error`,A=`${t}__disabled`,D=`${t}__label-placement__${j}`,w=C.classnames(t,e,D,[{[N]:i},{[A]:b}]),p=`${t}--label`,y=`${p}__size__${I}`,R=C.classnames(p,y),x=`${t}--helper`,_=!!i&&!!c,z=!_&&!!n;return r.jsx(f.Provider,{value:B,children:r.jsxs("div",{className:w,style:h,children:[r.jsxs("span",{className:R,children:[r.jsx("label",{htmlFor:F,children:s}),l&&r.jsx(P.Tooltip,{id:d,className:`${t}--legend--tooltip`,icon:!0,label:l,theme:"dark"})]}),o,z&&r.jsx("span",{id:u,className:x,children:n}),_&&r.jsx("span",{id:m,className:x,"aria-live":"assertive",children:c})]})})},E=k;exports.FormControl=E;exports.useFormControl=V;

package/lib/cjs/_store/Link-chunk-DuZiglb_.js

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),k=require("react"),x=require("./index-chunk-D921N0ug.js"),a=require("./useGlobalSettings-chunk-DEacV16j.js"),b=k.forwardRef(({children:o,className:e,label:r,target:s,theme:i="light",url:l,...u},c)=>{const{prefix:d}=a.useGlobalSettings();let n=`${d}--link`;e!=null&&e.includes("button")&&(n="");const f=x.classnames(e,{[n]:!0,[`${n}--${i}`]:n&&i});return t.jsxs("a",{ref:c,className:f,href:l,target:s,rel:s?"noopener noreferrer":void 0,...u,children:[r&&t.jsx("span",{className:"link__label",children:r}),o]})});exports.Link=b;

package/lib/cjs/_store/Pagination-chunk-DYcRUXLg.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("./index-chunk-D921N0ug.js"),F=require("./useGlobalSettings-chunk-DEacV16j.js"),G=({className:i,callback:c,currentPage:l,firstPageUrl:h,firstPageTitle:r="First page",lastPageUrl:j,lastPageTitle:o="Last page",nextPageUrl:C,nextPageTitle:d="Next page",pageCountPreposition:m="of",prevPageUrl:g,prevPageTitle:p="Previous page",totalPages:u})=>{const{prefix:f}=F.useGlobalSettings(),s=`${f}--pagination`,k=a.classnames(i,{[s]:!0}),x=l===0,$=l+1===u,b=a.classnames(i,{[`${s}--first-page`]:!0,[`${s}--link`]:!0,[`${s}--disable`]:x}),v=a.classnames(i,{[`${s}--prev-page`]:!0,[`${s}--link`]:!0,[`${s}--disable`]:x}),N=a.classnames(i,{[`${s}--next-page`]:!0,[`${s}--link`]:!0,[`${s}--disable`]:$}),q=a.classnames(i,{[`${s}--last-page`]:!0,[`${s}--link`]:!0,[`${s}--disable`]:$}),t=n=>{c&&c(n)};return e.jsxs("div",{className:k,children:[e.jsxs("div",{className:`${s}--previous-set`,children:[e.jsx("a",{className:b,onClick:n=>t(n),href:h,title:r,children:r}),e.jsx("a",{className:v,onClick:n=>t(n),href:g,title:p,children:p})]}),e.jsxs("p",{className:`${s}--page`,children:[e.jsx("span",{children:l+1}),e.jsx("span",{children:m}),e.jsx("span",{children:u})]}),e.jsxs("div",{className:`${s}--next-set`,children:[e.jsx("a",{className:N,onClick:n=>t(n),href:C,title:d,children:d}),e.jsx("a",{className:q,onClick:n=>t(n),href:j,title:o,children:o})]})]})},L=G;exports.Pagination=L;

package/lib/cjs/_store/RichText-chunk-B8HoKl_2.js

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),r=require("./index-chunk-D921N0ug.js"),o=require("./useGlobalSettings-chunk-DEacV16j.js"),a=({className:e,content:s})=>{const{prefix:t}=o.useGlobalSettings(),n=`${t}--richtext`,c=r.classnames(e,{[n]:!0});return i.jsx("div",{className:c,dangerouslySetInnerHTML:{__html:s}})},l=a;exports.RichText=l;

package/lib/cjs/_store/ScoreCard-chunk-CdqvfjmP.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),N=require("react"),u=require("./index-chunk-D921N0ug.js"),v=require("./useGlobalSettings-chunk-DEacV16j.js"),C=require("./Button-chunk-B65FgSLG.js"),y=require("./Link-chunk-DuZiglb_.js"),L=require("./LinkList-chunk-AT26ZVEG.js"),E=require("./Profile-chunk-Du8HEAQA.js"),k=require("./List-entry-DRGsrQZi.js"),I=require("./Picture-chunk-CK6tJPnd.js"),M=require("./Status-chunk-3GZXo15N.js"),z=require("./Icon-chunk-QFryHTpy.js"),S=N.forwardRef(({className:p,title:c,theme:r="light",size:e="standard",color:o,intro:$,source:m,titleLevel:x="p"},n)=>{const{prefix:a}=v.useGlobalSettings(),i=`${a}--card`,_=u.classnames(`${i}--wrapper`,p),t=u.classnames(i,`${i}__type__stat`,{[`${i}__size__${String(e)}`]:e,[`${i}__theme__${r}`]:r,[`${i}__color__${o}`]:o});return s.jsx("div",{className:_,ref:n,children:s.jsx("div",{className:t,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[s.jsx(x,{className:`${i}--title`,children:c}),$&&s.jsx("p",{className:`${i}--intro`,children:$}),m&&s.jsx(y.Link,{className:`${i}--source`,url:m.url,label:m.label})]})})})})}),G=N.forwardRef(({className:p,title:c,size:r="standard",alignment:e,intro:o,link:$,linklist:m,image:x,titleLevel:n="p",eyebrow:a,isVideo:i,theme:_="light"},t)=>{const{prefix:l}=v.useGlobalSettings(),d=`${l}--card`,h=u.classnames(d,p,`${d}__type__multilink`,{[`${d}__align__${e}`]:e,[`${d}__size__${r}`]:r,[`${d}__isvideo`]:i,[`${d}--no-image`]:!x,[`${d}__theme__${_}`]:_});return s.jsxs("div",{className:h,ref:t,children:[$&&s.jsx("a",{className:`${d}--link`,href:$,title:c,children:s.jsx("span",{className:`${d}--link--text`,children:c})}),s.jsxs("div",{className:`${d}--wrap`,children:[x&&s.jsx("div",{className:`${d}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${d}--picture`})})}),s.jsxs("div",{className:`${d}--content`,children:[a&&s.jsx("p",{className:`${d}--eyebrow`,children:a}),s.jsx(n,{className:`${d}--title`,children:c}),x&&s.jsx("div",{className:`${d}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${d}--picture`})})}),o&&(N.isValidElement(o)?s.jsx("div",{className:`${d}--intro`,children:o}):s.jsx("p",{className:`${d}--intro`,children:o})),m&&s.jsx(L.LinkList,{...m})]})]})]})}),q=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:o,profile:$,link:m,titleLevel:x="p",eyebrow:n},a)=>{const{prefix:i}=v.useGlobalSettings(),_=`${i}--card`,t=u.classnames(`${_}--wrapper`,p),l=u.classnames(_,`${_}__type__text`,{[`${_}__size__${String(e)}`]:e,[`${_}__theme__${r}`]:r});return s.jsx("div",{className:t,ref:a,children:s.jsxs("div",{className:l,children:[s.jsx("a",{className:`${_}--link`,href:m,title:c,children:s.jsx("span",{className:`${_}--link--text`,children:c})}),s.jsx("div",{className:`${_}--wrap`,children:s.jsxs("div",{className:`${_}--content`,children:[n&&s.jsx("p",{className:`${_}--eyebrow`,children:n}),s.jsx(x,{className:`${_}--title`,children:c}),o&&s.jsx("time",{className:`${_}--date`,dateTime:o.unix,children:o.human}),$&&s.jsx(E.Profile,{avatar:$.avatar,description:$.description,link:$.link,name:$.name,role:$.role,theme:r})]})})]})})}),R=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",cornercut:o,intro:$,link:m,cta:x,titleLevel:n="p",eyebrow:a},i)=>{const{prefix:_}=v.useGlobalSettings(),t=`${_}--card`,l=u.classnames(`${t}--wrapper`,p,`${t}--wrapper__type__promo`,`${t}--wrapper__type__promo__size__${e}`),d=u.classnames(t,`${t}__type__promo`,{[`${t}__size__${String(e)}`]:e,[`${t}__theme__${r}`]:r,[`${t}__cornercut`]:o});return s.jsx("div",{className:l,ref:i,children:s.jsxs("div",{className:d,children:[s.jsx("a",{className:`${t}--link`,href:m,title:c,children:s.jsx("span",{className:`${t}--link--text`,children:c})}),s.jsx("div",{className:`${t}--wrap`,children:s.jsxs("div",{className:`${t}--content`,children:[a&&s.jsx("p",{className:`${t}--eyebrow`,children:a}),s.jsx(n,{className:`${t}--title`,children:c}),$&&s.jsx("p",{className:`${t}--intro`,children:$}),(x==null?void 0:x.label)&&s.jsx("div",{className:`${t}--cta`,children:s.jsx(C.Button,{link:{url:x.url,label:x.label},size:"medium",type:"primary"})})]})})]})})}),T=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:o,link:$,linklist:m,image:x,titleLevel:n="p",eyebrow:a,isVideo:i},_)=>{const{prefix:t}=v.useGlobalSettings(),l=`${t}--card`,d=u.classnames(l,p,`${l}__type__feature`,{[`${l}__size__${String(e)}`]:e,[`${l}__theme__${r}`]:r,[`${l}__isvideo`]:i,[`${l}__linklist`]:m});return s.jsxs("div",{className:d,ref:_,children:[$&&s.jsx("a",{className:`${l}--link`,href:$,title:c,children:s.jsx("span",{className:`${l}--link--text`,children:c})}),s.jsxs("div",{className:`${l}--wrap`,children:[x&&s.jsx("div",{className:`${l}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:x,alt:c,className:`${l}--picture`})})}),s.jsxs("div",{className:`${l}--content`,children:[a&&s.jsx("p",{className:`${l}--eyebrow`,children:a}),s.jsx(n,{className:`${l}--title`,children:c}),o&&s.jsx("time",{className:`${l}--date`,dateTime:o.unix,children:o.human}),m&&s.jsx(L.LinkList,{headline:m.headline,linkgroup:m.linkgroup,theme:r})]})]})]})}),P=N.forwardRef(({className:p,title:c,theme:r="light",size:e="narrow",date:o,details:$,link:m,titleLevel:x="p",eyebrow:n,intro:a,image:i,isVideo:_=!1,linkComponent:t},l)=>{const{prefix:d}=v.useGlobalSettings(),h=`${d}--card`,j=u.classnames(h,`${h}__type__detail`,p,{[`${h}__size__${String(e)}`]:e,[`${h}__theme__${r}`]:r,[`${h}__isvideo`]:_}),b=N.createElement(t||"a",{className:`${h}--link`,href:m,title:c},s.jsx("span",{className:`${h}--link--text`,children:c}));return s.jsxs("div",{className:j,ref:l,children:[m&&b,s.jsxs("div",{className:`${h}--wrap`,children:[i&&s.jsx("div",{className:`${h}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${h}--picture`,src:i,alt:c})})}),s.jsxs("div",{className:`${h}--content`,children:[n&&s.jsx("p",{className:`${h}--eyebrow`,children:n}),c&&s.jsx(x,{className:`${h}--title`,children:c}),a&&(N.isValidElement(a)?s.jsx("div",{className:`${h}--intro`,children:a}):s.jsx("p",{className:`${h}--intro`,children:a})),o&&s.jsx("time",{className:`${h}--date`,dateTime:o.unix,children:o.human}),$&&s.jsx("p",{className:`${h}--date-extra`,children:$})]})]})]})}),B=N.forwardRef(({title:p,theme:c="light",size:r="narrow",list:e,titleLevel:o="p",className:$},m)=>{const{prefix:x}=v.useGlobalSettings(),n=`${x}--card`,a=u.classnames(n,`${n}__type__factlist`,$,{[`${n}__size__${r}`]:r,[`${n}__theme__${c}`]:c});return s.jsx("div",{className:a,ref:m,children:s.jsx("div",{className:`${n}--wrap`,children:s.jsxs("div",{className:`${n}--content`,children:[p&&s.jsx(o,{className:`${x}--card--title`,children:p}),s.jsx(k.List,{alignment:"default",ordered:"unordered",theme:c,children:e.map(i=>s.jsx(k.List.Item,{children:s.jsx("p",{children:i})},i))})]})})})}),F=N.forwardRef(({eyebrow:p,size:c="narrow",image:r,dataset:e,columns:o="one",className:$},m)=>{var t;const{prefix:x}=v.useGlobalSettings(),n=c==="narrow"?"one":o,a=`${x}--card`,i=u.classnames(a,`${a}__type__data`,$,{[`${a}__size__${String(c)}`]:c,[`${a}__type__data__columns__${n}`]:n}),_=u.classnames(`${a}--content`,{[`${a}--content__with-image`]:r,[`${a}--content__no-image-with-links`]:!r&&(e==null?void 0:e.links),[`${a}--content__default`]:!r&&!(e!=null&&e.links)});return s.jsx("div",{className:i,ref:m,children:s.jsxs("div",{className:`${a}--wrap`,children:[!r&&p&&s.jsx("div",{className:`${a}--eyebrow`,children:p}),s.jsxs("div",{className:_,children:[r&&s.jsxs("div",{className:`${a}--area--image`,children:[p&&s.jsx("div",{className:`${a}--eyebrow`,children:p}),s.jsx("div",{className:`${a}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${a}--picture`,src:r,alt:p})})})]}),(t=e==null?void 0:e.content)==null?void 0:t.items.map((l,d)=>s.jsxs("div",{className:`${a}--area--content`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:l.label}),s.jsx("p",{className:`${a}__type__data--content-copy`,children:l.copy})]},d)),(e==null?void 0:e.files)&&s.jsx("div",{className:`${a}--area--files`,children:s.jsxs("div",{className:`${a}__type__data--content-files`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.files.headline}),e.files.items.map((l,d)=>s.jsx(C.Button,{link:{url:l.url,label:l.label,target:l.target||"_self"},size:"small"},d))]})}),(e==null?void 0:e.cta)&&s.jsx("div",{className:`${a}--area--cta`,children:s.jsxs("div",{className:`${a}__type__data--content-cta`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.cta.headline}),e.cta.items.map(l=>s.jsx(C.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label,target:l.target}},l.label))]})}),(e==null?void 0:e.links)&&s.jsx("div",{className:`${a}--area--links`,children:s.jsxs("div",{className:`${a}__type__data--content-links`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.links.headline}),s.jsx("div",{className:`${a}__type__data--content-links-list`,children:e.links.items.map(l=>s.jsx(N.Fragment,{children:s.jsx(y.Link,{url:l.url,label:l.label,className:`${a}__type__data--content-link`})},l.label+l.url))})]})})]})]})})}),V={stat:S,multilink:G,text:q,promo:R,feature:T,detail:P,factlist:B,data:F},A=N.forwardRef(({type:p,group:c,cardCount:r="one",cta:e,collapsed:o=!1},$)=>{const m=V[p],{prefix:x}=v.useGlobalSettings(),n=`${x}--cardgroup`,a=u.classnames(n,`${n}__count__${r}`,{[`${n}__collapsed`]:o});return s.jsxs("div",{className:a,ref:$,children:[s.jsx("div",{className:`${n}--inner`,children:c.map((i,_)=>s.jsx(m,{...i},_))}),e&&s.jsx("div",{className:`${n}--button-wrap`,children:s.jsx(C.Button,{link:{url:e.url,label:e.label},type:"secondary",size:"medium"})})]})}),H=N.forwardRef(({className:p,theme:c="light",titleLevel:r="p",size:e="narrow",link:o,linkComponent:$,title:m,isVideo:x=!1,image:n,status:a,eyebrow:i,content:_,cta:t},l)=>{var g;const{prefix:d}=v.useGlobalSettings(),h=c==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",j=`${d}--card`,b=u.classnames(j,`${j}__type__score`,{[`${j}__theme__${c}`]:c,[`${j}__size__${e}`]:e,[`${j}__isvideo`]:x}),D=N.createElement($||"a",{href:o,title:m,className:`${j}--link`},s.jsx("span",{className:`${j}--link--text`,children:m}));return s.jsxs("div",{className:u.classnames(b,p),ref:l,children:[D,s.jsxs("div",{className:`${j}--wrap`,children:[n&&e!=="simple"&&s.jsx("div",{className:`${j}--image--wrapper`,children:s.jsx(I.Picture,{...n})}),s.jsxs("div",{className:`${j}--content`,children:[a&&s.jsx(M.Status,{content:a.content,statusType:a.statusType}),i&&e!=="simple"&&s.jsx("p",{className:`${j}--eyebrow`,children:i}),m&&s.jsx(r,{className:`${j}--title`,children:m}),_&&s.jsx("div",{className:`${j}--area--content`,children:(g=_.items)==null?void 0:g.map((f,w)=>s.jsxs("div",{className:`${j}--content--item`,children:[s.jsx(z.Icon,{name:f.icon,size:20,color:h}),s.jsx("span",{children:f.label})]},w))}),t&&s.jsx("div",{className:`${j}--area--cta`,children:t.items.map((f,w)=>s.jsx("div",{className:`${j}--cta`,children:f},w))})]})]})]})});exports.CardGroup=A;exports.DataCard=F;exports.DetailCard=P;exports.FactListCard=B;exports.FeatureCard=T;exports.MultiLinkCard=G;exports.PromoCard=R;exports.ScoreCard=H;exports.StatCard=S;exports.TextCard=q;

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

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

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

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

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

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

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

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

package/lib/esm/_store/DatePicker-entry-iTkl-QSl.js

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

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

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

package/lib/esm/_store/Fieldset-chunk-BYqbIcGY.js

@@ -1,57 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { createContext as j, useState as S, useContext as T } from "react";
-import { c } from "./index-chunk-CY3PQDr4.js";
-import { u as k } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { T as G } from "./Tooltip-chunk-BIPZucx0.js";
-const i = j({
-  hasError: !1,
-  setHasError: (t) => t
-}), A = () => T(i), M = ({
-  children: t,
-  className: d,
-  legend: a,
-  helper: o,
-  tooltip: n,
-  errorMessage: m,
-  disabled: p = !1,
-  wrap: $ = "nowrap",
-  direction: f = "column",
-  ...u
-}) => {
-  const { prefix: h } = k(), [e, C] = S(!1), s = `${h}--fieldset`, x = `${s}--wrap__${$}`, _ = `${s}--direction__${f}`, E = `${s}--helper`, N = `${s}__error`, b = `${s}__disabled`, w = c(
-    d,
-    s,
-    x,
-    _,
-    {
-      [b]: p
-    }
-  ), F = c(E, {
-    [N]: e
-  }), g = {
-    hasError: e,
-    setHasError: C
-  }, v = !!o || e, H = e ? m : o;
-  return /* @__PURE__ */ l("fieldset", { className: w, ...u, children: [
-    a || o ? /* @__PURE__ */ l("div", { className: `${s}--legend-wrapper`, children: [
-      a && /* @__PURE__ */ l("legend", { className: `${s}--legend`, children: [
-        a,
-        n && /* @__PURE__ */ r(
-          G,
-          {
-            className: `${s}--legend--tooltip`,
-            icon: !0,
-            label: n,
-            theme: "dark"
-          }
-        )
-      ] }),
-      v && /* @__PURE__ */ r("span", { className: F, children: H })
-    ] }) : null,
-    /* @__PURE__ */ r("div", { className: `${s}--elements`, children: /* @__PURE__ */ r(i.Provider, { value: g, children: t }) })
-  ] });
-}, B = M;
-export {
-  B as F,
-  A as u
-};

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

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

package/lib/esm/_store/FileUpload-entry-BS-_F8ZK.js

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

package/lib/esm/_store/Footer-entry-Db7ByESM.js

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

package/lib/esm/_store/Form-chunk-CnI3CSpO.js

@@ -1,13 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { u as l } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { c as i } from "./index-chunk-CY3PQDr4.js";
-const p = n(
-  ({ children: o, theme: r = "light", ...m }, t) => {
-    const { prefix: e } = l(), s = `${e}--form`, a = `${s}__theme__${r}`, f = i(s, a);
-    return /* @__PURE__ */ c("form", { ref: t, className: f, ...m, children: o });
-  }
-), x = p;
-export {
-  x as F
-};

package/lib/esm/_store/FormControl-chunk-k6iX88xc.js

@@ -1,77 +0,0 @@
-import { jsx as a, jsxs as _ } from "react/jsx-runtime";
-import { c as u } from "./index-chunk-CY3PQDr4.js";
-import { createContext as U, useMemo as V, useState as k, useEffect as E, useContext as G } from "react";
-import { u as H } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { T as R } from "./Tooltip-chunk-BIPZucx0.js";
-let p = (s = 21) => crypto.getRandomValues(new Uint8Array(s)).reduce((e, o) => (o &= 63, o < 36 ? e += o.toString(36) : o < 62 ? e += (o - 26).toString(36).toUpperCase() : o > 62 ? e += "-" : e += "_", e), "");
-function q(s = "", { tooltip: e, helper: o, errorMessage: r } = {}) {
-  return {
-    tooltipId: e && `${s}--tooltip--${p()}`,
-    helperId: o && `${s}--helper--${p()}`,
-    errorId: r && `${s}--error--${p()}`
-  };
-}
-function J(s, e) {
-  const { tooltipId: o, helperId: r, errorId: n } = s, l = u(o, {
-    [`${r}`]: !e,
-    [`${n}`]: e
-  });
-  if (!(!l || l === "undefined"))
-    return l;
-}
-const h = U({}), Y = () => G(h), K = ({
-  children: s,
-  className: e,
-  label: o,
-  helper: r,
-  errorMessage: n,
-  tooltip: l,
-  style: b,
-  error: c,
-  disabled: I,
-  fieldId: x,
-  labelSize: F = "medium",
-  labelPlacement: v = "top"
-}) => {
-  const { prefix: B } = H(), t = `${B}--form-control`, N = V(
-    () => q(t, { helper: r, errorMessage: n, tooltip: l }),
-    [t, r, n, l]
-  ), { tooltipId: i, helperId: d, errorId: m } = N, [S, g] = k(
-    void 0
-  );
-  E(() => {
-    g(
-      J({ tooltipId: i, helperId: d, errorId: m }, c)
-    );
-  }, [i, d, m, c]);
-  const A = {
-    ariaDescribedBy: S
-  }, D = `${t}__error`, w = `${t}__disabled`, y = `${t}__label-placement__${v}`, j = u(
-    t,
-    e,
-    y,
-    [{ [D]: c }, { [w]: I }]
-  ), $ = `${t}--label`, z = `${$}__size__${F}`, P = u($, z), f = `${t}--helper`, C = !!c && !!n, T = !C && !!r;
-  return /* @__PURE__ */ a(h.Provider, { value: A, children: /* @__PURE__ */ _("div", { className: j, style: b, children: [
-    /* @__PURE__ */ _("span", { className: P, children: [
-      /* @__PURE__ */ a("label", { htmlFor: x, children: o }),
-      l && /* @__PURE__ */ a(
-        R,
-        {
-          id: i,
-          className: `${t}--legend--tooltip`,
-          icon: !0,
-          label: l,
-          theme: "dark"
-        }
-      )
-    ] }),
-    s,
-    T && /* @__PURE__ */ a("span", { id: d, className: f, children: r }),
-    C && /* @__PURE__ */ a("span", { id: m, className: f, "aria-live": "assertive", children: n })
-  ] }) });
-}, Z = K;
-export {
-  Z as F,
-  Y as u
-};

package/lib/esm/_store/FormControl-entry-DxxbHspw.js

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

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

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

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

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

package/lib/esm/_store/Link-chunk-DNHgQ3lF.js

@@ -1,33 +0,0 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { c as m } from "./index-chunk-CY3PQDr4.js";
-import { u as k } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const j = d(
-  ({ children: e, className: r, label: n, target: i, theme: s = "light", url: t, ...l }, f) => {
-    const { prefix: p } = k();
-    let o = `${p}--link`;
-    r != null && r.includes("button") && (o = "");
-    const u = m(r, {
-      [o]: !0,
-      [`${o}--${s}`]: o && s
-    });
-    return /* @__PURE__ */ a(
-      "a",
-      {
-        ref: f,
-        className: u,
-        href: t,
-        target: i,
-        rel: i ? "noopener noreferrer" : void 0,
-        ...l,
-        children: [
-          n && /* @__PURE__ */ c("span", { className: "link__label", children: n }),
-          e
-        ]
-      }
-    );
-  }
-);
-export {
-  j as L
-};

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

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

package/lib/esm/_store/Notification-entry-D9sUbaSJ.js

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

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

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

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

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

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

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