@agregio-solutions/design-system 1.86.2 → 1.86.4

package/dist/design-system.cjs

@@ -1489,7 +1489,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
     border-radius: var(--radius-rounded);
   }
 
-  &[data-placeholder] {
+  & span[data-placeholder] {
     color: var(--color-content-neutral-tertiary);
   }
 
@@ -1532,7 +1532,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
   display: flex;
   align-items: center;
   column-gap: var(--spacing-xs);
-`;function Hk(){return typeof window.ResizeObserver<"u"}function Yp(e){const{ref:t,onResize:n}=e;l.useEffect(()=>{const r=t?.current;if(r)if(Hk()){const a=new window.ResizeObserver(o=>{o.length&&n()});return a.observe(r),()=>{r&&a.unobserve(r)}}else return window.addEventListener("resize",n,!1),()=>{window.removeEventListener("resize",n,!1)}},[n,t])}const J1=l.forwardRef((e,t)=>{const n=je(Kk),r=e["aria-label"]??String(e.label),a=Pr({nature:e.nature,successHelperText:e.successHelperText,errorHelperText:e.errorHelperText,warningHelperText:e.warningHelperText}),o={...e.wrapperProps,htmlForId:e.id,label:e.label,labelIconRight:e.labelIconRight,description:e.description,helperTextIcon:e.helperTextIcon,helperText:e.helperText,errorHelperText:e.errorHelperText,errorHelperTextIcon:e.errorHelperTextIcon,successHelperText:e.successHelperText,successHelperTextIcon:e.successHelperTextIcon,warningHelperText:e.warningHelperText,warningHelperTextIcon:e.warningHelperTextIcon,orientation:e.orientation,required:e.required},i=l.useRef(null),[u,s]=l.useState(null),d=l.useCallback(()=>{i.current&&s(i.current.offsetWidth+"px")},[i]);return Yp({ref:i,onResize:d}),e.mode==="multiple"?c.jsx(Ut,{...o,ref:t,children:c.jsxs(ju,{defaultOpen:e.defaultOpen,isOpen:e.open,onOpenChange:e.onOpenChange,children:[c.jsxs(Ic,{...e.buttonProps,type:"button",ref:i,"data-nature":a,"data-fullwidth":e.fullWidth,"aria-label":r,isDisabled:e.disabled,children:[!e.selectedKeys?.length&&c.jsx("span",{children:e.placeholder||""}),!!e.selectedKeys?.length&&c.jsxs(Ok,{children:[c.jsx(xa,{value:e.selectedKeys.length,nature:"informative"}),e.selectedKeys.length===1?` ${n.itemSelected}`:` ${n.itemsSelected}`]}),c.jsxs(Oc,{children:[e.triggerContentRight,c.jsx(Rc,{name:"expand_more","data-disabled":e.disabled})]})]}),c.jsx(jc,{offset:4,placement:"bottom",children:c.jsx(Lc,{"aria-label":`${n.selectionFor} ${r}`,selectionMode:"multiple",selectedKeys:e.selectedKeys,disabledKeys:e.disabledIds,onSelectionChange:p=>{p!=="all"&&e.onSelectionChange([...p].map(String))},style:{"--trigger-width":u},children:e.children})})]})}):c.jsx(Ut,{...o,children:c.jsxs(jk,{ref:t,id:e.id,isDisabled:e.disabled,isRequired:e.required,onSelectionChange:p=>e.onChange?.(String(p)),selectedKey:e.value,name:e.name,disabledKeys:e.disabledIds,defaultOpen:e.defaultOpen,isOpen:e.open,onOpenChange:e.onOpenChange,"data-fullwidth":e.fullWidth,"aria-label":r,children:[c.jsxs(Ic,{...e.buttonProps,type:"button","data-nature":a,"data-fullwidth":e.fullWidth,children:[c.jsx(Lk,{children:p=>p.isPlaceholder?e.placeholder||"":p.selectedText}),c.jsxs(Oc,{children:[e.triggerContentRight,c.jsx(Rc,{name:"expand_more","data-disabled":e.disabled})]})]}),c.jsx(jc,{offset:4,placement:"bottom",children:c.jsx(Lc,{children:e.children})})]})})}),Kk={en:{itemsSelected:" items selected",itemSelected:" item selected",selectionFor:" selection for"},fr:{itemsSelected:" éléments sélectionnés",itemSelected:" élément sélectionné",selectionFor:" sélection pour"}};function zk(e,t){return Array.from({length:e},(n,r)=>r+0)}const Nk=P.div`
+`;function Hk(){return typeof window.ResizeObserver<"u"}function Yp(e){const{ref:t,onResize:n}=e;l.useEffect(()=>{const r=t?.current;if(r)if(Hk()){const a=new window.ResizeObserver(o=>{o.length&&n()});return a.observe(r),()=>{r&&a.unobserve(r)}}else return window.addEventListener("resize",n,!1),()=>{window.removeEventListener("resize",n,!1)}},[n,t])}const J1=l.forwardRef((e,t)=>{const n=je(Kk),r=e["aria-label"]??String(e.label),a=Pr({nature:e.nature,successHelperText:e.successHelperText,errorHelperText:e.errorHelperText,warningHelperText:e.warningHelperText}),o={...e.wrapperProps,htmlForId:e.id,label:e.label,labelIconRight:e.labelIconRight,description:e.description,helperTextIcon:e.helperTextIcon,helperText:e.helperText,errorHelperText:e.errorHelperText,errorHelperTextIcon:e.errorHelperTextIcon,successHelperText:e.successHelperText,successHelperTextIcon:e.successHelperTextIcon,warningHelperText:e.warningHelperText,warningHelperTextIcon:e.warningHelperTextIcon,orientation:e.orientation,required:e.required},i=l.useRef(null),[u,s]=l.useState(null),d=l.useCallback(()=>{i.current&&s(i.current.offsetWidth+"px")},[i]);return Yp({ref:i,onResize:d}),e.mode==="multiple"?c.jsx(Ut,{...o,ref:t,children:c.jsxs(ju,{defaultOpen:e.defaultOpen,isOpen:e.open,onOpenChange:e.onOpenChange,children:[c.jsxs(Ic,{...e.buttonProps,type:"button",ref:i,"data-nature":a,"data-fullwidth":e.fullWidth,"aria-label":r,isDisabled:e.disabled,children:[!e.selectedKeys?.length&&c.jsx("span",{"data-placeholder":!0,children:e.placeholder||""}),!!e.selectedKeys?.length&&c.jsxs(Ok,{children:[c.jsx(xa,{value:e.selectedKeys.length,nature:"informative"}),e.selectedKeys.length===1?` ${n.itemSelected}`:` ${n.itemsSelected}`]}),c.jsxs(Oc,{children:[e.triggerContentRight,c.jsx(Rc,{name:"expand_more","data-disabled":e.disabled})]})]}),c.jsx(jc,{offset:4,placement:"bottom",children:c.jsx(Lc,{"aria-label":`${n.selectionFor} ${r}`,selectionMode:"multiple",selectedKeys:e.selectedKeys,disabledKeys:e.disabledIds,onSelectionChange:p=>{p!=="all"&&e.onSelectionChange([...p].map(String))},style:{"--trigger-width":u},children:e.children})})]})}):c.jsx(Ut,{...o,children:c.jsxs(jk,{ref:t,id:e.id,isDisabled:e.disabled,isRequired:e.required,onSelectionChange:p=>e.onChange?.(String(p)),selectedKey:e.value,name:e.name,disabledKeys:e.disabledIds,defaultOpen:e.defaultOpen,isOpen:e.open,onOpenChange:e.onOpenChange,"data-fullwidth":e.fullWidth,"aria-label":r,children:[c.jsxs(Ic,{...e.buttonProps,type:"button","data-nature":a,"data-fullwidth":e.fullWidth,children:[c.jsx(Lk,{children:p=>p.isPlaceholder?e.placeholder||"":p.selectedText}),c.jsxs(Oc,{children:[e.triggerContentRight,c.jsx(Rc,{name:"expand_more","data-disabled":e.disabled})]})]}),c.jsx(jc,{offset:4,placement:"bottom",children:c.jsx(Lc,{children:e.children})})]})})}),Kk={en:{itemsSelected:" items selected",itemSelected:" item selected",selectionFor:" selection for"},fr:{itemsSelected:" éléments sélectionnés",itemSelected:" élément sélectionné",selectionFor:" sélection pour"}};function zk(e,t){return Array.from({length:e},(n,r)=>r+0)}const Nk=P.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1793,7 +1793,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
     }
 
     &[data-placeholder="true"] {
-      color: var(--color-content-neutral-secondary);
+      color: var(--color-content-neutral-tertiary);
     }
   }
 
@@ -1886,7 +1886,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
     }
 
     &[data-placeholder="true"] {
-      color: var(--color-content-neutral-secondary);
+      color: var(--color-content-neutral-tertiary);
     }
   }
 
@@ -2931,7 +2931,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
       display: none;
     }
   }
-`;function DA({label:e,ariaLabel:t}){return t??String(e)}function nu({label:e,href:t,isActive:n,subLinks:r,iconLeft:a,defaultOpen:o,className:i,style:u,onClick:s,"aria-label":d,...p}){const{isCollapsed:f,setIsCollapsed:h,currentPath:g}=$h(),m=_u(),[v,x]=l.useState(o||!1),w=!!!t&&!!r?.length,y=r4({controlledIsActive:n,isDropdown:w,href:t,subLinks:r,currentPath:g}),$=!f&&v;return l.useEffect(()=>{g&&y&&w&&x(!0)},[g,y,w]),c.jsxs(c.Fragment,{children:[c.jsxs(bA,{"data-active":y,href:t,onPress:()=>{w||m?.setIsCollapsed(!0),s?s():w&&(x(B=>!B),h(!1))},"data-collapsed":f,className:i,style:u,"aria-label":DA({label:e,ariaLabel:d}),"data-is-dropdown":w,...p,children:[a&&c.jsx(xA,{name:a}),c.jsx($A,{"data-is-collapsed":f,children:e}),w&&c.jsx(yA,{"data-is-collapsed":f,name:"chevron_right","data-open":$})]}),w&&$&&c.jsx(c.Fragment,{children:r.map(B=>{const k=B.wrapperComponent||(D=>D);return c.jsx(l.Fragment,{children:k(c.jsx(nu,{href:B.href,isActive:r4({controlledIsActive:B.isActive,isDropdown:!1,href:B.href,currentPath:g}),label:B.label,"data-is-dropdown-item":!0}))},B.href)})})]})}const r4=({controlledIsActive:e,isDropdown:t,href:n,subLinks:r,currentPath:a})=>{if(e!=null)return e;if(a==null)return!1;const o=Ul(a);return t&&r&&r.length>0?r.some(i=>o.startsWith(Ul(i.href))):!!(n&&o.startsWith(Ul(n)))},Ul=e=>e.split("?")[0];function wA({children:e,logo:t,onParametersClick:n,onLogoutClick:r,footerElements:a,...o}){const i=je(BA),{isCollapsed:u,setIsCollapsed:s}=$h(),d=_u(),p=!!n||!!r;return c.jsxs(fA,{"data-collapsed":u,"data-page-layout-collapsed":d?.isCollapsed,...o,children:[c.jsxs(pA,{"data-collapsed":u,children:[!u&&c.jsx(vA,{title:t,"data-type":t}),c.jsx(xh,{"data-testid":"navigation-mobile-collapsed-menu",onPress:()=>s(f=>!f),"aria-label":u?i.open:i.close,"data-collapsed":u,children:c.jsx(ne,{name:"collapse_menu"})}),c.jsx(hA,{"data-testid":"navigation-mobile-close-menu",onPress:()=>d?.setIsCollapsed(f=>!f),"aria-label":d?.isCollapsed?i.open:i.close,"data-collapsed":d?.isCollapsed,children:c.jsx(ne,{name:"close"})})]}),c.jsx(mA,{children:e}),p&&c.jsxs(c.Fragment,{children:[c.jsx(gA,{"data-collapsed":u,children:c.jsx("hr",{})}),c.jsxs("footer",{children:[a,!!n&&c.jsx(nu,{iconLeft:"settings",label:i.settings,onClick:n,"aria-label":i.settings}),!!r&&c.jsx(nu,{iconLeft:"logout",label:i.logout,onClick:r,"aria-label":i.logout})]})]})]})}function EA({initialIsCollapsed:e,currentPath:t,...n}){return c.jsx(CA,{initialIsCollapsed:e,currentPath:t,children:c.jsx(wA,{...n})})}const BA={en:{close:"Close navigation",open:"Open navigation",settings:"Settings",logout:"Logout"},fr:{close:"Fermer la navigation",open:"Ouvrir la navigation",settings:"Paramètres",logout:"Déconnexion"}},kA=P(ju)``,SA=P(En)`
+`;function DA({label:e,ariaLabel:t}){return t??String(e)}function nu({label:e,href:t,isActive:n,subLinks:r,iconLeft:a,defaultOpen:o,className:i,style:u,onClick:s,"aria-label":d,...p}){const{isCollapsed:f,setIsCollapsed:h,currentPath:g}=$h(),m=_u(),[v,x]=l.useState(o||!1),w=!!!t&&!!r?.length,y=r4({controlledIsActive:n,isDropdown:w,href:t,subLinks:r,currentPath:g}),$=!f&&v;return l.useEffect(()=>{g&&y&&w&&x(!0)},[g,y,w]),c.jsxs(c.Fragment,{children:[c.jsxs(bA,{"data-active":y,href:t,onPress:()=>{w||m?.setIsCollapsed(!0),s?s():w&&(x(B=>!B),h(!1))},"data-collapsed":f,className:i,style:u,"aria-label":DA({label:e,ariaLabel:d}),"data-is-dropdown":w,...p,children:[a&&c.jsx(xA,{name:a}),c.jsx($A,{"data-is-collapsed":f,children:e}),w&&c.jsx(yA,{"data-is-collapsed":f,name:"chevron_right","data-open":$})]}),w&&$&&c.jsx(c.Fragment,{children:r.map(B=>{const k=B.wrapperComponent||(D=>D);return c.jsx(l.Fragment,{children:k(c.jsx(nu,{href:B.href,isActive:r4({controlledIsActive:B.isActive,isDropdown:!1,href:B.href,currentPath:g}),label:B.label,"data-is-dropdown-item":!0}))},B.href)})})]})}const r4=({controlledIsActive:e,isDropdown:t,href:n,subLinks:r,currentPath:a})=>{if(e!=null)return e;if(a==null)return!1;const o=Ul(a);if(t&&r&&r.length>0)return r.some(i=>o.startsWith(Ul(i.href)));if(n){const i=Ul(n);if(i==="/")return o==="/";if(o.startsWith(i))return!0}return!1},Ul=e=>e.split("?")[0];function wA({children:e,logo:t,onParametersClick:n,onLogoutClick:r,footerElements:a,...o}){const i=je(BA),{isCollapsed:u,setIsCollapsed:s}=$h(),d=_u(),p=!!n||!!r;return c.jsxs(fA,{"data-collapsed":u,"data-page-layout-collapsed":d?.isCollapsed,...o,children:[c.jsxs(pA,{"data-collapsed":u,children:[!u&&c.jsx(vA,{title:t,"data-type":t}),c.jsx(xh,{"data-testid":"navigation-mobile-collapsed-menu",onPress:()=>s(f=>!f),"aria-label":u?i.open:i.close,"data-collapsed":u,children:c.jsx(ne,{name:"collapse_menu"})}),c.jsx(hA,{"data-testid":"navigation-mobile-close-menu",onPress:()=>d?.setIsCollapsed(f=>!f),"aria-label":d?.isCollapsed?i.open:i.close,"data-collapsed":d?.isCollapsed,children:c.jsx(ne,{name:"close"})})]}),c.jsx(mA,{children:e}),p&&c.jsxs(c.Fragment,{children:[c.jsx(gA,{"data-collapsed":u,children:c.jsx("hr",{})}),c.jsxs("footer",{children:[a,!!n&&c.jsx(nu,{iconLeft:"settings",label:i.settings,onClick:n,"aria-label":i.settings}),!!r&&c.jsx(nu,{iconLeft:"logout",label:i.logout,onClick:r,"aria-label":i.logout})]})]})]})}function EA({initialIsCollapsed:e,currentPath:t,...n}){return c.jsx(CA,{initialIsCollapsed:e,currentPath:t,children:c.jsx(wA,{...n})})}const BA={en:{close:"Close navigation",open:"Open navigation",settings:"Settings",logout:"Logout"},fr:{close:"Fermer la navigation",open:"Ouvrir la navigation",settings:"Paramètres",logout:"Déconnexion"}},kA=P(ju)``,SA=P(En)`
   width: min(calc(100vw - var(--spacing-sm) * 2), 448px);
   outline: none;
 `,PA=P(Sr)`
@@ -4155,7 +4155,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
   &[data-nature="warning"] {
     outline-color: var(--color-content-message-warning-darker);
   }
-`,OM=l.forwardRef(({wrapperProps:e,id:t,label:n,labelIconRight:r,description:a,helperTextIcon:o,helperText:i,errorHelperText:u,errorHelperTextIcon:s,successHelperText:d,successHelperTextIcon:p,warningHelperText:f,warningHelperTextIcon:h,required:g,nature:m,fullWidth:v,isDisabled:x,defaultValue:C,onChange:w,value:y,ampm:$,orientation:B,...k},D)=>{const T=k["aria-label"]??String(n),F=Pr({nature:m,successHelperText:d,errorHelperText:u,warningHelperText:f}),A={...e,htmlForId:t,label:n,labelIconRight:r,description:a,helperTextIcon:o,helperText:i,errorHelperText:u,errorHelperTextIcon:s,successHelperText:d,successHelperTextIcon:p,warningHelperText:f,warningHelperTextIcon:h,required:g,orientation:B};let V;return $===!0&&(V=12),$===!1&&(V=24),c.jsx(Ut,{...A,ref:D,children:c.jsx(jM,{...k,id:t,isDisabled:x,"aria-label":T,isRequired:g,"data-fullwidth":v,defaultValue:C?xd(C):void 0,onChange:_=>w?.((_||"").toString()),value:typeof y=="string"?xd(y):y,hourCycle:V,children:c.jsx(LM,{"data-fullwidth":v,"aria-disabled":x,"data-nature":F,children:_=>c.jsx(Qi,{segment:_})})})})});function HM(e){return e.type==="group"}const kh=150,KM=58,zM=40,Sh=e=>e>0?zM:KM,NM=5,ZM=3,Ph=e=>e>0?ZM:NM,_M=le.div`
+`,OM=l.forwardRef(({wrapperProps:e,id:t,label:n,labelIconRight:r,description:a,helperTextIcon:o,helperText:i,errorHelperText:u,errorHelperTextIcon:s,successHelperText:d,successHelperTextIcon:p,warningHelperText:f,warningHelperTextIcon:h,required:g,nature:m,fullWidth:v,isDisabled:x,defaultValue:C,onChange:w,value:y,ampm:$,orientation:B,...k},D)=>{const T=k["aria-label"]??String(n),F=Pr({nature:m,successHelperText:d,errorHelperText:u,warningHelperText:f}),A={...e,htmlForId:t,label:n,labelIconRight:r,description:a,helperTextIcon:o,helperText:i,errorHelperText:u,errorHelperTextIcon:s,successHelperText:d,successHelperTextIcon:p,warningHelperText:f,warningHelperTextIcon:h,required:g,orientation:B};let V;return $===!0&&(V=12),$===!1&&(V=24),c.jsx(Ut,{...A,ref:D,children:c.jsx(jM,{...k,id:t,isDisabled:x,"aria-label":T,isRequired:g,"data-fullwidth":v,defaultValue:C?xd(C):void 0,onChange:_=>w?.((_||"").toString()),value:typeof y=="string"?xd(y):y,hourCycle:V,children:c.jsx(LM,{"data-fullwidth":v,"aria-disabled":x,"data-nature":F,children:_=>c.jsx(Qi,{segment:_})})})})});function HM(e){return e.type==="group"}const kh=188,KM=58,zM=40,Sh=e=>e>0?zM:KM,NM=5,ZM=3,Ph=e=>e>0?ZM:NM,_M=le.div`
   display: flex;
   align-items: flex-end;
   overflow-x: auto;

package/dist/design-system.js

@@ -27846,7 +27846,7 @@ const zk = S(Hp)`
     border-radius: var(--radius-rounded);
   }
 
