@ilo-org/react 0.18.5 → 0.19.0

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

@@ -1,5 +1,36 @@
-import { FC } from 'react';
-import { AccordionProps } from './Accordion.props';
+import { ReactNode } from 'react';
 
-declare const Accordion: FC<AccordionProps>;
-export default Accordion;
+export type AccordionProps = {
+    /**
+     * The size of the accordion default is small
+     */
+    size?: "small" | "large";
+    /**
+     * Whether or not multiple accordion items can be expanded at the same time default is true
+     */
+    multiple?: boolean;
+    /**
+     * The value of the accordion, when multiple is true this should be an array of strings
+     */
+    value?: string | string[];
+    /**
+     * The callback function that is called when the value of the accordion changes
+     */
+    onChange?: (value: string | string[]) => void;
+    /**
+     * Whether or not the accordion panel should be scrollable default is false
+     */
+    scrollable?: boolean;
+    className?: string;
+    children: ReactNode;
+};
+type AccordionContextValue = {
+    size: "small" | "large";
+    multiple: boolean;
+    value: string | string[];
+    scrollable?: boolean;
+    onChange: (value: string | string[]) => void;
+};
+declare const AccordionContext: import('react').Context<AccordionContextValue | undefined>;
+declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLUListElement>>;
+export { AccordionContext, Accordion };

package/lib/types/components/Accordion/AccordionItem.d.ts

@@ -1,5 +1,16 @@
-import { FC } from 'react';
-import { AccordionItemProps } from './AccordionItem.props';
+import { ReactNode } from 'react';
 
-declare const AccordionItem: FC<AccordionItemProps>;
-export default AccordionItem;
+export type AccordionItemProps = {
+    /**
+     * The value of the accordion item
+     */
+    value: string;
+    /**
+     * The label of the accordion item
+     */
+    label: string;
+    className?: string;
+    children: ReactNode;
+};
+declare const AccordionItem: import('react').ForwardRefExoticComponent<AccordionItemProps & import('react').RefAttributes<HTMLLIElement>>;
+export { AccordionItem };

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

@@ -1,4 +1,4 @@
-export { default as AccordionButton } from './AccordionButton';
-export { default as AccordionPanel } from './AccordionPanel';
-export { default as AccordionItem } from './AccordionItem';
-export { default as Accordion } from './Accordion';
+declare const Accordion: import('react').ForwardRefExoticComponent<import('./Accordion').AccordionProps & import('react').RefAttributes<HTMLUListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('./AccordionItem').AccordionItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};
+export { Accordion };

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

@@ -1,5 +1,18 @@
-import { FC } from 'react';
-import { BreadcrumbProps } from './Breadcrumb.props';
+import { BreadcrumbItemProps } from './BreadcrumbItem';
 
-declare const Breadcrumb: FC<BreadcrumbProps>;
-export default Breadcrumb;
+export type BreadcrumbProps = {
+    /**
+     * An additional classname to add to the outer most element of the component
+     */
+    className?: string;
+    /**
+     * The accessible label to apply to the ellipsis button that appears when the Breadcrumb is collapsed
+     */
+    buttonLabel: string;
+    /**
+     * Specify the links to be displayed in the Breadcrumb
+     */
+    links: BreadcrumbItemProps[];
+};
+declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
+export { Breadcrumb };

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

@@ -0,0 +1,20 @@
+export type BreadcrumbItemProps = {
+    /**
+     * Optional additional className of the BreadcrumbLink
+     */
+    className?: string;
+    /**
+     * Specify the label for this link
+     */
+    label: string;
+    /**
+     * Specify the url for this link
+     */
+    url: string;
+    /**
+     * Specify whether this link is the first in the Breadcrumb
+     */
+    first?: boolean;
+};
+declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<BreadcrumbItemProps & import('react').RefAttributes<HTMLLIElement>>;
+export { BreadcrumbItem };

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

@@ -1 +1 @@
-export { default as Breadcrumb } from './Breadcrumb';
+export * from './Breadcrumb';

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

@@ -1,5 +1,27 @@
-import { default as React } from 'react';
-import { ContextMenuProps } from './ContextMenu.props';
-
-declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLOListElement>>;
-export default ContextMenu;
+export type LinkProps = {
+    /**
+     * Specify whether this link marks the end of a section
+     */
+    endsection?: boolean;
+    /**
+     * Specify the label for the the Context Menu's link
+     */
+    label: string;
+    /**
+     * Specify the url for the Context Menu's link
+     */
+    url: string;
+    className?: string;
+};
+export type ContextMenuProps = {
+    /**
+     * Specify an optional className to be added to your Context Menu component.
+     */
+    className?: string;
+    /**
+     * Specify the links to be displayed in the Context Menu
+     */
+    links: Array<LinkProps>;
+};
+declare const ContextMenu: import('react').ForwardRefExoticComponent<ContextMenuProps & import('react').RefAttributes<HTMLOListElement>>;
+export { ContextMenu };

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

@@ -1 +1 @@
-export { default as ContextMenu } from './ContextMenu';
+export * from './ContextMenu';

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

@@ -1,5 +1,54 @@
-import { FC } from 'react';
-import { HeroProps } from './Hero.props';
+import { ImageProps } from '../Image/Image.props';
+import { BreadcrumbProps } from '../Breadcrumb';
+import { TooltipProps } from '../Tooltip';
+import { HeroCardProps } from '../HeroCard';
+import { ThemeTypes } from '../../types';
 
