@ilo-org/react 0.28.4 → 0.28.6

package/lib/cjs/_store/Logo-entry-BtBNFSSE.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),A=require("./useGlobalSettings-chunk-Cd48T6lS.js"),p=require("./index-chunk-Cxg31gtu.js"),D=({clientHeight:e,clientWidth:r,scrollHeight:n,scrollWidth:o})=>n>e||o>r,J=(e,{maxSize:r=600,startingHeight:n=9,step:o=.5})=>{let s=n,c=!1;for(;!c&&s<r;)e.style.fontSize=`${s}px`,e.style.lineHeight=`${s}px`,c=D(e),c||(s=s+o);return e.style.fontSize="",e.style.lineHeight="",s-o},H=({baseClass:e,className:r,subbrand:n,alt:o,src:s,style:c,size:f="fluid",theme:l="light",...$})=>{const g=t.useRef(null),S=t.useRef(null),L=t.useRef(null),a=t.useRef(null),j=t.useRef(0),v=t.useRef(0),[d,N]=t.useState(!1),[z,k]=t.useState(0),[y,w]=t.useState(0),[E,q]=t.useState(!n),I=t.useRef(new ResizeObserver(i=>{const{height:m}=i[0].contentRect,R=Math.round(m*10)/10;a.current||(a.current=R),Math.abs(R-j.current)>=.1&&(j.current=R,k(R))}));t.useEffect(()=>{n&&d&&y&&q(!0)},[d,y,n]),t.useLayoutEffect(()=>{if(d&&S.current&&g.current){const i=g.current;return I.current.observe(i),()=>I.current.unobserve(i)}},[d]),t.useLayoutEffect(()=>{b()},[d,a.current]),t.useLayoutEffect(()=>{b()},[n]);function b(){if(S.current&&L.current&&a.current){const m=J(S.current,{maxSize:a.current})/a.current;Math.abs(m-v.current)>=.001&&(v.current=m,w(m))}}function B(){N(!0)}const h=!!n,F=f==="fluid",M=!F&&typeof f=="number",x=`${e}--sub-brand`,O=`${e}--size--fluid`,W=`${e}--visibility--hidden`,C=p.classNames(e,r,`${e}--theme--${l}`,{[W]:!E,[O]:F,[x]:h}),G=`${e}--image`,T=`${x}--image`,V=()=>{const i={};return h&&(i["--logo-image-height"]=`${z}px`,i["--logo-font-size"]=`${y*z}px`),M&&(i.width=`${f}px`),{...c,...i}},P=()=>typeof s=="string"?s:s[l];return u.jsxs("figure",{className:C,style:V(),children:[u.jsx("img",{ref:g,alt:o,src:P(),className:p.classNames({[T]:h,[G]:!h}),onLoad:B,...$}),h&&u.jsxs("div",{ref:S,className:`${x}--lock-up`,children:[u.jsx("span",{className:`${x}--lock-up--separator`}),u.jsx("span",{ref:L,children:n})]})]})},K=({className:e,url:r,target:n,style:o,size:s,...c})=>{const{prefix:f}=A.useGlobalSettings(),l=`${f}--logo`,$=`${l}--link`,g=`${l}--size--fluid`;return r?u.jsx("a",{href:r,target:n,className:p.classNames($,e,{[g]:s==="fluid"}),style:o,children:u.jsx(H,{...c,baseClass:l,size:s})}):u.jsx(H,{baseClass:l,className:e,style:o,size:s,...c})};exports.Logo=K;

package/lib/cjs/_store/NumberPicker-chunk-ho5F2J60.js

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),l=require("react"),g=require("./index-chunk-Cxg31gtu.js"),p=require("./useGlobalSettings-chunk-Cd48T6lS.js"),u=require("./FormControl-chunk-bBkCVOW6.js"),F=l.forwardRef(({onChange:e,onBlur:n,disabled:s=!1,error:o,id:t,name:r,placeholder:c,required:m,max:b,min:d,step:f,value:C},x)=>{const{prefix:a}=p.useGlobalSettings(),y=u.useFormControl(),{ariaDescribedBy:N}=y,k=`${a}--input`,q=`${a}--numberpicker`,h=!s&&!!o,j=g.classNames(k,q,{error:h}),P=R=>{e&&e(R)};return i.jsx("input",{value:C,ref:x,id:t||r,name:r,onChange:P,onBlur:n,disabled:s,placeholder:c,required:m,type:"number",className:j,pattern:"[0-9]*",inputMode:"numeric","aria-describedby":N,max:b,min:d,step:f})}),S=l.forwardRef((e,n)=>{const{style:s,inputStyle:o,className:t,...r}=e,c=e.id?e.id:e.name;return i.jsx(u.FormControl,{fieldId:c,style:s,className:t,...r,children:i.jsx(F,{ref:n,style:o,...r})})});exports.LabelledNumberPicker=S;

