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

package/dist/Accordion/Accordion.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),p=require("styled-components"),m=require("./AccordionContext.cjs"),j=require("../hooks/useId.cjs"),a=require("../Typography/Typography.cjs"),h=require("../Flex/Flex.cjs"),y=require("../Box/Box.cjs");function q(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>r[e]})}}return o.default=r,Object.freeze(o)}const T=q(b),A=({theme:r,expanded:o,variant:e,disabled:t,error:c})=>c?`1px solid ${r.colors.danger600} !important`:t?`1px solid ${r.colors.neutral150}`:o?`1px solid ${r.colors.primary600}`:e==="primary"?`1px solid ${r.colors.neutral0}`:`1px solid ${r.colors.neutral100}`,x=p(a.Typography)``,O=p(y.Box)`
-  border: ${A};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),m=require("styled-components"),j=require("./AccordionContext.cjs"),_=require("../hooks/useId.cjs"),s=require("../Typography/Typography.cjs"),h=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),q=r=>r&&r.__esModule?r:{default:r};function T(r){if(r&&r.__esModule)return r;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>r[e]})}}return o.default=r,Object.freeze(o)}const A=T(b),y=q(m),M=({theme:r,expanded:o,variant:e,disabled:t,error:c})=>c?`1px solid ${r.colors.danger600} !important`:t?`1px solid ${r.colors.neutral150}`:o?`1px solid ${r.colors.primary600}`:e==="primary"?`1px solid ${r.colors.neutral0}`:`1px solid ${r.colors.neutral100}`,f=y.default(s.Typography)``,O=y.default(p.Box)`
+  border: ${M};
 
   &:hover:not([aria-disabled='true']) {
     border: 1px solid ${({theme:r})=>r.colors.primary600};
 
-    ${x} {
+    ${f} {
       color: ${({theme:r,expanded:o})=>o?void 0:r.colors.primary700};
     }
 
-    ${a.Typography} {
+    ${s.Typography} {
       color: ${({theme:r,expanded:o})=>o?void 0:r.colors.primary600};
     }
 
@@ -20,4 +20,4 @@
       background: ${({theme:r})=>r.colors.primary200};
     }
   }
-`,v=({children:r,disabled:o=!1,error:e,expanded:t=!1,hasErrorMessage:c=!0,id:f,onToggle:s,toggle:d,size:u="M",variant:i="primary",shadow:g})=>{const l=j.useId(f),$=T.useMemo(()=>({expanded:t,onToggle:s,toggle:d,id:l,size:u,variant:i,disabled:o}),[o,t,l,s,u,d,i]);return n.jsxs(m.AccordionContext.Provider,{value:$,children:[n.jsx(O,{"data-strapi-expanded":t,disabled:o,"aria-disabled":o,expanded:t,hasRadius:!0,variant:i,error:e,shadow:g,children:r}),e&&c&&n.jsx(y.Box,{paddingTop:1,children:n.jsx(a.Typography,{variant:"pi",textColor:"danger600",children:e})})]})};exports.Accordion=v;exports.AccordionTypography=x;
+`,v=({children:r,disabled:o=!1,error:e,expanded:t=!1,hasErrorMessage:c=!0,id:x,onToggle:a,toggle:d,size:u="M",variant:i="primary",shadow:g})=>{const l=_.useId(x),$=A.useMemo(()=>({expanded:t,onToggle:a,toggle:d,id:l,size:u,variant:i,disabled:o}),[o,t,l,a,u,d,i]);return n.jsxs(j.AccordionContext.Provider,{value:$,children:[n.jsx(O,{"data-strapi-expanded":t,disabled:o,"aria-disabled":o,expanded:t,hasRadius:!0,variant:i,error:e,shadow:g,children:r}),e&&c&&n.jsx(p.Box,{paddingTop:1,children:n.jsx(s.Typography,{variant:"pi",textColor:"danger600",children:e})})]})};exports.Accordion=v;exports.AccordionTypography=f;

package/dist/Accordion/AccordionGroup.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),p=require("react"),a=require("styled-components"),b=require("../KeyboardNavigable/KeyboardNavigable.cjs"),s=require("../Box/Box.cjs"),x=require("../Flex/Flex.cjs"),n=require("../Typography/Typography.cjs");function g(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,d.get?d:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const l=g(p),y=a(s.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),p=require("react"),b=require("styled-components"),x=require("../KeyboardNavigable/KeyboardNavigable.cjs"),s=require("../Box/Box.cjs"),f=require("../Flex/Flex.cjs"),n=require("../Typography/Typography.cjs"),g=r=>r&&r.__esModule?r:{default:r};function y(r){if(r&&r.__esModule)return r;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,d.get?d:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const l=y(p),a=g(b),$=a.default(s.Box)`
   border-bottom: 1px solid ${({theme:r})=>r.colors.neutral200};
   border-right: 1px solid ${({theme:r})=>r.colors.neutral200};
   border-left: 1px solid ${({theme:r})=>r.colors.neutral200};
   border-radius: 0 0 ${({theme:r})=>r.borderRadius} ${({theme:r})=>r.borderRadius};
-`,$=a(s.Box)`
+`,h=a.default(s.Box)`
   & > * {
     & > * {
       border-radius: unset;
@@ -40,8 +40,8 @@
       }
     }
   `}
-`,h=a(s.Box)`
+`,j=a.default(s.Box)`
   svg path {
     fill: ${({theme:r})=>r.colors.neutral500};
   }
-`,f=({children:r,footer:e,label:t,labelAction:d,error:i})=>{const c=l.Children.toArray(r).map(u=>l.cloneElement(u,{hasErrorMessage:!1}));return o.jsxs(b.KeyboardNavigable,{attributeName:"data-strapi-accordion-toggle",children:[t&&o.jsxs(x.Flex,{paddingBottom:1,children:[o.jsx(n.Typography,{variant:"pi",as:"label",textColor:"neutral800",fontWeight:"bold",children:t}),d&&o.jsx(h,{paddingLeft:1,children:d})]}),o.jsx($,{footer:e,children:c}),e&&o.jsx(y,{children:e}),i&&o.jsx(s.Box,{paddingTop:1,children:o.jsx(n.Typography,{variant:"pi",textColor:"danger600",children:i})})]})};exports.AccordionGroup=f;
+`,m=({children:r,footer:e,label:t,labelAction:d,error:i})=>{const u=l.Children.toArray(r).map(c=>l.cloneElement(c,{hasErrorMessage:!1}));return o.jsxs(x.KeyboardNavigable,{attributeName:"data-strapi-accordion-toggle",children:[t&&o.jsxs(f.Flex,{paddingBottom:1,children:[o.jsx(n.Typography,{variant:"pi",as:"label",textColor:"neutral800",fontWeight:"bold",children:t}),d&&o.jsx(j,{paddingLeft:1,children:d})]}),o.jsx(h,{footer:e,children:u}),e&&o.jsx($,{children:e}),i&&o.jsx(s.Box,{paddingTop:1,children:o.jsx(n.Typography,{variant:"pi",textColor:"danger600",children:i})})]})};exports.AccordionGroup=m;

package/dist/Accordion/AccordionToggle.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),A=require("@strapi/icons"),f=require("styled-components"),F=require("./Accordion.cjs"),B=require("./AccordionContext.cjs"),M=require("./utils.cjs"),R=require("../TextButton/TextButton.cjs"),z=require("../Icon/Icon.cjs"),d=require("../Flex/Flex.cjs"),I=require("../Typography/Typography.cjs"),S=f(R.TextButton)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),A=require("@strapi/icons"),F=require("styled-components"),M=require("./Accordion.cjs"),B=require("./AccordionContext.cjs"),R=require("./utils.cjs"),z=require("../TextButton/TextButton.cjs"),I=require("../Icon/Icon.cjs"),d=require("../Flex/Flex.cjs"),S=require("../Typography/Typography.cjs"),_=e=>e&&e.__esModule?e:{default:e},m=_(F),D=m.default(z.TextButton)`
   text-align: left;
 
   // necessary to make the ellipsis prop work on the title
@@ -11,12 +11,12 @@
     height: ${14/16}rem;
 
     path {
-      fill: ${({theme:e,expanded:n})=>n?e.colors.primary600:e.colors.neutral500};
+      fill: ${({theme:e,expanded:t})=>t?e.colors.primary600:e.colors.neutral500};
     }
   }
-`,W=f(d.Flex)`
-  min-height: ${({theme:e,size:n})=>e.sizes.accordions[n]};
-  border-radius: ${({theme:e,expanded:n})=>n?`${e.borderRadius} ${e.borderRadius} 0 0`:e.borderRadius};
+`,W=m.default(d.Flex)`
+  min-height: ${({theme:e,size:t})=>e.sizes.accordions[t]};
+  border-radius: ${({theme:e,expanded:t})=>t?`${e.borderRadius} ${e.borderRadius} 0 0`:e.borderRadius};
 
   &:hover {
     svg {
@@ -25,4 +25,4 @@
       }
     }
   }
-`,D=({title:e,description:n,as:y="span",togglePosition:s="right",action:p,...$})=>{const{onToggle:c,toggle:u,expanded:r,id:l,size:t,variant:j,disabled:i}=B.useAccordion(),w=`accordion-content-${l}`,g=`accordion-label-${l}`,T=`accordion-desc-${l}`,a=t==="M"?6:4,h=t==="M"?a:a-2,C=M.getBackground({expanded:r,disabled:i,variant:j}),q={as:y,fontWeight:t==="S"?"bold":void 0,id:g,textColor:r?"primary600":"neutral700",ellipsis:!0,variant:t==="M"?"delta":void 0},k=r?"primary600":"neutral600",v=r?"primary200":"neutral200",x=t==="M"?`${32/16}rem`:`${24/16}rem`,b=()=>{i||(u&&!c?(console.warn('Deprecation warning: Usage of "toggle" prop in Accordion component is deprecated. This is discouraged and will be removed in the next major release. Please use "onToggle" instead'),u()):c&&c())},m=o.jsx(d.Flex,{justifyContent:"center",borderRadius:"50%",height:x,width:x,transform:r?"rotate(180deg)":void 0,"data-strapi-dropdown":!0,"aria-hidden":!0,as:"span",background:v,cursor:i?"not-allowed":"pointer",onClick:b,shrink:0,children:o.jsx(z.Icon,{as:A.CarretDown,width:t==="M"?`${11/16}rem`:`${8/16}rem`,color:r?"primary600":"neutral600"})});return o.jsx(W,{paddingBottom:h,paddingLeft:a,paddingRight:a,paddingTop:h,background:C,expanded:r,size:t,justifyContent:"space-between",cursor:i?"not-allowed":"",children:o.jsxs(d.Flex,{gap:3,flex:1,maxWidth:"100%",children:[s==="left"&&m,o.jsx(S,{onClick:b,"aria-disabled":i,"aria-expanded":r,"aria-controls":w,"aria-labelledby":g,"data-strapi-accordion-toggle":!0,expanded:r,type:"button",flex:1,minWidth:0,...$,children:o.jsxs(o.Fragment,{children:[o.jsx(F.AccordionTypography,{...q,children:e}),n&&o.jsx(I.Typography,{as:"p",id:T,textColor:k,children:n})]})}),s==="right"&&o.jsxs(d.Flex,{gap:3,children:[m,p]}),s==="left"&&p]})})};exports.AccordionToggle=D;
+`,P=({title:e,description:t,as:y="span",togglePosition:s="right",action:u,...$})=>{const{onToggle:c,toggle:p,expanded:r,id:l,size:n,variant:j,disabled:i}=B.useAccordion(),w=`accordion-content-${l}`,g=`accordion-label-${l}`,T=`accordion-desc-${l}`,a=n==="M"?6:4,h=n==="M"?a:a-2,C=R.getBackground({expanded:r,disabled:i,variant:j}),q={as:y,fontWeight:n==="S"?"bold":void 0,id:g,textColor:r?"primary600":"neutral700",ellipsis:!0,variant:n==="M"?"delta":void 0},k=r?"primary600":"neutral600",v=r?"primary200":"neutral200",x=n==="M"?`${32/16}rem`:`${24/16}rem`,f=()=>{i||(p&&!c?(console.warn('Deprecation warning: Usage of "toggle" prop in Accordion component is deprecated. This is discouraged and will be removed in the next major release. Please use "onToggle" instead'),p()):c&&c())},b=o.jsx(d.Flex,{justifyContent:"center",borderRadius:"50%",height:x,width:x,transform:r?"rotate(180deg)":void 0,"data-strapi-dropdown":!0,"aria-hidden":!0,as:"span",background:v,cursor:i?"not-allowed":"pointer",onClick:f,shrink:0,children:o.jsx(I.Icon,{as:A.CarretDown,width:n==="M"?`${11/16}rem`:`${8/16}rem`,color:r?"primary600":"neutral600"})});return o.jsx(W,{paddingBottom:h,paddingLeft:a,paddingRight:a,paddingTop:h,background:C,expanded:r,size:n,justifyContent:"space-between",cursor:i?"not-allowed":"",children:o.jsxs(d.Flex,{gap:3,flex:1,maxWidth:"100%",children:[s==="left"&&b,o.jsx(D,{onClick:f,"aria-disabled":i,"aria-expanded":r,"aria-controls":w,"aria-labelledby":g,"data-strapi-accordion-toggle":!0,expanded:r,type:"button",flex:1,minWidth:0,...$,children:o.jsxs(o.Fragment,{children:[o.jsx(M.AccordionTypography,{...q,children:e}),t&&o.jsx(S.Typography,{as:"p",id:T,textColor:k,children:t})]})}),s==="right"&&o.jsxs(d.Flex,{gap:3,children:[b,u]}),s==="left"&&u]})})};exports.AccordionToggle=P;

package/dist/Alert/Alert.cjs

@@ -1,27 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@strapi/icons"),s=require("styled-components"),l=require("./utils.cjs"),p=require("../themes/utils.cjs"),o=require("../Box/Box.cjs"),g=require("../Flex/Flex.cjs"),a=require("../Typography/Typography.cjs"),f=s(o.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("@strapi/icons"),p=require("styled-components"),l=require("./utils.cjs"),g=require("../themes/utils.cjs"),t=require("../Box/Box.cjs"),f=require("../Flex/Flex.cjs"),i=require("../Typography/Typography.cjs"),j=e=>e&&e.__esModule?e:{default:e},d=j(p),B=d.default(t.Box)`
   flex: 1;
   flex-wrap: wrap;
   display: flex;
   flex-direction: row;
