@strapi/design-system 1.7.1 → 1.7.2

package/dist/Select/Select.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),r=require("./MultiSelect.cjs"),a=require("./SingleSelect.cjs");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=s(o),i=l.createContext({multi:!1}),S=()=>l.useContext(i);/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),r=require("./MultiSelect.cjs"),s=require("./SingleSelect.cjs");function a(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 u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=a(o),i=l.createContext({multi:!1}),S=()=>l.useContext(i);/**
  * @preserve
  * @deprecated You should import the specific type of select you want to render
  *
  * e.g. `import { MultiSelect } from '@strapi/design-system';`
- */const g=e=>{const t=l.useMemo(()=>({multi:!!(e.multi||e.withTags)}),[e.multi,e.withTags]);return c.jsx(i.Provider,{value:t,children:e.multi||e.withTags?c.jsx(r.MultiSelect,{...e}):c.jsx(a.SingleSelect,{...e})})};exports.Select=g;exports.useSelectContext=S;
+ */const g=e=>{const t=l.useMemo(()=>({multi:!!(e.multi||e.withTags)}),[e.multi,e.withTags]);return c.jsx(i.Provider,{value:t,children:e.multi||e.withTags?c.jsx(r.MultiSelect,{...e}):c.jsx(s.SingleSelect,{...e})})};exports.Select=g;exports.useSelectContext=S;

package/dist/Select/SelectList.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),A=require("react"),m=require("compute-scroll-into-view"),a=require("../helpers/keyboardKeys.cjs"),v=require("../Flex/Flex.cjs");function q(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const p=q(A),g={Keyboard:"down:keyboard",Mouse:"down:mouse"},K={Keyboard:"up:keyboard",Mouse:"up:mouse"};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),A=require("react"),m=require("compute-scroll-into-view"),a=require("../helpers/keyboardKeys.cjs"),v=require("../Flex/Flex.cjs");function q(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 c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const p=q(A),g={Keyboard:"down:keyboard",Mouse:"down:mouse"},K={Keyboard:"up:keyboard",Mouse:"up:mouse"};/**
  * @preserve
  * @deprecated This component will be removed in the next major release.
  * If you need a custom listbox I would recommend opening a new issue.
- */const D=({labelledBy:t,onSelectItem:e,children:n,multi:c=!1,onEscape:r,expanded:d})=>{const o=h(d),S=i=>{switch(i.key){case a.KeyboardKeys.ESCAPE:{i.stopPropagation(),r();break}case a.KeyboardKeys.DOWN:{i.preventDefault();const s=y(o.current);if(!s)return;const u=s.nextSibling;if(u)l(o.current,u);else{const b=o.current.querySelectorAll('[role="option"]')[0];l(o.current,b)}break}case a.KeyboardKeys.UP:{i.preventDefault();const s=y(o.current);if(!s)return;const u=s.previousSibling;if(u)l(o.current,u);else{const f=o.current.querySelectorAll('[role="option"]'),b=f[f.length-1];l(o.current,b)}break}case a.KeyboardKeys.SPACE:case a.KeyboardKeys.ENTER:{i.preventDefault();const s=y(o.current);s.getAttribute("data-opt-group")?e(s.getAttribute("data-opt-group-children").split(","),s.getAttribute("data-opt-group")):e(s.getAttribute("data-strapi-value")),c||r();break}}};return O.jsx(v.Flex,{as:"ul",gap:1,direction:"column",alignItems:"stretch",role:"listbox","aria-labelledby":t,tabIndex:-1,ref:o,onKeyDown:S,onBlur:r,children:n})},l=(t,e)=>{t.setAttribute("aria-activedescendant",e.getAttribute("id")),t.querySelectorAll('[role="option"]').forEach(r=>r.classList.remove("is-focused")),e.classList.add("is-focused"),m.compute(e,{scrollMode:"if-needed",block:"nearest",inline:"nearest"}).forEach(({el:r,top:d,left:o})=>{r.scrollTop=d,r.scrollLeft=o})},h=t=>{const e=p.useRef(null);return p.useEffect(()=>{e.current.focus()},[]),p.useEffect(()=>{if(!e.current)return;const n=e.current.querySelector('[aria-selected="true"]'),c=e.current.querySelectorAll('[role="option"]');let r;n?r=n:t===K.Keyboard?r=c[c.length-1]:t===g.Keyboard&&(r=c[0]),r&&(t===K.Keyboard||t===g.Keyboard)&&l(e.current,r)},[]),e},y=t=>{const e=t.getAttribute("aria-activedescendant");return t.querySelector(`#${e}`)};exports.SelectList=D;
+ */const h=({labelledBy:e,onSelectItem:t,children:n,multi:c=!1,onEscape:r,expanded:d})=>{const o=k(d),S=i=>{switch(i.key){case a.KeyboardKeys.ESCAPE:{i.stopPropagation(),r();break}case a.KeyboardKeys.DOWN:{i.preventDefault();const s=y(o.current);if(!s)return;const u=s.nextSibling;if(u)l(o.current,u);else{const b=o.current.querySelectorAll('[role="option"]')[0];l(o.current,b)}break}case a.KeyboardKeys.UP:{i.preventDefault();const s=y(o.current);if(!s)return;const u=s.previousSibling;if(u)l(o.current,u);else{const f=o.current.querySelectorAll('[role="option"]'),b=f[f.length-1];l(o.current,b)}break}case a.KeyboardKeys.SPACE:case a.KeyboardKeys.ENTER:{i.preventDefault();const s=y(o.current);s.getAttribute("data-opt-group")?t(s.getAttribute("data-opt-group-children").split(","),s.getAttribute("data-opt-group")):t(s.getAttribute("data-strapi-value")),c||r();break}}};return O.jsx(v.Flex,{as:"ul",gap:1,direction:"column",alignItems:"stretch",role:"listbox","aria-labelledby":e,tabIndex:-1,ref:o,onKeyDown:S,onBlur:r,children:n})},l=(e,t)=>{e.setAttribute("aria-activedescendant",t.getAttribute("id")),e.querySelectorAll('[role="option"]').forEach(r=>r.classList.remove("is-focused")),t.classList.add("is-focused"),m.compute(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"}).forEach(({el:r,top:d,left:o})=>{r.scrollTop=d,r.scrollLeft=o})},k=e=>{const t=p.useRef(null);return p.useEffect(()=>{t.current.focus()},[]),p.useEffect(()=>{if(!t.current)return;const n=t.current.querySelector('[aria-selected="true"]'),c=t.current.querySelectorAll('[role="option"]');let r;n?r=n:e===K.Keyboard?r=c[c.length-1]:e===g.Keyboard&&(r=c[0]),r&&(e===K.Keyboard||e===g.Keyboard)&&l(t.current,r)},[]),t},y=e=>{const t=e.getAttribute("aria-activedescendant");return e.querySelector(`#${t}`)};exports.SelectList=h;

package/dist/Select/SelectParts.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),y=require("react"),d=require("@strapi/icons"),o=require("@strapi/ui-primitives"),c=require("styled-components"),R=require("../hooks/useComposeRefs.cjs"),u=require("../themes/utils.cjs"),l=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),g=require("../Typography/Typography.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const i=j(y),I=i.forwardRef(({onClear:e,clearLabel:t="Clear",startIcon:s,disabled:n,hasError:h,size:f="M",children:m,...x},b)=>{const a=i.useRef(null),$=w=>{e&&!n&&(e(w),a.current.focus())},S=R.useComposedRefs(a,b);return r.jsx(o.Select.Trigger,{asChild:!0,children:r.jsxs(v,{"aria-disabled":n,$hasError:h,$size:f,ref:S,alignItems:"center",justifyContent:"space-between",position:"relative",overflow:"hidden",hasRadius:!0,background:n?"neutral150":"neutral0",paddingLeft:3,paddingRight:3,gap:4,cursor:"default",...x,children:[r.jsxs(l.Flex,{as:"span",gap:4,children:[s&&r.jsx(p.Box,{as:"span","aria-hidden":!0,children:s}),m]}),r.jsxs(l.Flex,{as:"span",gap:3,children:[e?r.jsx(T,{as:"button",hasRadius:!0,background:"transparent",role:"button",tabIndex:0,onClick:$,"aria-disabled":n,"aria-label":t,title:t,cursor:"pointer",children:r.jsx(d.Cross,{})}):null,r.jsx(C,{children:r.jsx(d.CarretDown,{})})]})]})})}),T=c(p.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),R=require("react"),d=require("@strapi/icons"),o=require("@strapi/ui-primitives"),p=require("styled-components"),j=require("../hooks/useComposeRefs.cjs"),u=require("../themes/utils.cjs"),c=require("../Flex/Flex.cjs"),f=require("../Box/Box.cjs"),g=require("../Typography/Typography.cjs"),I=e=>e&&e.__esModule?e:{default:e};function T(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const a=T(R),l=I(p),v=a.forwardRef(({onClear:e,clearLabel:t="Clear",startIcon:s,disabled:n,hasError:h,size:m="M",children:x,...b},$)=>{const i=a.useRef(null),S=y=>{e&&!n&&(e(y),i.current.focus())},w=j.useComposedRefs(i,$);return r.jsx(o.Select.Trigger,{asChild:!0,children:r.jsxs(q,{"aria-disabled":n,$hasError:h,$size:m,ref:w,alignItems:"center",justifyContent:"space-between",position:"relative",overflow:"hidden",hasRadius:!0,background:n?"neutral150":"neutral0",paddingLeft:3,paddingRight:3,gap:4,cursor:"default",...b,children:[r.jsxs(c.Flex,{as:"span",gap:4,children:[s&&r.jsx(f.Box,{as:"span","aria-hidden":!0,children:s}),x]}),r.jsxs(c.Flex,{as:"span",gap:3,children:[e?r.jsx(C,{as:"button",hasRadius:!0,background:"transparent",role:"button",tabIndex:0,onClick:S,"aria-disabled":n,"aria-label":t,title:t,cursor:"pointer",children:r.jsx(d.Cross,{})}):null,r.jsx(k,{children:r.jsx(d.CarretDown,{})})]})]})})}),C=l.default(f.Box)`
   border: none;
 
   svg {
@@ -9,7 +9,7 @@
   svg path {
     fill: ${({theme:e})=>e.colors.neutral600};
   }
-`,v=c(l.Flex)`
+`,q=l.default(c.Flex)`
   border: 1px solid ${({theme:e,$hasError:t})=>t?e.colors.danger600:e.colors.neutral200};
   min-height: ${({theme:e,$size:t})=>u.getThemeSize("input")({theme:e,size:t})};
 
@@ -23,7 +23,7 @@
   }
 
   ${({theme:e,$hasError:t})=>u.inputFocusStyle()({theme:e,hasError:t})};
-`,C=c(o.Select.Icon)`
+`,k=l.default(o.Select.Icon)`
   & > svg {
     width: ${6/16}rem;
 
@@ -31,11 +31,11 @@
       fill: ${({theme:e})=>e.colors.neutral600};
     }
   }
-`,q=i.forwardRef(({children:e,placeholder:t,...s},n)=>r.jsx(g.Typography,{ref:n,ellipsis:!0,...s,children:r.jsx(k,{placeholder:t,children:e})})),k=c(o.Select.Value)`
+`,_=a.forwardRef(({children:e,placeholder:t,...s},n)=>r.jsx(g.Typography,{ref:n,ellipsis:!0,...s,children:r.jsx(V,{placeholder:t,children:e})})),V=l.default(o.Select.Value)`
   display: flex;
   gap: ${({theme:e})=>e.spaces[1]};
   flex-wrap: wrap;
-`,V=c(o.Select.Content)`
+`,P=l.default(o.Select.Content)`
   background: ${({theme:e})=>e.colors.neutral0};
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
@@ -44,9 +44,9 @@
   /* This is from the design-system figma file. */
   max-height: 15rem;
   z-index: ${({theme:e})=>e.zIndices[1]};
-`,P=c(o.Select.Viewport)`
+`,z=l.default(o.Select.Viewport)`
   padding: ${({theme:e})=>e.spaces[1]};
-`,z=i.forwardRef((e,t)=>r.jsx(O,{ref:t,...e})),F=c.css`
+`,F=a.forwardRef((e,t)=>r.jsx(M,{ref:t,...e})),O=p.css`
   width: 100%;
   border: none;
   text-align: left;
@@ -65,8 +65,8 @@
     outline: none;
     background-color: ${({theme:e})=>e.colors.primary100};
   }