package/lib/cjs/_store/{NumberPicker-entry-z9i-7tAg.js → NumberPicker-entry-WRcxS34e.js}

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

package/lib/cjs/_store/{components-entry-BybNCccy.js → components-entry-CYrq8K46.js}

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

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_store/Accordion-entry-CmEtc6xU.js"),a=require("./_store/Form-chunk-CyfJEjS9.js"),n=require("./_store/Collapse-chunk-ocNUOS_3.js"),u=require("./_store/Empty-chunk-CSXmTnRW.js"),s=require("./_store/Image-chunk-bZyx8E0O.js"),c=require("./_store/Loading-chunk-BAVpKjsu.js"),d=require("./_store/Radio-chunk-C4PweUcm.js"),l=require("./_store/Tag-chunk-RApwQiSR.js"),C=require("./_store/Button-chunk-OmVJkQqc.js"),q=require("./_store/ContextMenu-chunk-Bt4IM9J7.js"),b=require("./_store/Fieldset-chunk-ChHFEwgQ.js"),g=require("./_store/GlobalProvider-chunk-BInwj8Vo.js"),T=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-CZIwr5h8.js"),p=require("./_store/Notification-chunk-ZNuM-7Xk.js"),L=require("./_store/ReadMore-chunk-DjPhO-lH.js"),m=require("./_store/Textarea-chunk-yD7hFNC1.js"),P=require("./_store/Callout-chunk-XF2yUV-r.js"),x=require("./_store/FileUpload-chunk-Cs3yHoZ7.js"),k=require("./_store/Heading-chunk-t4FvnOcp.js"),F=require("./_store/Link-chunk-CP7cvvcX.js"),S=require("./_store/NumberPicker-chunk-CTlAxdIK.js"),v=require("./_store/RichText-chunk-vKgvdzZl.js"),G=require("./_store/Tooltip-chunk-DlKiieYX.js"),M=require("./_store/Checkbox-chunk-IcVAXUrv.js"),I=require("./_store/DatePicker-chunk-3IOigKn5.js"),N=require("./_store/Hero-chunk-CDJrCpL6.js"),f=require("./_store/HeroCard-chunk-BO2BICG5.js"),D=require("./_store/LinkList-chunk-CmVHEiqZ.js"),h=require("./_store/Pagination-chunk-mrfIdsCC.js"),H=require("./_store/SearchField-chunk-DtJTqVM9.js"),R=require("./_store/Video-chunk-D9hf1AKM.js"),y=require("./_store/Dropdown-chunk-DmxZPa5u.js"),B=require("./_store/Icon-chunk-DLR0d6ii.js"),O=require("./_store/List-entry-31dXgvRv.js"),A=require("./_store/Profile-chunk-Bnn1-Z78.js"),w=require("./_store/TableOfContents-chunk-CLa_-Dhd.js"),E=require("./_store/Footer-chunk-Dt1p9vMD.js"),e=require("./_store/CardGroup-chunk-Cn8ewunq.js"),U=require("./_store/Breadcrumb-chunk-Bc1WgkRf.js"),V=require("./_store/Status-chunk-CaABjeKb.js"),_=require("./_store/Tabs-chunk-DXWL7rh9.js"),j=require("./_store/AudioPlayer-chunk-B7JUo7j6.js"),$=require("./_store/LanguageToggle-chunk-Dq721sHc.js"),o=require("./_store/MainNav-chunk-DIQJwoJV.js"),z=require("./_store/useGlobalSettings-chunk-Cd48T6lS.js"),J=require("./_store/usePrevious-chunk-DENrwKF1.js"),t=require("./_store/useOutsideClick-chunk-B3G_jqci.js"),K=require("./_store/useFocusTrap-chunk-CB0jpZY1.js");exports.Accordion=i.Accordion;exports.Form=a.Form;exports.Collapse=n.Collapse;exports.Empty=u.Empty;exports.Image=s.Image;exports.Loading=c.Loading;exports.Radio=d.LabelledRadio;exports.Tag=l.Tag;exports.Button=C.Button;exports.ContextMenu=q.ContextMenu;exports.Fieldset=b.Fieldset;exports.GlobalProvider=g.GlobalProvider;exports.GlobalProviderContext=T.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=p.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=m.LabelledTextarea;exports.Callout=P.Callout;exports.FileUpload=x.LabelledFileUpload;exports.Heading=k.Heading;exports.Link=F.Link;exports.NumberPicker=S.LabelledNumberPicker;exports.RichText=v.RichText;exports.Tooltip=G.Tooltip;exports.Checkbox=M.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=H.SearchField;exports.Video=R.Video;exports.Dropdown=y.LabelledDropdown;exports.Icon=B.Icon;exports.List=O.List;exports.Profile=A.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=E.Footer;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCardCombined;exports.DetailCard=e.DetailCardCombined;exports.FactListCard=e.FactListCardCombined;exports.FeatureCard=e.FeatureCardCombined;exports.MultiLinkCard=e.MultiLinkCardCombined;exports.PromoCard=e.PromoCardCombined;exports.ScoreCard=e.ScoreCardCombined;exports.StatCard=e.StatCardCombined;exports.TextCard=e.TextCardCombined;exports.Breadcrumb=U.Breadcrumb;exports.Status=V.Status;exports.Tabs=_.Tabs;exports.AudioPlayer=j.AudioPlayer;exports.LanguageToggle=$.LanguageToggle;exports.MainNav=o.MainNav;exports.SubsiteNav=o.SubsiteNav;exports.useGlobalSettings=z.useGlobalSettings;exports.usePrevious=J.usePrevious;exports.useBreakpoint=t.useBreakpoint;exports.useOutsideClick=t.useOutsideClick;exports.useFocusTrap=K.useFocusTrap;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_store/Accordion-entry-CmEtc6xU.js"),a=require("./_store/Form-chunk-CyfJEjS9.js"),n=require("./_store/Collapse-chunk-ocNUOS_3.js"),u=require("./_store/Empty-chunk-CSXmTnRW.js"),s=require("./_store/Image-chunk-bZyx8E0O.js"),c=require("./_store/Loading-chunk-BAVpKjsu.js"),d=require("./_store/Radio-chunk-C4PweUcm.js"),l=require("./_store/Tag-chunk-RApwQiSR.js"),C=require("./_store/Button-chunk-OmVJkQqc.js"),q=require("./_store/ContextMenu-chunk-Bt4IM9J7.js"),b=require("./_store/Fieldset-chunk-ChHFEwgQ.js"),g=require("./_store/GlobalProvider-chunk-BInwj8Vo.js"),T=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-CZIwr5h8.js"),p=require("./_store/Notification-chunk-ZNuM-7Xk.js"),L=require("./_store/ReadMore-chunk-DjPhO-lH.js"),m=require("./_store/Textarea-chunk-yD7hFNC1.js"),P=require("./_store/Callout-chunk-XF2yUV-r.js"),x=require("./_store/FileUpload-chunk-Cs3yHoZ7.js"),k=require("./_store/Heading-chunk-t4FvnOcp.js"),F=require("./_store/Link-chunk-CP7cvvcX.js"),S=require("./_store/NumberPicker-chunk-ho5F2J60.js"),v=require("./_store/RichText-chunk-vKgvdzZl.js"),G=require("./_store/Tooltip-chunk-DlKiieYX.js"),M=require("./_store/Checkbox-chunk-IcVAXUrv.js"),I=require("./_store/DatePicker-chunk-3IOigKn5.js"),N=require("./_store/Hero-chunk-CDJrCpL6.js"),f=require("./_store/HeroCard-chunk-BO2BICG5.js"),D=require("./_store/LinkList-chunk-CmVHEiqZ.js"),h=require("./_store/Pagination-chunk-mrfIdsCC.js"),H=require("./_store/SearchField-chunk-DtJTqVM9.js"),R=require("./_store/Video-chunk-D9hf1AKM.js"),y=require("./_store/Dropdown-chunk-DmxZPa5u.js"),B=require("./_store/Icon-chunk-DLR0d6ii.js"),O=require("./_store/List-entry-31dXgvRv.js"),A=require("./_store/Profile-chunk-Bnn1-Z78.js"),w=require("./_store/TableOfContents-chunk-CLa_-Dhd.js"),E=require("./_store/Footer-chunk-Dt1p9vMD.js"),e=require("./_store/CardGroup-chunk-Cn8ewunq.js"),U=require("./_store/Breadcrumb-chunk-Bc1WgkRf.js"),V=require("./_store/Status-chunk-CaABjeKb.js"),_=require("./_store/Tabs-chunk-DXWL7rh9.js"),j=require("./_store/AudioPlayer-chunk-B7JUo7j6.js"),$=require("./_store/LanguageToggle-chunk-Dq721sHc.js"),o=require("./_store/MainNav-chunk-DIQJwoJV.js"),z=require("./_store/useGlobalSettings-chunk-Cd48T6lS.js"),J=require("./_store/usePrevious-chunk-DENrwKF1.js"),t=require("./_store/useOutsideClick-chunk-B3G_jqci.js"),K=require("./_store/useFocusTrap-chunk-CB0jpZY1.js");exports.Accordion=i.Accordion;exports.Form=a.Form;exports.Collapse=n.Collapse;exports.Empty=u.Empty;exports.Image=s.Image;exports.Loading=c.Loading;exports.Radio=d.LabelledRadio;exports.Tag=l.Tag;exports.Button=C.Button;exports.ContextMenu=q.ContextMenu;exports.Fieldset=b.Fieldset;exports.GlobalProvider=g.GlobalProvider;exports.GlobalProviderContext=T.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=p.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=m.LabelledTextarea;exports.Callout=P.Callout;exports.FileUpload=x.LabelledFileUpload;exports.Heading=k.Heading;exports.Link=F.Link;exports.NumberPicker=S.LabelledNumberPicker;exports.RichText=v.RichText;exports.Tooltip=G.Tooltip;exports.Checkbox=M.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=H.SearchField;exports.Video=R.Video;exports.Dropdown=y.LabelledDropdown;exports.Icon=B.Icon;exports.List=O.List;exports.Profile=A.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=E.Footer;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCardCombined;exports.DetailCard=e.DetailCardCombined;exports.FactListCard=e.FactListCardCombined;exports.FeatureCard=e.FeatureCardCombined;exports.MultiLinkCard=e.MultiLinkCardCombined;exports.PromoCard=e.PromoCardCombined;exports.ScoreCard=e.ScoreCardCombined;exports.StatCard=e.StatCardCombined;exports.TextCard=e.TextCardCombined;exports.Breadcrumb=U.Breadcrumb;exports.Status=V.Status;exports.Tabs=_.Tabs;exports.AudioPlayer=j.AudioPlayer;exports.LanguageToggle=$.LanguageToggle;exports.MainNav=o.MainNav;exports.SubsiteNav=o.SubsiteNav;exports.useGlobalSettings=z.useGlobalSettings;exports.usePrevious=J.usePrevious;exports.useBreakpoint=t.useBreakpoint;exports.useOutsideClick=t.useOutsideClick;exports.useFocusTrap=K.useFocusTrap;