-`,j=s(o.Box)`
+`,C=d.default(t.Box)`
   border: 1px solid ${l.handleBorderColor};
   background: ${l.handleBackgroundColor};
-  box-shadow: ${({theme:r})=>r.shadows.filterShadow};
-`,B=s.button`
+  box-shadow: ${({theme:e})=>e.shadows.filterShadow};
+`,y=d.default.button`
   border: none;
   background: transparent;
   font-size: ${12/16}rem;
   svg path {
-    fill: ${({theme:r})=>r.colors.neutral700};
+    fill: ${({theme:e})=>e.colors.neutral700};
   }
-  margin-top: ${({theme:r})=>r.spaces[1]};
-  ${p.buttonFocusStyle};
-`,C=s(o.Box)`
+  margin-top: ${({theme:e})=>e.spaces[1]};
+  ${g.buttonFocusStyle};
+`,$=d.default(t.Box)`
   font-size: ${20/16}rem;
   svg path {
     fill: ${l.handleIconColor};
   }
-`,y=({variant:r,...t})=>r==="success"?e.jsx(i.CheckCircle,{...t}):r==="danger"||r==="warning"?e.jsx(i.ExclamationMarkCircle,{...t}):e.jsx(i.Information,{...t}),$=s(o.Box)`
+`,b=({variant:e,...o})=>e==="success"?r.jsx(s.CheckCircle,{...o}):e==="danger"||e==="warning"?r.jsx(s.ExclamationMarkCircle,{...o}):r.jsx(s.Information,{...o}),m=d.default(t.Box)`
   // Checked with the designers, validated
   padding-top: 1px;
 