-`,O=c(o.Select.Item)`
-  ${F}
+`,M=l.default(o.Select.Item)`
+  ${O}
 
   &:hover {
     background-color: ${({theme:e})=>e.colors.primary100};
@@ -78,4 +78,4 @@
       color: ${({theme:e})=>e.colors.primary600};
     }
   }
-`,B=o.Select.Root,D=I,G=q,M=o.Select.Portal,_=V,E=P,N=z,A=o.Select.ItemIndicator,H=o.Select.ItemText,J=o.Select.Group;exports.Content=_;exports.Group=J;exports.Item=N;exports.ItemIndicator=A;exports.ItemText=H;exports.Portal=M;exports.Root=B;exports.Trigger=D;exports.Value=G;exports.Viewport=E;
+`,B=o.Select.Root,D=v,G=_,E=o.Select.Portal,N=P,A=z,H=F,J=o.Select.ItemIndicator,K=o.Select.ItemText,L=o.Select.Group;exports.Content=N;exports.Group=L;exports.Item=H;exports.ItemIndicator=J;exports.ItemText=K;exports.Portal=E;exports.Root=B;exports.Trigger=D;exports.Value=G;exports.Viewport=A;

package/dist/Select/SingleSelect.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),E=require("react"),l=require("./SelectParts.cjs"),M=require("../hooks/useId.cjs"),D=require("../hooks/useIntersection.cjs"),O=require("../Box/Box.cjs"),H=require("../Typography/Typography.cjs"),W=require("../Field/Field.cjs"),z=require("../Flex/Flex.cjs"),A=require("../Field/FieldLabel.cjs"),G=require("../Field/FieldHint.cjs"),J=require("../Field/FieldError.cjs");function K(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(i,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return i.default=t,Object.freeze(i)}const a=K(E),Q=({children:t,clearLabel:i="Clear",customizeContent:n,disabled:s,error:d,hint:m,id:q,label:p,labelAction:y,onChange:u,onClear:h,onReachEnd:x,placeholder:F,required:g,selectButtonTitle:X,startIcon:R,size:T="M",value:f,...B})=>{const[C,j]=a.useState(),[$,v]=a.useState(!1),o=M.useId(q),w=`${o}-hint`,P=`${o}-error`,k=r=>{u?u(typeof f=="number"?Number(r):r):j(r)},L=r=>{v(r)},N=r=>{h&&h(r),u||j("")},S=a.useRef(null),V=()=>{S.current.focus()},b=a.useRef(null),I=`intersection-${CSS.escape(o)}`,_=r=>{x&&x(r)};D.useIntersection(b,_,{selectorToWatch:`#${I}`,skipWhen:!$});const c=(typeof f<"u"?f.toString():C)??"";return e.jsx(W.Field,{hint:m,error:d,id:o,required:g,children:e.jsxs(z.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[e.jsx(A.FieldLabel,{onClick:V,action:y,children:p}),e.jsxs(l.Root,{onOpenChange:L,disabled:s,required:g,onValueChange:k,value:c,...B,children:[e.jsx(l.Trigger,{ref:S,"aria-label":p,"aria-describedby":`${w} ${P}`,id:o,startIcon:R,size:T,hasError:!!d,disabled:s,clearLabel:i,onClear:c&&h?N:void 0,children:e.jsx(l.Value,{placeholder:F,textColor:c?"neutral800":"neutral600",children:c&&n?n(c):void 0})}),e.jsx(l.Portal,{children:e.jsx(l.Content,{position:"popper",sideOffset:4,children:e.jsxs(l.Viewport,{ref:b,children:[t,e.jsx(O.Box,{id:I,width:"100%",height:"1px"})]})})})]}),e.jsx(G.FieldHint,{}),e.jsx(J.FieldError,{})]})})},U=a.forwardRef(({value:t,startIcon:i,children:n,...s},d)=>e.jsxs(l.Item,{ref:d,value:t.toString(),...s,children:[i&&e.jsx(O.Box,{as:"span","aria-hidden":!0,children:i}),e.jsx(H.Typography,{textColor:"neutral800",children:e.jsx(l.ItemText,{children:n})})]}));exports.SingleSelect=Q;exports.SingleSelectOption=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),V=require("react"),l=require("./SelectParts.cjs"),E=require("../hooks/useId.cjs"),H=require("../hooks/useIntersection.cjs"),O=require("../Box/Box.cjs"),W=require("../Typography/Typography.cjs"),z=require("../Field/Field.cjs"),D=require("../Flex/Flex.cjs"),A=require("../Field/FieldLabel.cjs"),G=require("../Field/FieldHint.cjs"),J=require("../Field/FieldError.cjs");function K(t){if(t&&t.__esModule)return t;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(i,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return i.default=t,Object.freeze(i)}const d=K(V),Q=({children:t,clearLabel:i="Clear",customizeContent:n,disabled:s,error:a,hint:m,id:q,label:p,labelAction:y,onChange:u,onClear:h,onReachEnd:x,placeholder:F,required:g,selectButtonTitle:X,startIcon:R,size:T="M",value:f,...B})=>{const[C,j]=d.useState(),[_,$]=d.useState(!1),o=E.useId(q),v=`${o}-hint`,w=`${o}-error`,P=r=>{u?u(typeof f=="number"?Number(r):r):j(r)},k=r=>{$(r)},L=r=>{h&&h(r),u||j("")},S=d.useRef(null),M=()=>{S.current.focus()},b=d.useRef(null),I=`intersection-${CSS.escape(o)}`,N=r=>{x&&x(r)};H.useIntersection(b,N,{selectorToWatch:`#${I}`,skipWhen:!_});const c=(typeof f<"u"?f.toString():C)??"";return e.jsx(z.Field,{hint:m,error:a,id:o,required:g,children:e.jsxs(D.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[e.jsx(A.FieldLabel,{onClick:M,action:y,children:p}),e.jsxs(l.Root,{onOpenChange:k,disabled:s,required:g,onValueChange:P,value:c,...B,children:[e.jsx(l.Trigger,{ref:S,"aria-label":p,"aria-describedby":`${v} ${w}`,id:o,startIcon:R,size:T,hasError:!!a,disabled:s,clearLabel:i,onClear:c&&h?L:void 0,children:e.jsx(l.Value,{placeholder:F,textColor:c?"neutral800":"neutral600",children:c&&n?n(c):void 0})}),e.jsx(l.Portal,{children:e.jsx(l.Content,{position:"popper",sideOffset:4,children:e.jsxs(l.Viewport,{ref:b,children:[t,e.jsx(O.Box,{id:I,width:"100%",height:"1px"})]})})})]}),e.jsx(G.FieldHint,{}),e.jsx(J.FieldError,{})]})})},U=d.forwardRef(({value:t,startIcon:i,children:n,...s},a)=>e.jsxs(l.Item,{ref:a,value:t.toString(),...s,children:[i&&e.jsx(O.Box,{as:"span","aria-hidden":!0,children:i}),e.jsx(W.Typography,{textColor:"neutral800",children:e.jsx(l.ItemText,{children:n})})]}));exports.SingleSelect=Q;exports.SingleSelectOption=U;

