@strapi/design-system 1.7.1 → 1.7.2-alpha.0

package/dist/LinkButton/LinkButton.cjs

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),S=require("react"),h=require("react-router-dom"),v=require("styled-components"),i=require("../Button/utils.cjs"),j=require("../BaseButton/BaseButton.cjs"),s=require("../Flex/Flex.cjs"),m=require("../Typography/Typography.cjs");function x(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,e.get?e:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const q=x(S),k=v(j.BaseButtonWrapper)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),S=require("react"),h=require("react-router-dom"),v=require("styled-components"),o=require("../Button/utils.cjs"),_=require("../BaseButton/BaseButton.cjs"),c=require("../Flex/Flex.cjs"),j=require("../Typography/Typography.cjs"),m=e=>e&&e.__esModule?e:{default:e};function x(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const q=x(S),k=m(v),B=k.default(_.BaseButtonWrapper)`
   &[aria-disabled='true'] {
-    ${i.getDisabledStyle}
+    ${o.getDisabledStyle}
     &:active {
-      ${i.getDisabledStyle}
+      ${o.getDisabledStyle}
     }
   }
   &:hover {
-    ${i.getHoverStyle}
+    ${o.getHoverStyle}
   }
   &:active {
-    ${i.getActiveStyle}
+    ${o.getActiveStyle}
   }
-  ${i.getVariantStyle}
-`,B=q.forwardRef(({variant:t="default",startIcon:n,endIcon:r,disabled:e=!1,children:p,size:o="S",href:u,to:d,...g},f)=>{const y=u?"_blank":void 0,b=u?"noreferrer noopener":void 0,c=o==="S"?2:"10px",l=4;return a.jsxs(k,{ref:f,"aria-disabled":e,size:o,variant:t,target:y,rel:b,to:e?void 0:d,href:e?"#":u,background:"buttonPrimary600",borderColor:"buttonPrimary600",hasRadius:!0,gap:2,inline:!0,paddingBottom:c,paddingLeft:l,paddingRight:l,paddingTop:c,pointerEvents:e?"none":void 0,...g,as:d&&!e?h.NavLink:"a",children:[n&&a.jsx(s.Flex,{"aria-hidden":!0,children:n}),a.jsx(m.Typography,{variant:o==="S"?"pi":void 0,fontWeight:"bold",textColor:"buttonNeutral0",children:p}),r&&a.jsx(s.Flex,{"aria-hidden":!0,children:r})]})});exports.LinkButton=B;
+  ${o.getVariantStyle}
+`,R=q.forwardRef(({variant:e="default",startIcon:n,endIcon:r,disabled:t=!1,children:p,size:i="S",href:u,to:d,...f},g)=>{const y=u?"_blank":void 0,b=u?"noreferrer noopener":void 0,l=i==="S"?2:"10px",s=4;return a.jsxs(B,{ref:g,"aria-disabled":t,size:i,variant:e,target:y,rel:b,to:t?void 0:d,href:t?"#":u,background:"buttonPrimary600",borderColor:"buttonPrimary600",hasRadius:!0,gap:2,inline:!0,paddingBottom:l,paddingLeft:s,paddingRight:s,paddingTop:l,pointerEvents:t?"none":void 0,...f,as:d&&!t?h.NavLink:"a",children:[n&&a.jsx(c.Flex,{"aria-hidden":!0,children:n}),a.jsx(j.Typography,{variant:i==="S"?"pi":void 0,fontWeight:"bold",textColor:"buttonNeutral0",children:p}),r&&a.jsx(c.Flex,{"aria-hidden":!0,children:r})]})});exports.LinkButton=R;

package/dist/Loader/Loader.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),o=require("styled-components"),s=require("./assets/loader.svg.cjs"),c=require("../VisuallyHidden/VisuallyHidden.cjs");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=l(i),u=o.keyframes`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),o=require("styled-components"),i=require("./assets/loader.svg.cjs"),l=require("../VisuallyHidden/VisuallyHidden.cjs"),c=e=>e&&e.__esModule?e:{default:e};function d(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=d(s),f=c(o),m=o.keyframes`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`,f=o.img`
-  animation: ${u} 1s infinite linear;
+`,g=f.default.img`
+  animation: ${m} 1s infinite linear;
   will-change: transform;
-  ${({small:e,theme:r})=>e&&`width: ${r.spaces[6]}; height: ${r.spaces[6]};`}
-`,m=d.forwardRef(({children:e,small:r=!1,...t},a)=>n.jsxs("div",{role:"alert","aria-live":"assertive",ref:a,...t,children:[n.jsx(c.VisuallyHidden,{children:e}),n.jsx(f,{src:s,"aria-hidden":!0,small:r})]}));exports.Loader=m;
+  ${({small:e,theme:t})=>e&&`width: ${t.spaces[6]}; height: ${t.spaces[6]};`}
+`,p=u.forwardRef(({children:e,small:t=!1,...r},n)=>a.jsxs("div",{role:"alert","aria-live":"assertive",ref:n,...r,children:[a.jsx(l.VisuallyHidden,{children:e}),a.jsx(g,{src:i,"aria-hidden":!0,small:t})]}));exports.Loader=p;

package/dist/Main/Main.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const l=require("prop-types"),r=require("styled-components"),a=r.main`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("react");const a=require("prop-types"),s=require("styled-components"),n=e=>e&&e.__esModule?e:{default:e},r=n(a),u=n(s),d=u.default.main`
   // To prevent global outline on focus visible to force an outline when Main is focused
   &:focus-visible {
     outline: none;
   }
-`,e=({labelledBy:n,...i})=>{const t=n||"main-content-title";return o.jsx(a,{"aria-labelledby":t,id:"main-content",tabIndex:-1,...i})};e.defaultProps={labelledBy:void 0};e.propTypes={labelledBy:l.string};exports.Main=e;
+`,t=({labelledBy:e,...o})=>{const l=e||"main-content-title";return i.jsx(d,{"aria-labelledby":l,id:"main-content",tabIndex:-1,...o})};t.defaultProps={labelledBy:void 0};t.propTypes={labelledBy:r.default.string};exports.Main=t;

package/dist/Main/SkipToContent.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const r=require("prop-types"),n=require("styled-components"),s=require("../Box/Box.cjs"),i=n(s.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("react");const r=require("prop-types"),s=require("styled-components"),u=require("../Box/Box.cjs"),t=e=>e&&e.__esModule?e:{default:e},i=t(r),a=t(s),c=a.default(u.Box)`
   text-decoration: none;
   z-index: 9999;
   left: -100%;
@@ -8,4 +8,4 @@
     left: ${({theme:e})=>e.spaces[3]};
     top: ${({theme:e})=>e.spaces[3]};
   }
-`,o=({children:e})=>t.jsx(i,{as:"a",href:"#main-content",background:"primary600",color:"neutral0",padding:3,position:"absolute",hasRadius:!0,children:e});o.propTypes={children:r.node.isRequired};exports.SkipToContent=o;
+`,o=({children:e})=>n.jsx(c,{as:"a",href:"#main-content",background:"primary600",color:"neutral0",padding:3,position:"absolute",hasRadius:!0,children:e});o.propTypes={children:i.default.node.isRequired};exports.SkipToContent=o;