@@ -32,4 +32,4 @@
       fill: ${l.handleIconColor};
     }
   }
-`,b=({title:r,children:t,variant:n="default",onClose:c,closeLabel:x,titleAs:h="p",action:d,...u})=>e.jsx(j,{hasRadius:!0,paddingLeft:5,paddingRight:6,paddingTop:5,variant:n,...u,children:e.jsxs(g.Flex,{alignItems:"flex-start",children:[e.jsx(C,{paddingRight:3,variant:n,children:e.jsx(y,{variant:n,"aria-hidden":!0})}),e.jsxs(f,{role:n==="danger"?"alert":"status",children:[e.jsx(o.Box,{paddingBottom:2,paddingRight:1,children:e.jsx(a.Typography,{fontWeight:"bold",textColor:"neutral800",as:h,children:r})}),e.jsx(o.Box,{paddingBottom:d?2:5,paddingRight:2,children:e.jsx(a.Typography,{as:"p",textColor:"neutral800",children:t})}),d&&e.jsx($,{paddingBottom:5,variant:n,children:d})]}),e.jsx(B,{onClick:c,"aria-label":x,children:e.jsx(i.Cross,{"aria-hidden":!0})})]})});exports.Alert=b;
+`,q=({title:e,children:o,variant:n="default",onClose:c,closeLabel:u,titleAs:x="p",action:a,...h})=>r.jsx(C,{hasRadius:!0,paddingLeft:5,paddingRight:6,paddingTop:5,variant:n,...h,children:r.jsxs(f.Flex,{alignItems:"flex-start",children:[r.jsx($,{paddingRight:3,variant:n,children:r.jsx(b,{variant:n,"aria-hidden":!0})}),r.jsxs(B,{role:n==="danger"?"alert":"status",children:[r.jsx(t.Box,{paddingBottom:2,paddingRight:1,children:r.jsx(i.Typography,{fontWeight:"bold",textColor:"neutral800",as:x,children:e})}),r.jsx(t.Box,{paddingBottom:a?2:5,paddingRight:2,children:r.jsx(i.Typography,{as:"p",textColor:"neutral800",children:o})}),a&&r.jsx(m,{paddingBottom:5,variant:n,children:a})]}),r.jsx(y,{onClick:c,"aria-label":u,children:r.jsx(s.Cross,{"aria-hidden":!0})})]})});exports.Alert=q;