-declare const Hero: FC<HeroProps>;
-export default Hero;
+export type HeroProps = {
+    /**
+     * Vertical alignment of the hero card
+     */
+    align?: "center" | "bottom" | "baseline";
+    /**
+     * Props to pass to the breadcrumb if there is one
+     */
+    breadcrumb?: BreadcrumbProps;
+    /**
+     * Caption to render in the hero card
+     */
+    caption?: TooltipProps;
+    /**
+     * Size the of hero card
+     */
+    cardSize?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
+    /**
+     * Specify an optional className to be added to your Hero component.
+     */
+    className?: string;
+    /**
+     * Props for the image for the hero
+     */
+    image?: ImageProps;
+    /**
+     * How to justify the hero card
+     */
+    justify?: "start" | "center" | "offset";
+    /**
+     * Props for the card for the hero
+     */
+    heroCard: HeroCardProps;
+    /**
+     * Color of the gap space between bottom of the hero image and bottom of the card
+     */
+    gap?: "white" | "transparent" | "dark" | "light";
+    /**
+     * The size of the poster image
+     */
+    posterSize?: "small" | "medium" | "large" | "xlarge";
+    /**
+     * Theme for the card
+     */
+    theme?: ThemeTypes;
+};
+declare const Hero: import('react').ForwardRefExoticComponent<HeroProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Hero };

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

@@ -1,2 +1 @@
-export { default as Hero } from './Hero';
-export { default as HeroCard } from './HeroCard';
+export * from './Hero';

package/lib/types/components/{Hero/HeroCard.props.d.ts → HeroCard/HeroCard.d.ts}

@@ -1,7 +1,7 @@
 import { ThemeTypes } from '../../types';
 import { SocialMediaProps } from '../SocialMedia';
 