package/dist/SimpleMenu/SimpleMenu.cjs

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),D=require("@radix-ui/react-use-callback-ref"),z=require("@strapi/icons"),e=require("prop-types"),U=require("react-router-dom"),h=require("styled-components"),O=require("./utils.cjs"),i=require("../helpers/keyboardKeys.cjs"),H=require("../hooks/useId.cjs"),_=require("../Link/Link.cjs"),B=require("../Button/Button.cjs"),M=require("../Popover/Popover.cjs"),E=require("../Box/Box.cjs"),q=require("../Typography/Typography.cjs"),G=require("../Flex/Flex.cjs"),J=h.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),M=require("@radix-ui/react-use-callback-ref"),U=require("@strapi/icons"),H=require("prop-types"),G=require("react-router-dom"),J=require("styled-components"),P=require("./utils.cjs"),u=require("../helpers/keyboardKeys.cjs"),Q=require("../hooks/useId.cjs"),X=require("../Link/Link.cjs"),w=require("../Button/Button.cjs"),_=require("../Popover/Popover.cjs"),E=require("../Box/Box.cjs"),q=require("../Typography/Typography.cjs"),Y=require("../Flex/Flex.cjs"),O=e=>e&&e.__esModule?e:{default:e},B=O(r),n=O(H),h=O(J),Z=h.default.button`
   border: none;
   padding: 0;
   background: transparent;
   cursor: pointer;
-  ${O.getOptionStyle}
-`,Q=h(U.NavLink)`
+  ${P.getOptionStyle}
+`,ee=h.default(G.NavLink)`
   text-decoration: none;
-  ${O.getOptionStyle}
-`,X=h(_.Link)`
+  ${P.getOptionStyle}
+`,ne=h.default(X.Link)`
   /* Removing Link hover effect */
   &:hover {
     color: currentColor;
@@ -15,21 +15,21 @@
 
   &:focus-visible {
     /* Removing Link focus-visible after properties and reset to global outline */
-    outline: 2px solid ${({theme:o})=>o.colors.primary600};
+    outline: 2px solid ${({theme:e})=>e.colors.primary600};
     outline-offset: 2px;
     &:after {
       content: none;
     }
   }
 
-  ${O.getOptionStyle}
-`,Y=h.span`
+  ${P.getOptionStyle}
+`,te=h.default.span`
   display: flex;
   align-items: center;
   svg {
     height: 4px;
     width: 6px;
   }
-`,Z=h(B.Button)`
-  padding: ${({theme:o})=>`${o.spaces[1]} ${o.spaces[3]}`};
-`,P=({children:o,onClick:g,to:c,isFocused:u,href:a,...k})=>{const d=s.useRef();s.useEffect(()=>{u&&d.current&&d.current.focus()},[u]);const l={tabIndex:u?0:-1,ref:d,role:"menuitem",...k},p=v=>{(v.key===i.KeyboardKeys.SPACE||v.key===i.KeyboardKeys.ENTER)&&g()};return c&&!a?t.jsx(Q,{to:c,...l,children:t.jsx(E.Box,{padding:2,children:t.jsx(q.Typography,{children:o})})}):a&&!c?t.jsx(X,{isExternal:!0,href:a,...l,children:t.jsx(E.Box,{padding:2,children:t.jsx(q.Typography,{children:o})})}):t.jsx(J,{onKeyDown:p,onMouseDown:g,type:"button",...l,children:t.jsx(E.Box,{padding:2,children:t.jsx(q.Typography,{children:o})})})};P.defaultProps={as:void 0,href:void 0,isFocused:!1,onClick(){},to:void 0};P.propTypes={as:e.elementType,children:e.node.isRequired,href:e.string,isFocused:e.bool,onClick:e.func,to:e.string};const x=({label:o,children:g,id:c,as:u,onOpen:a=()=>{},onClose:k=()=>{},size:d,popoverPlacement:l,onReachEnd:p,...v})=>{const f=s.useRef(),R=H.useId(c),K=s.useRef(!1),[y,m]=s.useState(!1),[C,j]=s.useState(0),b=s.Children.toArray(g),w=d==="S"?Z:B.Button,L=u||w,S=!!p&&typeof p=="function";s.useEffect(()=>{if(["string","number"].includes(typeof o)){const n=b.findIndex(r=>r.props.children===o);n!==-1&&j(n)}},[o]);const I=D.useCallbackRef(a),T=D.useCallbackRef(k);s.useEffect(()=>{K?.current?y?I():T():K.current=!0},[K,T,I,y]),s.useEffect(()=>{s.isValidElement(o)&&C===-1&&f.current.focus()},[o,C]);const $=n=>{y&&(n.key===i.KeyboardKeys.ESCAPE&&(n.stopPropagation(),m(!1),f.current.focus()),n.key===i.KeyboardKeys.DOWN&&j(r=>r===b.length-1?0:r+1),n.key===i.KeyboardKeys.UP&&j(r=>r===0?b.length-1:r-1))},A=n=>{(n.key===i.KeyboardKeys.ENTER||n.key===i.KeyboardKeys.SPACE)&&m(r=>!r)},N=n=>{n.preventDefault(),n.currentTarget.contains(n.relatedTarget)||m(!1)},F=n=>{n.preventDefault(),m(r=>!r)},V=()=>{S&&p()},W=b.map((n,r)=>t.jsx(G.Flex,{as:"li",justifyContent:"center",role:"menuitem",children:s.cloneElement(n,{onClick(){n.props.onClick(),m(!1),f.current.focus()},isFocused:C===r})},r));return t.jsxs("div",{onKeyDown:$,children:[t.jsx(L,{label:s.isValidElement(o)?null:o,"aria-haspopup":!0,"aria-expanded":y,"aria-controls":R,onKeyDown:A,onMouseDown:F,ref:f,type:"button",variant:"ghost",endIcon:t.jsx(Y,{children:t.jsx(z.CarretDown,{"aria-hidden":!0})}),...v,children:o}),y&&t.jsx(M.Popover,{onBlur:N,placement:l,source:f,onReachEnd:V,intersectionId:S?`popover-${R}`:void 0,spacing:4,children:t.jsx(E.Box,{role:"menu",as:"ul",padding:1,id:R,children:W})})]})};x.defaultProps={as:void 0};x.displayName="SimpleMenu";x.defaultProps={id:void 0,onOpen:void 0,onClose:void 0,onReachEnd:void 0,popoverPlacement:"bottom-start",size:"M"};x.propTypes={as:e.any,children:e.oneOfType([e.arrayOf(e.node),e.node]).isRequired,id:e.string,label:e.oneOfType([e.string,e.number,e.element]).isRequired,onClose:e.func,onOpen:e.func,onReachEnd:e.func,popoverPlacement:e.oneOf(M.POPOVER_PLACEMENTS),size:e.oneOf(["S","M"])};exports.MenuItem=P;exports.SimpleMenu=x;
+`,oe=h.default(w.Button)`
+  padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[3]}`};
+`,S=({children:e,onClick:g,to:i,isFocused:a,href:l,...R})=>{const d=r.useRef();r.useEffect(()=>{a&&d.current&&d.current.focus()},[a]);const c={tabIndex:a?0:-1,ref:d,role:"menuitem",...R},f=v=>{(v.key===u.KeyboardKeys.SPACE||v.key===u.KeyboardKeys.ENTER)&&g()};return i&&!l?o.jsx(ee,{to:i,...c,children:o.jsx(E.Box,{padding:2,children:o.jsx(q.Typography,{children:e})})}):l&&!i?o.jsx(ne,{isExternal:!0,href:l,...c,children:o.jsx(E.Box,{padding:2,children:o.jsx(q.Typography,{children:e})})}):o.jsx(Z,{onKeyDown:f,onMouseDown:g,type:"button",...c,children:o.jsx(E.Box,{padding:2,children:o.jsx(q.Typography,{children:e})})})};S.defaultProps={as:void 0,href:void 0,isFocused:!1,onClick(){},to:void 0};S.propTypes={as:n.default.elementType,children:n.default.node.isRequired,href:n.default.string,isFocused:n.default.bool,onClick:n.default.func,to:n.default.string};const x=({label:e,children:g,id:i,as:a,onOpen:l=()=>{},onClose:R=()=>{},size:d,popoverPlacement:c,onReachEnd:f,...v})=>{const p=r.useRef(),k=Q.useId(i),K=r.useRef(!1),[y,m]=r.useState(!1),[C,j]=r.useState(0),b=r.Children.toArray(g),L=d==="S"?oe:w.Button,$=a||L,T=!!f&&typeof f=="function";r.useEffect(()=>{if(["string","number"].includes(typeof e)){const t=b.findIndex(s=>s.props.children===e);t!==-1&&j(t)}},[e]);const I=M.useCallbackRef(l),D=M.useCallbackRef(R);r.useEffect(()=>{K?.current?y?I():D():K.current=!0},[K,D,I,y]),r.useEffect(()=>{B.default.isValidElement(e)&&C===-1&&p.current.focus()},[e,C]);const A=t=>{y&&(t.key===u.KeyboardKeys.ESCAPE&&(t.stopPropagation(),m(!1),p.current.focus()),t.key===u.KeyboardKeys.DOWN&&j(s=>s===b.length-1?0:s+1),t.key===u.KeyboardKeys.UP&&j(s=>s===0?b.length-1:s-1))},N=t=>{(t.key===u.KeyboardKeys.ENTER||t.key===u.KeyboardKeys.SPACE)&&m(s=>!s)},F=t=>{t.preventDefault(),t.currentTarget.contains(t.relatedTarget)||m(!1)},V=t=>{t.preventDefault(),m(s=>!s)},W=()=>{T&&f()},z=b.map((t,s)=>o.jsx(Y.Flex,{as:"li",justifyContent:"center",role:"menuitem",children:r.cloneElement(t,{onClick(){t.props.onClick(),m(!1),p.current.focus()},isFocused:C===s})},s));return o.jsxs("div",{onKeyDown:A,children:[o.jsx($,{label:B.default.isValidElement(e)?null:e,"aria-haspopup":!0,"aria-expanded":y,"aria-controls":k,onKeyDown:N,onMouseDown:V,ref:p,type:"button",variant:"ghost",endIcon:o.jsx(te,{children:o.jsx(U.CarretDown,{"aria-hidden":!0})}),...v,children:e}),y&&o.jsx(_.Popover,{onBlur:F,placement:c,source:p,onReachEnd:W,intersectionId:T?`popover-${k}`:void 0,spacing:4,children:o.jsx(E.Box,{role:"menu",as:"ul",padding:1,id:k,children:z})})]})};x.defaultProps={as:void 0};x.displayName="SimpleMenu";x.defaultProps={id:void 0,onOpen:void 0,onClose:void 0,onReachEnd:void 0,popoverPlacement:"bottom-start",size:"M"};x.propTypes={as:n.default.any,children:n.default.oneOfType([n.default.arrayOf(n.default.node),n.default.node]).isRequired,id:n.default.string,label:n.default.oneOfType([n.default.string,n.default.number,n.default.element]).isRequired,onClose:n.default.func,onOpen:n.default.func,onReachEnd:n.default.func,popoverPlacement:n.default.oneOf(_.POPOVER_PLACEMENTS),size:n.default.oneOf(["S","M"])};exports.MenuItem=S;exports.SimpleMenu=x;

