@strapi/design-system 1.5.0 → 1.6.0-alpha.0

package/dist/Select/Select.js

@@ -1,8 +1,7 @@
 import r, { useState as ee, useRef as te, Children as j, cloneElement as A } from "react";
 import e from "prop-types";
-import re from "@strapi/icons/CarretDown";
-import oe from "@strapi/icons/Cross";
-import ne from "styled-components";
+import re from "styled-components";
+import { Cross as oe, CarretDown as ne } from "@strapi/icons";
 import { sizes as ie } from "../themes/sizes.js";
 import { SelectButton as le } from "./SelectButton.js";
 import { Field as se } from "../Field/Field.js";
@@ -25,7 +24,7 @@ import { VisuallyHidden as q } from "../VisuallyHidden/VisuallyHidden.js";
 import { DownState as ge } from "./constants.js";
 import { escapeSelector as z } from "../helpers/escapeSelector.js";
 import { SelectTags as ve } from "./SelectTags.js";
-const Be = ne(C)`
+const Be = re(C)`
   width: 100%;
 `, G = ({
   label: m,
@@ -158,7 +157,7 @@ const Be = ne(C)`
     tabIndex: -1,
     disabled: s,
     title: Q
-  }, /* @__PURE__ */ r.createElement(re, null))))), /* @__PURE__ */ r.createElement(pe, null), /* @__PURE__ */ r.createElement(ce, null)), h && /* @__PURE__ */ r.createElement(me, {
+  }, /* @__PURE__ */ r.createElement(ne, null))))), /* @__PURE__ */ r.createElement(pe, null), /* @__PURE__ */ r.createElement(ce, null)), h && /* @__PURE__ */ r.createElement(me, {
     source: R,
     spacing: 4,
     fullWidth: !0,

package/dist/Select/SelectTags.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),d=require("prop-types"),f=require("@strapi/icons/Cross"),i=require("styled-components"),p=require("../Tag/Tag.cjs"),g=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=l(c),t=l(d),T=l(f),o=l(i),m=o.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),d=require("prop-types"),i=require("styled-components"),f=require("@strapi/icons"),p=require("../Tag/Tag.cjs"),g=require("../Flex/Flex.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(c),t=s(d),o=s(i),T=o.default.div`
   margin-bottom: ${({theme:e})=>e.spaces[1]};
-`,y=o.default(p.Tag)`
+`,m=o.default(p.Tag)`
   position: relative;
   z-index: 1;
   margin-left: ${({theme:e})=>e.spaces[1]};
   margin-top: ${({theme:e})=>e.spaces[1]};
-`,r=({tags:e,onRemoveTag:u,disabled:n})=>a.default.createElement(m,null,a.default.createElement(g.Flex,{wrap:"wrap"},e.map(s=>a.default.createElement(y,{icon:a.default.createElement(T.default,null),disabled:n,onClick:()=>u(s.value),tabIndex:-1,key:`tag-${s.value}`},s.label))));r.defaultProps={disabled:!1,tags:[]};r.propTypes={disabled:t.default.bool,onRemoveTag:t.default.func.isRequired,tags:t.default.arrayOf(t.default.shape({label:t.default.string,value:t.default.oneOfType([t.default.string,t.default.number])}))};exports.SelectTags=r;
+`,r=({tags:e,onRemoveTag:n,disabled:u})=>a.default.createElement(T,null,a.default.createElement(g.Flex,{wrap:"wrap"},e.map(l=>a.default.createElement(m,{icon:a.default.createElement(f.Cross,null),disabled:u,onClick:()=>n(l.value),tabIndex:-1,key:`tag-${l.value}`},l.label))));r.defaultProps={disabled:!1,tags:[]};r.propTypes={disabled:t.default.bool,onRemoveTag:t.default.func.isRequired,tags:t.default.arrayOf(t.default.shape({label:t.default.string,value:t.default.oneOfType([t.default.string,t.default.number])}))};exports.SelectTags=r;

package/dist/Select/SelectTags.js

@@ -1,7 +1,7 @@
 import a from "react";
 import e from "prop-types";
-import n from "@strapi/icons/Cross";
 import o from "styled-components";
+import { Cross as n } from "@strapi/icons";
 import { Tag as m } from "../Tag/Tag.js";
 import { Flex as i } from "../Flex/Flex.js";
 const c = o.div`

package/dist/SimpleMenu/SimpleMenu.cjs

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

package/dist/SimpleMenu/SimpleMenu.js

@@ -3,7 +3,7 @@ import e from "prop-types";
 import y from "styled-components";
 import { NavLink as H } from "react-router-dom";
 import { useCallbackRef as K } from "@radix-ui/react-use-callback-ref";
-import U from "@strapi/icons/CarretDown";
+import { CarretDown as U } from "@strapi/icons";
 import { Typography as O } from "../Typography/Typography.js";
 import { Link as G } from "../Link/Link.js";
 import { Box as k } from "../Box/Box.js";

package/dist/Stack/Stack.cjs

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),f=require("prop-types"),g=require("styled-components"),d=require("../Flex/Flex.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=r(c),n=r(f),u=r(g),p={size:!0},m=u.default(d.Flex).withConfig({shouldForwardProp:(e,t)=>!p[e]&&t(e)})`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),u=require("react"),m=require("styled-components"),o=require("../Flex/Flex.cjs"),i=require("../helpers/theme.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=f(m),l={size:!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})=>e.spaces[t]};
+    margin-top: ${({theme:e,spacing:t})=>i.extractStyleFromTheme(e.spaces,t,void 0)};
   }