-export interface HeroCardProps {
+export type HeroCardProps = {
     /**
      * Specify whether the background should be solid, transparent or semi-transparent
      */
@@ -42,4 +42,6 @@ export interface HeroCardProps {
      * The link of the card's title if it has one
      */
     url?: string;
-}
+};
+declare const HeroCard: import('react').ForwardRefExoticComponent<HeroCardProps & import('react').RefAttributes<HTMLDivElement>>;
+export { HeroCard };

package/lib/types/components/HeroCard/HeroCardTitle.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+type HeroCardTitleProps = {
+    title: string;
+    url?: string;
+};
+declare const HeroCardTitle: FC<HeroCardTitleProps>;
+export { HeroCardTitle };

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

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

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

@@ -1,4 +1,3 @@
-import { LinkProps, ContextMenuProps } from '../ContextMenu/ContextMenu.props';
 import { LogoProps } from '../Logo/Logo.props';
 
 export interface LocalNavProps {
@@ -17,7 +16,6 @@ export interface LocalNavProps {
     /**
      * Specify the main link for the LocalNav
      */
-    mainlink?: LinkProps;
     /**
      * Specify the menu close label for the LocalNav
      */
@@ -26,10 +24,6 @@ export interface LocalNavProps {
      * Specify the language label for the LocalNav
      */
     languagelabel?: string;
-    /**
-     * Specify the language context menu for the LocalNav
-     */
-    languagecontextmenu?: ContextMenuProps;
 }
 interface PrimaryNavProps {
     /**
@@ -40,9 +34,5 @@ interface PrimaryNavProps {
      * Specify the close label for mobile local nav
      */
     mobilecloselabel?: Required<string>;
-    /**
-     * Specify the social links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 export {};

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

@@ -1,4 +1,3 @@
-import { LinkProps, ContextMenuProps } from '../ContextMenu/ContextMenu.props';
 import { SearchFieldProps } from '../SearchField/SearchField.props';
 
 export interface NavigationProps {
@@ -46,10 +45,6 @@ export interface NavigationProps {
      * Specify the language label for the Navigation
      */
     languagelabel?: string;
-    /**
-     * Specify the language context menu for the Navigation
-     */
-    languagecontextmenu?: ContextMenuProps;
 }
 interface PrimaryNavProps {
     /**
@@ -60,10 +55,6 @@ interface PrimaryNavProps {
      * Specify the close label for mobile Navigation
      */
     mobilecloselabel?: Required<string>;
-    /**
-     * Specify the links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 interface SubNavProps {
     /**
@@ -82,10 +73,6 @@ interface SubNavProps {
      * Specify the back label for mobile sub Navigation
      */
     mobilebacklabel?: Required<string>;
-    /**
-     * Specify the subnav links
-     */
-    items?: Required<Array<LinkProps>>;
 }
 interface TaglineProps {
     /**

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

@@ -1,4 +1,45 @@
-import { SocialMediaProps } from './SocialMedia.props';
+import { SocialTypes } from '../../types';
 
-declare const SocialMedia: React.FC<SocialMediaProps>;
-export default SocialMedia;
+export type SocialMediaIcons = {
+    /**
+     * The name of the icon to display
+     */
+    icon: SocialTypes;
+    /**
+     * The url to link to
+     */
+    url: string;
+    /**
+     * The alt text of the link
+     */
+    label: string;
+    className?: string;
+};
+export type SocialMediaProps = {
+    /**
+     * An optional headline to display above the icons
+     */
+    headline?: string;
+    /**
+     * Specify an optional className to be added to your SocialMedia.
+     */
+    className?: string;
+    /**
+     * Specify the theme of the SocialMedia.
+     */
+    theme?: "light" | "dark";
+    /**
+     * The justification of the icons
+     */
+    justify?: "start" | "center";
+    /**
+     * Specify the icons to display.
+     */
+    icons: SocialMediaIcons[];
+    /**
+     * The size of the social media icons
+     */
+    iconSize: "normal" | "large";
+};
+declare const SocialMedia: import('react').ForwardRefExoticComponent<SocialMediaProps & import('react').RefAttributes<HTMLDivElement>>;
+export { SocialMedia };

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

@@ -1,3 +1 @@
-export { default as SocialMedia } from './SocialMedia';
-export type { SocialMediaProps } from './SocialMedia.props';
-export { defaultArgs } from './SocialMedia.args';
+export * from './SocialMedia';

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

@@ -1,5 +1,35 @@
-import { FC } from 'react';
-import { TooltipProps } from './Tooltip.props';
+import { TooltipThemes, TooltipIconThemes } from '../../types';
 
-declare const Tooltip: FC<TooltipProps>;
-export default Tooltip;
+export type TooltipProps = {
+    /**
+     * Set the label for the tooltip
+     */
+    label: string;
+    /**
+     * Describe the theme of the tooltip
+     */
+    theme?: TooltipThemes;
+    /**
+     * Describe the background theme of the tooltip
+     */
+    iconTheme?: TooltipIconThemes;
+    /**
+     * Specify an optional className to be added to your Tooltip.
+     */
+    className?: string;
+    /**
+     * Should the tooltip appear on hover of an info icon?
+     */
+    icon?: boolean;
+    /**
+     * Set whether the tooltip is visible or not
+     */
+    isVisible?: boolean;
+    /**
+     * Specify an optional id for the Tooltip
+     */
+    id?: string;
+    children?: React.ReactNode;
+};
+declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Tooltip };

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

@@ -1 +1 @@
-export { default as Tooltip } from './Tooltip';
+export * from './Tooltip';

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

@@ -1,4 +1,4 @@
-export { Accordion, AccordionButton, AccordionItem, AccordionPanel, } from './Accordion';
+export { Accordion } from './Accordion';
 export { Form } from './Form';
 export { Collapse } from './Collapse';
 export { Empty } from './Empty';
@@ -24,6 +24,7 @@ export { Tooltip } from './Tooltip';
 export { Checkbox } from './Checkbox';
 export { DatePicker } from './DatePicker';
 export { Hero } from './Hero';
+export { HeroCard } from './HeroCard';
 export { LinkList } from './LinkList';
 export { Pagination } from './Pagination';
 export { SearchField } from './SearchField';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.18.5",
+  "version": "0.19.0",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -74,9 +74,9 @@
     "@ilo-org/brand-assets": "1.0.0",
     "@ilo-org/fonts": "1.0.0",
     "@ilo-org/icons-react": "1.0.2",
-    "@ilo-org/styles": "1.3.3",
-    "@ilo-org/utils": "0.1.1",
-    "@ilo-org/themes": "0.9.1"
+    "@ilo-org/styles": "1.3.4",
+    "@ilo-org/themes": "0.9.1",
+    "@ilo-org/utils": "0.1.1"
   },
   "devDependencies": {
     "@storybook/addon-actions": "^8.1.9",

package/lib/cjs/_store/Accordion-chunk-Dj1LluWV.js

@@ -1 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),p=require("./index-chunk-DCI82Tmm.js"),t=require("react"),$=require("./useGlobalSettings-chunk-Pa38w6VS.js"),A=require("./checkArrayDuplicates-chunk-Bqxwhc1q.js"),b=t.createContext({}),f=t.createContext({}),I=({children:c,className:o,...r})=>{const{prefix:e}=$.useGlobalSettings(),l=`${e}--accordion--button`,{activeItems:s,setActiveItems:u,getUpdatedItems:C,allowMultipleExpanded:x,onButtonClick:d}=t.useContext(b),{id:n}=t.useContext(f),i=s.indexOf(n)>-1,m=p.classnames(o,{[l]:!0}),v=(g,h)=>{u(C({id:h,itemStatuses:s,allowMultipleExpanded:x})),d&&d(g,h),g.currentTarget.blur()};return a.jsx("div",{className:`${e}--h3`,children:a.jsx("button",{className:m,"aria-expanded":i,onClick:g=>v(g,n),"aria-controls":`panel-${n}`,id:`button-${n}`,...r,children:c})})},S=I,j=({children:c,className:o,scroll:r,...e})=>{const{activeItems:l}=t.useContext(b),{id:s}=t.useContext(f),[u,C]=t.useState(0),x=l.indexOf(s)>-1,{prefix:d}=$.useGlobalSettings(),n=`${d}--accordion--panel`,i=p.classnames(o,n,{[`${n}__scroll`]:r,[`${n}--open`]:x}),m=t.useRef(null);return t.useLayoutEffect(()=>{m.current&&C(m.current.scrollHeight)}),a.jsx("div",{className:i,id:`panel-${s}`,"aria-labelledby":`button-${s}`,role:"region",ref:m,style:{"--height":`${u}px`},...e,children:a.jsx("div",{className:`${d}--accordion--innerpanel`,children:c})})},N=j,P=({children:c,id:o,className:r,...e})=>{const{prefix:l}=$.useGlobalSettings(),s=`${l}--accordion--item`,u=p.classnames(r,{[s]:!0});return a.jsx(f.Provider,{value:{id:o},children:a.jsx("li",{className:u,...e,children:c})})},q=P,y=({children:c,allowMultipleExpanded:o=!1,onButtonClick:r,defaultAccordionsExpanded:e=[],className:l})=>{const{prefix:s}=$.useGlobalSettings(),u=`${s}--accordion`,[C,x]=t.useState([]),d=p.classnames(l,{[u]:!0}),n=JSON.stringify(e);if(t.useEffect(()=>{const i=o?e:e.length>0?[e[0]]:e;x(i)},[n,o]),c){const i=[];t.Children.forEach(c,m=>{i.push(m.props.id)}),A.checkArrayDuplicates(i)&&console.warn("Warning: Accordion items must have unique ids.")}return a.jsx(b.Provider,{value:{activeItems:C,setActiveItems:x,getUpdatedItems:A.e,allowMultipleExpanded:o,onButtonClick:r},children:a.jsx("ul",{className:d,children:c})})},k=y;exports.Accordion=k;exports.AccordionButton=S;exports.AccordionItem=q;exports.AccordionPanel=N;

package/lib/cjs/_store/Accordion-entry-BNfPKFuj.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion-chunk-Dj1LluWV.js");exports.Accordion=o.Accordion;exports.AccordionButton=o.AccordionButton;exports.AccordionItem=o.AccordionItem;exports.AccordionPanel=o.AccordionPanel;

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

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),c=require("react"),I=require("./useGlobalSettings-chunk-Pa38w6VS.js"),y=require("./index-chunk-DCI82Tmm.js"),F=require("./ContextMenu-chunk-BegVo-Ry.js"),M=({url:h,label:l,className:E,labelShown:$=!0})=>{const{prefix:n}=I.useGlobalSettings(),b=`${n}--breadcrumb--item`,i=`${n}--breadcrumb--link`,v=`${i}--label`,r=y.classnames(b,E);return s.jsx("li",{className:r,children:$?s.jsx("a",{className:i,href:h,children:s.jsx("span",{className:v,children:l})}):s.jsx("a",{"aria-label":l,className:i,href:h})})},X=({className:h,links:l,buttonLabel:E})=>{const{prefix:$}=I.useGlobalSettings(),[n,b]=c.useState(!1),[i,v]=c.useState({start:0,top:0}),[r,N]=c.useState(!1),o=c.useRef(null),g=c.useRef(0),a=c.useRef(null),u=c.useRef(null),f=`${$}--breadcrumb`,K=`${f}--inner`,S=`${f}--items`,W=`${`${f}--item`}__first`,x=`${f}--context`,O=`${x}__collapse`,q=`${f}--menu`,G=`${x}--button`,P=y.classnames(f,h),T=y.classnames(x,{[O]:r}),z=y.classnames(`${x}--menu`,{[`${x}--menu__visible`]:n});function A(){b(!n)}const w=c.useCallback(e=>{e&&!r&&N(!0),!e&&r&&N(!1)},[r]);c.useLayoutEffect(()=>{const e=o==null?void 0:o.current;!e||!window||!document||(g.current=e.offsetWidth)},[]),c.useLayoutEffect(()=>{if(!(o==null?void 0:o.current)||!window||!document)return;const t=new ResizeObserver(d=>{const m=d[0].contentRect.width;g.current>=m/1.5?w(!0):w(!1)});return t.observe(document.body),()=>{t.disconnect()}},[w]),c.useLayoutEffect(()=>{if(!(!a.current||!u.current)&&r&&n){const e=a.current.getBoundingClientRect(),t=e.left+e.width/2,d=u.current.offsetWidth,m=t-d/2,p=e.bottom+16;v({start:m,top:p})}},[r,n]),c.useEffect(()=>{function e(t){n&&u.current&&!u.current.contains(t.target)&&a.current&&!a.current.contains(t.target)&&b(!1)}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[r,n]),c.useEffect(()=>{n&&!r&&b(!1)},[r,n]),c.useEffect(()=>{if(!a.current||!u.current)return;function e(t){var d,m,p,R;if(!(!n||!r)&&t.key==="Tab"){const j=(d=u.current)==null?void 0:d.querySelectorAll("a"),L=(p=(m=o.current)==null?void 0:m.lastElementChild)==null?void 0:p.querySelector("a");if(!j||!L)return;const _=j[0],D=j[j.length-1];if(!t.shiftKey){if(document.activeElement===a.current){t.preventDefault(),_.focus();return}document.activeElement===D&&(t.preventDefault(),L.focus())}t.shiftKey&&(t.shiftKey&&document.activeElement===_&&(t.preventDefault(),(R=a==null?void 0:a.current)==null||R.focus()),t.shiftKey&&document.activeElement===L&&(t.preventDefault(),D.focus()))}}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}});const B=l[0],C=l.slice(1,l.length-1),k=l[l.length-1];return s.jsxs("nav",{className:P,children:[s.jsx("div",{className:K,children:s.jsxs("ol",{className:S,ref:o,children:[s.jsx(M,{url:B.url,label:B.label,labelShown:!1,className:W}),C&&C.length>0?s.jsxs("li",{className:T,children:[s.jsx("ol",{className:S,children:C.map((e,t)=>s.jsx(M,{url:e.url,label:e.label},t))}),s.jsx("button",{"aria-label":E,"aria-expanded":n,"aria-controls":q,className:G,onClick:A,ref:a})]}):null,k&&s.jsx(M,{url:k.url,label:k.label})]})}),s.jsx("div",{className:z,id:q,hidden:!n,style:{left:i.start,top:i.top},children:s.jsx(F.ContextMenu,{links:C,ref:u})})]})},H=X;exports.Breadcrumb=H;