package/dist/Stack/Stack.cjs

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),s=require("styled-components"),o=require("../helpers/theme.cjs"),c=require("../Flex/Flex.cjs"),l={size:!0,spacing:!0},u=s(c.Flex).withConfig({shouldForwardProp:(e,t)=>!l[e]&&t(e)})`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),m=require("styled-components"),s=require("../helpers/theme.cjs"),o=require("../Flex/Flex.cjs"),f=e=>e&&e.__esModule?e:{default:e},c=f(m),l={size:!0,spacing:!0},g=c.default(o.Flex).withConfig({shouldForwardProp:(e,t)=>!l[e]&&t(e)})`
   & > * {
     margin-top: 0;
     margin-bottom: 0;
   }
 
   & > * + * {
-    margin-top: ${({theme:e,spacing:t})=>o.extractStyleFromTheme(e.spaces,t,void 0)};
+    margin-top: ${({theme:e,spacing:t})=>s.extractStyleFromTheme(e.spaces,t,void 0)};
   }
-`,g=s(c.Flex).withConfig({shouldForwardProp:(e,t)=>!l[e]&&t(e)})`
+`,h=c.default(o.Flex).withConfig({shouldForwardProp:(e,t)=>!l[e]&&t(e)})`
   & > * {
     margin-left: 0;
     margin-right: 0;
   }
 
   & > * + * {
-    margin-left: ${({theme:e,spacing:t})=>o.extractStyleFromTheme(e.spaces,t,void 0)};
+    margin-left: ${({theme:e,spacing:t})=>s.extractStyleFromTheme(e.spaces,t,void 0)};
   }
-`,m=d.forwardRef(({horizontal:e=!1,spacing:t,size:r,...n},i)=>(r&&console.warn('Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'),e?a.jsx(g,{ref:i,spacing:t||r,...n}):a.jsx(u,{direction:"column",alignItems:"stretch",ref:i,spacing:t||r,...n})));m.displayName="Stack";exports.Stack=m;
+`,d=u.forwardRef(({horizontal:e=!1,spacing:t,size:r,...n},a)=>(r&&console.warn('Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'),e?i.jsx(h,{ref:a,spacing:t||r,...n}):i.jsx(g,{direction:"column",alignItems:"stretch",ref:a,spacing:t||r,...n})));d.displayName="Stack";exports.Stack=d;

package/dist/Status/Status.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const e=require("prop-types"),a=require("styled-components"),y=require("../Box/Box.cjs"),b=require("../Typography/Typography.cjs"),$=require("../Flex/Flex.cjs"),x=a.div`
-  margin-right: ${({theme:r})=>r.spaces[3]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const h=require("prop-types"),b=require("styled-components"),$=require("../Box/Box.cjs"),x=require("../Typography/Typography.cjs"),m=require("../Flex/Flex.cjs"),l=e=>e&&e.__esModule?e:{default:e},r=l(h),i=l(b),q=i.default.div`
+  margin-right: ${({theme:e})=>e.spaces[3]};
   width: ${6/16}rem;
   height: ${6/16}rem;
   border-radius: 50%;
