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

package/dist/Tabs/Tabs.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),I=require("react"),i=require("prop-types"),K=require("styled-components"),g=require("./components.cjs"),q=require("./TabsContext.cjs"),j=require("./useTabsFocus.cjs"),f=require("../helpers/keyboardKeys.cjs"),C=require("../Typography/Typography.cjs"),w=K.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),I=require("react"),q=require("prop-types"),j=require("styled-components"),g=require("./components.cjs"),w=require("./TabsContext.cjs"),R=require("./useTabsFocus.cjs"),T=require("../helpers/keyboardKeys.cjs"),C=require("../Typography/Typography.cjs"),D=r=>r&&r.__esModule?r:{default:r},i=D(q),P=D(j),_=P.default.button`
   &[aria-disabled='true'] {
     cursor: not-allowed;
   }
-`,D=({children:c,...u})=>{const{id:T,selectedTabIndex:b,selectTabIndex:s,label:p,variant:y,onTabChange:m}=q.useTabs(),x=j.useTabsFocus(b,m),a=I.Children.toArray(c).map((n,l)=>I.cloneElement(n,{id:`${T}-${l}`,index:l,selectedTabIndex:b,onTabClick:()=>s(l),variant:y})),h=n=>{if(!a.every(r=>r.props.disabled))switch(n.key){case f.KeyboardKeys.RIGHT:{const r=b+1,e=t=>a[t].props.disabled?t===a.length-1?e(0):e(t+1):t,d=e(r>=a.length?0:r);s(d);break}case f.KeyboardKeys.LEFT:{const r=b-1,e=t=>a[t].props.disabled?e(t===0?a.length-1:t-1):t,d=e(r<0?a.length-1:r);s(d);break}case f.KeyboardKeys.HOME:{const r=a.findIndex(e=>!e.props.disabled);s(r);break}case f.KeyboardKeys.END:{const e=a.map((d,t)=>({isDisabled:d.props.disabled,index:t})).reverse().find(({isDisabled:d})=>!d);e&&s(e.index);break}}};return y==="simple"?o.jsx("div",{ref:x,role:"tablist","aria-label":p,onKeyDown:h,...u,children:a}):o.jsx(g.DefaultTabsRow,{ref:x,role:"tablist",alignItems:"flex-end","aria-label":p,onKeyDown:h,...u,children:a})};D.propTypes={children:i.node.isRequired};const v=({disabled:c,id:u,children:T,variant:b,hasError:s,index:p,selectedTabIndex:y,onTabClick:m,...x})=>{const a=`${u}-tab`,h=`${u}-tabpanel`,n=p===y,l=()=>{c||m()};if(b==="simple"){let e;return s?e="danger600":n?e="primary600":e="neutral600",o.jsx(w,{id:a,role:"tab","aria-controls":n?h:void 0,tabIndex:n?0:-1,"aria-selected":n,type:"button",onClick:l,"aria-disabled":c,...x,children:o.jsx(g.SimpleTabBox,{padding:4,selected:n,hasError:s,children:o.jsx(C.Typography,{variant:"sigma",textColor:e,children:T})})})}s&&console.warn('The "hasError" prop is only available for the "simple" variant.');const r=y-1===p;return o.jsx(g.DefaultTabButton,{id:a,role:"tab",type:"button","aria-controls":n?h:void 0,tabIndex:n?0:-1,"aria-selected":n,onClick:l,"aria-disabled":c,showRightBorder:r,...x,children:o.jsx(g.DefaultTabBox,{padding:n?4:3,background:n?"neutral0":"neutral100",selected:n,children:o.jsx(C.Typography,{fontWeight:"bold",textColor:n?"primary700":"neutral600",children:T})})})};v.defaultProps={disabled:!1,hasError:!1,id:void 0,index:void 0,onTabClick:void 0,selectedTabIndex:void 0,variant:void 0};v.propTypes={children:i.node.isRequired,disabled:i.bool,hasError:i.bool,id:i.string,index:i.number,onTabClick:i.func,selectedTabIndex:i.number,variant:i.oneOf(["simple"])};exports.Tab=v;exports.Tabs=D;
+`,k=({children:r,...u})=>{const{id:h,selectedTabIndex:b,selectTabIndex:o,label:p,variant:f,onTabChange:m}=w.useTabs(),y=R.useTabsFocus(b,m),a=I.Children.toArray(r).map((t,d)=>I.cloneElement(t,{id:`${h}-${d}`,index:d,selectedTabIndex:b,onTabClick:()=>o(d),variant:f})),x=t=>{if(!a.every(n=>n.props.disabled))switch(t.key){case T.KeyboardKeys.RIGHT:{const n=b+1,e=s=>a[s].props.disabled?s===a.length-1?e(0):e(s+1):s,c=e(n>=a.length?0:n);o(c);break}case T.KeyboardKeys.LEFT:{const n=b-1,e=s=>a[s].props.disabled?e(s===0?a.length-1:s-1):s,c=e(n<0?a.length-1:n);o(c);break}case T.KeyboardKeys.HOME:{const n=a.findIndex(e=>!e.props.disabled);o(n);break}case T.KeyboardKeys.END:{const e=a.map((c,s)=>({isDisabled:c.props.disabled,index:s})).reverse().find(({isDisabled:c})=>!c);e&&o(e.index);break}}};return f==="simple"?l.jsx("div",{ref:y,role:"tablist","aria-label":p,onKeyDown:x,...u,children:a}):l.jsx(g.DefaultTabsRow,{ref:y,role:"tablist",alignItems:"flex-end","aria-label":p,onKeyDown:x,...u,children:a})};k.propTypes={children:i.default.node.isRequired};const v=({disabled:r,id:u,children:h,variant:b,hasError:o,index:p,selectedTabIndex:f,onTabClick:m,...y})=>{const a=`${u}-tab`,x=`${u}-tabpanel`,t=p===f,d=()=>{r||m()};if(b==="simple"){let e;return o?e="danger600":t?e="primary600":e="neutral600",l.jsx(_,{id:a,role:"tab","aria-controls":t?x:void 0,tabIndex:t?0:-1,"aria-selected":t,type:"button",onClick:d,"aria-disabled":r,...y,children:l.jsx(g.SimpleTabBox,{padding:4,selected:t,hasError:o,children:l.jsx(C.Typography,{variant:"sigma",textColor:e,children:h})})})}o&&console.warn('The "hasError" prop is only available for the "simple" variant.');const n=f-1===p;return l.jsx(g.DefaultTabButton,{id:a,role:"tab",type:"button","aria-controls":t?x:void 0,tabIndex:t?0:-1,"aria-selected":t,onClick:d,"aria-disabled":r,showRightBorder:n,...y,children:l.jsx(g.DefaultTabBox,{padding:t?4:3,background:t?"neutral0":"neutral100",selected:t,children:l.jsx(C.Typography,{fontWeight:"bold",textColor:t?"primary700":"neutral600",children:h})})})};v.defaultProps={disabled:!1,hasError:!1,id:void 0,index:void 0,onTabClick:void 0,selectedTabIndex:void 0,variant:void 0};v.propTypes={children:i.default.node.isRequired,disabled:i.default.bool,hasError:i.default.bool,id:i.default.string,index:i.default.number,onTabClick:i.default.func,selectedTabIndex:i.default.number,variant:i.default.oneOf(["simple"])};exports.Tab=v;exports.Tabs=k;

package/dist/Tabs/components.cjs

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),l=require("../Box/Box.cjs"),s=require("../Flex/Flex.cjs"),d=a(l.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),l=require("../Box/Box.cjs"),u=require("../Flex/Flex.cjs"),s=o=>o&&o.__esModule?o:{default:o},a=s(n),i=a.default(l.Box)`
   border-bottom: 2px solid