package/lib/cjs/_store/ContextMenu-chunk-BegVo-Ry.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),u=require("./index-chunk-DCI82Tmm.js"),x=require("./useGlobalSettings-chunk-Pa38w6VS.js"),m=i.forwardRef(({className:c,links:n},a)=>{const{prefix:r}=x.useGlobalSettings(),e=`${r}--context-menu`,l=u.classnames(c,{[e]:!0});return s.jsx("ol",{className:l,ref:a,children:n&&n.map((t,o)=>s.jsx("li",{className:`${e}--item ${t.endsection?"endsection":""}`,children:s.jsx("a",{href:t.url,className:`${e}--link`,children:s.jsx("span",{className:`${e}--label`,children:t.label})})},`${e}--item-${o}`))})}),d=m;exports.ContextMenu=d;

package/lib/cjs/_store/Hero-chunk-BmAL9GMT.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),p=require("./index-chunk-DCI82Tmm.js"),b=require("./useGlobalSettings-chunk-Pa38w6VS.js"),g=require("./SocialMedia-chunk-DrxlykT6.js"),k=require("./Breadcrumb-chunk-DvUpVY4l.js"),f=require("./Tooltip-chunk-Bh77DbOg.js"),v=({baseclass:a,title:n,url:o})=>{const c=`${a}--title`,t=`${a}--title-link`;return o?s.jsx("a",{className:t,href:o,children:s.jsx("h1",{className:c,children:n})}):s.jsx("h1",{className:c,children:n})},S=({theme:a="dark",background:n="solid",cornercut:o="true",eyebrow:c,title:t,url:l,datecopy:r,intro:i,socialmedia:d})=>{const{prefix:h}=b.useGlobalSettings(),e=`${h}--hero-card`,_=`${e}__theme__${a}`,m=`${e}__background__${n}`,x=`${e}__cornercut`,u=p.classnames(e,_,m,{[x]:o}),j=`${e}--eyebrow`,$=`${e}--datecopy`,C=`${e}--intro`;return s.jsxs("div",{className:u,children:[c&&s.jsx("p",{className:j,children:c}),s.jsx(v,{baseclass:e,title:t,url:l}),i&&s.jsx("p",{className:C,children:i}),r&&s.jsx("p",{className:$,children:r}),d&&s.jsx(g.SocialMedia,{...d,theme:a})]})},N=S,H=({url:a,alt:n})=>{const{prefix:o}=b.useGlobalSettings(),c=`${o}--card--image`,t=a.sort((r,i)=>r.breakpoint-i.breakpoint),l=t[t.length-1].src;return s.jsx("figure",{className:"hero--image",children:s.jsxs("picture",{children:[t.map(r=>s.jsx("source",{srcSet:r.src,media:`(min-width: ${r.breakpoint}px)`},r.breakpoint)),s.jsx("img",{className:c,src:l,alt:n})]})})},q=({justify:a="start",align:n="baseline",cardSize:o="small",posterSize:c="large",theme:t="dark",image:l,breadcrumb:r,heroCard:i,caption:d,gap:h})=>{const e="hero",_=`${e}__card-justify__${a}`,m=`${e}__card-align__${n}`,x=`${e}__card-size__${o}`,u=`${e}__poster-size__${c}`,j=`${e}__card-theme__${t}`,$=`${e}__gap__${h}`,C=p.classnames(e,_,m,x,u,j,{[$]:!!h});return s.jsxs("div",{className:C,children:[s.jsx("div",{className:"hero--background",children:l&&s.jsx(H,{...l})}),r&&s.jsx(s.Fragment,{children:s.jsx("div",{className:"hero--breadcrumbs",children:s.jsx("div",{className:"hero--breadcrumbs--wrapper",children:s.jsx(k.Breadcrumb,{...r})})})}),s.jsx("div",{className:"hero--card-offset"}),s.jsx("div",{className:"hero--card",children:s.jsx(N,{...i})}),d&&s.jsx("div",{className:"hero--caption",children:s.jsx("div",{className:"hero--caption--wrapper",children:s.jsx(f.Tooltip,{...d})})})]})},w=q;exports.Hero=w;exports.HeroCard=N;