-  background: ${({theme:r,backgroundColor:o})=>r.colors[o]};
-`,m=a(y.Box)`
-  ${b.Typography} {
-    color: ${({theme:r,textColor:o})=>r.colors[o]};
+  background: ${({theme:e,backgroundColor:o})=>e.colors[o]};
+`,S=i.default($.Box)`
+  ${x.Typography} {
+    color: ${({theme:e,textColor:o})=>e.colors[o]};
   }
-`,s=({variant:r,showBullet:o,size:n,children:i,...c})=>{const l=`${r}100`,p=`${r}200`,g=`${r}600`,h=`${r}600`,d=n==="S"?2:5,u=n==="S"?1:4;return t.jsx(m,{borderColor:p,textColor:h,background:l,hasRadius:!0,paddingTop:u,paddingBottom:u,paddingLeft:d,paddingRight:d,...c,children:o?t.jsxs($.Flex,{children:[t.jsx(x,{backgroundColor:g}),i]}):i})};s.defaultProps={showBullet:!0,size:"M",variant:"primary"};s.propTypes={children:e.node.isRequired,showBullet:e.bool,size:e.oneOf(["S","M"]),variant:e.oneOf(["alternative","danger","neutral","primary","secondary","success","warning"])};exports.Status=s;
+`,s=({variant:e,showBullet:o,size:n,children:d,...c})=>{const p=`${e}100`,g=`${e}200`,f=`${e}600`,y=`${e}600`,u=n==="S"?2:5,a=n==="S"?1:4;return t.jsx(S,{borderColor:g,textColor:y,background:p,hasRadius:!0,paddingTop:a,paddingBottom:a,paddingLeft:u,paddingRight:u,...c,children:o?t.jsxs(m.Flex,{children:[t.jsx(q,{backgroundColor:f}),d]}):d})};s.defaultProps={showBullet:!0,size:"M",variant:"primary"};s.propTypes={children:r.default.node.isRequired,showBullet:r.default.bool,size:r.default.oneOf(["S","M"]),variant:r.default.oneOf(["alternative","danger","neutral","primary","secondary","success","warning"])};exports.Status=s;

package/dist/SubNav/SubNav.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const s=require("prop-types"),a=require("styled-components"),u=require("../Grid/Grid.cjs"),e=`${232/16}rem`,n=a(u.Grid)`
-  width: ${e};
-  background: ${({theme:r})=>r.colors.neutral100};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("react");const u=require("prop-types"),a=require("styled-components"),n=require("../Grid/Grid.cjs"),t=e=>e&&e.__esModule?e:{default:e},l=t(u),d=t(a),r=`${232/16}rem`,c=d.default(n.Grid)`
+  width: ${r};
+  background: ${({theme:e})=>e.colors.neutral100};
   position: sticky;
   top: 0;
   height: 100vh;
   overflow-y: auto;
-  border-right: 1px solid ${({theme:r})=>r.colors.neutral200};
+  border-right: 1px solid ${({theme:e})=>e.colors.neutral200};
   z-index: 1;
-`,t=({ariaLabel:r,...i})=>o.jsx(n,{"aria-label":r,as:"nav",...i});t.propTypes={ariaLabel:s.string.isRequired};exports.SubNav=t;exports.subNavWidth=e;
+`,o=({ariaLabel:e,...s})=>i.jsx(c,{"aria-label":e,as:"nav",...s});o.propTypes={ariaLabel:l.default.string.isRequired};exports.SubNav=o;exports.subNavWidth=r;

package/dist/SubNav/SubNavHeader.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),T=require("@strapi/icons"),r=require("prop-types"),R=require("styled-components"),I=require("../helpers/keyboardKeys.cjs"),P=require("../hooks/useId.cjs"),D=require("../hooks/usePrevious.cjs"),K=require("../Searchbar/SearchForm.cjs"),L=require("../Searchbar/Searchbar.cjs"),k=require("../Divider/Divider.cjs"),a=require("../Box/Box.cjs"),w=require("../Flex/Flex.cjs"),F=require("../Typography/Typography.cjs"),O=require("../IconButton/IconButton.cjs"),p=R(k.Divider)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),R=require("@strapi/icons"),P=require("prop-types"),_=require("styled-components"),D=require("../helpers/keyboardKeys.cjs"),I=require("../hooks/useId.cjs"),K=require("../hooks/usePrevious.cjs"),L=require("../Searchbar/SearchForm.cjs"),k=require("../Searchbar/Searchbar.cjs"),w=require("../Divider/Divider.cjs"),c=require("../Box/Box.cjs"),F=require("../Flex/Flex.cjs"),O=require("../Typography/Typography.cjs"),E=require("../IconButton/IconButton.cjs"),h=t=>t&&t.__esModule?t:{default:t},r=h(P),H=h(_),p=H.default(w.Divider)`
   width: ${24/16}rem;
-  background-color: ${({theme:i})=>i.colors.neutral200};
-`,d=({as:i,label:g,searchLabel:l,searchable:f,onChange:b,value:x,onClear:S,onSubmit:y,id:q})=>{const[s,c]=t.useState(!1),h=D.usePrevious(s),j=P.useId(q),o=t.useRef(),u=t.useRef();t.useEffect(()=>{s&&o.current&&o.current.focus(),h&&!s&&u.current&&u.current.focus()},[s,h]);const v=()=>{c(n=>!n)},B=n=>{S(n),o.current.focus()},m=n=>{n.relatedTarget?.id!==j&&c(!1)},C=n=>{n.key===I.KeyboardKeys.ESCAPE&&c(!1)};return s?e.jsxs(a.Box,{paddingLeft:4,paddingTop:5,paddingBottom:2,paddingRight:4,children:[e.jsx(K.SearchForm,{children:e.jsx(L.Searchbar,{name:"searchbar",value:x,onChange:b,placeholder:"e.g: strapi-plugin-abcd",onKeyDown:C,ref:o,onBlur:m,onClear:B,onSubmit:y,clearLabel:"Clear",size:"S",children:l})}),e.jsx(a.Box,{paddingLeft:2,paddingTop:4,children:e.jsx(p,{})})]}):e.jsxs(a.Box,{paddingLeft:6,paddingTop:6,paddingBottom:2,paddingRight:4,children:[e.jsxs(w.Flex,{justifyContent:"space-between",alignItems:"flex-start",children:[e.jsx(F.Typography,{variant:"beta",as:i,children:g}),f&&e.jsx(O.IconButton,{ref:u,onClick:v,label:l,icon:e.jsx(T.Search,{})})]}),e.jsx(a.Box,{paddingTop:4,children:e.jsx(p,{})})]})};d.defaultProps={as:"h2",searchable:!1,onChange(){},onClear(){},onSubmit(){},value:"",searchLabel:"",id:void 0};d.propTypes={as:r.string,id:r.string,label:r.string.isRequired,onChange:r.func,onClear:r.func,onSubmit:r.func,searchLabel:r.string,searchable:r.bool,value:r.string};exports.SubNavHeader=d;
+  background-color: ${({theme:t})=>t.colors.neutral200};
+`,d=({as:t,label:g,searchLabel:l,searchable:b,onChange:x,value:y,onClear:S,onSubmit:q,id:j})=>{const[s,i]=o.useState(!1),f=K.usePrevious(s),v=I.useId(j),a=o.useRef(),u=o.useRef();o.useEffect(()=>{s&&a.current&&a.current.focus(),f&&!s&&u.current&&u.current.focus()},[s,f]);const B=()=>{i(n=>!n)},m=n=>{S(n),a.current.focus()},C=n=>{n.relatedTarget?.id!==v&&i(!1)},T=n=>{n.key===D.KeyboardKeys.ESCAPE&&i(!1)};return s?e.jsxs(c.Box,{paddingLeft:4,paddingTop:5,paddingBottom:2,paddingRight:4,children:[e.jsx(L.SearchForm,{children:e.jsx(k.Searchbar,{name:"searchbar",value:y,onChange:x,placeholder:"e.g: strapi-plugin-abcd",onKeyDown:T,ref:a,onBlur:C,onClear:m,onSubmit:q,clearLabel:"Clear",size:"S",children:l})}),e.jsx(c.Box,{paddingLeft:2,paddingTop:4,children:e.jsx(p,{})})]}):e.jsxs(c.Box,{paddingLeft:6,paddingTop:6,paddingBottom:2,paddingRight:4,children:[e.jsxs(F.Flex,{justifyContent:"space-between",alignItems:"flex-start",children:[e.jsx(O.Typography,{variant:"beta",as:t,children:g}),b&&e.jsx(E.IconButton,{ref:u,onClick:B,label:l,icon:e.jsx(R.Search,{})})]}),e.jsx(c.Box,{paddingTop:4,children:e.jsx(p,{})})]})};d.defaultProps={as:"h2",searchable:!1,onChange(){},onClear(){},onSubmit(){},value:"",searchLabel:"",id:void 0};d.propTypes={as:r.default.string,id:r.default.string,label:r.default.string.isRequired,onChange:r.default.func,onClear:r.default.func,onSubmit:r.default.func,searchLabel:r.default.string,searchable:r.default.bool,value:r.default.string};exports.SubNavHeader=d;

package/dist/SubNav/SubNavLink.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const g=require("@strapi/icons"),i=require("prop-types"),x=require("react-router-dom"),l=require("styled-components"),s=require("../Box/Box.cjs"),a=require("../Typography/Typography.cjs"),n=require("../Flex/Flex.cjs"),y=l(s.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const g=require("@strapi/icons"),y=require("prop-types"),x=require("react-router-dom"),h=require("styled-components"),i=require("../Box/Box.cjs"),u=require("../Typography/Typography.cjs"),n=require("../Flex/Flex.cjs"),c=e=>e&&e.__esModule?e:{default:e},t=c(y),s=c(h),b=s.default(i.Box)`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -15,7 +15,7 @@
       svg > * {
         fill: ${e.colors.primary700};
       }