package/lib/esm/_store/Logo-entry-CNT0VLHB.js

@@ -0,0 +1,121 @@
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+import { useRef as l, useState as x, useEffect as P, useLayoutEffect as v } from "react";
+import { u as Q } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { c as I } from "./index-chunk-CY3PQDr4.js";
+const U = ({
+  clientHeight: e,
+  clientWidth: s,
+  scrollHeight: n,
+  scrollWidth: i
+}) => n > e || i > s, X = (e, { maxSize: s = 600, startingHeight: n = 9, step: i = 0.5 }) => {
+  let t = n, r = !1;
+  for (; !r && t < s; )
+    e.style.fontSize = `${t}px`, e.style.lineHeight = `${t}px`, r = U(e), r || (t = t + i);
+  return e.style.fontSize = "", e.style.lineHeight = "", t - i;
+}, B = ({
+  baseClass: e,
+  className: s,
+  subbrand: n,
+  alt: i,
+  src: t,
+  style: r,
+  size: f = "fluid",
+  theme: c = "light",
+  ...y
+}) => {
+  const g = l(null), $ = l(null), L = l(null), u = l(null), R = l(0), F = l(0), [d, E] = x(!1), [H, M] = x(0), [z, W] = x(0), [j, C] = x(!n), k = l(
+    new ResizeObserver((o) => {
+      const { height: h } = o[0].contentRect, S = Math.round(h * 10) / 10;
+      u.current || (u.current = S), Math.abs(S - R.current) >= 0.1 && (R.current = S, M(S));
+    })
+  );
+  P(() => {
+    n && d && z && C(!0);
+  }, [d, z, n]), v(() => {
+    if (d && $.current && g.current) {
+      const o = g.current;
+      return k.current.observe(o), () => k.current.unobserve(o);
+    }
+  }, [d]), v(() => {
+    N();
+  }, [d, u.current]), v(() => {
+    N();
+  }, [n]);
+  function N() {
+    if ($.current && L.current && u.current) {
+      const h = X($.current, {
+        maxSize: u.current
+      }) / u.current;
+      Math.abs(h - F.current) >= 1e-3 && (F.current = h, W(h));
+    }
+  }
+  function O() {
+    E(!0);
+  }
+  const m = !!n, b = f === "fluid", V = !b && typeof f == "number", p = `${e}--sub-brand`, G = `${e}--size--fluid`, T = `${e}--visibility--hidden`, q = I(
+    e,
+    s,
+    `${e}--theme--${c}`,
+    {
+      [T]: !j,
+      [G]: b,
+      [p]: m
+    }
+  ), A = `${e}--image`, D = `${p}--image`, J = () => {
+    const o = {};
+    return m && (o["--logo-image-height"] = `${H}px`, o["--logo-font-size"] = `${z * H}px`), V && (o.width = `${f}px`), { ...r, ...o };
+  }, K = () => typeof t == "string" ? t : t[c];
+  return /* @__PURE__ */ w("figure", { className: q, style: J(), children: [
+    /* @__PURE__ */ a(
+      "img",
+      {
+        ref: g,
+        alt: i,
+        src: K(),
+        className: I({
+          [D]: m,
+          [A]: !m
+        }),
+        onLoad: O,
+        ...y
+      }
+    ),
+    m && /* @__PURE__ */ w("div", { ref: $, className: `${p}--lock-up`, children: [
+      /* @__PURE__ */ a("span", { className: `${p}--lock-up--separator` }),
+      /* @__PURE__ */ a("span", { ref: L, children: n })
+    ] })
+  ] });
+}, te = ({
+  className: e,
+  url: s,
+  target: n,
+  style: i,
+  size: t,
+  ...r
+}) => {
+  const { prefix: f } = Q(), c = `${f}--logo`, y = `${c}--link`, g = `${c}--size--fluid`;
+  return s ? /* @__PURE__ */ a(
+    "a",
+    {
+      href: s,
+      target: n,
+      className: I(y, e, {
+        [g]: t === "fluid"
+      }),
+      style: i,
+      children: /* @__PURE__ */ a(B, { ...r, baseClass: c, size: t })
+    }
+  ) : /* @__PURE__ */ a(
+    B,
+    {
+      baseClass: c,
+      className: e,
+      style: i,
+      size: t,
+      ...r
+    }
+  );
+};
+export {
+  te as Logo
+};