package/dist/Avatar/Avatar.cjs

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),o=require("styled-components"),t=require("./constants.cjs"),l=require("../Box/Box.cjs"),p=require("../Flex/Flex.cjs"),d=require("../Typography/Typography.cjs");function x(e){const i=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(i,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const h=x(u),g=o.img`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),d=require("styled-components"),t=require("./constants.cjs"),u=require("../Box/Box.cjs"),p=require("../Flex/Flex.cjs"),f=require("../Typography/Typography.cjs"),x=e=>e&&e.__esModule?e:{default:e};function h(e){if(e&&e.__esModule)return e;const a=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(a,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const g=h(c),o=x(d),v=o.default.img`
   border-radius: 50%;
   object-fit: cover;
   display: block;
   position: relative;
-`,v=o.img`
+`,b=o.default.img`
   border-radius: 50%;
   object-fit: cover;
   position: absolute;
   transform: translate(-${(t.previewSize-t.avatarSize)/2}px, -100%);
   margin-top: -${({theme:e})=>e.spaces[1]};
-`,b=o(l.Box)`
+`,S=o.default(u.Box)`
   opacity: 0.4;
-`,f=({src:e,alt:i,preview:r})=>{const[n,c]=h.useState(!1),s=!!(r&&n);return a.jsxs("span",{children:[s?a.jsx(v,{"aria-hidden":!0,alt:"",width:`${t.previewSize}px`,height:`${t.previewSize}px`,src:r===!0?e:typeof r=="string"?r:""}):null,a.jsxs(l.Box,{zIndex:s?1:void 0,position:"relative",onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),width:`${t.avatarSize}px`,height:`${t.avatarSize}px`,children:[s?a.jsx(b,{background:"neutral0",borderRadius:"50%",position:"absolute",width:`${t.avatarSize}px`,height:`${t.avatarSize}px`,zIndex:1}):null,a.jsx(g,{src:e,alt:i,width:`${t.avatarSize}px`,height:`${t.avatarSize}px`})]})]})},S=o(p.Flex)`
+`,y=({src:e,alt:a,preview:r})=>{const[n,l]=g.useState(!1),s=!!(r&&n);return i.jsxs("span",{children:[s?i.jsx(b,{"aria-hidden":!0,alt:"",width:`${t.previewSize}px`,height:`${t.previewSize}px`,src:r===!0?e:typeof r=="string"?r:""}):null,i.jsxs(u.Box,{zIndex:s?1:void 0,position:"relative",onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),width:`${t.avatarSize}px`,height:`${t.avatarSize}px`,children:[s?i.jsx(S,{background:"neutral0",borderRadius:"50%",position:"absolute",width:`${t.avatarSize}px`,height:`${t.avatarSize}px`,zIndex:1}):null,i.jsx(v,{src:e,alt:a,width:`${t.avatarSize}px`,height:`${t.avatarSize}px`})]})]})},j=o.default(p.Flex)`
   span {
     line-height: 0;
   }
-`,j=({children:e,background:i="primary600",textColor:r="buttonNeutral0"})=>a.jsx(S,{background:i,borderRadius:"50%",width:`${t.avatarSize}px`,height:`${t.avatarSize}px`,justifyContent:"center",children:a.jsx(d.Typography,{fontSize:0,fontWeight:"bold",textColor:r,textTransform:"uppercase",children:e})});exports.Avatar=f;exports.Initials=j;
+`,z=({children:e,background:a="primary600",textColor:r="buttonNeutral0"})=>i.jsx(j,{background:a,borderRadius:"50%",width:`${t.avatarSize}px`,height:`${t.avatarSize}px`,justifyContent:"center",children:i.jsx(f.Typography,{fontSize:0,fontWeight:"bold",textColor:r,textTransform:"uppercase",children:e})});exports.Avatar=y;exports.Initials=z;

package/dist/Avatar/AvatarGroup.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=require("./constants.cjs"),r=require("../Flex/Flex.cjs"),a=e(r.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),r=require("./constants.cjs"),a=require("../Flex/Flex.cjs"),o=t=>t&&t.__esModule?t:{default:t},l=o(e),s=l.default(a.Flex)`
   & > * + * {
-    margin-left: -${t.avatarSize/2}px;
+    margin-left: -${r.avatarSize/2}px;
   }
-`;exports.AvatarGroup=a;
+`;exports.AvatarGroup=s;

package/dist/Badge/Badge.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("styled-components"),g=require("../Flex/Flex.cjs"),l=require("../Typography/Typography.cjs"),c=u(g.Flex)`
-  border-radius: ${({theme:e,size:r})=>r==="S"?"2px":e.borderRadius};
-  height: ${({size:e,theme:r})=>r.sizes.badge[e]};
-`,p=({active:e=!1,size:r="M",textColor:i="neutral600",backgroundColor:a="neutral150",children:s,minWidth:d=5,...o})=>{const t=r==="S"?1:2;return n.jsx(c,{inline:!0,alignItem:"center",justifyContent:"center",minWidth:d,paddingLeft:t,paddingRight:t,background:e?"primary200":a,size:r,...o,children:n.jsx(l.Typography,{variant:"sigma",textColor:e?"primary600":i,children:s})})};exports.Badge=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("styled-components"),l=require("../Flex/Flex.cjs"),c=require("../Typography/Typography.cjs"),g=e=>e&&e.__esModule?e:{default:e},p=g(u),y=p.default(l.Flex)`
+  border-radius: ${({theme:e,size:t})=>t==="S"?"2px":e.borderRadius};
+  height: ${({size:e,theme:t})=>t.sizes.badge[e]};
+`,f=({active:e=!1,size:t="M",textColor:i="neutral600",backgroundColor:a="neutral150",children:d,minWidth:s=5,...o})=>{const r=t==="S"?1:2;return n.jsx(y,{inline:!0,alignItem:"center",justifyContent:"center",minWidth:s,paddingLeft:r,paddingRight:r,background:e?"primary200":a,size:t,...o,children:n.jsx(c.Typography,{variant:"sigma",textColor:e?"primary600":i,children:d})})};exports.Badge=f;

package/dist/BaseButton/BaseButton.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("react"),l=require("styled-components"),c=require("../themes/utils.cjs"),d=require("../Flex/Flex.cjs"),t=l(d.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),d=require("styled-components"),c=require("../themes/utils.cjs"),p=require("../Flex/Flex.cjs"),t=e=>e&&e.__esModule?e:{default:e},f=t(i),B=t(d),r=B.default(p.Flex)`
   > svg {
     height: ${({theme:e})=>e.spaces[3]};
     width: ${({theme:e})=>e.spaces[3]};
@@ -14,4 +14,4 @@
   }
 
   ${c.buttonFocusStyle}
-`,r=i.forwardRef(({disabled:e,children:s,background:o="neutral0",...a},n)=>u.jsx(t,{ref:n,"aria-disabled":e,as:"button",type:"button",disabled:e,padding:2,hasRadius:!0,background:o,borderColor:"neutral200",cursor:"pointer",...a,children:s}));r.displayName="BaseButton";exports.BaseButton=r;exports.BaseButtonWrapper=t;
+`,s=f.default.forwardRef(({disabled:e,children:a,background:o="neutral0",...u},n)=>l.jsx(r,{ref:n,"aria-disabled":e,as:"button",type:"button",disabled:e,padding:2,hasRadius:!0,background:o,borderColor:"neutral200",cursor:"pointer",...u,children:a}));s.displayName="BaseButton";exports.BaseButton=s;exports.BaseButtonWrapper=r;

package/dist/BaseCheckbox/BaseCheckbox.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("react"),p=require("styled-components"),f=require("./assets/checkmark-black.svg.cjs"),k=require("./assets/checkmark.svg.cjs"),l=require("./utils.cjs"),h=require("../Box/Box.cjs");function g(e){const o=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(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const s=g(b),x=p.input`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("react"),p=require("styled-components"),f=require("./assets/checkmark-black.svg.cjs"),k=require("./assets/checkmark.svg.cjs"),l=require("./utils.cjs"),h=require("../Box/Box.cjs"),g=e=>e&&e.__esModule?e:{default:e};function x(e){if(e&&e.__esModule)return e;const o=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(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const s=x(b),m=g(p),$=m.default.input`
   height: ${l.getCheckboxSize};
   min-width: ${l.getCheckboxSize};
   margin: 0;
@@ -59,4 +59,4 @@
       }
     }
   }
-`,i=({indeterminate:e=!1,size:o="M",name:r,value:t=!1,onValueChange:n,...u})=>{const c=s.useRef(null);s.useEffect(()=>{c.current&&e?c.current.indeterminate=e:c.current.indeterminate=!1},[e]);const d=()=>{n&&n(!t)};return a.jsx(h.Box,{children:a.jsx(x,{size:o,checked:t,onChange:d,type:"checkbox",ref:c,name:r,...u})})};i.displayName="BaseCheckbox";exports.BaseCheckbox=i;
+`,i=({indeterminate:e=!1,size:o="M",name:r,value:t=!1,onValueChange:n,...u})=>{const c=s.useRef(null);s.useEffect(()=>{c.current&&e?c.current.indeterminate=e:c.current.indeterminate=!1},[e]);const d=()=>{n&&n(!t)};return a.jsx(h.Box,{children:a.jsx($,{size:o,checked:t,onChange:d,type:"checkbox",ref:c,name:r,...u})})};i.displayName="BaseCheckbox";exports.BaseCheckbox=i;

package/dist/BaseLink/BaseLink.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),u=require("react"),c=require("../Box/Box.cjs"),n=u.forwardRef(({href:a,rel:o="noreferrer noopener",target:s="_self",disabled:e=!1,isExternal:r=!1,...t},i)=>f.jsx(c.Box,{as:"a",ref:i,target:r?"_blank":s,rel:r?o:void 0,href:e?"#":a,"aria-disabled":e,cursor:"pointer",...t}));n.displayName="BaseLink";exports.BaseLink=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),i=require("react"),l=require("../Box/Box.cjs"),c=e=>e&&e.__esModule?e:{default:e},d=c(i),a=d.default.forwardRef(({href:e,rel:n="noreferrer noopener",target:o="_self",disabled:r=!1,isExternal:t=!1,...s},u)=>f.jsx(l.Box,{as:"a",ref:u,target:t?"_blank":o,rel:t?n:void 0,href:r?"#":e,"aria-disabled":r,cursor:"pointer",...s}));a.displayName="BaseLink";exports.BaseLink=a;