package/lib/cjs/_store/Hero-entry-6U1647te.js

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

package/lib/cjs/_store/LocalNav-chunk-CL0urssZ.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),w=require("./useGlobalSettings-chunk-Pa38w6VS.js"),L=require("./ContextMenu-chunk-BegVo-Ry.js"),C=require("./index-chunk-DCI82Tmm.js"),$=require("./Logo-chunk-Cl60tiPV.js"),f={"ilo-blue":{value:"rgba(30, 45, 190, 1)"},"ilo-red":{value:"rgba(250, 60, 75, 1)"},"ilo-dark-blue":{value:"rgba(35, 0, 80, 1)"},"ilo-yellow":{value:"rgba(255, 205, 45, 1)"},"ilo-green":{value:"rgba(140, 225, 100, 1)"},"ilo-purple":{value:"rgba(150, 10, 85, 1)"},"ilo-purple-light":{value:"rgba(116, 96, 145, 1)"},"ilo-turquoise":{value:"rgba(5, 210, 210, 1)"},"ilo-dark-red":{value:"rgba(200, 48, 60, 1)"},"ilo-light-blue":{value:"rgba(235, 245, 253, 1)"},"ilo-grey-light-alternate":{value:"rgba(246, 247, 248, 1)"},"ilo-grey-light":{value:"rgba(237, 240, 242, 1)"},"ilo-grey-ui":{value:"rgba(184, 196, 204, 1)"},"ilo-grey-accessible":{value:"rgba(109, 109, 109, 1)"},"ilo-black":{value:"rgba(45, 45, 45, 1)"},"ilo-white":{value:"rgba(255, 255, 255, 1)"},"ilo-ramp-blue":{value:"rgba(190, 220, 250, 1)"},"ilo-ramp-red":{value:"rgba(254, 216, 219, 1)"},"ilo-ramp-green":{value:"rgba(232, 249, 224, 1)"},"ilo-ramp-yellow":{value:"rgba(255, 245, 200, 1)"}},m=280,q=({background:b,logo:s,primarynav:a,mainlink:t,menucloselabel:N,languagelabel:o,languagecontextmenu:n})=>{const{prefix:l}=w.useGlobalSettings(),[d,j]=g.useState(!1),[h,x]=g.useState(!1),i=`${l}--header`,k=C.classnames(i,`${i}--local`,{[`${l}--mobile--open`]:d,[`${l}--select--open`]:h}),p=b||f["ilo-dark-blue"].value,u=()=>{j(!d)},v=()=>{x(!h)};return e.jsx("header",{className:k,children:e.jsxs("div",{className:`${i}--utility-bar ${i}--utility-bar--local`,style:{background:p},children:[e.jsxs("nav",{className:`${l}--nav--local`,children:[e.jsx("div",{className:`${l}--nav--local--logo-wrapper`,children:e.jsx($.Logo,{url:s.url,src:s.src,alt:s.alt,className:`${l}--nav--local--logo`,subbrand:s.subbrand,theme:s.theme,size:s.size||m})}),e.jsx("ul",{className:`${l}--nav--local--set`,children:(a==null?void 0:a.items)&&a.items.map((c,r)=>e.jsx("li",{className:`${l}--nav--local--item`,children:e.jsx("a",{href:c.url,className:`${l}--nav--local--link`,children:e.jsx("span",{children:c.label})})},r))})]}),e.jsx("div",{className:`${l}--language-switcher`,children:e.jsxs("div",{className:`${l}--language-switcher--wrap`,children:[t&&e.jsx("span",{className:`${l}--language-switcher--link--wrap`,children:e.jsx("a",{href:t.url,className:`${l}--language-switcher--link`,children:t.label})}),e.jsx("button",{className:`${l}--language-switcher--button`,type:"button",children:o}),e.jsx(L.ContextMenu,{links:n==null?void 0:n.links})]})}),e.jsx("button",{className:`${i}--menu`,onClick:u,children:"Menu"}),e.jsx("div",{className:`${i}--navigation`,children:e.jsxs("div",{className:`${i}--inner`,children:[e.jsxs("div",{className:`${l}--mobile--nav`,children:[e.jsxs("div",{className:`${l}--mobile--nav--logo`,children:[e.jsx($.Logo,{url:s.url,src:s.src,alt:s.alt,className:`${l}--nav--local--logo`,subbrand:s.subbrand,theme:s.theme,size:s.size||m}),e.jsx("button",{className:`${i}--menu--close`,onClick:u,children:N})]}),e.jsx("div",{className:`${l}--mobile--nav--language--switcher`,children:e.jsx("button",{className:`${l}--mobile--nav--language--switcher--button`,onClick:v,type:"button",children:o})}),e.jsx("div",{className:`${l}--mobile--nav--language--select`,children:e.jsxs("div",{className:`${i}--inner`,children:[e.jsxs("div",{className:`${l}--mobile--subnav--menu`,children:[e.jsx("button",{className:`${l}--mobile--subnav--back`,onClick:v,type:"button"}),e.jsx("button",{className:`${i}--menu--close`,onClick:u,children:"Close"}),e.jsx("h6",{className:`${l}--mobile--subnav--label`,children:o})]}),e.jsx("ul",{className:`${l}--nav--set`,children:(n==null?void 0:n.links)&&n.links.map((c,r)=>e.jsx("li",{className:`${l}--nav--items`,children:e.jsx("a",{href:c.url,className:`${l}--nav--link ${l}--nav--language`,children:c.label})},r))})]})})]}),e.jsxs("nav",{className:`${l}--nav`,"aria-labelledby":"primary-navigation",children:[e.jsx("h2",{className:`${l}--nav--label`,id:"primary-navigation",children:a==null?void 0:a.navlabel}),e.jsx("ul",{className:`${l}--nav--set`,children:(a==null?void 0:a.items)&&a.items.map((c,r)=>e.jsx("li",{className:`${l}--nav--items`,children:e.jsx("a",{href:c.url,className:`${l}--nav--link`,children:c.label})},r))})]})]})})]})})},M=q;exports.LocalNav=M;