-      ${a.Typography} {
+      ${u.Typography} {
         color: ${e.colors.primary700};
         font-weight: 500;
       }
@@ -25,15 +25,15 @@
   &:focus-visible {
     outline-offset: -2px;
   }
-`,c=l(g.Dot)`
+`,a=s.default(g.Dot)`
   width: ${12/16}rem;
   height: ${4/16}rem;
   * {
     fill: ${({theme:e,$active:o})=>o?e.colors.primary600:e.colors.neutral600};
   }
-`,h=l.div`
+`,$=s.default.div`
   svg {
     height: ${12/16}rem;
     width: ${12/16}rem;
   }
-`,t=({children:e,icon:o,withBullet:u,isSubSectionChild:d,...p})=>r.jsxs(y,{as:x.NavLink,icon:o,background:"neutral100",paddingLeft:d?9:7,paddingBottom:2,paddingTop:2,...p,children:[r.jsxs(n.Flex,{children:[o?r.jsx(h,{children:o}):r.jsx(c,{}),r.jsx(s.Box,{paddingLeft:2,children:r.jsx(a.Typography,{as:"span",children:e})})]}),u&&r.jsx(s.Box,{as:n.Flex,paddingRight:4,children:r.jsx(c,{$active:!0})})]});t.displayName="SubNavLink";t.defaultProps={icon:null,isSubSectionChild:!1,withBullet:!1};t.propTypes={children:i.node.isRequired,icon:i.element,isSubSectionChild:i.bool,withBullet:i.bool};exports.SubNavLink=t;
+`,l=({children:e,icon:o,withBullet:d,isSubSectionChild:p,...f})=>r.jsxs(b,{as:x.NavLink,icon:o,background:"neutral100",paddingLeft:p?9:7,paddingBottom:2,paddingTop:2,...f,children:[r.jsxs(n.Flex,{children:[o?r.jsx($,{children:o}):r.jsx(a,{}),r.jsx(i.Box,{paddingLeft:2,children:r.jsx(u.Typography,{as:"span",children:e})})]}),d&&r.jsx(i.Box,{as:n.Flex,paddingRight:4,children:r.jsx(a,{$active:!0})})]});l.displayName="SubNavLink";l.defaultProps={icon:null,isSubSectionChild:!1,withBullet:!1};l.propTypes={children:t.default.node.isRequired,icon:t.default.element,isSubSectionChild:t.default.bool,withBullet:t.default.bool};exports.SubNavLink=l;

package/dist/SubNav/SubNavLinkSection.cjs

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),x=require("@strapi/icons"),i=require("prop-types"),s=require("styled-components"),j=require("../hooks/useId.cjs"),o=require("../Box/Box.cjs"),y=require("../Flex/Flex.cjs"),b=require("../Typography/Typography.cjs"),S=s(o.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),f=require("@strapi/icons"),y=require("prop-types"),j=require("styled-components"),b=require("../hooks/useId.cjs"),o=require("../Box/Box.cjs"),S=require("../Flex/Flex.cjs"),m=require("../Typography/Typography.cjs"),c=e=>e&&e.__esModule?e:{default:e},i=c(y),s=c(j),q=s.default(o.Box)`
   svg {
     height: ${4/16}rem;
     path {
-      fill: ${({theme:n})=>n.colors.neutral700};
+      fill: ${({theme:e})=>e.colors.neutral700};
     }
   }
-`,f=s.button`
+`,v=s.default.button`
   border: none;
   padding: 0;
   background: transparent;
   display: flex;
   align-items: center;
-`,m=s.div`
+`,k=s.default.div`
   display: flex;
   align-items: center;
   width: ${12/16}rem;
-  transform: rotateX(${({rotated:n})=>n?"0deg":"180deg"});
-`,d=({label:n,children:l,id:p})=>{const[r,u]=c.useState(!0),a=j.useId(p),h=()=>{u(t=>!t)};return e.jsxs(o.Box,{children:[e.jsx(S,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4,children:e.jsx(y.Flex,{justifyContent:"space-between",children:e.jsxs(f,{onClick:h,"aria-expanded":r,"aria-controls":a,children:[e.jsx(m,{rotated:r,children:e.jsx(x.CarretDown,{"aria-hidden":!0})}),e.jsx(o.Box,{paddingLeft:2,children:e.jsx(b.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800",children:n})})]})})}),r&&e.jsx("ul",{id:a,children:c.Children.map(l,(t,g)=>e.jsx("li",{children:t},g))})]})};d.defaultProps={children:void 0,id:void 0};d.propTypes={children:i.node,id:i.string,label:i.string.isRequired};exports.SubNavLinkSection=d;
+  transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
+`,d=({label:e,children:u,id:p})=>{const[n,h]=l.useState(!0),a=b.useId(p),g=()=>{h(r=>!r)};return t.jsxs(o.Box,{children:[t.jsx(q,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4,children:t.jsx(S.Flex,{justifyContent:"space-between",children:t.jsxs(v,{onClick:g,"aria-expanded":n,"aria-controls":a,children:[t.jsx(k,{rotated:n,children:t.jsx(f.CarretDown,{"aria-hidden":!0})}),t.jsx(o.Box,{paddingLeft:2,children:t.jsx(m.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800",children:e})})]})})}),n&&t.jsx("ul",{id:a,children:l.Children.map(u,(r,x)=>t.jsx("li",{children:r},x))})]})};d.defaultProps={children:void 0,id:void 0};d.propTypes={children:i.default.node,id:i.default.string,label:i.default.string.isRequired};exports.SubNavLinkSection=d;

package/dist/SubNav/SubNavSection.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("prop-types"),b=require("styled-components"),S=require("./SubNavSectionLabel.cjs"),q=require("../hooks/useId.cjs"),d=require("../Box/Box.cjs"),v=require("../Flex/Flex.cjs"),j=require("../Badge/Badge.cjs"),m=b(d.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),b=require("prop-types"),S=require("styled-components"),q=require("./SubNavSectionLabel.cjs"),v=require("../hooks/useId.cjs"),d=require("../Box/Box.cjs"),j=require("../Flex/Flex.cjs"),m=require("../Badge/Badge.cjs"),u=e=>e&&e.__esModule?e:{default:e},n=u(b),y=u(S),_=y.default(d.Box)`
   svg {
     height: ${4/16}rem;
     path {
-      fill: ${({theme:i})=>i.colors.neutral500};
+      fill: ${({theme:e})=>e.colors.neutral500};
     }
   }
-`,o=({collapsable:i,label:c,badgeLabel:r,children:u,id:p})=>{const[s,g]=a.useState(!0),l=q.useId(p),h=()=>{g(n=>!n)};return e.jsxs(v.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[e.jsx(m,{paddingLeft:6,paddingTop:1,paddingBottom:1,paddingRight:4,children:e.jsxs(d.Box,{position:"relative",paddingRight:r?6:0,children:[e.jsx(S.SubNavSectionLabel,{onClick:h,ariaExpanded:s,ariaControls:l,collapsable:i,label:c}),r&&e.jsx(j.Badge,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",children:r})]})}),(!i||s)&&e.jsx("ol",{id:l,children:a.Children.map(u,(n,x)=>e.jsx("li",{children:n},x))})]})};o.defaultProps={badgeLabel:null,children:void 0,collapsable:!1,id:void 0};o.propTypes={badgeLabel:t.string,children:t.node,collapsable:t.bool,id:t.string,label:t.string.isRequired};exports.SubNavSection=o;
+`,o=({collapsable:e,label:c,badgeLabel:r,children:p,id:g})=>{const[l,h]=a.useState(!0),s=v.useId(g),f=()=>{h(i=>!i)};return t.jsxs(j.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[t.jsx(_,{paddingLeft:6,paddingTop:1,paddingBottom:1,paddingRight:4,children:t.jsxs(d.Box,{position:"relative",paddingRight:r?6:0,children:[t.jsx(q.SubNavSectionLabel,{onClick:f,ariaExpanded:l,ariaControls:s,collapsable:e,label:c}),r&&t.jsx(m.Badge,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",children:r})]})}),(!e||l)&&t.jsx("ol",{id:s,children:a.Children.map(p,(i,x)=>t.jsx("li",{children:i},x))})]})};o.defaultProps={badgeLabel:null,children:void 0,collapsable:!1,id:void 0};o.propTypes={badgeLabel:n.default.string,children:n.default.node,collapsable:n.default.bool,id:n.default.string,label:n.default.string.isRequired};exports.SubNavSection=o;

package/dist/SubNav/SubNavSectionLabel.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const p=require("@strapi/icons"),r=require("prop-types"),c=require("styled-components"),x=require("../Flex/Flex.cjs"),i=require("../Box/Box.cjs"),s=require("../Typography/Typography.cjs"),l=c(x.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const x=require("@strapi/icons"),f=require("prop-types"),g=require("styled-components"),b=require("../Flex/Flex.cjs"),l=require("../Box/Box.cjs"),i=require("../Typography/Typography.cjs"),d=e=>e&&e.__esModule?e:{default:e},t=d(f),u=d(g),s=u.default(b.Flex)`
   border: none;
   padding: 0;
   background: transparent;
-`,g=c.div`
+`,y=u.default.div`
   display: flex;
   align-items: center;
-  transform: rotateX(${({rotated:n})=>n?"0deg":"180deg"});
-`,o=({collapsable:n,label:t,onClick:d,ariaExpanded:a,ariaControls:u})=>n?e.jsxs(l,{as:"button",onClick:d,"aria-expanded":a,"aria-controls":u,textAlign:"left",children:[e.jsx(i.Box,{paddingRight:1,children:e.jsx(s.Typography,{variant:"sigma",textColor:"neutral600",children:t})}),n&&e.jsx(g,{rotated:a,children:e.jsx(p.CarretDown,{"aria-hidden":!0})})]}):e.jsx(l,{children:e.jsx(i.Box,{paddingRight:1,children:e.jsx(s.Typography,{variant:"sigma",textColor:"neutral600",children:t})})});o.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick(){}};o.propTypes={ariaControls:r.string,ariaExpanded:r.bool,collapsable:r.bool,label:r.string.isRequired,onClick:r.func};exports.SubNavSectionLabel=o;
+  transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
+`,a=({collapsable:e,label:n,onClick:c,ariaExpanded:o,ariaControls:p})=>e?r.jsxs(s,{as:"button",onClick:c,"aria-expanded":o,"aria-controls":p,textAlign:"left",children:[r.jsx(l.Box,{paddingRight:1,children:r.jsx(i.Typography,{variant:"sigma",textColor:"neutral600",children:n})}),e&&r.jsx(y,{rotated:o,children:r.jsx(x.CarretDown,{"aria-hidden":!0})})]}):r.jsx(s,{children:r.jsx(l.Box,{paddingRight:1,children:r.jsx(i.Typography,{variant:"sigma",textColor:"neutral600",children:n})})});a.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick(){}};a.propTypes={ariaControls:t.default.string,ariaExpanded:t.default.bool,collapsable:t.default.bool,label:t.default.string.isRequired,onClick:t.default.func};exports.SubNavSectionLabel=a;

package/dist/SubNav/SubNavSections.cjs

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

package/dist/Switch/Switch.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("react"),n=require("prop-types"),d=require("styled-components"),p=require("../Flex/Flex.cjs"),f=require("../Box/Box.cjs"),t=d.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),h=require("prop-types"),g=require("styled-components"),m=require("../Flex/Flex.cjs"),x=require("../Box/Box.cjs"),a=e=>e&&e.__esModule?e:{default:e},$=a(b),t=a(h),l=a(g),s=l.default.div`
   background: ${({theme:e})=>e.colors.danger500};
   border: none;
   border-radius: 16px;
@@ -27,16 +27,16 @@
       transition: none;
     }
   }
-`,g=d.button`
+`,q=l.default.button`
   background: transparent;
   padding: 0;
   border: none;
 
-  &[aria-checked='true'] ${t} {
+  &[aria-checked='true'] ${s} {
     background: ${({theme:e})=>e.colors.success500};
   }
 
-  &[aria-checked='true'] ${t}:before {
+  &[aria-checked='true'] ${s}:before {
     transform: translateX(1rem);
   }
-`,o=h.forwardRef(({label:e,onChange:l,onLabel:i,offLabel:a,selected:s,visibleLabels:c,...u},b)=>r.jsx(g,{ref:b,role:"switch","aria-checked":s,"aria-label":e,onClick:l,visibleLabels:c,type:"button",...u,children:r.jsxs(p.Flex,{children:[r.jsxs(t,{children:[r.jsx("span",{children:i}),r.jsx("span",{children:a})]}),c&&r.jsx(f.Box,{as:"span","aria-hidden":!0,paddingLeft:2,color:s?"success600":"danger600",children:s?i:a})]})}));o.defaultProps={onLabel:"On",offLabel:"Off",visibleLabels:!1};o.propTypes={label:n.string.isRequired,offLabel:n.string,onChange:n.func.isRequired,onLabel:n.string,selected:n.bool.isRequired,visibleLabels:n.bool};o.displayName="Switch";exports.Switch=o;
+`,o=$.default.forwardRef(({label:e,onChange:u,onLabel:i,offLabel:d,selected:n,visibleLabels:c,...f},p)=>r.jsx(q,{ref:p,role:"switch","aria-checked":n,"aria-label":e,onClick:u,visibleLabels:c,type:"button",...f,children:r.jsxs(m.Flex,{children:[r.jsxs(s,{children:[r.jsx("span",{children:i}),r.jsx("span",{children:d})]}),c&&r.jsx(x.Box,{as:"span","aria-hidden":!0,paddingLeft:2,color:n?"success600":"danger600",children:n?i:d})]})}));o.defaultProps={onLabel:"On",offLabel:"Off",visibleLabels:!1};o.propTypes={label:t.default.string.isRequired,offLabel:t.default.string,onChange:t.default.func.isRequired,onLabel:t.default.string,selected:t.default.bool.isRequired,visibleLabels:t.default.bool};o.displayName="Switch";exports.Switch=o;

package/dist/Table/Cell.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const o=require("prop-types"),n=require("styled-components"),i=require("../RawTable/RawCell.cjs"),a=require("../Flex/Flex.cjs"),s=n(i.RawTd)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const u=require("prop-types"),d=require("styled-components"),o=require("../RawTable/RawCell.cjs"),p=require("../Flex/Flex.cjs"),s=e=>e&&e.__esModule?e:{default:e},l=s(u),n=s(d),i=n.default(o.RawTd)`
   vertical-align: middle;
   text-align: left;
   color: ${({theme:e})=>e.colors.neutral600};
@@ -10,8 +10,8 @@
   input {
     vertical-align: sub;
   }
-`,u=n.span`
+`,f=n.default.span`
   svg {
     height: ${4/16}rem;
   }
-`,t=({children:e,action:l,...c})=>r.jsx(s,{as:i.RawTh,...c,children:r.jsxs(a.Flex,{children:[e,r.jsx(u,{children:l})]})});t.defaultProps={action:void 0};t.propTypes={action:o.node,children:o.node.isRequired};const d=e=>r.jsx(s,{...e});exports.Td=d;exports.Th=t;
+`,r=({children:e,action:a,...c})=>t.jsx(i,{as:o.RawTh,...c,children:t.jsxs(p.Flex,{children:[e,t.jsx(f,{children:a})]})});r.defaultProps={action:void 0};r.propTypes={action:l.default.node,children:l.default.node.isRequired};const h=e=>t.jsx(i,{...e});exports.Td=h;exports.Th=r;

package/dist/Table/TFooter.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const o=require("prop-types"),t=require("styled-components"),i=require("../Box/Box.cjs"),c=require("../Divider/Divider.cjs"),a=require("../Flex/Flex.cjs"),u=require("../Typography/Typography.cjs"),l=t(i.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const a=require("prop-types"),l=require("styled-components"),t=require("../Box/Box.cjs"),c=require("../Divider/Divider.cjs"),p=require("../Flex/Flex.cjs"),h=require("../Typography/Typography.cjs"),o=e=>e&&e.__esModule?e:{default:e},i=o(a),d=o(l),x=d.default(t.Box)`
   height: ${24/16}rem;
   width: ${24/16}rem;
   border-radius: 50%;
@@ -12,11 +12,11 @@
   }
 
   svg path {
-    fill: ${({theme:r})=>r.colors.primary600};
+    fill: ${({theme:e})=>e.colors.primary600};
   }
-`,p=t(i.Box)`
-  border-radius: 0 0 ${({theme:r})=>r.borderRadius} ${({theme:r})=>r.borderRadius};
+`,y=d.default(t.Box)`
+  border-radius: 0 0 ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius};
   display: block;
   width: 100%;
   border: none;
-`,n=({children:r,icon:s,...d})=>e.jsxs("div",{children:[e.jsx(c.Divider,{}),e.jsx(p,{as:"button",background:"primary100",padding:5,...d,children:e.jsxs(a.Flex,{children:[e.jsx(l,{"aria-hidden":!0,background:"primary200",children:s}),e.jsx(i.Box,{paddingLeft:3,children:e.jsx(u.Typography,{variant:"pi",fontWeight:"bold",textColor:"primary600",children:r})})]})})]});n.propTypes={children:o.string.isRequired,icon:o.node.isRequired};exports.TFooter=n;
+`,s=({children:e,icon:n,...u})=>r.jsxs("div",{children:[r.jsx(c.Divider,{}),r.jsx(y,{as:"button",background:"primary100",padding:5,...u,children:r.jsxs(p.Flex,{children:[r.jsx(x,{"aria-hidden":!0,background:"primary200",children:n}),r.jsx(t.Box,{paddingLeft:3,children:r.jsx(h.Typography,{variant:"pi",fontWeight:"bold",textColor:"primary600",children:e})})]})})]});s.propTypes={children:i.default.string.isRequired,icon:i.default.node.isRequired};exports.TFooter=s;

package/dist/Table/Table.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),n=require("prop-types"),a=require("styled-components"),p=require("../RawTable/RawTable.cjs"),l=require("../Box/Box.cjs"),w=a(l.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),w=require("prop-types"),x=require("styled-components"),T=require("../RawTable/RawTable.cjs"),n=require("../Box/Box.cjs"),c=e=>e&&e.__esModule?e:{default:e},i=c(w),a=c(x),R=a.default(n.Box)`
   overflow: hidden;
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,x=a(p.RawTable)`
+`,S=a.default(T.RawTable)`
   width: 100%;
   white-space: nowrap;
-`,T=a(l.Box)`
+`,y=a.default(n.Box)`
   &:before {
     // TODO: make sure to add a token for this weird stuff
     background: linear-gradient(90deg, #c0c0cf 0%, rgba(0, 0, 0, 0) 100%);
@@ -29,6 +29,6 @@
     right: 0;
     top: 0;
   }
-`,R=a(l.Box)`
+`,q=a.default(n.Box)`
   overflow-x: auto;
-`,c=({colCount:e,rowCount:d,footer:u,...h})=>{const i=s.useRef(null),[f,o]=s.useState(),b=t=>{const g=t.target.scrollWidth-t.target.clientWidth;if(t.target.scrollLeft===0){o("right");return}if(t.target.scrollLeft===g){o("left");return}t.target.scrollLeft>0&&o("both")};return s.useEffect(()=>{i.current.scrollWidth>i.current.clientWidth&&o("right")},[]),r.jsxs(w,{shadow:"tableShadow",hasRadius:!0,background:"neutral0",children:[r.jsx(T,{overflowing:f,position:"relative",children:r.jsx(R,{ref:i,onScroll:b,paddingLeft:6,paddingRight:6,children:r.jsx(x,{colCount:e,rowCount:d,...h})})}),u]})};c.defaultProps={footer:void 0};c.propTypes={colCount:n.number.isRequired,footer:n.node,rowCount:n.number.isRequired};exports.Table=c;
+`,d=({colCount:e,rowCount:u,footer:f,...h})=>{const s=l.useRef(null),[b,o]=l.useState(),g=t=>{const p=t.target.scrollWidth-t.target.clientWidth;if(t.target.scrollLeft===0){o("right");return}if(t.target.scrollLeft===p){o("left");return}t.target.scrollLeft>0&&o("both")};return l.useEffect(()=>{s.current.scrollWidth>s.current.clientWidth&&o("right")},[]),r.jsxs(R,{shadow:"tableShadow",hasRadius:!0,background:"neutral0",children:[r.jsx(y,{overflowing:b,position:"relative",children:r.jsx(q,{ref:s,onScroll:g,paddingLeft:6,paddingRight:6,children:r.jsx(S,{colCount:e,rowCount:u,...h})})}),f]})};d.defaultProps={footer:void 0};d.propTypes={colCount:i.default.number.isRequired,footer:i.default.node,rowCount:i.default.number.isRequired};exports.Table=d;

package/dist/Table/Tbody.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const r=require("styled-components"),t=require("../RawTable/RawTbody.cjs"),n=r(t.RawTbody)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const o=require("styled-components"),r=require("../RawTable/RawTbody.cjs"),s=e=>e&&e.__esModule?e:{default:e},d=s(o),n=d.default(r.RawTbody)`
   & tr:last-of-type {
     border-bottom: none;
   }
-`,s=e=>o.jsx(n,{...e});exports.Tbody=s;
+`,u=e=>t.jsx(n,{...e});exports.Tbody=u;

package/dist/Table/Thead.cjs

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

package/dist/Table/Tr.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("styled-components"),i=require("../RawTable/RawTr.cjs"),o=r(i.RawTr)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("styled-components"),o=require("../RawTable/RawTr.cjs"),s=t=>t&&t.__esModule?t:{default:t},d=s(r),i=d.default(o.RawTr)`
   border-bottom: 1px solid ${({theme:t})=>t.colors.neutral150};
 
   & td,
@@ -17,4 +17,4 @@
     padding-bottom: 0;
     height: ${56/16}rem;
   }
-`,s=t=>e.jsx(o,{...t});exports.Tr=s;
+`,n=t=>e.jsx(i,{...t});exports.Tr=n;

package/dist/Tabs/TabGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),x=require("react"),n=require("prop-types"),y=require("./TabsContext.cjs"),g=require("../hooks/useId.cjs");function I(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=I(x),o=s.forwardRef(({id:e,initialSelectedTabIndex:r,label:t,onTabChange:i,variant:c,...u},m)=>{const l=g.useId(e),b=s.Children.toArray(u.children).find(d=>d.type.displayName==="Tabs");let a=r||0;b&&r===void 0&&(a=b.props.children.findIndex(d=>!d.props.disabled));const[p,f]=s.useState(a===-1?0:a);s.useImperativeHandle(m,()=>({_handlers:{setSelectedTabIndex:f}}));const v=s.useMemo(()=>({id:l,selectedTabIndex:p,selectTabIndex:f,label:t,variant:c,onTabChange:i}),[t,i,p,l,c]);return T.jsx(y.TabsContext.Provider,{value:v,children:T.jsx("div",{...u})})});o.displayName="TabGroup";o.defaultProps={id:void 0,initialSelectedTabIndex:void 0,onTabChange(){},variant:void 0};o.propTypes={children:n.node.isRequired,id:n.string,initialSelectedTabIndex:n.number,label:n.string.isRequired,onTabChange:n.func,variant:n.oneOf(["simple"])};exports.TabGroup=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),v=require("react"),x=require("prop-types"),_=require("./TabsContext.cjs"),g=require("../hooks/useId.cjs"),I=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 d=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,d.get?d:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=j(v),n=I(x),o=a.forwardRef(({id:e,initialSelectedTabIndex:r,label:t,onTabChange:d,variant:u,...l},m)=>{const c=g.useId(e),f=a.Children.toArray(l.children).find(i=>i.type.displayName==="Tabs");let s=r||0;f&&r===void 0&&(s=f.props.children.findIndex(i=>!i.props.disabled));const[p,b]=a.useState(s===-1?0:s);a.useImperativeHandle(m,()=>({_handlers:{setSelectedTabIndex:b}}));const y=a.useMemo(()=>({id:c,selectedTabIndex:p,selectTabIndex:b,label:t,variant:u,onTabChange:d}),[t,d,p,c,u]);return T.jsx(_.TabsContext.Provider,{value:y,children:T.jsx("div",{...l})})});o.displayName="TabGroup";o.defaultProps={id:void 0,initialSelectedTabIndex:void 0,onTabChange(){},variant:void 0};o.propTypes={children:n.default.node.isRequired,id:n.default.string,initialSelectedTabIndex:n.default.number,label:n.default.string.isRequired,onTabChange:n.default.func,variant:n.default.oneOf(["simple"])};exports.TabGroup=o;

package/dist/Tabs/TabPanels.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),d=require("prop-types"),p=require("./TabsContext.cjs"),c=({children:e,...t})=>{const{id:n,selectedTabIndex:r}=p.useTabs(),b=o.Children.toArray(e).map((i,a)=>o.cloneElement(i,{id:`${n}-${a}`})).filter((i,a)=>a===r);return l.jsx("div",{...t,children:b})};c.propTypes={children:d.node.isRequired};const s=({id:e,...t})=>{const n=`${e}-tab`,r=`${e}-tabpanel`;return l.jsx("div",{id:r,role:"tabpanel",tabIndex:0,"aria-labelledby":n,...t})};s.defaultProps={id:void 0};s.propTypes={id:d.string};exports.TabPanel=s;exports.TabPanels=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),o=require("react"),b=require("prop-types"),p=require("./TabsContext.cjs"),T=e=>e&&e.__esModule?e:{default:e},i=T(b),c=({children:e,...t})=>{const{id:n,selectedTabIndex:a}=p.useTabs(),u=o.Children.toArray(e).map((l,r)=>o.cloneElement(l,{id:`${n}-${r}`})).filter((l,r)=>r===a);return d.jsx("div",{...t,children:u})};c.propTypes={children:i.default.node.isRequired};const s=({id:e,...t})=>{const n=`${e}-tab`,a=`${e}-tabpanel`;return d.jsx("div",{id:a,role:"tabpanel",tabIndex:0,"aria-labelledby":n,...t})};s.defaultProps={id:void 0};s.propTypes={id:i.default.string};exports.TabPanel=s;exports.TabPanels=c;