package/dist/BaseRadio/BaseRadio.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),r=require("react"),g=require("styled-components"),R=require("./context.cjs"),o=require("./utils.cjs"),f=require("../hooks/useId.cjs"),m=g.input`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),d=require("react"),g=require("styled-components"),R=require("./context.cjs"),t=require("./utils.cjs"),y=require("../hooks/useId.cjs"),r=e=>e&&e.__esModule?e:{default:e},m=r(d),h=r(g),S=h.default.input`
   margin: 0;
   padding: 0;
   background-color: ${({theme:e})=>e.colors.neutral0};
   border: 1px solid ${({theme:e})=>e.colors.primary600};
   border-radius: 50%;
-  height: ${({size:e})=>typeof e=="number"?e:o.getRadioSize(e)};
-  width: ${({size:e})=>typeof e=="number"?e:o.getRadioSize(e)};
+  height: ${({size:e})=>typeof e=="number"?e:t.getRadioSize(e)};
+  width: ${({size:e})=>typeof e=="number"?e:t.getRadioSize(e)};
   -webkit-appearance: none;
 
   &:after {
@@ -14,10 +14,10 @@
     position: relative;
     z-index: 1;
     display: block;
-    height: ${({size:e})=>typeof e=="number"?e:o.getSelectedRadioSize(e)};
-    width: ${({size:e})=>typeof e=="number"?e:o.getSelectedRadioSize(e)};
-    left: ${o.getSelectedRadioPosition};
-    top: ${o.getSelectedRadioPosition};
+    height: ${({size:e})=>typeof e=="number"?e:t.getSelectedRadioSize(e)};
+    width: ${({size:e})=>typeof e=="number"?e:t.getSelectedRadioSize(e)};
+    left: ${t.getSelectedRadioPosition};
+    top: ${t.getSelectedRadioPosition};
   }
 
   &:checked:after {
@@ -28,4 +28,4 @@
     border: 1px solid ${({theme:e})=>e.colors.neutral300};
     background: ${({theme:e})=>e.colors.neutral200};
   }
-`,d=r.forwardRef(({value:e,disabled:a=!1,...i},n)=>{const c=f.useId(),{onChange:s,selected:l,name:u,size:p}=r.useContext(R.RadioContext),t=l===e;return b.jsx(m,{ref:n,type:"radio",name:u,value:e,tabIndex:t?0:-1,"aria-checked":t,checked:t,disabled:a,id:c,size:p,onChange:s,...i})});d.displayName="Radio";exports.BaseRadio=d;
+`,a=m.default.forwardRef(({value:e,disabled:n=!1,...i},c)=>{const s=y.useId(),{onChange:l,selected:u,name:p,size:b}=d.useContext(R.RadioContext),o=u===e;return f.jsx(S,{ref:c,type:"radio",name:p,value:e,tabIndex:o?0:-1,"aria-checked":o,checked:o,disabled:n,id:s,size:b,onChange:l,...i})});a.displayName="Radio";exports.BaseRadio=a;

package/dist/Box/Box.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),o=require("../helpers/handleResponsiveValues.cjs"),r=require("../helpers/theme.cjs"),a={color:!0,cursor:!0,height:!0,width:!0},m=n.div.withConfig({shouldForwardProp:(e,t)=>!a[e]&&t(e)})`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),o=require("../helpers/handleResponsiveValues.cjs"),r=require("../helpers/theme.cjs"),a=e=>e&&e.__esModule?e:{default:e},d=a(n),m={color:!0,cursor:!0,height:!0,width:!0},l=d.default.div.withConfig({shouldForwardProp:(e,t)=>!m[e]&&t(e)})`
   // Font
   font-size: ${({fontSize:e,theme:t})=>r.extractStyleFromTheme(t.fontSizes,e,e)};
 
@@ -76,4 +76,4 @@
 
   // Cursor
   cursor: ${({cursor:e})=>e};
-`;exports.Box=m;
+`;exports.Box=l;