-  &[data-placeholder] {
+  & span[data-placeholder] {
     color: var(--color-content-neutral-tertiary);
   }
 
@@ -27954,7 +27954,7 @@ const Jc = D.forwardRef((e, t) => {
             "aria-label": r,
             isDisabled: e.disabled,
             children: [
-              !e.selectedKeys?.length && /* @__PURE__ */ f("span", { children: e.placeholder || "" }),
+              !e.selectedKeys?.length && /* @__PURE__ */ f("span", { "data-placeholder": !0, children: e.placeholder || "" }),
               !!e.selectedKeys?.length && /* @__PURE__ */ _(Zk, { children: [
                 /* @__PURE__ */ f(Lo, { value: e.selectedKeys.length, nature: "informative" }),
                 e.selectedKeys.length === 1 ? ` ${n.itemSelected}` : ` ${n.itemsSelected}`
@@ -28591,7 +28591,7 @@ const mP = S(j$)`
     }
 
     &[data-placeholder="true"] {
-      color: var(--color-content-neutral-secondary);
+      color: var(--color-content-neutral-tertiary);
     }
   }
 
@@ -28786,7 +28786,7 @@ const mP = S(j$)`
     }
 
     &[data-placeholder="true"] {
-      color: var(--color-content-neutral-secondary);
+      color: var(--color-content-neutral-tertiary);
     }
   }
 
@@ -32395,9 +32395,16 @@ const m4 = ({
   if (e != null) return e;
   if (a == null) return !1;
   const o = Xl(a);
-  return t && r && r.length > 0 ? r.some(
-    (i) => o.startsWith(Xl(i.href))
-  ) : !!(n && o.startsWith(Xl(n)));
+  if (t && r && r.length > 0)
+    return r.some(
+      (i) => o.startsWith(Xl(i.href))
+    );
+  if (n) {
+    const i = Xl(n);
+    if (i === "/") return o === "/";
+    if (o.startsWith(i)) return !0;
+  }
+  return !1;
 }, Xl = (e) => e.split("?")[0];
 function vA({
   children: e,
@@ -34644,7 +34651,7 @@ const rM = (e) => {
 function cM(e) {
   return e.type === "group";
 }
-const Th = 150, fM = 58, pM = 40, Ah = (e) => e > 0 ? pM : fM, hM = 5, mM = 3, Fh = (e) => e > 0 ? mM : hM, gM = ve.div`
+const Th = 188, fM = 58, pM = 40, Ah = (e) => e > 0 ? pM : fM, hM = 5, mM = 3, Fh = (e) => e > 0 ? mM : hM, gM = ve.div`
   display: flex;
   align-items: flex-end;
   overflow-x: auto;

package/dist/packages/components/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface Props {
+export interface Props {
     /**
      * Content of the accordion when it is open.
      */
@@ -68,4 +68,3 @@ interface Props {
     style?: React.CSSProperties;
 }
 export default function Accordion({ children, title, titleContentLeft, titleContentRight, description, unmountOnExit, defaultExpanded, isExpanded, onExpandedChange, isDisabled, className, style, nature, noPadding, withBottomCloseButton, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/Checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * Label to display next to the Radio input.
      * It is required for a11y, but you can make it invisible with the `hideLabel` prop

package/dist/packages/components/CheckboxGroup/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { CheckboxGroupRenderProps } from 'react-aria-components';
-type Props = {
+export type Props = {
     /**
      * The children checkboxes to be rendered inside the CheckboxGroup.
      */

package/dist/packages/components/Chip/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The value to display.
      */

package/dist/packages/components/DataTable/DataTableCell/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { IconName } from '../../Icon';
-type Props = {
+export type Props = {
     /**
      * Icon displayed on the extreme left.
      */
@@ -47,4 +47,3 @@ type Props = {
     compact?: boolean;
 };
 export default function DataTableCell({ children, iconLeft, border, align, size, compact, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/DataTable/DataTableEmptyPlaceholder/index.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-type Props = React.HTMLProps<HTMLDivElement> & {
+export type Props = React.HTMLProps<HTMLDivElement> & {
     /**
      * Whether the filters are active.
      */
     withFilters: boolean;
 };
 export default function DataTableEmptyPlaceholder({ withFilters }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/DataTable/DataTableRoot/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The CSS className for the element.
      */
@@ -11,4 +11,3 @@ type Props = {
     children: React.ReactNode;
 };
 export default function DataTableRoot({ children, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/DataTable/DataTableRow/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The level of the row, mainly to change its background color. Defaults to "root".
      * @deprecated sub rows styling are now handled internally
@@ -16,4 +16,3 @@ type Props = {
     children?: React.ReactNode;
 };
 export default function DataTableRow({ children, depth, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/Dropdown/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Props as DropdownListItemProps } from './components/DropdownListItem';
-type Props = {
+export type Props = {
     /**
      * The items to display in the dropdown. Same props as `DropdownListItem`.
      * @deprecated use `children` instead

package/dist/packages/components/FileUpload/index.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { Props as FileDetailsProps } from './components/FileDetails';
 import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper';
-type Props = {
+export type Props = {
     /**
      * Specifies what mime type of files are allowed.
      */

package/dist/packages/components/LinearProgressBar/LinearProgressBar.d.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface Props {
     /**
      * Should be between 0 and 100.
      @default 0
@@ -43,4 +43,3 @@ interface Props {
     className?: string;
 }
 export default function LinearProgressBar({ title, percentage, description, hidePercentValue, size, nature, hideStatusIcon, ...rootProps }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/Link/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { LinkProps } from 'react-aria-components';
-type Props = {
+export type Props = {
     /**
      * Text for the link.
      */

package/dist/packages/components/Loader/index.d.ts

@@ -1,4 +1,4 @@
-type Props = {
+export type Props = {
     /**
      * Specifies the size of the loader.
      * @default "medium".
@@ -6,4 +6,3 @@ type Props = {
     size?: "small" | "medium" | "large";
 };
 export default function Loader({ size }: Props): import("react/jsx-runtime").JSX.Element | undefined;
-export {};

package/dist/packages/components/Menu/index.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { Props as ButtonProps } from '../Button';
 type Placement = "bottom" | "bottom left" | "bottom right" | "bottom start" | "bottom end" | "top" | "top left" | "top right" | "top start" | "top end" | "left" | "left top" | "left bottom" | "start" | "start top" | "start bottom" | "right" | "right top" | "right bottom" | "end" | "end top" | "end bottom";
-interface Props {
+export interface Props {
     /**
      * Options to display in the dropdown.
      * Should be a list of MenuItem.

package/dist/packages/components/Message/Message.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Props as ButtonProps } from '../Button';
-interface Props {
+export interface Props {
     /**
      * The message content to display.
      */
@@ -39,4 +39,3 @@ interface Props {
     style?: React.CSSProperties;
 }
 export default function Message({ children, title, nature, actions, onClose, className, style, autoHide, }: Props): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/packages/components/Navigation/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * Navigation items to display in the navigation.
      */
@@ -42,4 +42,3 @@ type Props = {
     footerElements?: React.ReactNode;
 };
 export default function Navigation({ initialIsCollapsed, currentPath, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/NavigationItem/getIsActive.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/packages/components/NavigationItem/index.d.ts

@@ -1,6 +1,6 @@
 import { IconName } from '../Icon';
 import { default as React, ReactNode } from 'react';
-type Props = {
+export type Props = {
     /**
      * The label of the navigation item.
      */

package/dist/packages/components/PageLayout/PageLayout.d.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface Props {
     /**
      * Give here the required `<Navigation />` component with corresponding props
      */
@@ -9,4 +9,3 @@ interface Props {
     children: React.ReactNode;
 }
 export default function PageLayout(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/Pagination/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The total number of items/rows.
      */

package/dist/packages/components/Radio/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = Omit<React.HTMLProps<HTMLInputElement>, "label" | "type"> & {
+export type Props = Omit<React.HTMLProps<HTMLInputElement>, "label" | "type"> & {
     /**
      * The text to display next to the radio button.
      */

package/dist/packages/components/RouterProvider/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Href, RouterOptions } from '@react-types/shared';
-type Props = {
+export type Props = {
     /**
      * See the React Aria docs for more details on the RouterProvider usage
      * https://react-spectrum.adobe.com/react-aria/routing.html

package/dist/packages/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The children of the component.
      * Must include other components required for the SegmentedControl component to work (SegmentedControlList, SegmentedControlButton, and SegmentedControlPanels).

package/dist/packages/components/SegmentedControl/SegmentedControlButton/SegmentedControlButton.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { IconName } from '../../Icon/index.tsx';
-type Props = {
+export type Props = {
     /**
      * Required unique Key of the SegmentedControlButton.
      * Used in pair with `selectedKey` / `defaultSelectedKey` on the parent `SegmentedControl` component.

package/dist/packages/components/SegmentedControl/SegmentedControlList/SegmentedControlList.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The children of the component.
      * Must be `SegmentedControlButton` components

package/dist/packages/components/SegmentedControl/SegmentedControlPanel/SegmentedControlPanel.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The children of the component, to be shown when the segmented control button is selected.
      */

package/dist/packages/components/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { IconName } from '../Icon';
-interface Props {
+export interface Props {
     /**
      * Required label for the field
      */
@@ -109,4 +109,3 @@ interface Props {
     "aria-label"?: string;
 }
 export default function Slider({ id, label, minValue, maxValue, step, isDisabled, style, className, onChange, onChangeEnd, value: initialValue, thumbLabels, labelIconRight, description, helperText, helperTextIcon, errorHelperText, errorHelperTextIcon, successHelperText, successHelperTextIcon, isInvalid, withTrackDots, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/Switch/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The label of the switch, can be a React Component for more advanced styling or bold text for example
      */

package/dist/packages/components/Tabs/Tab/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Props as BadgeProps } from '../../Badge';
-type Props = {
+export type Props = {
     /**
      * Required unique Key of the tab.
      * Used in pair with `selectedKey` / `defaultSelectedKey` on the parent `Tabs` component.

package/dist/packages/components/Tabs/TabList/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The children of the component.
      * Must be `Tab` components

package/dist/packages/components/Tabs/TabPanel/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The children of the component, to be shown when the tab is selected.
      */

package/dist/packages/components/Tabs/Tabs/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type Props = {
+export type Props = {
     /**
      * The children of the component.
      * Must include other components required for the Tabs component to work (TabList, Tab, and TabPanels).

package/dist/packages/components/Timeline/components/BlockLineContainer/BlockLineContainer.d.ts

@@ -1,5 +1,5 @@
 import { Block } from '../../utils/Timeline.types';
-interface Props {
+export interface Props {
     /**
      * The name of the line, displayed at the left
      */
@@ -34,4 +34,3 @@ interface Props {
     indentLevel?: number;
 }
 export default function BlockLineContainer({ name, blocks, lineStartDate, lineEndDate, isGroupParent, isGroupExpanded, onNameClick, indentLevel, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/Timeline/components/BlockLineContainer/components/ExpandButton/ExpandButton.d.ts

@@ -1,5 +1,5 @@
 import { Block } from '../../../../utils/Timeline.types';
-interface Props {
+export interface Props {
     /**
      * The function to call when the button is clicked
      */
@@ -18,4 +18,3 @@ interface Props {
     lineEndDate: Block["endDate"];
 }
 export default function ExpandButton(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/Timeline/components/BlockLineContainer/components/NameBlock/NameBlock.d.ts

@@ -1,4 +1,4 @@
-type Props = {
+export type Props = {
     name: string;
     /** Whether this name block is a group parent (displays a chevron) */
     isGroupParent?: boolean;
@@ -10,4 +10,3 @@ type Props = {
     indentLevel?: number;
 };
 export declare const NameBlock: ({ name, isGroupParent, isExpanded, onClick, indentLevel, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/components/Timeline/components/TimelineRange/TimelineRange.d.ts

@@ -1,4 +1,4 @@
 import { TimelineProps } from '../../Timeline';
-type Props = Pick<TimelineProps, "startDate" | "endDate">;
+export type Props = Pick<TimelineProps, "startDate" | "endDate">;
 declare const TimelineRange: ({ startDate, endDate }: Props) => import("react/jsx-runtime").JSX.Element;
 export default TimelineRange;

package/dist/packages/components/Timeline/utils/Timeline.types.d.ts

@@ -69,7 +69,7 @@ export type GroupLine = {
 };
 export type Line = SimpleLine | GroupLine;
 export declare function isGroupLine(line: Line): line is GroupLine;
-export declare const NAMES_SECTION_WIDTH = 150;
+export declare const NAMES_SECTION_WIDTH = 188;
 export declare const lineHeightForIndentLevel: (indentLevel: number) => 40 | 58;
 export declare const maxBlocksToDisplayBeforeCollapsingForIndentLevel: (indentLevel: number) => 3 | 5;
 export {};

package/dist/packages/components/Toaster/index.d.ts

@@ -1,4 +1,4 @@
-type Props = {
+export type Props = {
     /**
      * By default, when you hover on one of the toasts, they will expand.
      * You can make all the toasts always visible by setting this prop to true.
@@ -22,4 +22,3 @@ type Props = {
     offset?: number;
 };
 export default function Toaster({ position, expand, visibleToasts, offset, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.86.2",
+  "version": "1.86.4",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",