package/lib/esm/_store/{NumberPicker-chunk-DGfBEswe.js → NumberPicker-chunk-Dnzrt8V_.js}

@@ -1,9 +1,9 @@
 import { jsx as c } from "react/jsx-runtime";
 import m from "react";
-import { c as x } from "./index-chunk-CY3PQDr4.js";
-import { u as g } from "./useGlobalSettings-chunk-BhfWlTcd.js";
-import { F, u as P } from "./FormControl-chunk-CA1OQzEu.js";
-const R = m.forwardRef(
+import { c as g } from "./index-chunk-CY3PQDr4.js";
+import { u as F } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { F as P, u as R } from "./FormControl-chunk-CA1OQzEu.js";
+const w = m.forwardRef(
   ({
     onChange: r,
     onBlur: o,
@@ -15,48 +15,50 @@ const R = m.forwardRef(
     required: l,
     max: u,
     min: f,
-    step: d
-  }, b) => {
-    const { prefix: i } = g(), p = P(), { ariaDescribedBy: C } = p, h = `${i}--input`, y = `${i}--numberpicker`, N = x(h, y, {
+    step: d,
+    value: b
+  }, p) => {
+    const { prefix: i } = F(), C = R(), { ariaDescribedBy: h } = C, y = `${i}--input`, N = `${i}--numberpicker`, k = g(y, N, {
       error: !s && !!n
     });
     return /* @__PURE__ */ c(
       "input",
       {
-        ref: b,
+        value: b,
+        ref: p,
         id: t || e,
         name: e,
-        onChange: (k) => {
-          r && r(k);
+        onChange: (x) => {
+          r && r(x);
         },
         onBlur: o,
         disabled: s,
         placeholder: a,
         required: l,
         type: "number",
-        className: N,
+        className: k,
         pattern: "[0-9]*",
         inputMode: "numeric",
-        "aria-describedby": C,
+        "aria-describedby": h,
         max: u,
         min: f,
         step: d
       }
     );
   }
-), D = m.forwardRef((r, o) => {
+), G = m.forwardRef((r, o) => {
   const { style: s, inputStyle: n, className: t, ...e } = r, a = r.id ? r.id : r.name;
   return /* @__PURE__ */ c(
-    F,
+    P,
     {
       fieldId: a,
       style: s,
       className: t,
       ...e,
-      children: /* @__PURE__ */ c(R, { ref: o, style: n, ...e })
+      children: /* @__PURE__ */ c(w, { ref: o, style: n, ...e })
     }
   );
 });
 export {
-  D as L
+  G as L
 };

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

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

package/lib/esm/_store/{components-entry-BY0r4sij.js → components-entry-sM7klP51.js}

@@ -19,7 +19,7 @@ import { C as E } from "./Callout-chunk-Cqttz2p6.js";
 import { L as w } from "./FileUpload-chunk-CcPyoSNs.js";
 import { H as U } from "./Heading-chunk-KETAd3FV.js";
 import { L as q } from "./Link-chunk-DgmjE6xb.js";
-import { L as J } from "./NumberPicker-chunk-DGfBEswe.js";
+import { L as J } from "./NumberPicker-chunk-Dnzrt8V_.js";
 import { R as Q } from "./RichText-chunk-DxfEl4aR.js";
 import { T as X } from "./Tooltip-chunk-D5CzbDEd.js";
 import { L as Z } from "./Checkbox-chunk-CICqXNag.js";

package/lib/esm/index.js

@@ -19,7 +19,7 @@ import { C as E } from "./_store/Callout-chunk-Cqttz2p6.js";
 import { L as V } from "./_store/FileUpload-chunk-CcPyoSNs.js";
 import { H as U } from "./_store/Heading-chunk-KETAd3FV.js";
 import { L as q } from "./_store/Link-chunk-DgmjE6xb.js";
-import { L as J } from "./_store/NumberPicker-chunk-DGfBEswe.js";
+import { L as J } from "./_store/NumberPicker-chunk-Dnzrt8V_.js";
 import { R as Q } from "./_store/RichText-chunk-DxfEl4aR.js";
 import { T as X } from "./_store/Tooltip-chunk-D5CzbDEd.js";
 import { L as Z } from "./_store/Checkbox-chunk-CICqXNag.js";

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

@@ -17,5 +17,9 @@ export interface NumberPickerProps extends FormFieldProps<HTMLInputElement> {
      * The step value of the input.
      * */
     step?: number;
+    /**
+     * The value of the input.
+     */
+    value?: number;
 }
 export type LabelledNumberPickerProps = LabelledFormFieldProps<NumberPickerProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.28.4",
+  "version": "0.28.6",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -75,8 +75,8 @@
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
     "@ilo-org/brand-assets": "1.0.1",
-    "@ilo-org/fonts": "2.0.0",
     "@ilo-org/icons-react": "1.0.6",
+    "@ilo-org/fonts": "2.0.0",
     "@ilo-org/styles": "1.11.1"
   },
   "devDependencies": {
@@ -106,6 +106,7 @@
     "@vitest/ui": "^2.0.5",
     "chromatic": "^13.3.4",
     "glob": "^10.3.10",
+    "html-to-image": "^1.11.11",
     "http-server": "^14.1.0",
     "jsdom": "^25.0.0",
     "storybook": "^8.6.11",

package/lib/cjs/_store/Logo-entry-nsoJtWSa.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),V=require("./useGlobalSettings-chunk-Cd48T6lS.js"),R=require("./index-chunk-Cxg31gtu.js"),M=({clientHeight:e,clientWidth:l,scrollHeight:n,scrollWidth:o})=>n>e||o>l,P=(e,{maxSize:l=600,startingHeight:n=9,step:o=.5})=>{let t=n,c=!1;for(;!c&&t<l;)e.style.fontSize=`${t}px`,e.style.lineHeight=`${t}px`,c=M(e),c||(t=t+o);return e.style.fontSize="",e.style.lineHeight="",t-o},I=({baseClass:e,className:l,subbrand:n,alt:o,src:t,style:c,size:f="fluid",theme:u="light",...$})=>{const g=s.useRef(null),h=s.useRef(null),p=s.useRef(null),a=s.useRef(null),[d,N]=s.useState(!1),[L,F]=s.useState(0),[y,b]=s.useState(0),[k,H]=s.useState(!n),j=s.useRef(new ResizeObserver(i=>{const{height:x}=i[0].contentRect;a.current||(a.current=x),F(x)}));s.useEffect(()=>{n&&d&&y&&H(!0)},[d,y,n]),s.useLayoutEffect(()=>{if(d&&h.current&&g.current){const i=g.current;return j.current.observe(i),()=>j.current.unobserve(i)}},[d]),s.useLayoutEffect(()=>{v()},[d,a.current]),s.useLayoutEffect(()=>{v()},[n]);function v(){if(h.current&&p.current&&a.current){const x=P(h.current,{maxSize:a.current})/a.current;b(x)}}function w(){N(!0)}const m=!!n,z=f==="fluid",E=!z&&typeof f=="number",S=`${e}--sub-brand`,q=`${e}--size--fluid`,B=`${e}--visibility--hidden`,O=R.classNames(e,l,`${e}--theme--${u}`,{[B]:!k,[q]:z,[S]:m}),W=`${e}--image`,C=`${S}--image`,G=()=>{const i={};return m&&(i["--logo-image-height"]=`${L}px`,i["--logo-font-size"]=`${y*L}px`),E&&(i.width=`${f}px`),{...c,...i}},T=()=>typeof t=="string"?t:t[u];return r.jsxs("figure",{className:O,style:G(),children:[r.jsx("img",{ref:g,alt:o,src:T(),className:R.classNames({[C]:m,[W]:!m}),onLoad:w,...$}),m&&r.jsxs("div",{ref:h,className:`${S}--lock-up`,children:[r.jsx("span",{className:`${S}--lock-up--separator`}),r.jsx("span",{ref:p,children:n})]})]})},A=({className:e,url:l,target:n,style:o,size:t,...c})=>{const{prefix:f}=V.useGlobalSettings(),u=`${f}--logo`,$=`${u}--link`,g=`${u}--size--fluid`;return l?r.jsx("a",{href:l,target:n,className:R.classNames($,e,{[g]:t==="fluid"}),style:o,children:r.jsx(I,{...c,baseClass:u,size:t})}):r.jsx(I,{baseClass:u,className:e,style:o,size:t,...c})};exports.Logo=A;

package/lib/cjs/_store/NumberPicker-chunk-CTlAxdIK.js

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),l=require("react"),R=require("./index-chunk-Cxg31gtu.js"),g=require("./useGlobalSettings-chunk-Cd48T6lS.js"),u=require("./FormControl-chunk-bBkCVOW6.js"),p=l.forwardRef(({onChange:e,onBlur:n,disabled:s=!1,error:o,id:t,name:r,placeholder:c,required:m,max:b,min:d,step:f},C)=>{const{prefix:a}=g.useGlobalSettings(),x=u.useFormControl(),{ariaDescribedBy:y}=x,N=`${a}--input`,k=`${a}--numberpicker`,q=!s&&!!o,h=R.classNames(N,k,{error:q}),j=P=>{e&&e(P)};return i.jsx("input",{ref:C,id:t||r,name:r,onChange:j,onBlur:n,disabled:s,placeholder:c,required:m,type:"number",className:h,pattern:"[0-9]*",inputMode:"numeric","aria-describedby":y,max:b,min:d,step:f})}),F=l.forwardRef((e,n)=>{const{style:s,inputStyle:o,className:t,...r}=e,c=e.id?e.id:e.name;return i.jsx(u.FormControl,{fieldId:c,style:s,className:t,...r,children:i.jsx(p,{ref:n,style:o,...r})})});exports.LabelledNumberPicker=F;

package/lib/esm/_store/Logo-entry-CYL-mIHC.js

@@ -1,121 +0,0 @@
-import { jsx as u, jsxs as H } from "react/jsx-runtime";
-import { useRef as m, useState as S, useEffect as J, useLayoutEffect as v } from "react";
-import { u as K } from "./useGlobalSettings-chunk-BhfWlTcd.js";
-import { c as z } from "./index-chunk-CY3PQDr4.js";
-const M = ({
-  clientHeight: e,
-  clientWidth: s,
-  scrollHeight: n,
-  scrollWidth: i
-}) => n > e || i > s, P = (e, { maxSize: s = 600, startingHeight: n = 9, step: i = 0.5 }) => {
-  let t = n, r = !1;
-  for (; !r && t < s; )
-    e.style.fontSize = `${t}px`, e.style.lineHeight = `${t}px`, r = M(e), r || (t = t + i);
-  return e.style.fontSize = "", e.style.lineHeight = "", t - i;
-}, N = ({
-  baseClass: e,
-  className: s,
-  subbrand: n,
-  alt: i,
-  src: t,
-  style: r,
-  size: f = "fluid",
-  theme: l = "light",
-  ...x
-}) => {
-  const a = m(null), h = m(null), L = m(null), c = m(null), [g, w] = S(!1), [I, B] = S(0), [y, b] = S(0), [E, W] = S(!n), R = m(
-    new ResizeObserver((o) => {
-      const { height: p } = o[0].contentRect;
-      c.current || (c.current = p), B(p);
-    })
-  );
-  J(() => {
-    n && g && y && W(!0);
-  }, [g, y, n]), v(() => {
-    if (g && h.current && a.current) {
-      const o = a.current;
-      return R.current.observe(o), () => R.current.unobserve(o);
-    }
-  }, [g]), v(() => {
-    F();
-  }, [g, c.current]), v(() => {
-    F();
-  }, [n]);
-  function F() {
-    if (h.current && L.current && c.current) {
-      const p = P(h.current, {
-        maxSize: c.current
-      }) / c.current;
-      b(p);
-    }
-  }
-  function j() {
-    w(!0);
-  }
-  const d = !!n, k = f === "fluid", C = !k && typeof f == "number", $ = `${e}--sub-brand`, O = `${e}--size--fluid`, V = `${e}--visibility--hidden`, G = z(
-    e,
-    s,
-    `${e}--theme--${l}`,
-    {
-      [V]: !E,
-      [O]: k,
-      [$]: d
-    }
-  ), T = `${e}--image`, q = `${$}--image`, A = () => {
-    const o = {};
-    return d && (o["--logo-image-height"] = `${I}px`, o["--logo-font-size"] = `${y * I}px`), C && (o.width = `${f}px`), { ...r, ...o };
-  }, D = () => typeof t == "string" ? t : t[l];
-  return /* @__PURE__ */ H("figure", { className: G, style: A(), children: [
-    /* @__PURE__ */ u(
-      "img",
-      {
-        ref: a,
-        alt: i,
-        src: D(),
-        className: z({
-          [q]: d,
-          [T]: !d
-        }),
-        onLoad: j,
-        ...x
-      }
-    ),
-    d && /* @__PURE__ */ H("div", { ref: h, className: `${$}--lock-up`, children: [
-      /* @__PURE__ */ u("span", { className: `${$}--lock-up--separator` }),
-      /* @__PURE__ */ u("span", { ref: L, children: n })
-    ] })
-  ] });
-}, Z = ({
-  className: e,
-  url: s,
-  target: n,
-  style: i,
-  size: t,
-  ...r
-}) => {
-  const { prefix: f } = K(), l = `${f}--logo`, x = `${l}--link`, a = `${l}--size--fluid`;
-  return s ? /* @__PURE__ */ u(
-    "a",
-    {
-      href: s,
-      target: n,
-      className: z(x, e, {
-        [a]: t === "fluid"
-      }),
-      style: i,
-      children: /* @__PURE__ */ u(N, { ...r, baseClass: l, size: t })
-    }
-  ) : /* @__PURE__ */ u(
-    N,
-    {
-      baseClass: l,
-      className: e,
-      style: i,
-      size: t,
-      ...r
-    }
-  );
-};
-export {
-  Z as Logo
-};

package/lib/esm/_store/NumberPicker-entry-BYmb-h1Z.js

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