package/dist/Breadcrumbs/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("@strapi/icons"),u=require("styled-components"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),i=require("../Flex/Flex.cjs"),t=require("../Box/Box.cjs"),s=require("../Typography/Typography.cjs"),h=u(i.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("@strapi/icons"),u=require("styled-components"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),t=require("../Flex/Flex.cjs"),i=require("../Box/Box.cjs"),s=require("../Typography/Typography.cjs"),h=e=>e&&e.__esModule?e:{default:e},p=h(u),y=p.default(t.Flex)`
   svg {
     height: ${10/16}rem;
     width: ${10/16}rem;
@@ -6,11 +6,11 @@
       fill: ${({theme:e})=>e.colors.neutral500};
     }
   }
-  :last-of-type ${t.Box} {
+  :last-of-type ${i.Box} {
     display: none;
   }
   :last-of-type ${s.Typography} {
     color: ${({theme:e})=>e.colors.neutral800};
     font-weight: ${({theme:e})=>e.fontWeights.bold};
   }
-`,n=({children:e})=>r.jsxs(h,{inline:!0,as:"li",children:[r.jsx(s.Typography,{variant:"pi",textColor:"neutral600",children:e}),r.jsx(t.Box,{"aria-hidden":!0,paddingLeft:3,paddingRight:3,children:r.jsx(d.ChevronRight,{})})]});n.displayName="Crumb";const o=({children:e,label:l,...a})=>r.jsxs(i.Flex,{...a,children:[r.jsx(c.VisuallyHidden,{children:l}),r.jsx("ol",{"aria-hidden":!0,children:e})]});o.displayName="Breadcrumbs";exports.Breadcrumbs=o;exports.Crumb=n;
+`,l=({children:e})=>r.jsxs(y,{inline:!0,as:"li",children:[r.jsx(s.Typography,{variant:"pi",textColor:"neutral600",children:e}),r.jsx(i.Box,{"aria-hidden":!0,paddingLeft:3,paddingRight:3,children:r.jsx(d.ChevronRight,{})})]});l.displayName="Crumb";const n=({children:e,label:o,...a})=>r.jsxs(t.Flex,{...a,children:[r.jsx(c.VisuallyHidden,{children:o}),r.jsx("ol",{"aria-hidden":!0,children:e})]});n.displayName="Breadcrumbs";exports.Breadcrumbs=n;exports.Crumb=l;

package/dist/Button/Button.cjs

@@ -1,31 +1,31 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("react"),q=require("@strapi/icons"),s=require("styled-components"),c=require("./constants.cjs"),t=require("./utils.cjs"),S=require("../BaseButton/BaseButton.cjs"),j=require("../Box/Box.cjs"),v=require("../Typography/Typography.cjs"),$=require("../Flex/Flex.cjs"),T=s.keyframes`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("react"),j=require("@strapi/icons"),c=require("styled-components"),u=require("./constants.cjs"),r=require("./utils.cjs"),v=require("../BaseButton/BaseButton.cjs"),_=require("../Box/Box.cjs"),$=require("../Typography/Typography.cjs"),T=require("../Flex/Flex.cjs"),f=e=>e&&e.__esModule?e:{default:e},D=f(S),g=f(c),R=c.keyframes`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`,C=s.div`
-  animation: ${T} 2s infinite linear;
+`,C=g.default.div`
+  animation: ${R} 2s infinite linear;
   will-change: transform;
-`,g=s(S.BaseButton)`
-  height: ${({theme:i,size:r})=>i.sizes.button[r]};
+`,y=g.default(v.BaseButton)`
+  height: ${({theme:e,size:n})=>e.sizes.button[n]};
 
   &[aria-disabled='true'] {
-    ${t.getDisabledStyle}
+    ${r.getDisabledStyle}
 
     &:active {
-      ${t.getDisabledStyle}
+      ${r.getDisabledStyle}
     }
   }
 
   &:hover {
-    ${t.getHoverStyle}
+    ${r.getHoverStyle}
   }
 
   &:active {
-    ${t.getActiveStyle}
+    ${r.getActiveStyle}
   }
 
-  ${t.getVariantStyle}
-`,f=B.forwardRef(({variant:i=c.DEFAULT,startIcon:r,endIcon:d,disabled:y=!1,children:h,onClick:u,size:l=c.BUTTON_SIZES[0],loading:a=!1,fullWidth:n=!1,...p},b)=>{const o=y||a,m=x=>{!o&&u&&u(x)};return e.jsxs(g,{ref:b,"aria-disabled":o,disabled:o,size:l,variant:i,onClick:m,fullWidth:n,alignItems:"center",background:"buttonPrimary600",borderColor:"buttonPrimary600",gap:2,inline:n,justifyContent:n?"center":void 0,paddingLeft:4,paddingRight:4,width:n?"100%":void 0,...p,children:[(r||a)&&e.jsx(j.Box,{"aria-hidden":!0,children:a?e.jsx(C,{children:e.jsx(q.Loader,{})}):r}),e.jsx(v.Typography,{variant:l==="S"?"pi":void 0,fontWeight:"bold",lineHeight:0,textColor:"buttonNeutral0",children:h}),d&&e.jsx($.Flex,{"aria-hidden":!0,children:d})]})});f.displayName="Button";exports.Button=f;exports.ButtonWrapper=g;
+  ${r.getVariantStyle}
+`,p=D.default.forwardRef(({variant:e=u.DEFAULT,startIcon:n,endIcon:s,disabled:h=!1,children:b,onClick:d,size:l=u.BUTTON_SIZES[0],loading:a=!1,fullWidth:i=!1,...m},x)=>{const o=h||a,B=q=>{!o&&d&&d(q)};return t.jsxs(y,{ref:x,"aria-disabled":o,disabled:o,size:l,variant:e,onClick:B,fullWidth:i,alignItems:"center",background:"buttonPrimary600",borderColor:"buttonPrimary600",gap:2,inline:i,justifyContent:i?"center":void 0,paddingLeft:4,paddingRight:4,width:i?"100%":void 0,...m,children:[(n||a)&&t.jsx(_.Box,{"aria-hidden":!0,children:a?t.jsx(C,{children:t.jsx(j.Loader,{})}):n}),t.jsx($.Typography,{variant:l==="S"?"pi":void 0,fontWeight:"bold",lineHeight:0,textColor:"buttonNeutral0",children:b}),s&&t.jsx(T.Flex,{"aria-hidden":!0,children:s})]})});p.displayName="Button";exports.Button=p;exports.ButtonWrapper=y;

package/dist/Card/CardAction.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),n=require("../Stack/Stack.cjs"),s=r(n.Stack).attrs({horizontal:!0,spacing:2})`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),n=require("../Stack/Stack.cjs"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),a=o.default(n.Stack).attrs({horizontal:!0,spacing:2})`
   position: absolute;
   top: ${({theme:t})=>t.spaces[3]};
   right: ${({position:t,theme:e})=>{if(t==="end")return e.spaces[3]}};
   left: ${({position:t,theme:e})=>{if(t==="start")return e.spaces[3]}};
-`;exports.CardAction=s;
+`;exports.CardAction=a;

package/dist/Card/CardAsset.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("styled-components"),o=require("../Flex/Flex.cjs"),a=r.img`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("styled-components"),o=require("../Flex/Flex.cjs"),n=e=>e&&e.__esModule?e:{default:e},s=n(a),d=s.default.img`
   // inline flows is based on typography and displays an extra white space below the image
   // switch to block is required in order to make the img stick the bottom of the container
   // addition infos: https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image
@@ -7,13 +7,13 @@
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
-`,n={S:88,M:164},d=r.div`
+`,c={S:88,M:164},l=s.default.div`
   display: flex;
   justify-content: center;
-  height: ${({size:e})=>n[e]/16}rem;
+  height: ${({size:e})=>c[e]/16}rem;
   width: 100%;
   background: repeating-conic-gradient(${({theme:e})=>e.colors.neutral100} 0% 25%, transparent 0% 50%) 50% / 20px
     20px;
   border-top-left-radius: ${({theme:e})=>e.borderRadius};
   border-top-right-radius: ${({theme:e})=>e.borderRadius};
-`,c=({size:e="M",children:i,...s})=>t.jsx(d,{size:e,children:i?t.jsx(o.Flex,{children:i}):t.jsx(a,{...s,"aria-hidden":!0})});exports.CardAsset=c;
+`,u=({size:e="M",children:i,...r})=>t.jsx(l,{size:e,children:i?t.jsx(o.Flex,{children:i}):t.jsx(d,{...r,"aria-hidden":!0})});exports.CardAsset=u;

package/dist/Card/CardBadge.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("styled-components"),a=require("../Badge/Badge.cjs"),s=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("styled-components"),r=require("../Badge/Badge.cjs"),s=e=>e&&e.__esModule?e:{default:e},a=s(d),n=a.default.div`
   margin-left: auto;
   flex-shrink: 0;
-`,d=t(a.Badge)`
+`,o=a.default(r.Badge)`
   margin-left: ${({theme:e})=>e.spaces[1]};
-`,i=e=>r.jsx(s,{children:r.jsx(d,{...e})});exports.CardBadge=i;
+`,i=e=>t.jsx(n,{children:t.jsx(o,{...e})});exports.CardBadge=i;