package/dist/MainNav/MainNav.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("react");const o=require("prop-types"),i=require("styled-components"),a=require("./MainNavContext.cjs"),s=require("../Flex/Flex.cjs"),l=i(s.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const a=require("prop-types"),s=require("styled-components"),i=require("./MainNavContext.cjs"),l=require("../Flex/Flex.cjs"),r=e=>e&&e.__esModule?e:{default:e},u=r(a),d=r(s),c=d.default(l.Flex)`
   width: ${({condensed:e})=>e?"max-content":`${224/16}rem`};
   border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({condensed:e,...t})=>n.jsx(a.MainNavContext.Provider,{value:e,children:n.jsx(l,{alignItems:"normal",as:"nav",background:"neutral0",condensed:e,direction:"column",height:"100vh",position:"sticky",top:0,zIndex:2,...t})});r.defaultProps={condensed:!1};r.propTypes={condensed:o.bool};exports.MainNav=r;
+`,t=({condensed:e,...n})=>o.jsx(i.MainNavContext.Provider,{value:e,children:o.jsx(c,{alignItems:"normal",as:"nav",background:"neutral0",condensed:e,direction:"column",height:"100vh",position:"sticky",top:0,zIndex:2,...n})});t.defaultProps={condensed:!1};t.propTypes={condensed:u.default.bool};exports.MainNav=t;

package/dist/MainNav/NavBrand.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const n=require("prop-types"),s=require("react-router-dom"),l=require("styled-components"),h=require("./MainNavContext.cjs"),d=require("../Box/Box.cjs"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),x=require("../Flex/Flex.cjs"),p=require("../Typography/Typography.cjs"),u=l.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const x=require("prop-types"),t=require("react-router-dom"),g=require("styled-components"),f=require("./MainNavContext.cjs"),d=require("../Box/Box.cjs"),l=require("../VisuallyHidden/VisuallyHidden.cjs"),j=require("../Flex/Flex.cjs"),u=require("../Typography/Typography.cjs"),p=e=>e&&e.__esModule?e:{default:e},n=p(x),h=p(g),c=h.default.div`
   svg,
   img {
-    border-radius: ${({theme:r})=>r.borderRadius};
+    border-radius: ${({theme:e})=>e.borderRadius};
     object-fit: contain;
-    height: ${({condensed:r})=>r?`${40/16}rem`:`${32/16}rem`};
-    width: ${({condensed:r})=>r?`${40/16}rem`:`${32/16}rem`};
+    height: ${({condensed:e})=>e?`${40/16}rem`:`${32/16}rem`};
+    width: ${({condensed:e})=>e?`${40/16}rem`:`${32/16}rem`};
   }
-`,g=l(s.NavLink)`
+`,y=h.default(t.NavLink)`
   text-decoration: unset;
   color: inherit;
-`,t=({workplace:r,title:a,icon:o,to:i})=>h.useMainNav()?e.jsx(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4,children:e.jsx(u,{condensed:!0,children:e.jsxs(s.NavLink,{to:i,children:[o,e.jsxs(c.VisuallyHidden,{children:[e.jsx("span",{children:a}),e.jsx("span",{children:r})]})]})})}):e.jsx(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4,children:e.jsxs(x.Flex,{children:[e.jsx(u,{as:s.NavLink,to:i,"aria-hidden":!0,tabIndex:-1,children:o}),e.jsxs(d.Box,{paddingLeft:2,children:[e.jsx(p.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span",children:e.jsxs(g,{to:i,children:[a,e.jsx(c.VisuallyHidden,{as:"span",children:r})]})}),e.jsx(p.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0,children:r})]})]})});t.defaultProps={to:"/"};t.propTypes={icon:n.node.isRequired,title:n.string.isRequired,to:n.string,workplace:n.string.isRequired};exports.NavBrand=t;
+`,s=({workplace:e,title:a,icon:o,to:i})=>f.useMainNav()?r.jsx(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4,children:r.jsx(c,{condensed:!0,children:r.jsxs(t.NavLink,{to:i,children:[o,r.jsxs(l.VisuallyHidden,{children:[r.jsx("span",{children:a}),r.jsx("span",{children:e})]})]})})}):r.jsx(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4,children:r.jsxs(j.Flex,{children:[r.jsx(c,{as:t.NavLink,to:i,"aria-hidden":!0,tabIndex:-1,children:o}),r.jsxs(d.Box,{paddingLeft:2,children:[r.jsx(u.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span",children:r.jsxs(y,{to:i,children:[a,r.jsx(l.VisuallyHidden,{as:"span",children:e})]})}),r.jsx(u.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0,children:e})]})]})});s.defaultProps={to:"/"};s.propTypes={icon:n.default.node.isRequired,title:n.default.string.isRequired,to:n.default.string,workplace:n.default.string.isRequired};exports.NavBrand=s;

package/dist/MainNav/NavCondense.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const s=require("@strapi/icons"),i=require("prop-types"),d=require("styled-components"),a=require("./MainNavContext.cjs"),u=require("../Icon/Icon.cjs"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),l=d.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const s=require("@strapi/icons"),d=require("prop-types"),a=require("styled-components"),u=require("./MainNavContext.cjs"),l=require("../Icon/Icon.cjs"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),o=e=>e&&e.__esModule?e:{default:e},h=o(d),p=o(a),g=p.default.button`
   background: ${({theme:e})=>e.colors.neutral0};
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   border-radius: ${({theme:e})=>e.borderRadius};
@@ -7,7 +7,7 @@
   justify-content: center;
   position: absolute;
   bottom: ${(9+4)/16}rem; // 9 is the height of the svg and 4 is the padding below
-  right: ${({theme:e,condensed:r})=>r?0:e.spaces[5]};
+  right: ${({theme:e,condensed:t})=>t?0:e.spaces[5]};
   transform: ${({condensed:e})=>e?"translateX(50%)":void 0};
   z-index: 2;
   width: ${18/16}rem;
@@ -17,4 +17,4 @@
     width: ${6/16}rem;
     height: ${9/16}rem;
   }
-`,o=({children:e,...r})=>{const n=a.useMainNav();return t.jsxs(l,{as:"button",condensed:n,...r,children:[t.jsx(u.Icon,{as:n?s.ChevronRight:s.ChevronLeft,"aria-hidden":!0,color:"neutral600"}),t.jsx(c.VisuallyHidden,{children:e})]})};o.propTypes={children:i.string.isRequired};exports.NavCondense=o;
+`,i=({children:e,...t})=>{const n=u.useMainNav();return r.jsxs(g,{as:"button",condensed:n,...t,children:[r.jsx(l.Icon,{as:n?s.ChevronRight:s.ChevronLeft,"aria-hidden":!0,color:"neutral600"}),r.jsx(c.VisuallyHidden,{children:e})]})};i.propTypes={children:h.default.string.isRequired};exports.NavCondense=i;

package/dist/MainNav/NavFooter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const t=require("prop-types"),i=require("../Box/Box.cjs"),e=({children:r})=>o.jsx(i.Box,{position:"relative",children:r});e.displayName="NavFooter";e.propTypes={children:t.node.isRequired};exports.NavFooter=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const t=require("prop-types"),s=require("../Box/Box.cjs"),i=e=>e&&e.__esModule?e:{default:e},u=i(t),o=({children:e})=>r.jsx(s.Box,{position:"relative",children:e});o.displayName="NavFooter";o.propTypes={children:u.default.node.isRequired};exports.NavFooter=o;

package/dist/MainNav/NavLink.cjs

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const o=require("prop-types"),y=require("react-router-dom"),a=require("styled-components"),$=require("./MainNavContext.cjs"),x=require("../Box/Box.cjs"),s=require("../Typography/Typography.cjs"),h=require("../Flex/Flex.cjs"),v=require("../Badge/Badge.cjs"),b=require("../Tooltip/Tooltip.cjs"),d=a(x.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const f=require("prop-types"),$=require("react-router-dom"),x=require("styled-components"),v=require("./MainNavContext.cjs"),b=require("../Box/Box.cjs"),a=require("../Typography/Typography.cjs"),h=require("../Flex/Flex.cjs"),j=require("../Badge/Badge.cjs"),m=require("../Tooltip/Tooltip.cjs"),y=e=>e&&e.__esModule?e:{default:e},o=y(f),n=y(x),c=n.default(b.Box)`
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,p=a(y.NavLink)`
+`,u=n.default($.NavLink)`
   position: relative;
   text-decoration: none;
   display: block;
   border-radius: ${({theme:e})=>e.borderRadius};
   background: ${({theme:e})=>e.colors.neutral0};
 
-  ${s.Typography} {
+  ${a.Typography} {
     color: ${({theme:e})=>e.colors.neutral600};
   }
 
@@ -21,7 +21,7 @@
   &:hover {
     background: ${({theme:e})=>e.colors.neutral100};
 
-    ${s.Typography} {
+    ${a.Typography} {
       color: ${({theme:e})=>e.colors.neutral700};
     }
 
@@ -37,22 +37,22 @@
       fill: ${({theme:e})=>e.colors.primary600};
     }
 
-    ${s.Typography} {
+    ${a.Typography} {
       color: ${({theme:e})=>e.colors.primary600};
       font-weight: 500;
     }
   }
-`,u=a(h.Flex)`
+`,p=n.default(h.Flex)`
   padding: ${({theme:e})=>`${e.spaces[2]} ${e.spaces[3]}`};
-`,g=a(v.Badge)`
-  ${({theme:e,condensed:i})=>i&&`
+`,g=n.default(j.Badge)`
+  ${({theme:e,condensed:s})=>s&&`
 	  position: absolute;
     // Values based on visual aspect 
     top: -${e.spaces[3]};
     right:  -${e.spaces[1]};
   `}
 
-  ${s.Typography} {
+  ${a.Typography} {
     //find a solution to remove !important
     color: ${({theme:e})=>e.colors.neutral0} !important;
     line-height: 0;
@@ -66,4 +66,4 @@
   padding: ${({theme:e})=>`0 ${e.spaces[2]}`};
   border-radius: ${({theme:e})=>e.spaces[10]};
   background: ${({theme:e})=>e.colors.primary600};
-`,t=({children:e,icon:i,badgeContent:n,badgeAriaLabel:c,...l})=>$.useMainNav()?r.jsx(b.Tooltip,{position:"right",label:e,children:r.jsx(p,{...l,children:r.jsxs(u,{as:"span",children:[r.jsx(d,{"aria-hidden":!0,paddingRight:0,as:"span",children:i}),n&&r.jsx(g,{condensed:!0,"aria-label":c,children:n})]})})}):r.jsx(p,{...l,children:r.jsxs(u,{as:"span",justifyContent:"space-between",children:[r.jsxs(h.Flex,{children:[r.jsx(d,{"aria-hidden":!0,paddingRight:3,as:"span",children:i}),r.jsx(s.Typography,{children:e})]}),n&&r.jsx(g,{justifyContent:"center","aria-label":c,children:n})]})});t.displayName="NavLink";t.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0};t.propTypes={badgeAriaLabel:o.string,badgeContent:o.oneOfType([o.string,o.number]),children:o.node.isRequired,icon:o.node.isRequired};exports.NavLink=t;
+`,i=({children:e,icon:s,badgeContent:t,badgeAriaLabel:l,...d})=>v.useMainNav()?r.jsx(m.Tooltip,{position:"right",label:e,children:r.jsx(u,{...d,children:r.jsxs(p,{as:"span",children:[r.jsx(c,{"aria-hidden":!0,paddingRight:0,as:"span",children:s}),t&&r.jsx(g,{condensed:!0,"aria-label":l,children:t})]})})}):r.jsx(u,{...d,children:r.jsxs(p,{as:"span",justifyContent:"space-between",children:[r.jsxs(h.Flex,{children:[r.jsx(c,{"aria-hidden":!0,paddingRight:3,as:"span",children:s}),r.jsx(a.Typography,{children:e})]}),t&&r.jsx(g,{justifyContent:"center","aria-label":l,children:t})]})});i.displayName="NavLink";i.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0};i.propTypes={badgeAriaLabel:o.default.string,badgeContent:o.default.oneOfType([o.default.string,o.default.number]),children:o.default.node.isRequired,icon:o.default.node.isRequired};exports.NavLink=i;

package/dist/MainNav/NavSection.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),l=require("prop-types"),x=require("./MainNavContext.cjs"),g=require("../Divider/Divider.cjs"),r=require("../Flex/Flex.cjs"),u=require("../Box/Box.cjs"),h=require("../VisuallyHidden/VisuallyHidden.cjs"),m=require("../Typography/Typography.cjs"),p=({label:t,children:d,spacing:a=2,horizontal:n=!1,...c})=>x.useMainNav()?e.jsxs(r.Flex,{direction:"column",alignItems:"stretch",gap:2,children:[e.jsxs(u.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span",children:[e.jsx(g.Divider,{}),e.jsx(h.VisuallyHidden,{children:e.jsx("span",{children:t})})]}),e.jsx(r.Flex,{as:"ul",gap:a,direction:n?"row":"column",alignItems:n?"center":"stretch",...c,children:o.Children.map(d,(i,s)=>e.jsx("li",{children:i},s))})]}):e.jsxs(r.Flex,{direction:"column",alignItems:"stretch",gap:2,children:[e.jsx(u.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span",children:e.jsx(m.Typography,{variant:"sigma",textColor:"neutral600",children:t})}),e.jsx(r.Flex,{as:"ul",gap:a,direction:n?"row":"column",alignItems:n?"center":"stretch",...c,children:o.Children.map(d,(i,s)=>e.jsx("li",{children:i},s))})]});p.propTypes={children:l.node.isRequired,label:l.string.isRequired};exports.NavSection=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),x=require("prop-types"),g=require("./MainNavContext.cjs"),h=require("../Divider/Divider.cjs"),i=require("../Flex/Flex.cjs"),l=require("../Box/Box.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),j=require("../Typography/Typography.cjs"),q=n=>n&&n.__esModule?n:{default:n},u=q(x),p=({label:n,children:d,spacing:a=2,horizontal:r=!1,...c})=>g.useMainNav()?e.jsxs(i.Flex,{direction:"column",alignItems:"stretch",gap:2,children:[e.jsxs(l.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span",children:[e.jsx(h.Divider,{}),e.jsx(m.VisuallyHidden,{children:e.jsx("span",{children:n})})]}),e.jsx(i.Flex,{as:"ul",gap:a,direction:r?"row":"column",alignItems:r?"center":"stretch",...c,children:o.Children.map(d,(t,s)=>e.jsx("li",{children:t},s))})]}):e.jsxs(i.Flex,{direction:"column",alignItems:"stretch",gap:2,children:[e.jsx(l.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span",children:e.jsx(j.Typography,{variant:"sigma",textColor:"neutral600",children:n})}),e.jsx(i.Flex,{as:"ul",gap:a,direction:r?"row":"column",alignItems:r?"center":"stretch",...c,children:o.Children.map(d,(t,s)=>e.jsx("li",{children:t},s))})]});p.propTypes={children:u.default.node.isRequired,label:u.default.string.isRequired};exports.NavSection=p;

package/dist/MainNav/NavSections.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("prop-types"),u=require("styled-components"),a=require("../Box/Box.cjs"),p=require("../Flex/Flex.cjs"),g=u(a.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),u=require("prop-types"),a=require("styled-components"),p=require("../Box/Box.cjs"),f=require("../Flex/Flex.cjs"),o=e=>e&&e.__esModule?e:{default:e},g=o(u),x=o(a),y=x.default(p.Box)`
   flex-grow: 1;
   overflow-y: auto;
-`,t=({children:o,spacing:n=4,horizontal:r=!1,...i})=>e.jsx(g,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8,children:e.jsx(p.Flex,{as:"ul",gap:n,direction:r?"row":"column",alignItems:r?"center":"stretch",...i,children:d.Children.map(o,(s,c)=>e.jsx("li",{children:s},c))})});t.propTypes={children:l.node.isRequired};exports.NavSections=t;
+`,n=({children:e,spacing:s=4,horizontal:r=!1,...i})=>t.jsx(y,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8,children:t.jsx(f.Flex,{as:"ul",gap:s,direction:r?"row":"column",alignItems:r?"center":"stretch",...i,children:c.Children.map(e,(d,l)=>t.jsx("li",{children:d},l))})});n.propTypes={children:g.default.node.isRequired};exports.NavSections=n;

package/dist/MainNav/NavUser.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),s=require("prop-types"),p=require("styled-components"),x=require("./MainNavContext.cjs"),o=require("../Avatar/Avatar.cjs"),a=require("../Box/Box.cjs"),y=require("../Flex/Flex.cjs"),v=require("../VisuallyHidden/VisuallyHidden.cjs"),g=require("../Typography/Typography.cjs"),j=p(a.Box)`
-  border-top: 1px solid ${({theme:r})=>r.colors.neutral150};
-`,i=c.forwardRef(({src:r,children:t,initials:d,...l},u)=>{const n=x.useMainNav();return e.jsx(j,{paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5,...l,children:e.jsxs(y.Flex,{as:"button",justifyContent:n?"center":void 0,ref:u,children:[r?e.jsx(o.Avatar,{src:r,alt:"","aria-hidden":!0}):e.jsx(o.Initials,{children:d}),n?e.jsx(v.VisuallyHidden,{children:e.jsx("span",{children:t})}):e.jsx(a.Box,{width:`${130/16}rem`,paddingLeft:2,as:"span",children:e.jsx(g.Typography,{ellipsis:!0,textColor:"neutral600",children:t})})]})})});i.displayName="NavUser";i.defaultProps={src:void 0,initials:void 0};i.propTypes={children:s.node.isRequired,initials:s.node,src:s.string};exports.NavUser=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),x=require("prop-types"),f=require("styled-components"),y=require("./MainNavContext.cjs"),a=require("../Avatar/Avatar.cjs"),d=require("../Box/Box.cjs"),v=require("../Flex/Flex.cjs"),g=require("../VisuallyHidden/VisuallyHidden.cjs"),j=require("../Typography/Typography.cjs"),i=e=>e&&e.__esModule?e:{default:e},q=i(p),s=i(x),h=i(f),_=h.default(d.Box)`
+  border-top: 1px solid ${({theme:e})=>e.colors.neutral150};
+`,r=q.default.forwardRef(({src:e,children:n,initials:l,...u},c)=>{const o=y.useMainNav();return t.jsx(_,{paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5,...u,children:t.jsxs(v.Flex,{as:"button",justifyContent:o?"center":void 0,ref:c,children:[e?t.jsx(a.Avatar,{src:e,alt:"","aria-hidden":!0}):t.jsx(a.Initials,{children:l}),o?t.jsx(g.VisuallyHidden,{children:t.jsx("span",{children:n})}):t.jsx(d.Box,{width:`${130/16}rem`,paddingLeft:2,as:"span",children:t.jsx(j.Typography,{ellipsis:!0,textColor:"neutral600",children:n})})]})})});r.displayName="NavUser";r.defaultProps={src:void 0,initials:void 0};r.propTypes={children:s.default.node.isRequired,initials:s.default.node,src:s.default.string};exports.NavUser=r;

package/dist/ModalLayout/ModalBody.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const r=require("styled-components"),t=require("../Box/Box.cjs"),d=r(t.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const t=require("styled-components"),r=require("../Box/Box.cjs"),d=e=>e&&e.__esModule?e:{default:e},u=d(t),l=u.default(r.Box)`
   overflow: auto;
   max-height: 60vh;
-`,i=e=>o.jsx(d,{padding:7,...e});exports.ModalBody=i;
+`,s=e=>o.jsx(l,{padding:7,...e});exports.ModalBody=s;

package/dist/ModalLayout/ModalFooter.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const t=require("prop-types"),s=require("styled-components"),a=require("../Box/Box.cjs"),d=require("../Flex/Flex.cjs"),c=s(a.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const l=require("prop-types"),u=require("styled-components"),c=require("../Box/Box.cjs"),s=require("../Flex/Flex.cjs"),n=e=>e&&e.__esModule?e:{default:e},r=n(l),i=n(u),p=i.default(c.Box)`
   border-radius: 0 0 ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius};
   border-top: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,n=s(d.Flex)`
+`,d=i.default(s.Flex)`
   & > * + * {
     margin-left: ${({theme:e})=>e.spaces[2]};
   }
-`,r=({startActions:e,endActions:i})=>o.jsx(c,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100",children:o.jsxs(d.Flex,{justifyContent:"space-between",children:[o.jsx(n,{children:e}),o.jsx(n,{children:i})]})});r.defaultProps={endActions:void 0,startActions:void 0};r.propTypes={endActions:t.node,startActions:t.node};exports.ModalFooter=r;
+`,o=({startActions:e,endActions:a})=>t.jsx(p,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100",children:t.jsxs(s.Flex,{justifyContent:"space-between",children:[t.jsx(d,{children:e}),t.jsx(d,{children:a})]})});o.defaultProps={endActions:void 0,startActions:void 0};o.propTypes={endActions:r.default.node,startActions:r.default.node};exports.ModalFooter=o;

package/dist/ModalLayout/ModalHeader.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const d=require("@strapi/icons"),t=require("prop-types"),i=require("styled-components"),a=require("./ModalContext.cjs"),l=require("../IconButton/IconButton.cjs"),c=require("../Box/Box.cjs"),u=require("../Flex/Flex.cjs"),p=i(c.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const l=require("@strapi/icons"),a=require("prop-types"),i=require("styled-components"),u=require("./ModalContext.cjs"),c=require("../IconButton/IconButton.cjs"),p=require("../Box/Box.cjs"),b=require("../Flex/Flex.cjs"),s=e=>e&&e.__esModule?e:{default:e},t=s(a),f=s(i),x=f.default(p.Box)`
   border-radius: ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius} 0 0;
   border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({children:e,closeLabel:s})=>{const n=a.useModal();return o.jsx(p,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100",children:o.jsxs(u.Flex,{justifyContent:"space-between",children:[e,o.jsx(l.IconButton,{onClick:n,"aria-label":s,icon:o.jsx(d.Cross,{})})]})})};r.defaultProps={closeLabel:"Close the modal"};r.propTypes={children:t.node.isRequired,closeLabel:t.string};exports.ModalHeader=r;
+`,r=({children:e,closeLabel:d})=>{const n=u.useModal();return o.jsx(x,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100",children:o.jsxs(b.Flex,{justifyContent:"space-between",children:[e,o.jsx(c.IconButton,{onClick:n,"aria-label":d,icon:o.jsx(l.Cross,{})})]})})};r.defaultProps={closeLabel:"Close the modal"};r.propTypes={children:t.default.node.isRequired,closeLabel:t.default.string};exports.ModalHeader=r;

package/dist/ModalLayout/ModalLayout.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const o=require("prop-types"),t=require("styled-components"),u=require("./ModalContext.cjs"),d=require("../DismissibleLayer/index.cjs"),l=require("../hooks/useLockScroll.cjs"),c=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),x=require("../Portal/Portal.cjs"),q=require("../FocusTrap/FocusTrap.cjs"),y=t(c.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const u=require("prop-types"),d=require("styled-components"),c=require("./ModalContext.cjs"),p=require("../DismissibleLayer/index.cjs"),x=require("../hooks/useLockScroll.cjs"),y=require("../Flex/Flex.cjs"),f=require("../Box/Box.cjs"),q=require("../Portal/Portal.cjs"),g=require("../FocusTrap/FocusTrap.cjs"),t=e=>e&&e.__esModule?e:{default:e},r=t(u),n=t(d),h=n.default(y.Flex)`
   inset: 0;
-  background: ${({theme:r})=>`${r.colors.neutral800}1F`};
-`,g=t(p.Box)`
+  background: ${({theme:e})=>`${e.colors.neutral800}1F`};
+`,j=n.default(f.Box)`
   width: ${830/16}rem;
-`,i=({onClose:r,labelledBy:n,...s})=>(l(!0),e.jsx(x.Portal,{children:e.jsx(u.ModalContext.Provider,{value:r,children:e.jsx(y,{justifyContent:"center",paddingLeft:8,paddingRight:8,position:"fixed",zIndex:4,children:e.jsx(q.FocusTrap,{children:e.jsx(d.DismissibleLayer,{onEscapeKeyDown:r,onPointerDownOutside:r,children:e.jsx(g,{"aria-labelledby":n,onClick:a=>a.stopPropagation(),background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog","aria-modal":!0,...s})})})})})}));i.propTypes={labelledBy:o.string.isRequired,onClose:o.func.isRequired};exports.ModalLayout=i;
+`,s=({onClose:e,labelledBy:i,...a})=>(x(!0),o.jsx(q.Portal,{children:o.jsx(c.ModalContext.Provider,{value:e,children:o.jsx(h,{justifyContent:"center",paddingLeft:8,paddingRight:8,position:"fixed",zIndex:4,children:o.jsx(g.FocusTrap,{children:o.jsx(p.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e,children:o.jsx(j,{"aria-labelledby":i,onClick:l=>l.stopPropagation(),background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog","aria-modal":!0,...a})})})})})}));s.propTypes={labelledBy:r.default.string.isRequired,onClose:r.default.func.isRequired};exports.ModalLayout=s;

package/dist/NumberInput/NumberInput.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("react"),h=require("@internationalized/number"),x=require("@strapi/icons"),r=require("prop-types"),$=require("styled-components"),z=require("../helpers/getDefaultLocale.cjs"),q=require("../helpers/keyboardKeys.cjs"),B=require("../hooks/useControllableState.cjs"),E=require("../hooks/useId.cjs"),U=require("../themes/sizes.cjs"),H=require("../Field/Field.cjs"),M=require("../Flex/Flex.cjs"),W=require("../Field/FieldLabel.cjs"),X=require("../Field/FieldInput.cjs"),N=require("../Icon/Icon.cjs"),Y=require("../Field/FieldHint.cjs"),_=require("../Field/FieldError.cjs"),v=$.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("react"),x=require("@internationalized/number"),q=require("@strapi/icons"),$=require("prop-types"),z=require("styled-components"),B=require("../helpers/getDefaultLocale.cjs"),N=require("../helpers/keyboardKeys.cjs"),E=require("../hooks/useControllableState.cjs"),M=require("../hooks/useId.cjs"),U=require("../themes/sizes.cjs"),H=require("../Field/Field.cjs"),W=require("../Flex/Flex.cjs"),X=require("../Field/FieldLabel.cjs"),Y=require("../Field/FieldInput.cjs"),v=require("../Icon/Icon.cjs"),G=require("../Field/FieldHint.cjs"),J=require("../Field/FieldError.cjs"),m=r=>r&&r.__esModule?r:{default:r},Q=m(f),t=m($),Z=m(z),I=Z.default.button`
   display: flex;
   height: 1rem;
-  align-items: ${({reverse:o})=>o?"flex-end":"flex-start"};
-  transform: translateY(${({reverse:o})=>o?"-2px":"2px"});
-  cursor: ${({disabled:o})=>o?"not-allowed":void 0};
+  align-items: ${({reverse:r})=>r?"flex-end":"flex-start"};
+  transform: translateY(${({reverse:r})=>r?"-2px":"2px"});
+  cursor: ${({disabled:r})=>r?"not-allowed":void 0};
   svg {
     display: block;
     height: ${4/16}rem;
-    transform: ${({reverse:o})=>o?"rotateX(180deg)":void 0};
+    transform: ${({reverse:r})=>r?"rotateX(180deg)":void 0};
   }
-`,G="",d=m.forwardRef(({size:o,startAction:I,name:F,hint:w,error:j,label:p,labelAction:A,locale:D,id:V,onValueChange:C,value:b,step:a,required:R,disabled:u,...k},P)=>{const K=E.useId(V),f=D||z.getDefaultLocale(),l=m.useRef(new h.NumberParser(f,{style:"decimal"})),c=m.useRef(new h.NumberFormatter(f,{maximumFractionDigits:20})),[i,S]=B.useControllableState({prop(e){const n=String(b);return isNaN(n)||n!==e&&e!==""?e:c.current.format(b)},defaultProp:G,onChange(e){const n=l.current.parse(e);C(isNaN(n)?void 0:n)}}),s=e=>{S(String(e))},L=({target:{value:e}})=>{l.current.isValidPartialNumber(e)&&s(e)},g=()=>{if(!i){s(a);return}const e=l.current.parse(i),n=isNaN(e)?a:e+a;s(c.current.format(n))},y=()=>{if(!i){s(-a);return}const e=l.current.parse(i),n=isNaN(e)?-a:e-a;s(c.current.format(n))},O=e=>{if(!u)switch(e.key){case q.KeyboardKeys.DOWN:{e.preventDefault(),y();break}case q.KeyboardKeys.UP:{e.preventDefault(),g();break}}},T=()=>{if(i){const e=l.current.parse(i),n=isNaN(e)?"":c.current.format(e);s(n)}};return t.jsx(H.Field,{name:F,hint:w,error:j,id:K,required:R,children:t.jsxs(M.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[p&&t.jsx(W.FieldLabel,{action:A,children:p}),t.jsx(X.FieldInput,{ref:P,startAction:I,disabled:u,type:"text",inputmode:"decimal",onChange:L,onKeyDown:O,onBlur:T,value:i,size:o,endAction:t.jsxs(t.Fragment,{children:[t.jsx(v,{disabled:u,"aria-hidden":!0,reverse:!0,onClick:g,tabIndex:-1,type:"button","data-testid":"ArrowUp",children:t.jsx(N.Icon,{as:x.CarretDown,color:"neutral500"})}),t.jsx(v,{disabled:u,"aria-hidden":!0,onClick:y,tabIndex:-1,type:"button","data-testid":"ArrowDown",children:t.jsx(N.Icon,{as:x.CarretDown,color:"neutral500"})})]}),...k}),t.jsx(Y.FieldHint,{}),t.jsx(_.FieldError,{})]})})});d.displayName="NumberInput";d.defaultProps={"aria-label":void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:void 0,labelAction:void 0,locale:void 0,required:!1,size:"M",startAction:void 0,step:1,value:void 0};d.propTypes={"aria-label":r.string,disabled:r.bool,error:r.string,hint:r.oneOfType([r.string,r.node,r.arrayOf(r.node)]),id:r.string,label:r.string,labelAction:r.element,locale:r.string,name:r.string.isRequired,onValueChange:r.func.isRequired,required:r.bool,size:r.oneOf(Object.keys(U.sizes.input)),startAction:r.element,step:r.number,value:r.number};exports.NumberInput=d;
+`,ee="",c=Q.default.forwardRef(({size:r,startAction:F,name:w,hint:j,error:D,label:p,labelAction:A,locale:V,id:C,onValueChange:R,value:b,step:s,required:_,disabled:u,...P},k)=>{const K=M.useId(C),g=V||B.getDefaultLocale(),l=f.useRef(new x.NumberParser(g,{style:"decimal"})),d=f.useRef(new x.NumberFormatter(g,{maximumFractionDigits:20})),[o,S]=E.useControllableState({prop(e){const a=String(b);return isNaN(a)||a!==e&&e!==""?e:d.current.format(b)},defaultProp:ee,onChange(e){const a=l.current.parse(e);R(isNaN(a)?void 0:a)}}),i=e=>{S(String(e))},L=({target:{value:e}})=>{l.current.isValidPartialNumber(e)&&i(e)},y=()=>{if(!o){i(s);return}const e=l.current.parse(o),a=isNaN(e)?s:e+s;i(d.current.format(a))},h=()=>{if(!o){i(-s);return}const e=l.current.parse(o),a=isNaN(e)?-s:e-s;i(d.current.format(a))},O=e=>{if(!u)switch(e.key){case N.KeyboardKeys.DOWN:{e.preventDefault(),h();break}case N.KeyboardKeys.UP:{e.preventDefault(),y();break}}},T=()=>{if(o){const e=l.current.parse(o),a=isNaN(e)?"":d.current.format(e);i(a)}};return n.jsx(H.Field,{name:w,hint:j,error:D,id:K,required:_,children:n.jsxs(W.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[p&&n.jsx(X.FieldLabel,{action:A,children:p}),n.jsx(Y.FieldInput,{ref:k,startAction:F,disabled:u,type:"text",inputmode:"decimal",onChange:L,onKeyDown:O,onBlur:T,value:o,size:r,endAction:n.jsxs(n.Fragment,{children:[n.jsx(I,{disabled:u,"aria-hidden":!0,reverse:!0,onClick:y,tabIndex:-1,type:"button","data-testid":"ArrowUp",children:n.jsx(v.Icon,{as:q.CarretDown,color:"neutral500"})}),n.jsx(I,{disabled:u,"aria-hidden":!0,onClick:h,tabIndex:-1,type:"button","data-testid":"ArrowDown",children:n.jsx(v.Icon,{as:q.CarretDown,color:"neutral500"})})]}),...P}),n.jsx(G.FieldHint,{}),n.jsx(J.FieldError,{})]})})});c.displayName="NumberInput";c.defaultProps={"aria-label":void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:void 0,labelAction:void 0,locale:void 0,required:!1,size:"M",startAction:void 0,step:1,value:void 0};c.propTypes={"aria-label":t.default.string,disabled:t.default.bool,error:t.default.string,hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),id:t.default.string,label:t.default.string,labelAction:t.default.element,locale:t.default.string,name:t.default.string.isRequired,onValueChange:t.default.func.isRequired,required:t.default.bool,size:t.default.oneOf(Object.keys(U.sizes.input)),startAction:t.default.element,step:t.default.number,value:t.default.number};exports.NumberInput=c;

package/dist/Pagination/Pagination.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("react"),o=require("prop-types"),c=require("styled-components"),g=require("./PaginationContext.cjs"),b=require("../Flex/Flex.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=f(p),P=c.nav``,m=c(b.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("react"),g=require("prop-types"),b=require("styled-components"),P=require("./PaginationContext.cjs"),_=require("../Flex/Flex.cjs"),s=e=>e&&e.__esModule?e:{default:e};function m(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=m(p),a=s(g),u=s(b),j=u.default.nav``,x=u.default(_.Flex)`
   & > * + * {
     margin-left: ${({theme:e})=>e.spaces[1]};
   }
-`,a=({children:e,label:n,activePage:t,pageCount:r})=>{const l=s.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return i.jsx(g.PaginationContext.Provider,{value:l,children:i.jsx(P,{"aria-label":n,children:i.jsx(m,{as:"ul",children:s.Children.map(e,(u,d)=>i.jsx("li",{children:u},d))})})})};a.defaultProps={label:"pagination"};a.propTypes={activePage:o.number.isRequired,children:o.node.isRequired,label:o.string,pageCount:o.number.isRequired};exports.Pagination=a;
+`,o=({children:e,label:n,activePage:t,pageCount:r})=>{const c=l.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return i.jsx(P.PaginationContext.Provider,{value:c,children:i.jsx(j,{"aria-label":n,children:i.jsx(x,{as:"ul",children:l.Children.map(e,(d,f)=>i.jsx("li",{children:d},f))})})})};o.defaultProps={label:"pagination"};o.propTypes={activePage:a.default.number.isRequired,children:a.default.node.isRequired,label:a.default.string,pageCount:a.default.number.isRequired};exports.Pagination=o;

package/dist/Pagination/components.cjs

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const g=require("@strapi/icons"),t=require("prop-types"),q=require("react-router-dom"),a=require("styled-components"),c=require("./PaginationContext.cjs"),j=require("../themes/utils.cjs"),k=require("../Typography/Typography.cjs"),d=require("../VisuallyHidden/VisuallyHidden.cjs"),x=a(k.Typography)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const g=require("@strapi/icons"),q=require("prop-types"),j=require("react-router-dom"),k=require("styled-components"),u=require("./PaginationContext.cjs"),L=require("../themes/utils.cjs"),m=require("../Typography/Typography.cjs"),d=require("../VisuallyHidden/VisuallyHidden.cjs"),y=e=>e&&e.__esModule?e:{default:e},a=y(q),n=y(k),f=n.default(m.Typography)`
   line-height: revert;
-`,L={active:!0},u=a(q.NavLink).withConfig({shouldForwardProp:(e,i)=>!L[e]&&i(e)})`
+`,T={active:!0},c=n.default(j.NavLink).withConfig({shouldForwardProp:(e,i)=>!T[e]&&i(e)})`
   padding: ${({theme:e})=>e.spaces[3]};
   border-radius: ${({theme:e})=>e.borderRadius};
   box-shadow: ${({active:e,theme:i})=>e?i.shadows.filterShadow:void 0};
   text-decoration: none;
   display: flex;
 
-  ${j.buttonFocusStyle}
-`,m=a(u)`
+  ${L.buttonFocusStyle}
+`,$=n.default(c)`
   color: ${({theme:e,active:i})=>i?e.colors.primary700:e.colors.neutral800};
   background: ${({theme:e,active:i})=>i?e.colors.neutral0:void 0};
 
   &:hover {
     box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   }
-`,y=a(u)`
+`,x=n.default(c)`
   font-size: 0.7rem;
   svg path {
     fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral600};
@@ -31,6 +31,6 @@
   ${e=>e["aria-disabled"]?`
   pointer-events: none;
     `:void 0}
-`,f=a(u)`
+`,R=n.default(c)`
   color: ${({theme:e})=>e.colors.neutral800};
-`,p=({children:e,to:i,...s})=>{const{activePage:n}=c.usePagination(),o=n===1;return r.jsxs(y,{to:o?"#":i,"aria-disabled":o,tabIndex:o?-1:void 0,...s,children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(g.ChevronLeft,{"aria-hidden":!0})]})};p.displayName="PreviousLink";const h=({children:e,to:i,...s})=>{const{activePage:n,pageCount:o}=c.usePagination(),l=n===o;return r.jsxs(y,{to:l?"#":i,"aria-disabled":l,tabIndex:l?-1:void 0,...s,children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(g.ChevronRight,{"aria-hidden":!0})]})};h.displayName="NextLink";const v=({number:e,children:i,...s})=>{const{activePage:n}=c.usePagination(),o=n===e;return r.jsxs(m,{...s,active:o,children:[r.jsx(d.VisuallyHidden,{children:i}),r.jsx(x,{"aria-hidden":!0,variant:"pi",fontWeight:o?"bold":null,children:e})]})};v.displayName="PageLink";const P=({children:e,...i})=>r.jsxs(f,{...i,as:"div",children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(x,{"aria-hidden":!0,variant:"pi",children:"…"})]});v.propTypes={children:t.node.isRequired,number:t.number.isRequired};const b={children:t.node.isRequired,to:t.string.isRequired};h.propTypes=b;p.propTypes=b;P.propTypes={children:t.node.isRequired};exports.Dots=P;exports.NextLink=h;exports.PageLink=v;exports.PreviousLink=p;
+`,p=({children:e,to:i,...o})=>{const{activePage:s}=u.usePagination(),t=s===1;return r.jsxs(x,{to:t?"#":i,"aria-disabled":t,tabIndex:t?-1:void 0,...o,children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(g.ChevronLeft,{"aria-hidden":!0})]})};p.displayName="PreviousLink";const h=({children:e,to:i,...o})=>{const{activePage:s,pageCount:t}=u.usePagination(),l=s===t;return r.jsxs(x,{to:l?"#":i,"aria-disabled":l,tabIndex:l?-1:void 0,...o,children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(g.ChevronRight,{"aria-hidden":!0})]})};h.displayName="NextLink";const v=({number:e,children:i,...o})=>{const{activePage:s}=u.usePagination(),t=s===e;return r.jsxs($,{...o,active:t,children:[r.jsx(d.VisuallyHidden,{children:i}),r.jsx(f,{"aria-hidden":!0,variant:"pi",fontWeight:t?"bold":null,children:e})]})};v.displayName="PageLink";const P=({children:e,...i})=>r.jsxs(R,{...i,as:"div",children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(f,{"aria-hidden":!0,variant:"pi",children:"…"})]});v.propTypes={children:a.default.node.isRequired,number:a.default.number.isRequired};const b={children:a.default.node.isRequired,to:a.default.string.isRequired};h.propTypes=b;p.propTypes=b;P.propTypes={children:a.default.node.isRequired};exports.Dots=P;exports.NextLink=h;exports.PageLink=v;exports.PreviousLink=p;

package/dist/Popover/Popover.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),S=require("react"),a=require("@floating-ui/react-dom"),f=require("styled-components"),y=require("../hooks/useIntersection.cjs"),u=require("../Box/Box.cjs"),j=require("../Portal/Portal.cjs");function k(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=k(S),v=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],O=f(u.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),S=require("react"),a=require("@floating-ui/react-dom"),y=require("styled-components"),j=require("../hooks/useIntersection.cjs"),u=require("../Box/Box.cjs"),_=require("../Portal/Portal.cjs"),k=e=>e&&e.__esModule?e:{default:e};function v(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=v(S),f=k(y),O=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],$=f.default(u.Box)`
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   z-index: ${({theme:e})=>e.zIndices[0]};
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   background: ${({theme:e})=>e.colors.neutral0};
-`,p=({source:e,children:t,spacing:r=0,fullWidth:o=!1,placement:n="bottom-start",centered:l=!1,...c})=>{const[h,g]=i.useState(void 0),{x:m,y:x,reference:d,floating:w,strategy:P}=a.useFloating({strategy:"fixed",placement:l?"bottom":n,middleware:[a.offset({mainAxis:r}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return i.useLayoutEffect(()=>{d(e.current)},[e,d]),i.useLayoutEffect(()=>{o&&g(e.current.offsetWidth)},[o,e]),s.jsx(O,{ref:w,style:{left:m,top:x,position:P,width:h||void 0},hasRadius:!0,background:"neutral0",padding:1,...c,children:t})},b=({children:e,intersectionId:t,onReachEnd:r,...o})=>{const n=i.useRef(null);return y.useIntersection(n,r??(()=>{}),{selectorToWatch:`#${CSS.escape(t??"")}`,skipWhen:!t||!r}),s.jsxs($,{ref:n,...o,children:[e,t&&r&&s.jsx(u.Box,{id:CSS.escape(t),width:"100%",height:"1px"})]})},$=f(u.Box)`
+`,p=({source:e,children:t,spacing:r=0,fullWidth:o=!1,placement:n="bottom-start",centered:l=!1,...c})=>{const[h,g]=i.useState(void 0),{x:m,y:x,reference:d,floating:w,strategy:P}=a.useFloating({strategy:"fixed",placement:l?"bottom":n,middleware:[a.offset({mainAxis:r}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return i.useLayoutEffect(()=>{d(e.current)},[e,d]),i.useLayoutEffect(()=>{o&&g(e.current.offsetWidth)},[o,e]),s.jsx($,{ref:w,style:{left:m,top:x,position:P,width:h||void 0},hasRadius:!0,background:"neutral0",padding:1,...c,children:t})},b=({children:e,intersectionId:t,onReachEnd:r,...o})=>{const n=i.useRef(null);return j.useIntersection(n,r??(()=>{}),{selectorToWatch:`#${CSS.escape(t??"")}`,skipWhen:!t||!r}),s.jsxs(q,{ref:n,...o,children:[e,t&&r&&s.jsx(u.Box,{id:CSS.escape(t),width:"100%",height:"1px"})]})},q=f.default(u.Box)`
   // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
   max-height: ${3*5}rem;
   overflow-y: auto;
@@ -23,4 +23,4 @@
     border-radius: ${({theme:e})=>e.borderRadius};
     margin-right: 10px;
   }
-`,q=({children:e,source:t,spacing:r,fullWidth:o,placement:n,centered:l,...c})=>s.jsx(j.Portal,{children:s.jsx(p,{source:t,spacing:r,fullWidth:o,placement:n,centered:l,children:s.jsx(b,{...c,children:e})})});exports.Content=p;exports.POPOVER_PLACEMENTS=v;exports.Popover=q;exports.Scrolling=b;
+`,E=({children:e,source:t,spacing:r,fullWidth:o,placement:n,centered:l,...c})=>s.jsx(_.Portal,{children:s.jsx(p,{source:t,spacing:r,fullWidth:o,placement:n,centered:l,children:s.jsx(b,{...c,children:e})})});exports.Content=p;exports.POPOVER_PLACEMENTS=O;exports.Popover=E;exports.Scrolling=b;

package/dist/Portal/Portal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),l=require("react-dom"),u=require("../Box/Box.cjs");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=s(c),n=i.forwardRef(({container:e=globalThis?.document?.body,...r},t)=>e?l.createPortal(a.jsx(u.Box,{ref:t,...r}),e):null);n.displayName="Portal";exports.Portal=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),u=require("react-dom"),l=require("../Box/Box.cjs");function s(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=s(a),n=i.forwardRef(({container:e=globalThis?.document?.body,...r},t)=>e?u.createPortal(c.jsx(l.Box,{ref:t,...r}),e):null);n.displayName="Portal";exports.Portal=n;

package/dist/ProgressBar/ProgressBar.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("react");const r=require("prop-types"),l=require("styled-components"),d=require("../Box/Box.cjs"),b=l(d.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime");require("react");const d=require("prop-types"),c=require("styled-components"),p=require("../Box/Box.cjs"),s=e=>e&&e.__esModule?e:{default:e},r=s(d),b=s(c),f=b.default(p.Box)`
   &:before {
     background-color: ${({theme:e})=>e.colors.neutral0};
     border-radius: ${({theme:e})=>e.borderRadius};
@@ -8,4 +8,4 @@
     top: 0;
     width: ${({value:e})=>`${e}%`};
   }
-`,o=({min:e,max:i,value:a,children:t,size:s,...n})=>u.jsx(b,{background:"neutral600",hasRadius:!0,"aria-label":t,"aria-valuemax":i,"aria-valuemin":e,"aria-valuenow":a,height:s==="S"?1:2,position:"relative",role:"progressbar",value:a,width:s==="S"?"78px":"102px",...n});o.defaultProps={min:0,max:100,value:0,size:"M"};o.propTypes={children:r.node.isRequired,max:r.number,min:r.number,size:r.oneOf(["S","M"]),value:r.number};exports.ProgressBar=o;
+`,o=({min:e,max:u,value:t,children:i,size:a,...n})=>l.jsx(f,{background:"neutral600",hasRadius:!0,"aria-label":i,"aria-valuemax":u,"aria-valuemin":e,"aria-valuenow":t,height:a==="S"?1:2,position:"relative",role:"progressbar",value:t,width:a==="S"?"78px":"102px",...n});o.defaultProps={min:0,max:100,value:0,size:"M"};o.propTypes={children:r.default.node.isRequired,max:r.default.number,min:r.default.number,size:r.default.oneOf(["S","M"]),value:r.default.number};exports.ProgressBar=o;

package/dist/Radio/Radio.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("prop-types"),t=require("styled-components"),n=require("../BaseRadio/BaseRadio.cjs"),a=require("../Typography/Typography.cjs"),u=require("../Box/Box.cjs"),d=t(a.Typography)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const i=require("prop-types"),l=require("styled-components"),n=require("../BaseRadio/BaseRadio.cjs"),u=require("../Typography/Typography.cjs"),d=require("../Box/Box.cjs"),o=e=>e&&e.__esModule?e:{default:e},r=o(i),c=o(l),p=c.default(u.Typography)`
   display: flex;
   align-items: center;
-`,i=({children:o,...s})=>e.jsxs(d,{as:"label",textColor:"neutral800",children:[e.jsx(n.BaseRadio,{...s}),e.jsx(u.Box,{paddingLeft:2,children:o})]});i.propTypes={children:r.node.isRequired,value:r.any.isRequired};exports.Radio=i;
+`,s=({children:e,...a})=>t.jsxs(p,{as:"label",textColor:"neutral800",children:[t.jsx(n.BaseRadio,{...a}),t.jsx(d.Box,{paddingLeft:2,children:e})]});s.propTypes={children:r.default.node.isRequired,value:r.default.any.isRequired};exports.Radio=s;

package/dist/Searchbar/Searchbar.cjs

@@ -1,29 +1,29 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),a=require("@strapi/icons"),s=require("prop-types"),t=require("styled-components"),g=require("../themes/sizes.cjs"),S=require("../themes/utils.cjs"),n=require("../Field/FieldInput.cjs"),u=require("../Flex/Flex.cjs"),m=require("../Field/Field.cjs"),$=require("../VisuallyHidden/VisuallyHidden.cjs"),v=require("../Field/FieldLabel.cjs"),z=require("../Field/FieldAction.cjs"),C=t(u.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),u=require("@strapi/icons"),S=require("prop-types"),m=require("styled-components"),$=require("../themes/sizes.cjs"),v=require("../themes/utils.cjs"),i=require("../Field/FieldInput.cjs"),c=require("../Flex/Flex.cjs"),_=require("../Field/Field.cjs"),z=require("../VisuallyHidden/VisuallyHidden.cjs"),C=require("../Field/FieldLabel.cjs"),I=require("../Field/FieldAction.cjs"),d=e=>e&&e.__esModule?e:{default:e},s=d(S),l=d(m),w=l.default(c.Flex)`
   font-size: 0.5rem;
   svg path {
     fill: ${({theme:e})=>e.colors.neutral400};
   }
-`,d=t(u.Flex)`
+`,p=l.default(c.Flex)`
   font-size: 0.8rem;
 
   svg path {
     fill: ${({theme:e})=>e.colors.neutral800};
   }
-`,I=t.div`
+`,W=l.default.div`
   border-radius: ${({theme:e})=>e.borderRadius};
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
 
   &:focus-within {
-    ${d} {
+    ${p} {
       svg path {
         fill: ${({theme:e})=>e.colors.primary600};
       }
     }
   }
 
-  ${n.InputWrapper} {
+  ${i.InputWrapper} {
     border: 1px solid transparent;
   }
 
-  ${S.inputFocusStyle(n.InputWrapper)}
-`,i=c.forwardRef(({name:e,size:p,children:h,value:o,onClear:f,clearLabel:q,...x},b)=>{const l=c.useRef(null),j=o.length>0,F=R=>{f(R),l.current.focus()},y=b||l;return r.jsx(I,{children:r.jsxs(m.Field,{name:e,children:[r.jsx($.VisuallyHidden,{children:r.jsx(v.FieldLabel,{children:h})}),r.jsx(n.FieldInput,{ref:y,value:o,startAction:r.jsx(d,{children:r.jsx(a.Search,{"aria-hidden":!0})}),size:p,endAction:j?r.jsx(z.FieldAction,{label:q,onClick:F,children:r.jsx(C,{children:r.jsx(a.Cross,{})})}):void 0,...x})]})})});i.displayName="Searchbar";i.defaultProps={value:"",size:"M"};i.propTypes={children:s.node.isRequired,clearLabel:s.string.isRequired,name:s.string.isRequired,onClear:s.func.isRequired,size:s.oneOf(Object.keys(g.sizes.input)),value:s.string};exports.Searchbar=i;
+  ${v.inputFocusStyle(i.InputWrapper)}
+`,t=a.forwardRef(({name:e,size:f,children:h,value:n,onClear:q,clearLabel:x,...b},j)=>{const o=a.useRef(null),y=n.length>0,F=g=>{q(g),o.current.focus()},R=j||o;return r.jsx(W,{children:r.jsxs(_.Field,{name:e,children:[r.jsx(z.VisuallyHidden,{children:r.jsx(C.FieldLabel,{children:h})}),r.jsx(i.FieldInput,{ref:R,value:n,startAction:r.jsx(p,{children:r.jsx(u.Search,{"aria-hidden":!0})}),size:f,endAction:y?r.jsx(I.FieldAction,{label:x,onClick:F,children:r.jsx(w,{children:r.jsx(u.Cross,{})})}):void 0,...b})]})})});t.displayName="Searchbar";t.defaultProps={value:"",size:"M"};t.propTypes={children:s.default.node.isRequired,clearLabel:s.default.string.isRequired,name:s.default.string.isRequired,onClear:s.default.func.isRequired,size:s.default.oneOf(Object.keys($.sizes.input)),value:s.default.string};exports.Searchbar=t;

package/dist/Select/MultiSelect.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),X=require("@strapi/icons"),b=require("styled-components"),o=require("./SelectParts.cjs"),Y=require("../BaseCheckbox/assets/checkmark.svg.cjs"),J=require("../hooks/useId.cjs"),K=require("../hooks/useIntersection.cjs"),Q=require("../Tag/Tag.cjs"),j=require("../Box/Box.cjs"),C=require("../Typography/Typography.cjs"),U=require("../Field/Field.cjs"),Z=require("../Flex/Flex.cjs"),ee=require("../Field/FieldLabel.cjs"),te=require("../Field/FieldHint.cjs"),re=require("../Field/FieldError.cjs");function ne(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(i,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return i.default=t,Object.freeze(i)}const a=ne(N),ie=({children:t,clearLabel:i="Clear",customizeContent:r,disabled:l,error:s,hint:d,id:u,label:p,labelAction:T,onChange:x,onClear:R,onReachEnd:I,placeholder:F,required:y,selectButtonTitle:se,startIcon:M,size:B="M",value:f,withTags:m,...L})=>{const q=a.useRef(null),[S,$]=a.useState(),[P,V]=a.useState(!1),h=J.useId(u),_=`${h}-hint`,z=`${h}-error`,E=n=>{x?x(n):$(n)},G=n=>()=>{const w=Array.isArray(f)?f.filter(g=>g!==n):(S??[]).filter(g=>g!==n);x?x(w):$(w)},A=n=>{V(n)},k=a.useRef(null),D=()=>{k.current.focus()},v=`intersection-${CSS.escape(h)}`,H=n=>{I&&I(n)};K.useIntersection(q,H,{selectorToWatch:`#${v}`,skipWhen:!P});const c=typeof f<"u"?f:S,W=n=>n&&typeof n=="object"&&n.value?e.jsx(Q.Tag,{tabIndex:-1,disabled:l,icon:e.jsx(X.Cross,{}),onClick:G(n.value),children:n.textValue},n.value):null;return e.jsx(U.Field,{hint:d,error:s,id:h,required:y,children:e.jsxs(Z.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[e.jsx(ee.FieldLabel,{onClick:D,action:T,children:p}),e.jsxs(o.Root,{onOpenChange:A,disabled:l,required:y,onValueChange:E,value:c,...L,multi:!0,children:[e.jsx(o.Trigger,{ref:k,"aria-label":p,"aria-describedby":`${_} ${z}`,id:h,startIcon:M,size:B,hasError:!!s,disabled:l,clearLabel:i,onClear:c?.length?R:void 0,paddingLeft:m&&c?.length?1:3,children:e.jsx(o.Value,{placeholder:F,textColor:c?.length?"neutral800":"neutral600",children:c?.length?m?W:r?r(c):void 0:void 0})}),e.jsx(o.Portal,{children:e.jsx(o.Content,{position:"popper",sideOffset:4,children:e.jsxs(o.Viewport,{ref:q,children:[t,e.jsx(j.Box,{id:v,width:"100%",height:"1px"})]})})})]}),e.jsx(te.FieldHint,{}),e.jsx(re.FieldError,{})]})})},oe=a.forwardRef(({value:t,children:i,startIcon:r,...l},s)=>e.jsxs(o.Item,{ref:s,value:t.toString(),...l,children:[r&&e.jsx(j.Box,{as:"span","aria-hidden":!0,children:r}),e.jsx(o.ItemIndicator,{children:({isSelected:d,isIntermediate:u})=>e.jsx(O,{hasRadius:!0,overflow:"hidden",position:"relative",$indeterminate:u,$selected:d,zIndex:1,height:"18px",width:"18px"})}),e.jsx(C.Typography,{textColor:"neutral800",children:e.jsx(o.ItemText,{children:i})})]})),O=b(j.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),N=require("react"),X=require("@strapi/icons"),b=require("styled-components"),o=require("./SelectParts.cjs"),Y=require("../BaseCheckbox/assets/checkmark.svg.cjs"),J=require("../hooks/useId.cjs"),K=require("../hooks/useIntersection.cjs"),Q=require("../Tag/Tag.cjs"),j=require("../Box/Box.cjs"),C=require("../Typography/Typography.cjs"),U=require("../Field/Field.cjs"),Z=require("../Flex/Flex.cjs"),ee=require("../Field/FieldLabel.cjs"),te=require("../Field/FieldHint.cjs"),re=require("../Field/FieldError.cjs"),ne=e=>e&&e.__esModule?e:{default:e};function ie(e){if(e&&e.__esModule)return e;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const a=ie(N),oe=ne(b),le=({children:e,clearLabel:i="Clear",customizeContent:r,disabled:l,error:s,hint:d,id:u,label:p,labelAction:T,onChange:x,onClear:M,onReachEnd:I,placeholder:R,required:y,selectButtonTitle:ae,startIcon:F,size:_="M",value:f,withTags:m,...B})=>{const q=a.useRef(null),[S,$]=a.useState(),[L,P]=a.useState(!1),h=J.useId(u),V=`${h}-hint`,z=`${h}-error`,E=n=>{x?x(n):$(n)},G=n=>()=>{const w=Array.isArray(f)?f.filter(g=>g!==n):(S??[]).filter(g=>g!==n);x?x(w):$(w)},A=n=>{P(n)},k=a.useRef(null),D=()=>{k.current.focus()},v=`intersection-${CSS.escape(h)}`,H=n=>{I&&I(n)};K.useIntersection(q,H,{selectorToWatch:`#${v}`,skipWhen:!L});const c=typeof f<"u"?f:S,W=n=>n&&typeof n=="object"&&n.value?t.jsx(Q.Tag,{tabIndex:-1,disabled:l,icon:t.jsx(X.Cross,{}),onClick:G(n.value),children:n.textValue},n.value):null;return t.jsx(U.Field,{hint:d,error:s,id:h,required:y,children:t.jsxs(Z.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[t.jsx(ee.FieldLabel,{onClick:D,action:T,children:p}),t.jsxs(o.Root,{onOpenChange:A,disabled:l,required:y,onValueChange:E,value:c,...B,multi:!0,children:[t.jsx(o.Trigger,{ref:k,"aria-label":p,"aria-describedby":`${V} ${z}`,id:h,startIcon:F,size:_,hasError:!!s,disabled:l,clearLabel:i,onClear:c?.length?M:void 0,paddingLeft:m&&c?.length?1:3,children:t.jsx(o.Value,{placeholder:R,textColor:c?.length?"neutral800":"neutral600",children:c?.length?m?W:r?r(c):void 0:void 0})}),t.jsx(o.Portal,{children:t.jsx(o.Content,{position:"popper",sideOffset:4,children:t.jsxs(o.Viewport,{ref:q,children:[e,t.jsx(j.Box,{id:v,width:"100%",height:"1px"})]})})})]}),t.jsx(te.FieldHint,{}),t.jsx(re.FieldError,{})]})})},se=a.forwardRef(({value:e,children:i,startIcon:r,...l},s)=>t.jsxs(o.Item,{ref:s,value:e.toString(),...l,children:[r&&t.jsx(j.Box,{as:"span","aria-hidden":!0,children:r}),t.jsx(o.ItemIndicator,{children:({isSelected:d,isIntermediate:u})=>t.jsx(O,{hasRadius:!0,overflow:"hidden",position:"relative",$indeterminate:u,$selected:d,zIndex:1,height:"18px",width:"18px"})}),t.jsx(C.Typography,{textColor:"neutral800",children:t.jsx(o.ItemText,{children:i})})]})),O=oe.default(j.Box)`
   border: 1px solid
-    ${({theme:t,$selected:i,$indeterminate:r})=>i||r?t.colors.primary600:t.colors.neutral300};
-  background-color: ${({theme:t,$selected:i,$indeterminate:r})=>i||r?t.colors.primary600:t.colors.neutral0};
+    ${({theme:e,$selected:i,$indeterminate:r})=>i||r?e.colors.primary600:e.colors.neutral300};
+  background-color: ${({theme:e,$selected:i,$indeterminate:r})=>i||r?e.colors.primary600:e.colors.neutral0};
 
-  ${({theme:t,$indeterminate:i})=>i&&b.css`
+  ${({theme:e,$indeterminate:i})=>i&&b.css`
       &::after {
         content: '';
         display: block;
@@ -11,14 +11,14 @@
         color: white;
         height: 2px;
         width: 10px;
-        background-color: ${t.colors.neutral0};
+        background-color: ${e.colors.neutral0};
         left: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);
       }
     `}
 
-  ${({$selected:t})=>t&&b.css`
+  ${({$selected:e})=>e&&b.css`
       &::after {
         content: '';
         background: url(${Y}) no-repeat no-repeat center center;
@@ -27,4 +27,4 @@
         position: absolute;
       }
     `}
-`,le=a.forwardRef(({children:t,label:i,startIcon:r,values:l=[],...s},d)=>e.jsxs(o.Group,{ref:d,children:[e.jsxs(o.Item,{value:l,...s,children:[r&&e.jsx(j.Box,{as:"span","aria-hidden":!0,children:r}),e.jsx(o.ItemIndicator,{children:({isSelected:u,isIntermediate:p})=>e.jsx(O,{hasRadius:!0,overflow:"hidden",position:"relative",$indeterminate:p,$selected:u,zIndex:1,height:"18px",width:"18px"})}),e.jsx(C.Typography,{textColor:"neutral800",children:i})]}),t]}));exports.MultiSelect=ie;exports.MultiSelectGroup=le;exports.MultiSelectOption=oe;
+`,ce=a.forwardRef(({children:e,label:i,startIcon:r,values:l=[],...s},d)=>t.jsxs(o.Group,{ref:d,children:[t.jsxs(o.Item,{value:l,...s,children:[r&&t.jsx(j.Box,{as:"span","aria-hidden":!0,children:r}),t.jsx(o.ItemIndicator,{children:({isSelected:u,isIntermediate:p})=>t.jsx(O,{hasRadius:!0,overflow:"hidden",position:"relative",$indeterminate:p,$selected:u,zIndex:1,height:"18px",width:"18px"})}),t.jsx(C.Typography,{textColor:"neutral800",children:i})]}),e]}));exports.MultiSelect=le;exports.MultiSelectGroup=ce;exports.MultiSelectOption=se;

package/dist/Select/MultiSelectNested.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("styled-components"),i=require("./MultiSelect.cjs"),a=({options:u,...r})=>t.jsx(i.MultiSelect,{...r,children:u.map(e=>"children"in e?t.jsx(i.MultiSelectGroup,{label:e.label,values:e.children.map(l=>l.value.toString()),children:e.children.map(l=>t.jsx(c,{value:l.value,children:l.label},l.value))},e.label):t.jsx(i.MultiSelectOption,{value:e.value,children:e.label},e.value))}),c=n(i.MultiSelectOption)`
-  padding-left: ${({theme:u})=>u.spaces[7]};
-`;exports.MultiSelectNested=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),r=require("styled-components"),i=require("./MultiSelect.cjs"),a=e=>e&&e.__esModule?e:{default:e},s=a(r),c=({options:e,...n})=>u.jsx(i.MultiSelect,{...n,children:e.map(l=>"children"in l?u.jsx(i.MultiSelectGroup,{label:l.label,values:l.children.map(t=>t.value.toString()),children:l.children.map(t=>u.jsx(d,{value:t.value,children:t.label},t.value))},l.label):u.jsx(i.MultiSelectOption,{value:l.value,children:l.label},l.value))}),d=s.default(i.MultiSelectOption)`
+  padding-left: ${({theme:e})=>e.spaces[7]};
+`;exports.MultiSelectNested=c;