package/lib/cjs/_store/LocalNav-entry-uEJTn_P0.js

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

package/lib/cjs/_store/Logo-chunk-Cl60tiPV.js

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Logo-chunk-Cl60tiPV.js");exports.Logo=o.Logo;

package/lib/cjs/_store/Navigation-chunk-CKk-EzZF.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),z=require("./useGlobalSettings-chunk-Pa38w6VS.js"),A=require("./ContextMenu-chunk-BegVo-Ry.js"),C=require("./SearchField-chunk-DRdhLGEo.js"),B=require("./index-chunk-DCI82Tmm.js"),D=({logo:w,mobilelogo:L,siteurl:j,tagline:m,primarynav:t,subnav:l,menulabel:O,menucloselabel:f,searchlabel:q,searchfield:n,languagelabel:$,languagecontextmenu:o})=>{const{prefix:s}=z.useGlobalSettings(),[N,y]=c.useState(!1),[x,v]=c.useState(!1),[M,g]=c.useState(!1),[k,p]=c.useState(!1),[E,S]=c.useState(!1),[d,F]=c.useState(!1),a=`${s}--header`,I=B.classnames(a,{[`${s}--mobile--open`]:N,[`${s}--search--open`]:x,[`${s}--subnav--open`]:k,[`${s}--select--open`]:d,[`${s}--context--open`]:d}),u=c.useRef(null),R=()=>{u.current&&u.current.focus()},h=()=>{y(!N)},r=c.useCallback(()=>{F(!d)},[d]),G=()=>{if(x){v(!1),setTimeout(()=>g(!1),225);return}g(!0),setTimeout(()=>v(!0),10),setTimeout(()=>R(),50)},T=()=>{if(k){p(!1),setTimeout(()=>S(!1),125);return}S(!0),setTimeout(()=>p(!0),10)};return c.useEffect(()=>{if(window)return d?window.addEventListener("click",r):window.removeEventListener("click",r),()=>window.removeEventListener("click",r)},[d,r]),e.jsxs("header",{className:I,children:[e.jsx("div",{className:`${a}--utility-bar`,children:e.jsx("div",{className:`${s}--language-switcher`,children:e.jsxs("div",{className:`${s}--language-switcher--wrap`,children:[e.jsx("button",{className:`${s}--language-switcher--button`,type:"button",onClick:r,children:$}),e.jsx(A.ContextMenu,{links:o==null?void 0:o.links})]})})}),e.jsx("div",{className:`${a}--logo-bar`,children:e.jsxs("div",{className:`${a}--inner ${s}--container`,children:[e.jsx("a",{href:j,className:`${a}--logo-link`,children:e.jsx("img",{className:`${a}--logo`,src:w,alt:"ILO Logo"})}),e.jsxs("p",{className:`${a}--logo-tagline`,children:[m==null?void 0:m.tag,e.jsx("span",{className:`${a}--logo-tagline--small`,children:m==null?void 0:m.small})]}),e.jsx("button",{className:`${a}--menu`,onClick:h,children:O})]})}),e.jsxs("div",{className:`${a}--navigation`,children:[e.jsxs("div",{className:`${a}--inner ${s}--container`,children:[e.jsxs("div",{className:`${s}--mobile--nav`,children:[e.jsxs("div",{className:`${s}--mobile--nav--logo`,children:[e.jsx("a",{href:j,className:`${a}--logo-link`,children:e.jsx("img",{className:`${a}--logo`,src:L,alt:"ILO Logo"})}),e.jsx("button",{className:`${a}--menu--close`,onClick:h,children:f})]}),e.jsx("div",{className:`${s}--mobile--nav--search`,children:e.jsx(C.SearchField,{input:n==null?void 0:n.input,action:n==null?void 0:n.action})}),e.jsx("div",{className:`${s}--mobile--nav--language--switcher`,children:e.jsx("button",{className:`${s}--mobile--nav--language--switcher--button`,onClick:r,type:"button",children:$})}),e.jsx("div",{className:`${s}--mobile--nav--language--select`,children:e.jsxs("div",{className:`${a}--inner ${s}--container`,children:[e.jsxs("div",{className:`${s}--mobile--subnav--menu`,children:[e.jsx("button",{className:`${s}--mobile--subnav--back`,onClick:r,type:"button",children:l==null?void 0:l.mobilebacklabel}),e.jsx("button",{className:`${a}--menu--close`,onClick:h,children:l==null?void 0:l.mobilecloselabel}),e.jsx("h6",{className:`${s}--mobile--subnav--label`,children:$})]}),e.jsx("ul",{className:`${s}--nav--set`,children:(o==null?void 0:o.links)&&o.links.map((i,b)=>e.jsx("li",{className:`${s}--nav--items`,children:e.jsx("a",{href:i.url,className:`${s}--nav--link ${s}--nav--language`,children:i.label})},b))})]})})]}),e.jsxs("nav",{className:`${s}--nav`,"aria-labelledby":"primary-navigation",children:[e.jsx("h2",{className:`${s}--nav--label`,id:"primary-navigation",children:t==null?void 0:t.navlabel}),e.jsxs("ul",{className:`${s}--nav--set`,children:[(t==null?void 0:t.items)&&t.items.map((i,b)=>e.jsx("li",{className:`${s}--nav--items`,children:e.jsx("a",{href:i.url,className:`${s}--nav--link`,children:i.label})},b)),l&&e.jsx("li",{className:`${s}--nav--items`,children:e.jsx("button",{className:`${s}--nav--trigger`,onClick:T,children:l.buttonlabel})})]})]}),e.jsx("div",{className:`${s}--search`,children:e.jsx("button",{className:`${s}--search--button`,type:"button",onClick:G,children:q})})]}),l&&e.jsx("nav",{style:{display:E?"block":"none"},className:`${s}--subnav`,"aria-labelledby":"secondary-navigation",children:e.jsxs("div",{className:`${s}--subnav--inner ${s}--container`,children:[e.jsx("div",{className:`${s}--mobile--subnav`,children:e.jsxs("div",{className:`${s}--mobile--subnav--menu`,children:[e.jsx("button",{className:`${s}--mobile--subnav--back`,onClick:T,type:"button",children:l.mobilebacklabel}),e.jsx("button",{className:`${s}--header--menu--close`,onClick:h,children:l.mobilecloselabel}),e.jsx("h6",{className:`${s}--mobile--subnav--label`,children:l.buttonlabel})]})}),e.jsx("h2",{className:`${s}--nav--label`,id:"secondary-navigation",children:l.navlabel}),e.jsx("ul",{className:`${s}--subnav--set`,children:(l==null?void 0:l.items)&&l.items.map((i,b)=>e.jsx("li",{className:`${s}--subnav--items`,children:e.jsx("a",{href:i.url,className:`${s}--subnav--link`,children:i.label})},b))})]})}),e.jsx("div",{style:{display:M?"block":"none"},className:`${s}--search-box`,children:e.jsx("div",{className:`${s}--header--inner ${s}--container`,children:e.jsx(C.SearchField,{input:n==null?void 0:n.input,action:n==null?void 0:n.action,ref:u})})})]})]})},H=D;exports.Navigation=H;