package/dist/Card/CardContent.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("styled-components"),n=require("../Box/Box.cjs"),s=o(n.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("styled-components"),n=require("../Box/Box.cjs"),s=e=>e&&e.__esModule?e:{default:e},l=s(o),u=l.default(n.Box)`
   word-break: break-all;
-`,a=({children:e,...r})=>t.jsx(s,{...r,children:e});exports.CardContent=a;
+`,a=({children:e,...t})=>r.jsx(u,{...t,children:e});exports.CardContent=a;

package/dist/Card/CardHeader.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("styled-components"),o=require("../Flex/Flex.cjs"),n=t(o.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("styled-components"),o=require("../Flex/Flex.cjs"),s=e=>e&&e.__esModule?e:{default:e},n=s(r),d=n.default(o.Flex)`
   border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,s=e=>r.jsx(n,{position:"relative",justifyContent:"center",...e});exports.CardHeader=s;
+`,l=e=>t.jsx(d,{position:"relative",justifyContent:"center",...e});exports.CardHeader=l;

package/dist/CarouselInput/Carousel.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),x=require("@strapi/icons"),e=require("prop-types"),a=require("styled-components"),y=require("../helpers/keyboardKeys.cjs"),k=require("../Tooltip/Tooltip.cjs"),o=require("../Box/Box.cjs"),f=require("../Icon/Icon.cjs"),w=require("../Flex/Flex.cjs"),K=require("../Typography/Typography.cjs"),B=a(o.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),g=require("@strapi/icons"),w=require("prop-types"),K=require("styled-components"),x=require("../helpers/keyboardKeys.cjs"),_=require("../Tooltip/Tooltip.cjs"),o=require("../Box/Box.cjs"),y=require("../Icon/Icon.cjs"),B=require("../Flex/Flex.cjs"),L=require("../Typography/Typography.cjs"),q=t=>t&&t.__esModule?t:{default:t},e=q(w),l=q(K),D=l.default(o.Box)`
   display: grid;
   grid-template-columns: auto 1fr auto;
   grid-template-areas: 'startAction slides endAction';
-`,L=a(o.Box)`
+`,I=l.default(o.Box)`
   grid-area: slides;
-`,b=a.button`
-  grid-area: ${({area:i})=>i};
+`,b=l.default.button`
+  grid-area: ${({area:t})=>t};
 
   &:focus svg path,
   &:hover svg path {
-    fill: ${({theme:i})=>i.colors.neutral900};
+    fill: ${({theme:t})=>t.colors.neutral900};
   }
-`,l=({actions:i,children:q,label:v,nextLabel:R,onNext:d,onPrevious:c,previousLabel:j,secondaryLabel:s,selectedSlide:C,...T})=>{const u=n.useRef(null),p=n.useRef(null),h=n.Children.toArray(q).map((t,m)=>n.cloneElement(t,{selected:m===C})),A=t=>{switch(t.key){case y.KeyboardKeys.RIGHT:{t.preventDefault(),p.current.focus(),d();break}case y.KeyboardKeys.LEFT:{t.preventDefault(),u.current.focus(),c();break}}},g=h.length>1;return r.jsx(o.Box,{...T,onKeyDown:A,children:r.jsxs(o.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100",children:[r.jsxs(B,{as:"section","aria-roledescription":"carousel","aria-label":v,position:"relative",children:[g&&r.jsx(b,{onClick:c,area:"startAction",ref:u,"aria-label":j,type:"button",children:r.jsx(f.Icon,{as:x.ChevronLeft,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})}),g&&r.jsx(b,{onClick:d,area:"endAction",ref:p,"aria-label":R,type:"button",children:r.jsx(f.Icon,{as:x.ChevronRight,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})}),r.jsx(L,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%",overflow:"hidden",children:h}),i]}),s&&r.jsx(o.Box,{paddingTop:2,paddingLeft:4,paddingRight:4,children:r.jsx(k.Tooltip,{label:s,children:r.jsx(w.Flex,{justifyContent:"center",children:r.jsx(K.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0,children:s})})})})]})})};l.defaultProps={actions:void 0,error:void 0,hint:void 0,required:!1,secondaryLabel:void 0};l.propTypes={actions:e.node,children:e.node.isRequired,error:e.string,hint:e.oneOfType([e.string,e.node,e.arrayOf(e.node)]),label:e.string.isRequired,nextLabel:e.string.isRequired,onNext:e.func.isRequired,onPrevious:e.func.isRequired,previousLabel:e.string.isRequired,required:e.bool,secondaryLabel:e.string,selectedSlide:e.number.isRequired};exports.Carousel=l;
+`,s=({actions:t,children:v,label:R,nextLabel:j,onNext:d,onPrevious:u,previousLabel:C,secondaryLabel:a,selectedSlide:T,...A})=>{const c=n.useRef(null),f=n.useRef(null),p=n.Children.toArray(v).map((i,k)=>n.cloneElement(i,{selected:k===T})),m=i=>{switch(i.key){case x.KeyboardKeys.RIGHT:{i.preventDefault(),f.current.focus(),d();break}case x.KeyboardKeys.LEFT:{i.preventDefault(),c.current.focus(),u();break}}},h=p.length>1;return r.jsx(o.Box,{...A,onKeyDown:m,children:r.jsxs(o.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100",children:[r.jsxs(D,{as:"section","aria-roledescription":"carousel","aria-label":R,position:"relative",children:[h&&r.jsx(b,{onClick:u,area:"startAction",ref:c,"aria-label":C,type:"button",children:r.jsx(y.Icon,{as:g.ChevronLeft,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})}),h&&r.jsx(b,{onClick:d,area:"endAction",ref:f,"aria-label":j,type:"button",children:r.jsx(y.Icon,{as:g.ChevronRight,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})}),r.jsx(I,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%",overflow:"hidden",children:p}),t]}),a&&r.jsx(o.Box,{paddingTop:2,paddingLeft:4,paddingRight:4,children:r.jsx(_.Tooltip,{label:a,children:r.jsx(B.Flex,{justifyContent:"center",children:r.jsx(L.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0,children:a})})})})]})})};s.defaultProps={actions:void 0,error:void 0,hint:void 0,required:!1,secondaryLabel:void 0};s.propTypes={actions:e.default.node,children:e.default.node.isRequired,error:e.default.string,hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),label:e.default.string.isRequired,nextLabel:e.default.string.isRequired,onNext:e.default.func.isRequired,onPrevious:e.default.func.isRequired,previousLabel:e.default.string.isRequired,required:e.default.bool,secondaryLabel:e.default.string,selectedSlide:e.default.number.isRequired};exports.Carousel=s;

