@ilo-org/react 0.23.1 → 0.23.3

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

@@ -1,3 +1,4 @@
+import { ElementType, ReactNode } from 'react';
 import { CardSize, EventDate, HeadingTypes, ThemeTypes } from '../../types';
 
 export type DetailCardProps = {
@@ -32,11 +33,15 @@ export type DetailCardProps = {
     /**
      * Intro text for the card
      */
-    intro?: string;
+    intro?: string | ReactNode;
     /**
      * Specify the URL for the card link
      */
     link?: string;
+    /**
+     * Specify the component to use for the link
+     */
+    linkComponent?: ElementType;
     /**
      * Specify the image for the card
      */

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { LinkListProps } from '../LinkList';
 import { CardAlignment, CardSize, HeadingTypes } from '../../types';
 
@@ -26,7 +27,7 @@ export type MultiLinkCardProps = {
     /**
      * Introductory text in the card
      */
-    intro?: string;
+    intro?: ReactNode;
     /**
      * Link to the card
      */

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

@@ -1,3 +1,4 @@
+import { ElementType, ReactNode } from 'react';
 import { PictureProps } from '../Picture';
 import { StatusProps } from '../Status';
 import { ButtonProps } from '../Button';
@@ -19,6 +20,10 @@ export type ScoreCardProps = {
      * The link URL for the card.
      */
     link: string;
+    /**
+     * Specify the component to use for the link
+     */
+    linkComponent?: ElementType;
     /**
      * The title text for the card.
      */
@@ -45,7 +50,7 @@ export type ScoreCardProps = {
     content?: {
         items: {
             icon: string;
-            label: string;
+            label: string | ReactNode;
             unix?: string;
         }[];
     };
@@ -55,6 +60,7 @@ export type ScoreCardProps = {
     cta?: {
         items: React.ReactElement<ButtonProps>[];
     };
+    className?: string;
 };
 declare const ScoreCard: import('react').ForwardRefExoticComponent<ScoreCardProps & import('react').RefAttributes<HTMLDivElement>>;
 export { ScoreCard };

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

@@ -15,6 +15,10 @@ export interface TabsProps {
      * Add an optional className to the Tabs
      */
     className?: string;
+    /**
+     * Specify the default active tab
+     */
+    defaultActiveTab?: number;
 }
 export interface TabItem {
     icon?: IconProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.23.1",
+  "version": "0.23.3",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -72,12 +72,12 @@
     "use-breakpoint": "^4.0.6",
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
-    "@ilo-org/fonts": "1.0.0",
-    "@ilo-org/icons-react": "1.0.3",
     "@ilo-org/brand-assets": "1.0.0",
-    "@ilo-org/styles": "1.7.1",
+    "@ilo-org/fonts": "1.0.0",
     "@ilo-org/themes": "0.9.1",
-    "@ilo-org/utils": "0.1.1"
+    "@ilo-org/utils": "0.1.1",
+    "@ilo-org/styles": "1.7.2",
+    "@ilo-org/icons-react": "1.0.3"
   },
   "devDependencies": {
     "@storybook/addon-actions": "^8.1.9",

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

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

package/lib/cjs/_store/Tabs-chunk-CYKFJgLR.js

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),h=require("./useGlobalSettings-chunk-DEacV16j.js"),m=require("./index-chunk-D921N0ug.js"),j=require("./Icon-chunk-QFryHTpy.js"),p=({items:n,className:c,theme:i="light"})=>{const[l,o]=d.useState(0),r=(s,e)=>{o(s),e.preventDefault()},{prefix:b}=h.useGlobalSettings(),a=`${b}--tabs`,$=m.classnames(a,c,`${a}__theme__${i}`);return t.jsxs("div",{className:$,children:[t.jsx("ul",{className:`${a}--selection`,role:"tablist",tabIndex:0,children:n.map((s,e)=>t.jsx("li",{role:"presentation",className:`${a}--selection--item ${l===e?"active":""}`,onClick:u=>r(e,u),id:`tab--${e}`,children:t.jsxs("a",{href:`#tab--${e}`,className:`${a}--selection--button${s.icon?" icon":""}`,role:"tab","aria-controls":`tab--${e}`,"aria-selected":e===l,title:s.label,tabIndex:e===l?0:-1,children:[t.jsx("span",{className:`${a}--selection--label`,children:s.label}),s.icon&&t.jsx(j.Icon,{name:s.icon.name,hidden:s.icon.hidden})]})},`#tab--${e}`))}),t.jsx("div",{className:`${a}--content`,role:"tabpanel","aria-labelledby":`tab--${l}`,tabIndex:0,children:n[l].content})]})},v=p;exports.Tabs=v;

package/lib/esm/_store/ScoreCard-chunk-DbNE1WUL.js

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

package/lib/esm/_store/Tabs-entry-Dc8Av6hy.js

@@ -1,4 +0,0 @@
-import { T as r } from "./Tabs-chunk-CZL0LfKF.js";
-export {
-  r as Tabs
-};