package/lib/cjs/_store/Navigation-entry-DukzIF80.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./Navigation-chunk-CKk-EzZF.js");exports.Navigation=i.Navigation;

package/lib/cjs/_store/SocialMedia-chunk-DrxlykT6.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("./index-chunk-DCI82Tmm.js"),S=require("./useGlobalSettings-chunk-Pa38w6VS.js"),b=({className:o,theme:r="light",justify:$="start",headline:c,icons:u,iconSize:d="normal"})=>{const{prefix:_}=S.useGlobalSettings(),s=`${_}--social-media`,h=`${s}__theme__${r}`,m=`${s}__justify__${$}`,j=t.classnames(s,h,m,o),x=`${s}--headline`,i=`${s}--list`,a=`${i}--item`,n=`${a}--icon`,C=`${a}--icon__${d}`;return e.jsxs("div",{className:j,children:[c&&e.jsx("h5",{className:x,children:c}),e.jsx("ul",{className:i,children:u.map(l=>e.jsx("li",{className:a,children:e.jsx("a",{title:l.label,className:t.classnames(n,C,`${n}__${l.icon}`),href:l.url,children:l.label})},l.url))})]})},N=b;exports.SocialMedia=N;

package/lib/cjs/_store/SocialMedia-entry-BQyxJpTO.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./SocialMedia-chunk-DrxlykT6.js"),o={headline:"Follow us on social media",theme:"light",justify:"start",iconSize:"normal",icons:[{icon:"facebook",url:"https://www.facebook.com/ilo.org",label:"Facebook"},{icon:"x",url:"https://x.com/ilo",label:"x"},{icon:"instagram",url:"https://www.instagram.com/ilo.org/",label:"Instagram"},{icon:"linkedin",url:"https://www.linkedin.com/company/international-labour-organization-ilo",label:"LinkedIn"},{icon:"youtube",url:"https://www.youtube.com/channel/UCQsVmhSa4X-G3lHlUtejzLA",label:"YouTube"},{icon:"tiktok",url:"https://www.tiktok.com/@ilo",label:"TikTok"},{icon:"flickr",url:"https://www.flickr.com/photos/ilopictures/albums",label:"TikTok"}]};({...o});({...o});exports.SocialMedia=l.SocialMedia;exports.defaultArgs=o;

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

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