package/dist/CarouselInput/CarouselImage.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("react"),s=require("prop-types"),a=require("styled-components"),c=require("../Typography/utils.cjs"),g=require("../Box/Box.cjs"),d=require("../Tooltip/Tooltip.cjs"),o=a(g.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),c=require("prop-types"),d=require("styled-components"),f=require("../Typography/utils.cjs"),g=require("../Box/Box.cjs"),p=require("../Tooltip/Tooltip.cjs"),i=e=>e&&e.__esModule?e:{default:e},s=i(c),y=i(d),o=y.default(g.Box)`
   height: 100%;
-  ${c.ellipsisStyle({ellipsis:!0})}
-`,t=e=>{const[i,l]=u.useState(!1),n=()=>{l(!0)};return i?r.jsx(d.Tooltip,{description:e.alt??"",children:r.jsx(o,{as:"img",...e})}):r.jsx(o,{as:"img",...e,onError:n})};t.defaultProps={src:void 0,alt:void 0};t.propTypes={alt:s.string,src:s.string};exports.CarouselImage=t;
+  ${f.ellipsisStyle({ellipsis:!0})}
+`,r=e=>{const[l,u]=a.useState(!1),n=()=>{u(!0)};return l?t.jsx(p.Tooltip,{description:e.alt??"",children:t.jsx(o,{as:"img",...e})}):t.jsx(o,{as:"img",...e,onError:n})};r.defaultProps={src:void 0,alt:void 0};r.propTypes={alt:s.default.string,src:s.default.string};exports.CarouselImage=r;

package/dist/CarouselInput/CarouselInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const e=require("prop-types"),j=require("./Carousel.cjs"),y=require("../hooks/useId.cjs"),R=require("../Field/Field.cjs"),f=require("../Field/FieldLabel.cjs"),h=require("../Field/FieldHint.cjs"),m=require("../Field/FieldError.cjs"),I=require("../Flex/Flex.cjs"),n=({actions:o,children:d,error:t,hint:u,label:i,labelAction:l,nextLabel:c,onNext:a,onPrevious:q,previousLabel:g,required:p,secondaryLabel:b,selectedSlide:x,id:F,...v})=>{const s=y.useId(F);return r.jsx(R.Field,{hint:u,error:t,id:s,required:p,children:r.jsxs(I.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[i&&r.jsx(f.FieldLabel,{action:l,children:i}),r.jsx(j.Carousel,{actions:o,label:i,nextLabel:c,onNext:a,onPrevious:q,previousLabel:g,secondaryLabel:b,selectedSlide:x,id:s,...v,children:d}),r.jsx(h.FieldHint,{}),r.jsx(m.FieldError,{})]})})};n.defaultProps={actions:void 0,error:void 0,hint:void 0,id:void 0,labelAction:void 0,required:!1,secondaryLabel:void 0};n.propTypes={actions:e.node,children:e.node.isRequired,error:e.string,hint:e.oneOfType([e.string,e.node,e.arrayOf(e.node)]),id:e.string,label:e.string.isRequired,labelAction:e.element,nextLabel:e.string.isRequired,onNext:e.func.isRequired,onPrevious:e.func.isRequired,previousLabel:e.string.isRequired,required:e.bool,secondaryLabel:e.string,selectedSlide:e.number.isRequired};exports.CarouselInput=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("react");const v=require("prop-types"),y=require("./Carousel.cjs"),j=require("../hooks/useId.cjs"),R=require("../Field/Field.cjs"),h=require("../Field/FieldLabel.cjs"),m=require("../Field/FieldHint.cjs"),I=require("../Field/FieldError.cjs"),L=require("../Flex/Flex.cjs"),P=r=>r&&r.__esModule?r:{default:r},e=P(v),d=({actions:r,children:l,error:n,hint:s,label:t,labelAction:o,nextLabel:a,onNext:c,onPrevious:f,previousLabel:q,required:p,secondaryLabel:g,selectedSlide:b,id:x,...F})=>{const u=j.useId(x);return i.jsx(R.Field,{hint:s,error:n,id:u,required:p,children:i.jsxs(L.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[t&&i.jsx(h.FieldLabel,{action:o,children:t}),i.jsx(y.Carousel,{actions:r,label:t,nextLabel:a,onNext:c,onPrevious:f,previousLabel:q,secondaryLabel:g,selectedSlide:b,id:u,...F,children:l}),i.jsx(m.FieldHint,{}),i.jsx(I.FieldError,{})]})})};d.defaultProps={actions:void 0,error:void 0,hint:void 0,id:void 0,labelAction:void 0,required:!1,secondaryLabel:void 0};d.propTypes={actions:e.default.node,children:e.default.node.isRequired,error:e.default.string,hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.string,label:e.default.string.isRequired,labelAction:e.default.element,nextLabel:e.default.string.isRequired,onNext:e.default.func.isRequired,onPrevious:e.default.func.isRequired,previousLabel:e.default.string.isRequired,required:e.default.bool,secondaryLabel:e.default.string,selectedSlide:e.default.number.isRequired};exports.CarouselInput=d;

package/dist/CarouselInput/CarouselSlide.cjs

@@ -1,3 +1,3 @@
-"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"),u=require("../Flex/Flex.cjs"),d=n(u.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("react");const d=require("prop-types"),a=require("styled-components"),n=require("../Flex/Flex.cjs"),r=e=>e&&e.__esModule?e:{default:e},l=r(d),c=r(a),p=c.default(n.Flex)`
   display: ${({selected:e})=>e?"flex":"none"};
-`,l=({label:e,children:s,selected:i,...o})=>t.jsx(d,{selected:i,role:"group","aria-roledescription":"slide","aria-label":e,justifyContent:"center",height:"124px",...o,children:s});l.defaultProps={selected:!1};l.propTypes={children:r.node.isRequired,label:r.string.isRequired,selected:r.bool};exports.CarouselSlide=l;
+`,t=({label:e,children:s,selected:o,...i})=>u.jsx(p,{selected:o,role:"group","aria-roledescription":"slide","aria-label":e,justifyContent:"center",height:"124px",...i,children:s});t.defaultProps={selected:!1};t.propTypes={children:l.default.node.isRequired,label:l.default.string.isRequired,selected:l.default.bool};exports.CarouselSlide=t;

package/dist/Checkbox/Checkbox.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const e=require("prop-types"),a=require("styled-components"),x=require("../hooks/useId.cjs"),p=require("../Field/FieldContext.cjs"),b=require("../Typography/Typography.cjs"),h=require("../Field/Field.cjs"),q=require("../Flex/Flex.cjs"),y=require("../Box/Box.cjs"),g=require("../Field/FieldHint.cjs"),f=require("../Field/FieldError.cjs"),j=require("../BaseCheckbox/BaseCheckbox.cjs"),F=a(b.Typography)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const f=require("prop-types"),x=require("styled-components"),p=require("../hooks/useId.cjs"),y=require("../Field/FieldContext.cjs"),b=require("../Typography/Typography.cjs"),h=require("../Field/Field.cjs"),q=require("../Flex/Flex.cjs"),g=require("../Box/Box.cjs"),j=require("../Field/FieldHint.cjs"),F=require("../Field/FieldError.cjs"),T=require("../BaseCheckbox/BaseCheckbox.cjs"),u=r=>r&&r.__esModule?r:{default:r},e=u(f),C=u(x),k=C.default(b.Typography)`
   display: flex;
   align-items: flex-start;
   * {
-    cursor: ${({disabled:i})=>i?"not-allowed":"pointer"};
+    cursor: ${({disabled:r})=>r?"not-allowed":"pointer"};
   }
-`,C=i=>{const{id:o}=p.useField();return r.jsx(j.BaseCheckbox,{id:o,...i})},n=({children:i,disabled:o,id:c,hint:d,error:l,...u})=>{const s=x.useId(c);let t;return l?t=`${s}-error`:d&&(t=`${s}-hint`),r.jsx(h.Field,{id:s,hint:d,error:l,children:r.jsxs(q.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[r.jsxs(F,{as:"label",textColor:"neutral800",disabled:o,children:[r.jsx(C,{disabled:o,"aria-describedby":t,...u}),r.jsx(y.Box,{paddingLeft:2,children:i})]}),r.jsx(g.FieldHint,{}),r.jsx(f.FieldError,{})]})})};n.defaultProps={disabled:!1,id:void 0,error:void 0,hint:void 0};n.propTypes={children:e.node.isRequired,disabled:e.bool,error:e.string,hint:e.oneOfType([e.string,e.node,e.arrayOf(e.node)]),id:e.oneOfType([e.string,e.number])};exports.Checkbox=n;
+`,_=r=>{const{id:o}=y.useField();return t.jsx(T.BaseCheckbox,{id:o,...r})},d=({children:r,disabled:o,id:a,hint:l,error:n,...c})=>{const i=p.useId(a);let s;return n?s=`${i}-error`:l&&(s=`${i}-hint`),t.jsx(h.Field,{id:i,hint:l,error:n,children:t.jsxs(q.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[t.jsxs(k,{as:"label",textColor:"neutral800",disabled:o,children:[t.jsx(_,{disabled:o,"aria-describedby":s,...c}),t.jsx(g.Box,{paddingLeft:2,children:r})]}),t.jsx(j.FieldHint,{}),t.jsx(F.FieldError,{})]})})};d.defaultProps={disabled:!1,id:void 0,error:void 0,hint:void 0};d.propTypes={children:e.default.node.isRequired,disabled:e.default.bool,error:e.default.string,hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number])};exports.Checkbox=d;