-    ${({theme:r,selected:e,hasError:n})=>e?n?r.colors.danger600:r.colors.primary600:"transparent"};
-`,o=a(l.Box)`
-  border-bottom: 1px solid ${({theme:r,selected:e})=>e?r.colors.neutral0:r.colors.neutral150};
-`,t=a.button`
+    ${({theme:o,selected:e,hasError:d})=>e?d?o.colors.danger600:o.colors.primary600:"transparent"};
+`,r=a.default(l.Box)`
+  border-bottom: 1px solid ${({theme:o,selected:e})=>e?o.colors.neutral0:o.colors.neutral150};
+`,t=a.default.button`
   border: none;
   background: transparent;
   padding: 0;
 
-  & + & > ${o} {
-    border-left: 1px solid ${({theme:r})=>r.colors.neutral150};
+  & + & > ${r} {
+    border-left: 1px solid ${({theme:o})=>o.colors.neutral150};
   }
 
-  ${o} {
-    border-right: ${({theme:r,showRightBorder:e})=>e?`1px solid ${r.colors.neutral150}`:"none"};
+  ${r} {
+    border-right: ${({theme:o,showRightBorder:e})=>e?`1px solid ${o.colors.neutral150}`:"none"};
   }
 
   // Hack preventing the outline from being overflow by the following tab
@@ -22,22 +22,22 @@
   &[aria-disabled='true'] {
     cursor: not-allowed;
   }
-`,u=a(s.Flex)`
+`,b=a.default(u.Flex)`
   & > * {
     flex: 1;
   }
 
-  & ${t}:first-of-type ${o} {
-    border-radius: ${({theme:r})=>`${r.borderRadius} 0 0 0`};
+  & ${t}:first-of-type ${r} {
+    border-radius: ${({theme:o})=>`${o.borderRadius} 0 0 0`};
   }
 
-  & ${t}:last-of-type ${o} {
-    border-radius: ${({theme:r})=>`0 ${r.borderRadius} 0 0`};
+  & ${t}:last-of-type ${r} {
+    border-radius: ${({theme:o})=>`0 ${o.borderRadius} 0 0`};
   }
 
-  & ${t}[aria-selected="true"] ${o} {
-    border-radius: ${({theme:r})=>`${r.borderRadius} ${r.borderRadius} 0 0`};
+  & ${t}[aria-selected="true"] ${r} {
+    border-radius: ${({theme:o})=>`${o.borderRadius} ${o.borderRadius} 0 0`};
     border-left: none;
     border-right: none;
   }
-`;exports.DefaultTabBox=o;exports.DefaultTabButton=t;exports.DefaultTabsRow=u;exports.SimpleTabBox=d;
+`;exports.DefaultTabBox=r;exports.DefaultTabButton=t;exports.DefaultTabsRow=b;exports.SimpleTabBox=i;

package/dist/Tag/Tag.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("styled-components"),p=require("../Flex/Flex.cjs"),c=require("../Typography/Typography.cjs"),g=({children:r,icon:t,disabled:e=!1,onClick:o,...n})=>{const s=l=>{e||!o||o(l)};return a.jsxs(d,{as:"button",background:e?"neutral200":"primary100",color:e?"neutral700":"primary600",paddingLeft:3,paddingRight:3,onClick:s,"aria-disabled":e,disabled:e,borderWidth:"1px",borderStyle:"solid",borderColor:e?"neutral300":"primary200",hasRadius:!0,height:`${32/16}rem`,gap:2,...n,children:[a.jsx(u,{$disabled:e,variant:"pi",fontWeight:"bold",as:"span",children:r}),t]})},d=i(p.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("styled-components"),u=require("../Flex/Flex.cjs"),c=require("../Typography/Typography.cjs"),p=r=>r&&r.__esModule?r:{default:r},i=p(d),g=({children:r,icon:e,disabled:t=!1,onClick:a,...l})=>{const n=s=>{t||!a||a(s)};return o.jsxs(h,{as:"button",background:t?"neutral200":"primary100",color:t?"neutral700":"primary600",paddingLeft:3,paddingRight:3,onClick:n,"aria-disabled":t,disabled:t,borderWidth:"1px",borderStyle:"solid",borderColor:t?"neutral300":"primary200",hasRadius:!0,height:`${32/16}rem`,gap:2,...l,children:[o.jsx(y,{$disabled:t,variant:"pi",fontWeight:"bold",as:"span",children:r}),e]})},h=i.default(u.Flex)`
   & > svg {
     height: ${8/16}rem;
     width: ${8/16}rem;
   }
 
   & > svg path {
-    fill: ${({theme:r,...t})=>t["aria-disabled"]?r.colors.neutral600:r.colors.primary600};
+    fill: ${({theme:r,...e})=>e["aria-disabled"]?r.colors.neutral600:r.colors.primary600};
   }
-`,u=i(c.Typography)`
+`,y=i.default(c.Typography)`
   color: inherit;
-  border-right: 1px solid ${({theme:r,$disabled:t})=>t?r.colors.neutral300:r.colors.primary200};
+  border-right: 1px solid ${({theme:r,$disabled:e})=>e?r.colors.neutral300:r.colors.primary200};
   padding-right: ${({theme:r})=>r.spaces[2]};
 `;exports.Tag=g;

package/dist/TextButton/TextButton.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),f=require("react"),g=require("@strapi/icons"),a=require("styled-components"),y=require("../themes/utils.cjs"),b=require("../Flex/Flex.cjs"),m=require("../Typography/Typography.cjs");function x(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const h=x(f),j=a.keyframes`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),y=require("react"),g=require("@strapi/icons"),l=require("styled-components"),b=require("../themes/utils.cjs"),m=require("../Flex/Flex.cjs"),x=require("../Typography/Typography.cjs"),h=e=>e&&e.__esModule?e:{default:e};function j(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 n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const _=j(y),u=h(l),T=l.keyframes`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`,T=a.div`
-  animation: ${j} 2s infinite linear;
+`,q=u.default.div`
+  animation: ${T} 2s infinite linear;
   will-change: transform;
-`,q=a(b.Flex)`
+`,v=u.default(m.Flex)`
   border: none;
 
   &[aria-disabled='true'] {
@@ -22,5 +22,5 @@
     fill: ${({theme:e})=>e.colors.primary600};
   }
 
-  ${y.buttonFocusStyle}
-`,l=h.forwardRef(({children:e,startIcon:r,endIcon:t,onClick:n,disabled:i=!1,loading:s=!1,...u},d)=>{const p=n&&!i?n:void 0,c=i||s;return o.jsxs(q,{ref:d,"aria-disabled":c,onClick:p,as:"button",type:"button",background:"transparent",gap:2,...u,children:[s?o.jsx(T,{"aria-hidden":!0,children:o.jsx(g.Loader,{})}):r,o.jsx(m.Typography,{variant:"pi",textColor:c?"neutral600":"primary600",children:e}),t]})});l.displayName="TextButton";exports.TextButton=l;
+  ${b.buttonFocusStyle}
+`,c=_.forwardRef(({children:e,startIcon:r,endIcon:t,onClick:n,disabled:a=!1,loading:s=!1,...d},f)=>{const p=n&&!a?n:void 0,i=a||s;return o.jsxs(v,{ref:f,"aria-disabled":i,onClick:p,as:"button",type:"button",background:"transparent",gap:2,...d,children:[s?o.jsx(q,{"aria-hidden":!0,children:o.jsx(g.Loader,{})}):r,o.jsx(x.Typography,{variant:"pi",textColor:i?"neutral600":"primary600",children:e}),t]})});c.displayName="TextButton";exports.TextButton=c;

package/dist/Textarea/Textarea.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("react"),e=require("prop-types"),q=require("styled-components"),m=require("./TextareaInput.cjs"),v=require("../hooks/useId.cjs"),F=require("../Field/Field.cjs"),o=require("../Flex/Flex.cjs"),T=require("../Field/FieldLabel.cjs"),b=require("../Field/FieldHint.cjs"),f=require("../Field/FieldError.cjs"),j=q.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),q=require("prop-types"),m=require("styled-components"),T=require("./TextareaInput.cjs"),v=require("../hooks/useId.cjs"),y=require("../Field/Field.cjs"),d=require("../Flex/Flex.cjs"),F=require("../Field/FieldLabel.cjs"),b=require("../Field/FieldHint.cjs"),j=require("../Field/FieldError.cjs"),l=t=>t&&t.__esModule?t:{default:t},_=l(g),e=l(q),I=l(m),O=I.default.div`
   & textarea {
     // TODO: remove when we'll have fonts in the theme
     height: ${80/16}rem;
@@ -12,4 +12,4 @@
     color: ${({theme:t})=>t.colors.neutral500};
     opacity: 1;
   }
-`,i=p.forwardRef(({name:t,hint:a,error:l,label:n,children:s,labelAction:d,id:c,required:u,...h},x)=>{const g=v.useId(c);return r.jsx(j,{children:r.jsx(F.Field,{name:t,hint:a,error:l,id:g,required:u,children:r.jsxs(o.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[n&&r.jsx(o.Flex,{children:r.jsx(T.FieldLabel,{action:d,children:n})}),r.jsx(m.TextareaInput,{ref:x,as:"textarea",value:s,...h}),r.jsx(b.FieldHint,{}),r.jsx(f.FieldError,{})]})})})});i.displayName="Textarea";i.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,children:"",required:!1};i.propTypes={"aria-label":e.string,children:e.string,error:e.string,hint:e.oneOfType([e.string,e.node,e.arrayOf(e.node)]),id:e.string,label:e.string,labelAction:e.element,name:e.string.isRequired,required:e.bool};exports.Textarea=i;
+`,i=_.default.forwardRef(({name:t,hint:n,error:o,label:a,children:s,labelAction:u,id:c,required:f,...h},x)=>{const p=v.useId(c);return r.jsx(O,{children:r.jsx(y.Field,{name:t,hint:n,error:o,id:p,required:f,children:r.jsxs(d.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[a&&r.jsx(d.Flex,{children:r.jsx(F.FieldLabel,{action:u,children:a})}),r.jsx(T.TextareaInput,{ref:x,as:"textarea",value:s,...h}),r.jsx(b.FieldHint,{}),r.jsx(j.FieldError,{})]})})})});i.displayName="Textarea";i.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,children:"",required:!1};i.propTypes={"aria-label":e.default.string,children:e.default.string,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,labelAction:e.default.element,name:e.default.string.isRequired,required:e.default.bool};exports.Textarea=i;

package/dist/Textarea/TextareaInput.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),$=require("react"),b=require("prop-types"),l=require("styled-components"),f=require("../themes/utils.cjs"),g=require("../Field/FieldContext.cjs"),x=l.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),$=require("react"),b=require("prop-types"),y=require("styled-components"),g=require("../themes/utils.cjs"),x=require("../Field/FieldContext.cjs"),l=e=>e&&e.__esModule?e:{default:e},T=l(b),d=l(y),q=d.default.div`
   border: 1px solid ${({theme:e,hasError:r})=>r?e.colors.danger600:e.colors.neutral200};
   border-radius: ${({theme:e})=>e.borderRadius};
 
@@ -8,8 +8,8 @@
   padding-bottom: ${({theme:e})=>`${e.spaces[3]}`};
 
   background: ${({theme:e,disabled:r})=>r?e.colors.neutral150:e.colors.neutral0};
-  ${f.inputFocusStyle()}
-`,y=l.textarea`
+  ${g.inputFocusStyle()}
+`,h=d.default.textarea`
   display: block;
   width: 100%;
   font-weight: 400;
@@ -27,4 +27,4 @@
   &:focus-within {
     outline: none;
   }
-`,o=$.forwardRef(({disabled:e,...r},d)=>{const{id:t,error:s,hint:c,name:u,required:p}=g.useField();let a;s?a=`${t}-error`:c&&(a=`${t}-hint`);const i=!!s;return n.jsx(x,{hasError:i,disabled:e,children:n.jsx(y,{id:t,name:u,ref:d,"aria-describedby":a,"aria-invalid":i,disabled:e,hasError:i,"aria-required":p,...r})})});o.displayName="TextareaInput";o.defaultProps={disabled:!1};o.propTypes={disabled:b.bool};exports.TextareaInput=o;
+`,o=$.forwardRef(({disabled:e,...r},u)=>{const{id:t,error:n,hint:c,name:p,required:f}=x.useField();let a;n?a=`${t}-error`:c&&(a=`${t}-hint`);const s=!!n;return i.jsx(q,{hasError:s,disabled:e,children:i.jsx(h,{id:t,name:p,ref:u,"aria-describedby":a,"aria-invalid":s,disabled:e,hasError:s,"aria-required":f,...r})})});o.displayName="TextareaInput";o.defaultProps={disabled:!1};o.propTypes={disabled:T.default.bool};exports.TextareaInput=o;

package/dist/TimePicker/TimePicker.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),j=require("@strapi/icons"),q=require("styled-components"),M=require("../hooks/useId.cjs"),h=require("../Select/SingleSelect.cjs"),f=require("../Flex/Flex.cjs"),I=({id:o,value:l,step:d=15,onChange:u,...g})=>{const p=M.useId(o),m=24,t=[];let s=0;for(let e=0;e<m;e++)for(s=0;s<60;)t.push(`${e<10?`0${e}`:e}:${s<10?`0${s}`:s}`),s+=d;const S=()=>{const[e,a]=l?.split(":")??[],$=t.reduce((n,c)=>{const[r]=c.split(":");return Math.abs(r-e)<Math.abs(n-e)?r:n},t[0].split(":")[0]),b=t.reduce((n,c)=>{const r=c.split(":")[1];return Math.abs(r-a)<Math.abs(n-a)?r:n},t[0].split(":")[1]);return`${$}:${b}`},x=e=>{u&&u(e.toString())};return i.jsx(h.SingleSelect,{id:p,placeholder:"--:--",value:l?S():void 0,startIcon:i.jsx(v,{as:"span",children:i.jsx(j.Clock,{})}),onChange:x,...g,children:t.map(e=>i.jsx(h.SingleSelectOption,{value:e,children:e},e))})},v=q(f.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),$=require("@strapi/icons"),b=require("styled-components"),j=require("../hooks/useId.cjs"),d=require("../Select/SingleSelect.cjs"),q=require("../Flex/Flex.cjs"),I=t=>t&&t.__esModule?t:{default:t},_=I(b),v=({id:t,value:c,step:h=15,onChange:u,...p})=>{const g=j.useId(t),m=24,s=[];let n=0;for(let e=0;e<m;e++)for(n=0;n<60;)s.push(`${e<10?`0${e}`:e}:${n<10?`0${n}`:n}`),n+=h;const f=()=>{const[e,a]=c?.split(":")??[],x=s.reduce((r,o)=>{const[l]=o.split(":");return Math.abs(l-e)<Math.abs(r-e)?l:r},s[0].split(":")[0]),M=s.reduce((r,o)=>{const l=o.split(":")[1];return Math.abs(l-a)<Math.abs(r-a)?l:r},s[0].split(":")[1]);return`${x}:${M}`},S=e=>{u&&u(e.toString())};return i.jsx(d.SingleSelect,{id:g,placeholder:"--:--",value:c?f():void 0,startIcon:i.jsx(y,{as:"span",children:i.jsx($.Clock,{})}),onChange:S,...p,children:s.map(e=>i.jsx(d.SingleSelectOption,{value:e,children:e},e))})},y=_.default(q.Flex)`
   & > svg {
     height: 1rem;
     width: 1rem;
   }
 
   & > svg path {
-    fill: ${({theme:o})=>o.colors.neutral500};
+    fill: ${({theme:t})=>t.colors.neutral500};
   }
-`;exports.TimePicker=I;
+`;exports.TimePicker=v;

package/dist/ToggleCheckbox/ToggleCheckbox.cjs

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),R=require("react"),o=require("prop-types"),a=require("styled-components"),$=require("../themes/sizes.cjs"),L=require("../themes/utils.cjs"),m=require("../Box/Box.cjs"),z=require("../Flex/Flex.cjs"),S=require("../Field/FieldContext.cjs"),F=require("../VisuallyHidden/VisuallyHidden.cjs"),h=require("../Typography/Typography.cjs"),W=a.label`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),$=require("react"),_=require("prop-types"),L=require("styled-components"),m=require("../themes/sizes.cjs"),z=require("../themes/utils.cjs"),S=require("../Box/Box.cjs"),F=require("../Flex/Flex.cjs"),W=require("../Field/FieldContext.cjs"),B=require("../VisuallyHidden/VisuallyHidden.cjs"),h=require("../Typography/Typography.cjs"),c=e=>e&&e.__esModule?e:{default:e},M=c($),n=c(_),i=c(L),P=i.default.label`
   position: relative;
   display: inline-block;
   z-index: 0;
   width: 100%;
-`,B=a(m.Box)`
+`,I=i.default(S.Box)`
   cursor: ${({disabled:e})=>e?"not-allowed":void 0};
   // Masks the background of each value
   overflow: hidden;
   flex-wrap: wrap;
 
-  ${L.inputFocusStyle()}
-`,g=a(z.Flex).attrs({hasRadius:!0})`
-  background-color: ${({theme:e,checked:i,disabled:l})=>i?l?e.colors.neutral200:e.colors.neutral0:"transparent"};
+  ${z.inputFocusStyle()}
+`,g=i.default(F.Flex).attrs({hasRadius:!0})`
+  background-color: ${({theme:e,checked:l,disabled:a})=>l?a?e.colors.neutral200:e.colors.neutral0:"transparent"};
   border: 1px solid
-    ${({theme:e,checked:i,disabled:l})=>i&&i!==null?l?e.colors.neutral300:e.colors.neutral200:l?e.colors.neutral150:e.colors.neutral100};
+    ${({theme:e,checked:l,disabled:a})=>l&&l!==null?a?e.colors.neutral300:e.colors.neutral200:a?e.colors.neutral150:e.colors.neutral100};
   position: relative;
   user-select: none;
   z-index: 2;
@@ -25,7 +25,7 @@
   */
   padding-top: ${({size:e})=>`${e==="S"?"2px":"6px"}`};
   padding-bottom: ${({size:e})=>`${e==="S"?"2px":"6px"}`};
-`,I=a.input`
+`,O=i.default.input`
   height: 100%;
   left: 0;
   opacity: 0;
@@ -33,4 +33,4 @@
   top: 0;
   z-index: 1;
   width: 100%;
-`,s=R.forwardRef(({size:e,onLabel:i,offLabel:l,children:x,checked:r,disabled:t,onChange:f,...b},y)=>{const{error:C,hint:q,id:c,name:w,required:j}=S.useField(),p="neutral600";let T=!r&&r!==null?"danger700":p,v=r?"primary600":p;const k=d=>{t||f(d)};let u;return C?u=`${c}-error`:q&&(u=`${c}-hint`),n.jsxs(W,{children:[n.jsx(F.VisuallyHidden,{children:x}),n.jsxs(B,{hasRadius:!0,disabled:t,padding:1,display:"flex",background:t?"neutral150":"neutral100",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral200",children:[n.jsx(g,{size:e,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:r===null?!1:!r,disabled:t,children:n.jsx(h.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:t?"neutral700":T,children:l})}),n.jsx(g,{size:e,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:r===null?!1:r,disabled:t,children:n.jsx(h.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:t?"neutral700":v,children:i})}),n.jsx(I,{type:"checkbox","aria-disabled":t,"aria-describedby":u,onChange:d=>k(d),name:w,ref:y,"aria-required":j,...b,checked:!(r===null||!r)})]})]})});s.displayName="ToggleCheckbox";s.defaultProps={disabled:!1,checked:!1,onChange:void 0,size:"M"};s.propTypes={checked:o.bool,children:o.string.isRequired,disabled:o.bool,offLabel:o.string.isRequired,onChange:o.func,onLabel:o.string.isRequired,size:o.oneOf(Object.keys($.sizes.input))};exports.ToggleCheckbox=s;
+`,s=M.default.forwardRef(({size:e,onLabel:l,offLabel:a,children:x,checked:t,disabled:r,onChange:b,...y},C)=>{const{error:q,hint:w,id:p,name:j,required:T}=W.useField(),f="neutral600";let v=!t&&t!==null?"danger700":f,R=t?"primary600":f;const k=d=>{r||b(d)};let u;return q?u=`${p}-error`:w&&(u=`${p}-hint`),o.jsxs(P,{children:[o.jsx(B.VisuallyHidden,{children:x}),o.jsxs(I,{hasRadius:!0,disabled:r,padding:1,display:"flex",background:r?"neutral150":"neutral100",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral200",children:[o.jsx(g,{size:e,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:t===null?!1:!t,disabled:r,children:o.jsx(h.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:r?"neutral700":v,children:a})}),o.jsx(g,{size:e,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:t===null?!1:t,disabled:r,children:o.jsx(h.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:r?"neutral700":R,children:l})}),o.jsx(O,{type:"checkbox","aria-disabled":r,"aria-describedby":u,onChange:d=>k(d),name:j,ref:C,"aria-required":T,...y,checked:!(t===null||!t)})]})]})});s.displayName="ToggleCheckbox";s.defaultProps={disabled:!1,checked:!1,onChange:void 0,size:"M"};s.propTypes={checked:n.default.bool,children:n.default.string.isRequired,disabled:n.default.bool,offLabel:n.default.string.isRequired,onChange:n.default.func,onLabel:n.default.string.isRequired,size:n.default.oneOf(Object.keys(m.sizes.input))};exports.ToggleCheckbox=s;

package/dist/ToggleInput/ToggleInput.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const e=require("prop-types"),u=require("styled-components"),F=require("../hooks/useId.cjs"),j=require("../themes/sizes.cjs"),T=require("../ToggleCheckbox/ToggleCheckbox.cjs"),m=require("../Field/Field.cjs"),y=require("../TextButton/TextButton.cjs"),c=require("../Flex/Flex.cjs"),v=require("../Field/FieldLabel.cjs"),I=require("../Field/FieldHint.cjs"),k=require("../Field/FieldError.cjs"),C=u(m.Field)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const T=require("prop-types"),j=require("styled-components"),y=require("../hooks/useId.cjs"),m=require("../themes/sizes.cjs"),v=require("../ToggleCheckbox/ToggleCheckbox.cjs"),I=require("../Field/Field.cjs"),_=require("../TextButton/TextButton.cjs"),u=require("../Flex/Flex.cjs"),k=require("../Field/FieldLabel.cjs"),C=require("../Field/FieldHint.cjs"),O=require("../Field/FieldError.cjs"),a=l=>l&&l.__esModule?l:{default:l},e=a(T),c=a(j),z=c.default(I.Field)`
   max-width: 320px;
-`,O=u(y.TextButton)`
+`,P=c.default(_.TextButton)`
   align-self: flex-end;
   margin-left: auto;
-`,i=({disabled:n,size:a,error:g,hint:x,label:o,name:p,labelAction:b,required:q,id:h,onClear:t,clearLabel:l,checked:s,...f})=>{const d=F.useId(h);return r.jsx(C,{name:p,hint:x,error:g,id:d,required:q,children:r.jsxs(c.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[r.jsxs(c.Flex,{children:[r.jsx(v.FieldLabel,{action:b,children:o}),l&&t&&s!==null&&!n&&r.jsx(O,{onClick:t,children:l})]}),r.jsx(T.ToggleCheckbox,{id:d,size:a,checked:s,disabled:n,...f,children:o}),r.jsx(I.FieldHint,{}),r.jsx(k.FieldError,{})]})})};i.displayName="ToggleInput";i.defaultProps={checked:!1,clearLabel:void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:"",labelAction:void 0,name:"",onClear:void 0,required:!1,size:"M"};i.propTypes={checked:e.bool,clearLabel:e.string,disabled:e.bool,error:e.string,hint:e.oneOfType([e.string,e.node,e.arrayOf(e.node)]),id:e.string,label:e.string,labelAction:e.node,name:e.string,onClear:e.func,required:e.bool,size:e.oneOf(Object.keys(j.sizes.input))};exports.ToggleInput=i;
+`,r=({disabled:l,size:f,error:g,hint:p,label:i,name:x,labelAction:b,required:q,id:h,onClear:d,clearLabel:n,checked:o,...F})=>{const s=y.useId(h);return t.jsx(z,{name:x,hint:p,error:g,id:s,required:q,children:t.jsxs(u.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[t.jsxs(u.Flex,{children:[t.jsx(k.FieldLabel,{action:b,children:i}),n&&d&&o!==null&&!l&&t.jsx(P,{onClick:d,children:n})]}),t.jsx(v.ToggleCheckbox,{id:s,size:f,checked:o,disabled:l,...F,children:i}),t.jsx(C.FieldHint,{}),t.jsx(O.FieldError,{})]})})};r.displayName="ToggleInput";r.defaultProps={checked:!1,clearLabel:void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:"",labelAction:void 0,name:"",onClear:void 0,required:!1,size:"M"};r.propTypes={checked:e.default.bool,clearLabel:e.default.string,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.string,label:e.default.string,labelAction:e.default.node,name:e.default.string,onClear:e.default.func,required:e.default.bool,size:e.default.oneOf(Object.keys(m.sizes.input))};exports.ToggleInput=r;

package/dist/Tooltip/Tooltip.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),x=require("styled-components"),j=require("./hooks/useTooltipHandlers.cjs"),h=require("./hooks/useTooltipLayout.cjs"),l=require("../hooks/useId.cjs"),T=require("../Portal/Portal.cjs"),q=require("../Box/Box.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),v=require("../Typography/Typography.cjs");function I(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const O=I(g),R=x(q.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),x=require("styled-components"),j=require("./hooks/useTooltipHandlers.cjs"),h=require("./hooks/useTooltipLayout.cjs"),l=require("../hooks/useId.cjs"),T=require("../Portal/Portal.cjs"),q=require("../Box/Box.cjs"),_=require("../VisuallyHidden/VisuallyHidden.cjs"),m=require("../Typography/Typography.cjs"),v=e=>e&&e.__esModule?e:{default:e};function I(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 n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const O=I(g),R=v(x),H=R.default(q.Box)`
   /* z-index exist because of its position inside Modals */
   z-index: 4;
   display: ${({visible:e})=>e?"revert":"none"};
-`,H=({children:e,label:r,description:t,delay:n=500,position:a="top",id:d,...u})=>{const i=l.useId(d),c=l.useId(),{visible:s,...p}=j.useTooltipHandlers(n),{tooltipWrapperRef:b,toggleSourceRef:f}=h.useTooltipLayout(s,a),y=O.cloneElement(e,{tabIndex:0,"aria-labelledby":r?i:void 0,"aria-describedby":t?i:void 0,...p});return o.jsxs(o.Fragment,{children:[o.jsx(T.Portal,{children:o.jsxs(R,{id:i,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:b,visible:s,position:"absolute",...u,children:[s&&o.jsx(m.VisuallyHidden,{id:c,children:t}),o.jsx(v.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0",children:r||t})]})}),o.jsx("span",{ref:f,children:y})]})};exports.Tooltip=H;
+`,M=({children:e,label:r,description:t,delay:n=500,position:d="top",id:u,...a})=>{const i=l.useId(u),c=l.useId(),{visible:s,...p}=j.useTooltipHandlers(n),{tooltipWrapperRef:f,toggleSourceRef:b}=h.useTooltipLayout(s,d),y=O.cloneElement(e,{tabIndex:0,"aria-labelledby":r?i:void 0,"aria-describedby":t?i:void 0,...p});return o.jsxs(o.Fragment,{children:[o.jsx(T.Portal,{children:o.jsxs(H,{id:i,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:f,visible:s,position:"absolute",...a,children:[s&&o.jsx(_.VisuallyHidden,{id:c,children:t}),o.jsx(m.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0",children:r||t})]})}),o.jsx("span",{ref:b,children:y})]})};exports.Tooltip=M;

package/dist/Typography/Typography.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),r=require("./utils.cjs"),o=require("../helpers/theme.cjs"),n={fontSize:!0,fontWeight:!0},a=i.span.withConfig({shouldForwardProp:(e,t)=>!n[e]&&t(e)})`
-  ${r.variantStyle}
-  ${r.ellipsisStyle}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),o=require("./utils.cjs"),r=require("../helpers/theme.cjs"),i=e=>e&&e.__esModule?e:{default:e},a=i(n),s={fontSize:!0,fontWeight:!0},l=a.default.span.withConfig({shouldForwardProp:(e,t)=>!s[e]&&t(e)})`
+  ${o.variantStyle}
+  ${o.ellipsisStyle}
 
   // These properties need to come after {variantStyle}, because they might
   // overwrite a variant attribute
-  font-weight: ${({theme:e,fontWeight:t})=>o.extractStyleFromTheme(e.fontWeights,t,void 0)};
-  font-size: ${({theme:e,fontSize:t})=>o.extractStyleFromTheme(e.fontSizes,t,void 0)};
-  line-height: ${({theme:e,lineHeight:t})=>o.extractStyleFromTheme(e.lineHeights,t,void 0)};
-  color: ${r.handleColor};
+  font-weight: ${({theme:e,fontWeight:t})=>r.extractStyleFromTheme(e.fontWeights,t,void 0)};
+  font-size: ${({theme:e,fontSize:t})=>r.extractStyleFromTheme(e.fontSizes,t,void 0)};
+  line-height: ${({theme:e,lineHeight:t})=>r.extractStyleFromTheme(e.lineHeights,t,void 0)};
+  color: ${o.handleColor};
   text-align: ${({textAlign:e})=>e};
   text-decoration: ${({textDecoration:e})=>e};
   text-transform: ${({textTransform:e})=>e};
-`;exports.Typography=a;
+`;exports.Typography=l;

package/dist/VisuallyHidden/VisuallyHidden.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),i=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),d=e=>e&&e.__esModule?e:{default:e},i=d(t),l=i.default.div`
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
@@ -7,4 +7,4 @@
   padding: 0;
   position: absolute;
   width: 1px;
-`;exports.VisuallyHidden=i;
+`;exports.VisuallyHidden=l;

package/dist/hooks/useComposeRefs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=r(u);function f(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function c(...e){return t=>e.forEach(n=>f(n,t))}function i(...e){return s.useCallback(c(...e),e)}exports.composeRefs=c;exports.useComposedRefs=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function r(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=r(u);function i(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function c(...e){return t=>e.forEach(n=>i(n,t))}function f(...e){return s.useCallback(c(...e),e)}exports.composeRefs=c;exports.useComposedRefs=f;

package/dist/hooks/useControllableState.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),i=require("@radix-ui/react-use-callback-ref");function g(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const u=g(S);function p({prop:e,defaultProp:o,onChange:n=()=>{}}){const[t,c]=C({defaultProp:o,onChange:n}),r=e!==void 0,s=typeof e=="function"?e(t):e,d=r?s:t,a=i.useCallbackRef(n),b=u.useCallback(l=>{if(r){const f=typeof l=="function"?l(s):l;f!==s&&(a(f),c(l))}else c(l)},[r,s,c,a]);return[d,b]}function C({defaultProp:e,onChange:o}){const n=u.useState(e),[t]=n,c=u.useRef(t),r=i.useCallbackRef(o);return u.useEffect(()=>{c.current!==t&&(r(t),c.current=t)},[t,c,r]),n}exports.useControllableState=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),i=require("@radix-ui/react-use-callback-ref");function g(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const u=g(S);function p({prop:e,defaultProp:o,onChange:n=()=>{}}){const[t,c]=C({defaultProp:o,onChange:n}),r=e!==void 0,s=typeof e=="function"?e(t):e,d=r?s:t,a=i.useCallbackRef(n),b=u.useCallback(l=>{if(r){const f=typeof l=="function"?l(s):l;f!==s&&(a(f),c(l))}else c(l)},[r,s,c,a]);return[d,b]}function C({defaultProp:e,onChange:o}){const n=u.useState(e),[t]=n,c=u.useRef(t),r=i.useCallbackRef(o);return u.useEffect(()=>{c.current!==t&&(r(t),c.current=t)},[t,c,r]),n}exports.useControllableState=p;

package/dist/hooks/useId.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t["useId".toString()]||(()=>{});let r=0;const c=e=>{const[u,s]=t.useState(n());return t.useLayoutEffect(()=>{e||s(o=>o??String(r++))},[e]),e?.toString()??(u||"")};exports.useId=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=t=>t&&t.__esModule?t:{default:t},c=n(e),d=c.default["useId".toString()]||(()=>{});let r=0;const a=t=>{const[u,o]=e.useState(d());return e.useLayoutEffect(()=>{t||o(s=>s??String(r++))},[t]),t?.toString()??(u||"")};exports.useId=a;

package/dist/v2/Breadcrumbs/Breadcrumbs.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),e=require("prop-types"),u=require("styled-components"),m=require("./Divider.cjs"),a=require("../../Flex/Flex.cjs"),b=require("../../Box/Box.cjs"),y=u(a.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),f=require("prop-types"),m=require("styled-components"),p=require("./Divider.cjs"),a=require("../../Flex/Flex.cjs"),y=require("../../Box/Box.cjs"),l=e=>e&&e.__esModule?e:{default:e},r=l(f),b=l(m),g=b.default(a.Flex)`
   // CrumbLinks do have padding-x, because they need to have a
   // interaction effect, which mis-aligns the breadcrumbs on the left.
   // This normalizes the behavior by moving the first item to left by
   // the same amount it has inner padding
   :first-child {
-    margin-left: ${({theme:i})=>`calc(-1*${i.spaces[2]})`};
+    margin-left: ${({theme:e})=>`calc(-1*${e.spaces[2]})`};
   }
-`,n=({label:i,children:o,...l})=>{const t=s.Children.toArray(o);return r.jsx(b.Box,{"aria-label":i,...l,children:r.jsx(y,{as:"ol",horizontal:!0,children:s.Children.map(t,(c,d)=>{const h=t.length>1&&d+1<t.length;return r.jsxs(a.Flex,{inline:!0,as:"li",children:[c,h&&r.jsx(m.Divider,{})]})})})})};n.displayName="Breadcrumbs";n.propTypes={children:e.oneOfType([e.arrayOf(e.node),e.node]).isRequired,label:e.string.isRequired};exports.Breadcrumbs=n;
+`,s=({label:e,children:d,...o})=>{const i=n.Children.toArray(d);return t.jsx(y.Box,{"aria-label":e,...o,children:t.jsx(g,{as:"ol",horizontal:!0,children:n.Children.map(i,(u,c)=>{const h=i.length>1&&c+1<i.length;return t.jsxs(a.Flex,{inline:!0,as:"li",children:[u,h&&t.jsx(p.Divider,{})]})})})})};s.displayName="Breadcrumbs";s.propTypes={children:r.default.oneOfType([r.default.arrayOf(r.default.node),r.default.node]).isRequired,label:r.default.string.isRequired};exports.Breadcrumbs=s;

package/dist/v2/Breadcrumbs/Crumb.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"),a=require("../../Box/Box.cjs"),p=require("../../Typography/Typography.cjs"),e=({children:i,isCurrent:r,...n})=>o.jsx(a.Box,{paddingLeft:2,paddingRight:2,paddingTop:1,paddingBottom:1,children:o.jsx(p.Typography,{variant:"pi",textColor:"neutral800",fontWeight:r?"bold":"normal","aria-current":r,...n,children:i})});e.displayName="Crumb";e.defaultProps={isCurrent:!1};e.propTypes={children:t.node.isRequired,isCurrent:t.bool};exports.Crumb=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const a=require("prop-types"),u=require("../../Box/Box.cjs"),d=require("../../Typography/Typography.cjs"),p=e=>e&&e.__esModule?e:{default:e},i=p(a),r=({children:e,isCurrent:t,...n})=>o.jsx(u.Box,{paddingLeft:2,paddingRight:2,paddingTop:1,paddingBottom:1,children:o.jsx(d.Typography,{variant:"pi",textColor:"neutral800",fontWeight:t?"bold":"normal","aria-current":t,...n,children:e})});r.displayName="Crumb";r.defaultProps={isCurrent:!1};r.propTypes={children:i.default.node.isRequired,isCurrent:i.default.bool};exports.Crumb=r;

package/dist/v2/Breadcrumbs/CrumbLink.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("react");const o=require("prop-types"),n=require("styled-components"),t=require("../../BaseLink/BaseLink.cjs"),u=n(t.BaseLink)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("react");const i=require("prop-types"),u=require("styled-components"),l=require("../../BaseLink/BaseLink.cjs"),t=e=>e&&e.__esModule?e:{default:e},r=t(i),d=t(u),a=d.default(l.BaseLink)`
   border-radius: ${({theme:e})=>e.borderRadius};
   color: ${({theme:e})=>e.colors.neutral600};
   font-size: ${({theme:e})=>e.fontSizes[1]};
@@ -11,4 +11,4 @@
     background-color: ${({theme:e})=>e.colors.neutral200};
     color: ${({theme:e})=>e.colors.neutral700};
   }
-`,r=({children:e,...s})=>i.jsx(u,{...s,children:e});r.displayName="CrumbLink";r.defaultProps={to:void 0};r.propTypes={children:o.node.isRequired,to:o.string};exports.CrumbLink=r;
+`,o=({children:e,...s})=>n.jsx(a,{...s,children:e});o.displayName="CrumbLink";o.defaultProps={to:void 0};o.propTypes={children:r.default.node.isRequired,to:r.default.string};exports.CrumbLink=o;

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("react");const i=require("@strapi/icons"),r=require("prop-types"),u=require("styled-components"),t=require("../SimpleMenu/SimpleMenu.cjs"),c=require("../../Button/Button.cjs"),l=u(c.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("react");const s=require("@strapi/icons"),i=require("prop-types"),l=require("styled-components"),a=require("../SimpleMenu/SimpleMenu.cjs"),d=require("../../Button/Button.cjs"),o=e=>e&&e.__esModule?e:{default:e},r=o(i),c=o(l),p=c.default(d.Button)`
   padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[3]}`};
 
   :hover,
   :focus {
     background-color: ${({theme:e})=>e.colors.neutral200};
   }
-`,o=({children:e,...s})=>n.jsx(t.SimpleMenu,{noBorder:!0,icon:n.jsx(i.CarretDown,{}),as:l,size:"S",...s,children:e});o.displayName="CrumbSimpleMenu";o.propTypes={"aria-label":r.string.isRequired,children:r.oneOfType([r.arrayOf(r.node),r.node]).isRequired};exports.CrumbSimpleMenu=o;
+`,t=({children:e,...n})=>u.jsx(a.SimpleMenu,{noBorder:!0,icon:u.jsx(s.CarretDown,{}),as:p,size:"S",...n,children:e});t.displayName="CrumbSimpleMenu";t.propTypes={"aria-label":r.default.string.isRequired,children:r.default.oneOfType([r.default.arrayOf(r.default.node),r.default.node]).isRequired};exports.CrumbSimpleMenu=t;

package/dist/v2/Link/Link.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("react"),p=require("@strapi/icons"),y=require("styled-components"),d=require("../../themes/utils.cjs"),f=require("../../BaseLink/BaseLink.cjs"),m=require("../../Typography/Typography.cjs"),x=y(f.BaseLink)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),d=require("@strapi/icons"),f=require("styled-components"),y=require("../../themes/utils.cjs"),m=require("../../BaseLink/BaseLink.cjs"),x=require("../../Typography/Typography.cjs"),i=e=>e&&e.__esModule?e:{default:e},g=i(p),k=i(f),q=k.default(m.BaseLink)`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
@@ -21,5 +21,5 @@
     color: ${({theme:e})=>e.colors.primary700};
   }
 
-  ${d.buttonFocusStyle};
-`,s=u.forwardRef(({children:e,href:r,disabled:o=!1,startIcon:a,endIcon:i,isExternal:t=!0,...l},c)=>n.jsxs(x,{ref:c,href:r,disabled:o,isExternal:t,...l,children:[a,n.jsx(m.Typography,{textColor:o?"neutral600":"primary600",children:e}),i,r&&!i&&t&&n.jsx(p.ExternalLink,{})]}));s.displayName="Link";exports.Link=s;
+  ${y.buttonFocusStyle};
+`,l=g.default.forwardRef(({children:e,href:r,disabled:o=!1,startIcon:a,endIcon:n,isExternal:s=!0,...c},u)=>t.jsxs(q,{ref:u,href:r,disabled:o,isExternal:s,...c,children:[a,t.jsx(x.Typography,{textColor:o?"neutral600":"primary600",children:e}),n,r&&!n&&s&&t.jsx(d.ExternalLink,{})]}));l.displayName="Link";exports.Link=l;

package/dist/v2/LinkButton/LinkButton.cjs

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),x=require("styled-components"),e=require("../../Button/utils.cjs"),B=require("../../BaseButton/BaseButton.cjs"),s=require("../../BaseLink/BaseLink.cjs"),u=require("../../Flex/Flex.cjs"),f=require("../../Typography/Typography.cjs"),S=x(B.BaseButtonWrapper)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),x=require("styled-components"),t=require("../../Button/utils.cjs"),B=require("../../BaseButton/BaseButton.cjs"),s=require("../../BaseLink/BaseLink.cjs"),l=require("../../Flex/Flex.cjs"),S=require("../../Typography/Typography.cjs"),c=e=>e&&e.__esModule?e:{default:e},v=c(b),k=c(x),q=k.default(B.BaseButtonWrapper)`
   text-decoration: none;
 
   &[aria-disabled='true'] {
-    ${e.getDisabledStyle}
+    ${t.getDisabledStyle}
     &:active {
-      ${e.getDisabledStyle}
+      ${t.getDisabledStyle}
     }
   }
 
   &:hover {
-    ${e.getHoverStyle}
+    ${t.getHoverStyle}
   }
 
   &:active {
-    ${e.getActiveStyle}
+    ${t.getActiveStyle}
   }
 
-  ${e.getVariantStyle}
-`,l=b.forwardRef(({variant:c="default",startIcon:n,endIcon:i,disabled:a=!1,children:p,size:r="S",as:g=s.BaseLink,...y},h)=>{const o=r==="S"?2:"10px",d=4;return t.jsxs(S,{ref:h,"aria-disabled":a,size:r,variant:c,background:"buttonPrimary600",borderColor:"buttonPrimary600",hasRadius:!0,gap:2,inline:!0,paddingBottom:o,paddingLeft:d,paddingRight:d,paddingTop:o,pointerEvents:a?"none":void 0,...y,as:g||s.BaseLink,children:[n&&t.jsx(u.Flex,{"aria-hidden":!0,children:n}),t.jsx(f.Typography,{variant:r==="S"?"pi":void 0,fontWeight:"bold",textColor:"buttonNeutral0",children:p}),i&&t.jsx(u.Flex,{"aria-hidden":!0,children:i})]})});l.displayName="LinkButton";exports.LinkButton=l;
+  ${t.getVariantStyle}
+`,p=v.default.forwardRef(({variant:e="default",startIcon:i,endIcon:a,disabled:o=!1,children:g,size:r="S",as:f=s.BaseLink,...y},h)=>{const d=r==="S"?2:"10px",u=4;return n.jsxs(q,{ref:h,"aria-disabled":o,size:r,variant:e,background:"buttonPrimary600",borderColor:"buttonPrimary600",hasRadius:!0,gap:2,inline:!0,paddingBottom:d,paddingLeft:u,paddingRight:u,paddingTop:d,pointerEvents:o?"none":void 0,...y,as:f||s.BaseLink,children:[i&&n.jsx(l.Flex,{"aria-hidden":!0,children:i}),n.jsx(S.Typography,{variant:r==="S"?"pi":void 0,fontWeight:"bold",textColor:"buttonNeutral0",children:g}),a&&n.jsx(l.Flex,{"aria-hidden":!0,children:a})]})});p.displayName="LinkButton";exports.LinkButton=p;

package/dist/v2/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/v2/MainNav/NavBrand.cjs

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

package/dist/v2/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/v2/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;