package/lib/cjs/_store/Tag-entry-B5GoRJjK.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./Tag-chunk-CdVExQzv.js"),o=require("react/jsx-runtime"),b=require("./index-chunk-DCI82Tmm.js"),r=require("react"),d=require("./useGlobalSettings-chunk-Pa38w6VS.js"),f=require("./checkArrayDuplicates-chunk-Bqxwhc1q.js"),p=({className:i,children:t,onButtonClick:u,defaultTagActive:e=[],allowMultipleActive:n=!0,...g})=>{const{prefix:S}=d.useGlobalSettings(),m=`${S}--tag-set`,[l,a]=r.useState([]),q=JSON.stringify(e);if(r.useEffect(()=>{const s=n?e:e.length>0?[e[0]]:e;a(s)},[q,n]),t){const s=[];r.Children.forEach(t,x=>{const T=x;s.push(T.props.id)}),f.checkArrayDuplicates(s)&&console.warn("Warning: Tags must have unique ids.")}const h=b.classnames(i,{[m]:!0});return o.jsx(c.TagSetContext.Provider,{value:{activeItems:l,setActiveItems:a,allowMultipleActive:n,onButtonClick:u},children:o.jsx("ul",{className:h,...g,children:t})})},y=p;exports.Tag=c.Tag;exports.TagSet=y;