-`,y=u.default(d.Flex).withConfig({shouldForwardProp:(e,t)=>!p[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})=>e.spaces[t]};
+    margin-left: ${({theme:e,spacing:t})=>i.extractStyleFromTheme(e.spaces,t,void 0)};
   }
-`,a=c.forwardRef(({horizontal:e,spacing:t,size:o,...s},i)=>(o&&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?l.default.createElement(y,{ref:i,spacing:t||o,...s}):l.default.createElement(m,{direction:"column",alignItems:"stretch",ref:i,spacing:t||o,...s})));a.displayName="Stack";a.defaultProps={horizontal:!1,size:void 0,spacing:void 0};a.propTypes={horizontal:n.default.bool,size:n.default.number,spacing:n.default.number};exports.Stack=a;
+`,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?s.jsx(h,{ref:a,spacing:t||r,...n}):s.jsx(g,{direction:"column",alignItems:"stretch",ref:a,spacing:t||r,...n})));d.displayName="Stack";exports.Stack=d;

package/dist/Stack/Stack.js

@@ -1,11 +1,12 @@
-import s, { forwardRef as p } from "react";
-import r from "prop-types";
-import c from "styled-components";
-import { Flex as m } from "../Flex/Flex.js";
-const l = {
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import a from "styled-components";
+import { Flex as s } from "../Flex/Flex.js";
+import { extractStyleFromTheme as m } from "../helpers/theme.js";
+const c = {
   size: !0
-}, d = c(m).withConfig({
-  shouldForwardProp: (e, t) => !l[e] && t(e)
+}, f = a(s).withConfig({
+  shouldForwardProp: (e, r) => !c[e] && r(e)
 })`
   & > * {
     margin-top: 0;
@@ -13,10 +14,13 @@ const l = {
   }
 
   & > * + * {
-    margin-top: ${({ theme: e, spacing: t }) => e.spaces[t]};
+    margin-top: ${({
+  theme: e,
+  spacing: r
+}) => m(e.spaces, r, void 0)};
   }
-`, g = c(m).withConfig({
-  shouldForwardProp: (e, t) => !l[e] && t(e)
+`, l = a(s).withConfig({
+  shouldForwardProp: (e, r) => !c[e] && r(e)
 })`
   & > * {
     margin-left: 0;
@@ -24,32 +28,28 @@ const l = {
   }
 
   & > * + * {
-    margin-left: ${({ theme: e, spacing: t }) => e.spaces[t]};
+    margin-left: ${({
+  theme: e,
+  spacing: r
+}) => m(e.spaces, r, void 0)};
   }
-`, a = p(({ horizontal: e, spacing: t, size: o, ...i }, n) => (o && 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 ? /* @__PURE__ */ s.createElement(g, {
-  ref: n,
-  spacing: t || o,
-  ...i
-}) : /* @__PURE__ */ s.createElement(d, {
+`, g = d(({
+  horizontal: e = !1,
+  spacing: r,
+  size: t,
+  ...o
+}, i) => (t && 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 ? n(l, {
+  ref: i,
+  spacing: r || t,
+  ...o
+}) : n(f, {
   direction: "column",
   alignItems: "stretch",
-  ref: n,
-  spacing: t || o,
-  ...i
+  ref: i,
+  spacing: r || t,
+  ...o
 })));
-a.displayName = "Stack";
-a.defaultProps = {
-  horizontal: !1,
-  size: void 0,
-  spacing: void 0
-};
-a.propTypes = {
-  horizontal: r.bool,
-  size: r.number,
-  spacing: r.number
-};
+g.displayName = "Stack";
 export {
-  a as Stack
+  g as Stack
 };

package/dist/SubNav/SubNavHeader.cjs

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

package/dist/SubNav/SubNavHeader.js

@@ -1,7 +1,7 @@
 import e, { useState as L, useRef as p, useEffect as w } from "react";
 import r from "prop-types";
 import x from "styled-components";
-import D from "@strapi/icons/Search";
+import { Search as D } from "@strapi/icons";
 import { Flex as I } from "../Flex/Flex.js";
 import { Typography as K } from "../Typography/Typography.js";
 import { IconButton as P } from "../IconButton/IconButton.js";

package/dist/SubNav/SubNavLink.cjs

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

package/dist/SubNav/SubNavLink.js

@@ -1,8 +1,8 @@
 import r from "react";
 import t from "prop-types";
+import { NavLink as u } from "react-router-dom";
 import i from "styled-components";
-import u from "@strapi/icons/Dot";
-import { NavLink as f } from "react-router-dom";
+import { Dot as f } from "@strapi/icons";
 import { Box as l } from "../Box/Box.js";
 import { Typography as s } from "../Typography/Typography.js";
 import { Flex as a } from "../Flex/Flex.js";
@@ -33,7 +33,7 @@ const g = i(l)`
   &:focus-visible {
     outline-offset: -2px;
   }
-`, p = i(u)`
+`, p = i(f)`
   width: ${12 / 16}rem;
   height: ${4 / 16}rem;
   * {
@@ -45,7 +45,7 @@ const g = i(l)`
     width: ${12 / 16}rem;
   }
 `, n = ({ children: e, icon: o, withBullet: c, isSubSectionChild: m, ...d }) => /* @__PURE__ */ r.createElement(g, {
-  as: f,
+  as: u,
   icon: o,
   background: "neutral100",
   paddingLeft: m ? 9 : 7,

package/dist/SubNav/SubNavLinkSection.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),m=require("prop-types"),h=require("styled-components"),x=require("@strapi/icons/CarretDown"),d=require("../Box/Box.cjs"),b=require("../Flex/Flex.cjs"),v=require("../Typography/Typography.cjs"),S=require("../helpers/useId.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=n(l),o=n(m),i=n(h),_=n(x),E=i.default(d.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),m=require("prop-types"),h=require("styled-components"),x=require("@strapi/icons"),l=require("../Box/Box.cjs"),b=require("../Flex/Flex.cjs"),v=require("../Typography/Typography.cjs"),S=require("../helpers/useId.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(o),r=d(m),i=d(h),E=i.default(l.Box)`
   svg {
     height: ${4/16}rem;
     path {
@@ -16,4 +16,4 @@
   align-items: center;
   width: ${12/16}rem;
   transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
-`,s=({label:e,children:c,id:p})=>{const[a,f]=l.useState(!0),u=S.useId("subnav-list",p),g=()=>{f(r=>!r)};return t.default.createElement(d.Box,null,t.default.createElement(E,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4},t.default.createElement(b.Flex,{justifyContent:"space-between"},t.default.createElement(k,{onClick:g,"aria-expanded":a,"aria-controls":u},t.default.createElement(q,{rotated:a},t.default.createElement(_.default,{"aria-hidden":!0})),t.default.createElement(d.Box,{paddingLeft:2},t.default.createElement(v.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800"},e))))),a&&t.default.createElement("ul",{id:u},l.Children.map(c,(r,y)=>t.default.createElement("li",{key:y},r))))};s.defaultProps={children:void 0,id:void 0};s.propTypes={children:o.default.node,id:o.default.string,label:o.default.string.isRequired};exports.SubNavLinkSection=s;
+`,s=({label:e,children:c,id:p})=>{const[n,f]=o.useState(!0),u=S.useId("subnav-list",p),g=()=>{f(a=>!a)};return t.default.createElement(l.Box,null,t.default.createElement(E,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4},t.default.createElement(b.Flex,{justifyContent:"space-between"},t.default.createElement(k,{onClick:g,"aria-expanded":n,"aria-controls":u},t.default.createElement(q,{rotated:n},t.default.createElement(x.CarretDown,{"aria-hidden":!0})),t.default.createElement(l.Box,{paddingLeft:2},t.default.createElement(v.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800"},e))))),n&&t.default.createElement("ul",{id:u},o.Children.map(c,(a,y)=>t.default.createElement("li",{key:y},a))))};s.defaultProps={children:void 0,id:void 0};s.propTypes={children:r.default.node,id:r.default.string,label:r.default.string.isRequired};exports.SubNavLinkSection=s;

package/dist/SubNav/SubNavLinkSection.js

@@ -1,7 +1,7 @@
 import e, { useState as f, Children as g } from "react";
 import o from "prop-types";
 import a from "styled-components";
-import h from "@strapi/icons/CarretDown";
+import { CarretDown as h } from "@strapi/icons";
 import { Box as i } from "../Box/Box.js";
 import { Flex as E } from "../Flex/Flex.js";
 import { Typography as b } from "../Typography/Typography.js";

package/dist/SubNav/SubNavSectionLabel.cjs

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

package/dist/SubNav/SubNavSectionLabel.js

@@ -1,7 +1,7 @@
 import e from "react";
 import r from "prop-types";
 import p from "styled-components";
-import s from "@strapi/icons/CarretDown";
+import { CarretDown as s } from "@strapi/icons";
 import { Typography as n } from "../Typography/Typography.js";
 import { Box as l } from "../Box/Box.js";
 import { Flex as u } from "../Flex/Flex.js";

package/dist/TextButton/TextButton.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),b=require("prop-types"),f=require("styled-components"),h=require("@strapi/icons/Loader"),c=require("../Box/Box.cjs"),v=require("../Typography/Typography.cjs"),T=require("../Flex/Flex.cjs"),_=require("../themes/utils.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(x),a=o(b),p=o(f),q=o(h),B=f.keyframes`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("react"),u=require("styled-components"),g=require("@strapi/icons"),l=require("../Box/Box.cjs"),m=require("../Typography/Typography.cjs"),j=require("../Flex/Flex.cjs"),b=require("../themes/utils.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},B=c(h),d=c(u),T=u.keyframes`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`,j=p.default.div`
-  animation: ${B} 2s infinite linear;
+`,q=d.default.div`
+  animation: ${T} 2s infinite linear;
   will-change: transform;
-`,E=p.default(T.Flex)`
+`,v=d.default(j.Flex)`
   background: transparent;
   border: none;
 
@@ -28,5 +28,5 @@
     fill: ${({theme:e})=>e.colors.primary600};
   }
 
-  ${_.buttonFocusStyle}
-`,r=t.default.forwardRef(({children:e,startIcon:l,endIcon:s,onClick:d,disabled:i,loading:n,...y},m)=>{const g=d&&!i?d:void 0,u=i||n;return t.default.createElement(E,{ref:m,"aria-disabled":u,onClick:g,as:"button",type:"button",...y},(l||n)&&t.default.createElement(c.Box,{as:"span",paddingRight:2,"aria-hidden":!0},n?t.default.createElement(j,null,t.default.createElement(q.default,null)):l),t.default.createElement(v.Typography,{variant:"pi",textColor:u?"neutral600":"primary600"},e),s&&t.default.createElement(c.Box,{as:"span",paddingLeft:2,"aria-hidden":!0},s))});r.displayName="TextButton";r.defaultProps={disabled:!1,startIcon:void 0,endIcon:void 0,loading:!1,onClick:void 0};r.propTypes={children:a.default.node.isRequired,disabled:a.default.bool,endIcon:a.default.element,loading:a.default.bool,onClick:a.default.func,startIcon:a.default.element};exports.TextButton=r;
+  ${b.buttonFocusStyle}
+`,p=B.default.forwardRef(({children:e,startIcon:s,endIcon:a,onClick:n,disabled:o=!1,loading:r=!1,...f},x)=>{const y=n&&!o?n:void 0,i=o||r;return t.jsxs(v,{ref:x,"aria-disabled":i,onClick:y,as:"button",type:"button",...f,children:[(s||r)&&t.jsx(l.Box,{as:"span",paddingRight:2,"aria-hidden":!0,children:r?t.jsx(q,{children:t.jsx(g.Loader,{})}):s}),t.jsx(m.Typography,{variant:"pi",textColor:i?"neutral600":"primary600",children:e}),a&&t.jsx(l.Box,{as:"span",paddingLeft:2,"aria-hidden":!0,children:a})]})});p.displayName="TextButton";exports.TextButton=p;

package/dist/TextButton/TextButton.js

@@ -1,29 +1,31 @@
-import e from "react";
-import t from "prop-types";
-import m, { keyframes as g } from "styled-components";
-import y from "@strapi/icons/Loader";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import u from "react";
+import d, { keyframes as h } from "styled-components";
+import { Loader as g } from "@strapi/icons";
 import { Box as p } from "../Box/Box.js";
-import { Typography as b } from "../Typography/Typography.js";
-import { Flex as v } from "../Flex/Flex.js";
-import { buttonFocusStyle as h } from "../themes/utils.js";
-const x = g`
+import { Typography as x } from "../Typography/Typography.js";
+import { Flex as y } from "../Flex/Flex.js";
+import { buttonFocusStyle as b } from "../themes/utils.js";
+const v = h`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`, E = m.div`
-  animation: ${x} 2s infinite linear;
+`, $ = d.div`
+  animation: ${v} 2s infinite linear;
   will-change: transform;
-`, T = m(v)`
+`, B = d(y)`
   background: transparent;
   border: none;
 
   &[aria-disabled='true'] {
     pointer-events: none;
     svg path {
-      fill: ${({ theme: r }) => r.colors.neutral600};
+      fill: ${({
+  theme: r
+}) => r.colors.neutral600};
     }
   }
 
@@ -33,50 +35,49 @@ const x = g`
   }
 
   svg path {
-    fill: ${({ theme: r }) => r.colors.primary600};
+    fill: ${({
+  theme: r
+}) => r.colors.primary600};
   }
 
-  ${h}
-`, a = e.forwardRef(
-  ({ children: r, startIcon: n, endIcon: i, onClick: l, disabled: s, loading: o, ...f }, c) => {
-    const u = l && !s ? l : void 0, d = s || o;
-    return /* @__PURE__ */ e.createElement(T, {
-      ref: c,
-      "aria-disabled": d,
-      onClick: u,
-      as: "button",
-      type: "button",
-      ...f
-    }, (n || o) && /* @__PURE__ */ e.createElement(p, {
+  ${b}
+`, T = u.forwardRef(({
+  children: r,
+  startIcon: o,
+  endIcon: a,
+  onClick: n,
+  disabled: i = !1,
+  loading: e = !1,
+  ...l
+}, f) => {
+  const m = n && !i ? n : void 0, s = i || e;
+  return c(B, {
+    ref: f,
+    "aria-disabled": s,
+    onClick: m,
+    as: "button",
+    type: "button",
+    ...l,
+    children: [(o || e) && t(p, {
       as: "span",
       paddingRight: 2,
-      "aria-hidden": !0
-    }, o ? /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(y, null)) : n), /* @__PURE__ */ e.createElement(b, {
+      "aria-hidden": !0,
+      children: e ? t($, {
+        children: t(g, {})
+      }) : o
+    }), t(x, {
       variant: "pi",
-      textColor: d ? "neutral600" : "primary600"
-    }, r), i && /* @__PURE__ */ e.createElement(p, {
+      textColor: s ? "neutral600" : "primary600",
+      children: r
+    }), a && t(p, {
       as: "span",
       paddingLeft: 2,
-      "aria-hidden": !0
-    }, i));
-  }
-);
-a.displayName = "TextButton";
-a.defaultProps = {
-  disabled: !1,
-  startIcon: void 0,
-  endIcon: void 0,
-  loading: !1,
-  onClick: void 0
-};
-a.propTypes = {
-  children: t.node.isRequired,
-  disabled: t.bool,
-  endIcon: t.element,
-  loading: t.bool,
-  onClick: t.func,
-  startIcon: t.element
-};
+      "aria-hidden": !0,
+      children: a
+    })]
+  });
+});
+T.displayName = "TextButton";
 export {
-  a as TextButton
+  T as TextButton
 };

package/dist/ThemeProvider/ThemeProvider.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),c=require("prop-types"),l=require("styled-components"),u=require("../LiveRegions/LiveRegions.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function b(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const r=b(a),i=d(c),p=l.createGlobalStyle`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("styled-components"),r=require("../LiveRegions/LiveRegions.cjs"),n=t.createGlobalStyle`
  /* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
@@ -170,4 +170,4 @@
     height: 100vh;
     overflow-y: hidden;
   }
-`,s=({children:e,theme:t})=>r.createElement(l.ThemeProvider,{theme:t},r.createElement(p,null),e,r.createElement(u.LiveRegions,null));s.propTypes={children:i.default.node.isRequired,theme:i.default.object.isRequired};exports.ThemeProvider=s;
+`,s=({children:e,theme:i})=>o.jsxs(t.ThemeProvider,{theme:i,children:[o.jsx(n,{}),e,o.jsx(r.LiveRegions,{})]});exports.ThemeProvider=s;

package/dist/ThemeProvider/ThemeProvider.js

@@ -1,5 +1,4 @@
-import * as o from "react";
-import t from "prop-types";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { createGlobalStyle as i, ThemeProvider as n } from "styled-components";
 import { LiveRegions as l } from "../LiveRegions/LiveRegions.js";
 const s = i`
@@ -139,7 +138,9 @@ const s = i`
   }
 
   *:focus-visible {
-    outline: 2px solid ${({ theme: e }) => e.colors.primary600};
+    outline: 2px solid ${({
+  theme: e
+}) => e.colors.primary600};
     outline-offset: 2px;
   }
 
@@ -174,13 +175,13 @@ const s = i`
     height: 100vh;
     overflow-y: hidden;
   }
-`, a = ({ children: e, theme: r }) => /* @__PURE__ */ o.createElement(n, {
-  theme: r
-}, /* @__PURE__ */ o.createElement(s, null), e, /* @__PURE__ */ o.createElement(l, null));
-a.propTypes = {
-  children: t.node.isRequired,
-  theme: t.object.isRequired
-};
+`, c = ({
+  children: e,
+  theme: t
+}) => r(n, {
+  theme: t,
+  children: [o(s, {}), e, o(l, {})]
+});
 export {
-  a as ThemeProvider
+  c as ThemeProvider
 };