@strapi/design-system 1.3.1 → 1.4.0-beta.1

package/dist/Dialog/DialogBody.js

@@ -1,9 +1,9 @@
 import o from "react";
 import n from "styled-components";
-import r from "prop-types";
-import { Box as i } from "../Box/Box.js";
+import i from "prop-types";
+import { Box as d } from "../Box/Box.js";
 import { Flex as p } from "../Flex/Flex.js";
-const a = n(i)`
+const a = n(d)`
   svg {
     width: ${({ theme: e }) => e.spaces[6]};
     height: ${({ theme: e }) => e.spaces[6]};
@@ -12,21 +12,24 @@ const a = n(i)`
       fill: ${({ theme: e }) => e.colors.danger600};
     }
   }
-`, d = ({ children: e, icon: t }) => /* @__PURE__ */ o.createElement(i, {
+`, t = ({ children: e, icon: r }) => /* @__PURE__ */ o.createElement(d, {
   paddingTop: 8,
   paddingBottom: 8,
   paddingLeft: 6,
   paddingRight: 6
-}, t && /* @__PURE__ */ o.createElement(a, {
+}, r && /* @__PURE__ */ o.createElement(a, {
   paddingBottom: 2
 }, /* @__PURE__ */ o.createElement(p, {
   justifyContent: "center"
-}, t)), e);
-d.displayName = "DialogBody";
-d.propTypes = {
-  children: r.node.isRequired,
-  icon: r.node
+}, r)), e);
+t.displayName = "DialogBody";
+t.defaultProps = {
+  icon: void 0
+};
+t.propTypes = {
+  children: i.node.isRequired,
+  icon: i.node
 };
 export {
-  d as DialogBody
+  t as DialogBody
 };

package/dist/DismissibleLayer/DismissibleLayer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),E=require("prop-types"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},w=f(t),a=f(E),p=({children:e,className:n,onEscapeKeyDown:c,onPointerDownOutside:s})=>{const u=t.useRef(null),i=l(c),d=l(s);return t.useEffect(()=>{const r=o=>{o.key==="Escape"&&i(o)};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[i]),t.useEffect(()=>{const r=o=>{const y=u.current.closest("[data-react-portal]"),m=o.target.closest("[data-react-portal]");u.current&&!u.current.contains(o.target)&&y===m&&d()};return document.addEventListener("pointerdown",r),()=>document.removeEventListener("pointerdown",r)},[d]),w.default.createElement("div",{ref:u,className:n},e)};p.propTypes={children:a.default.node.isRequired,className:a.default.string,onEscapeKeyDown:a.default.func.isRequired,onPointerDownOutside:a.default.func.isRequired};function l(e){const n=t.useRef(e);return t.useEffect(()=>{n.current=e}),t.useMemo(()=>(...c)=>{var s;return(s=n.current)==null?void 0:s.call(n,...c)},[])}exports.DismissibleLayer=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),i=require("@radix-ui/react-use-callback-ref"),R=require("prop-types"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=l(a),s=l(R),o=({children:e,className:d,onEscapeKeyDown:f,onPointerDownOutside:p})=>{const r=a.useRef(null),c=i.useCallbackRef(f),u=i.useCallbackRef(p);return a.useEffect(()=>{const t=n=>{n.key==="Escape"&&c(n)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[c]),a.useEffect(()=>{const t=n=>{const y=r.current.closest("[data-react-portal]"),m=n.target.closest("[data-react-portal]");r.current&&!r.current.contains(n.target)&&y===m&&u()};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[u]),b.default.createElement("div",{ref:r,className:d},e)};o.defaultProps={className:void 0};o.propTypes={children:s.default.node.isRequired,className:s.default.string,onEscapeKeyDown:s.default.func.isRequired,onPointerDownOutside:s.default.func.isRequired};exports.DismissibleLayer=o;

package/dist/DismissibleLayer/DismissibleLayer.js

@@ -1,41 +1,33 @@
-import y, { useRef as m, useEffect as a, useMemo as w } from "react";
-import c from "prop-types";
-const E = ({ children: r, className: e, onEscapeKeyDown: i, onPointerDownOutside: o }) => {
-  const s = m(null), d = l(i), u = l(o);
+import y, { useRef as w, useEffect as a } from "react";
+import { useCallbackRef as c } from "@radix-ui/react-use-callback-ref";
+import r from "prop-types";
+const i = ({ children: d, className: u, onEscapeKeyDown: l, onPointerDownOutside: m }) => {
+  const n = w(null), o = c(l), s = c(m);
   return a(() => {
-    const t = (n) => {
-      n.key === "Escape" && d(n);
+    const e = (t) => {
+      t.key === "Escape" && o(t);
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [d]), a(() => {
-    const t = (n) => {
-      const p = s.current.closest("[data-react-portal]"), f = n.target.closest("[data-react-portal]");
-      s.current && !s.current.contains(n.target) && p === f && u();
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [o]), a(() => {
+    const e = (t) => {
+      const p = n.current.closest("[data-react-portal]"), f = t.target.closest("[data-react-portal]");
+      n.current && !n.current.contains(t.target) && p === f && s();
     };
-    return document.addEventListener("pointerdown", t), () => document.removeEventListener("pointerdown", t);
-  }, [u]), /* @__PURE__ */ y.createElement("div", {
-    ref: s,
-    className: e
-  }, r);
+    return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+  }, [s]), /* @__PURE__ */ y.createElement("div", {
+    ref: n,
+    className: u
+  }, d);
 };
-E.propTypes = {
-  children: c.node.isRequired,
-  className: c.string,
-  onEscapeKeyDown: c.func.isRequired,
-  onPointerDownOutside: c.func.isRequired
+i.defaultProps = {
+  className: void 0
+};
+i.propTypes = {
+  children: r.node.isRequired,
+  className: r.string,
+  onEscapeKeyDown: r.func.isRequired,
+  onPointerDownOutside: r.func.isRequired
 };
-function l(r) {
-  const e = m(r);
-  return a(() => {
-    e.current = r;
-  }), w(
-    () => (...i) => {
-      var o;
-      return (o = e.current) == null ? void 0 : o.call(e, ...i);
-    },
-    []
-  );
-}
 export {
-  E as DismissibleLayer
+  i as DismissibleLayer
 };

package/dist/Divider/Divider.cjs

@@ -1,4 +1,4 @@
-"use strict";var g=Object.defineProperty,y=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var u=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(n)for(var r of n(t))d.call(t,r)&&u(e,r,t[r]);return e},i=(e,t)=>y(e,_(t));var p=(e,t)=>{var r={};for(var o in e)c.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&n)for(var o of n(e))t.indexOf(o)<0&&d.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),v=require("prop-types"),x=require("../Box/Box.cjs"),m=require("styled-components"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=s(b),f=s(v),B=s(m),D=B.default(x.Box)`
+"use strict";var g=Object.defineProperty,y=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var u=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(n)for(var r of n(t))d.call(t,r)&&u(e,r,t[r]);return e},i=(e,t)=>y(e,_(t));var p=(e,t)=>{var r={};for(var o in e)c.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&n)for(var o of n(e))t.indexOf(o)<0&&d.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),v=require("prop-types"),x=require("styled-components"),m=require("../Box/Box.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=s(b),f=s(v),B=s(x),D=B.default(m.Box)`
   height: 1px;
   border: none;
   ${({unsetMargin:e})=>e?"margin: 0;":""}

package/dist/Divider/Divider.js

@@ -21,9 +21,9 @@ var d = (r, e) => {
 };
 import b from "react";
 import u from "prop-types";
-import { Box as h } from "../Box/Box.js";
-import x from "styled-components";
-const y = x(h)`
+import h from "styled-components";
+import { Box as x } from "../Box/Box.js";
+const y = h(x)`
   height: 1px;
   border: none;
   ${({ unsetMargin: r }) => r ? "margin: 0;" : ""}

package/dist/Field/Field.cjs

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var u=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var a=(e,d,t)=>d in e?m(e,d,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[d]=t,f=(e,d)=>{for(var t in d||(d={}))i.call(d,t)&&a(e,t,d[t]);if(u)for(var t of u(d))s.call(d,t)&&a(e,t,d[t]);return e};var c=(e,d)=>{var t={};for(var r in e)i.call(e,r)&&d.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&u)for(var r of u(e))d.indexOf(r)<0&&s.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),q=require("prop-types"),F=require("./FieldContext.cjs"),P=require("../helpers/useId.cjs"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=y(T),o=y(q),l=b=>{var n=b,{children:e,name:d,error:t,hint:r,id:v}=n,g=c(n,["children","name","error","hint","id"]);const _=P.useId("field",v);return p.default.createElement("div",f({},g),p.default.createElement(F.FieldContext.Provider,{value:{name:d,id:_,error:t,hint:r}},e))};l.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0};l.propTypes={children:o.default.node.isRequired,error:o.default.string,hint:o.default.oneOfType([o.default.string,o.default.node,o.default.arrayOf(o.default.node)]),id:o.default.oneOfType([o.default.string,o.default.number]),name:o.default.string};exports.Field=l;
+"use strict";var _=Object.defineProperty;var l=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var n=(e,d,t)=>d in e?_(e,d,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[d]=t,f=(e,d)=>{for(var t in d||(d={}))i.call(d,t)&&n(e,t,d[t]);if(l)for(var t of l(d))s.call(d,t)&&n(e,t,d[t]);return e};var c=(e,d)=>{var t={};for(var o in e)i.call(e,o)&&d.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&l)for(var o of l(e))d.indexOf(o)<0&&s.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),b=require("prop-types"),q=require("./FieldContext.cjs"),F=require("../helpers/useId.cjs"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=y(m),r=y(b),u=O=>{var a=O,{children:e,name:d,error:t,hint:o,id:v}=a,g=c(a,["children","name","error","hint","id"]);const T=F.useId("field",v);return p.default.createElement("div",f({},g),p.default.createElement(q.FieldContext.Provider,{value:{name:d,id:T,error:t,hint:o}},e))};u.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0};u.propTypes={children:r.default.node.isRequired,error:r.default.oneOfType([r.default.string,r.default.bool]),hint:r.default.oneOfType([r.default.string,r.default.node,r.default.arrayOf(r.default.node)]),id:r.default.oneOfType([r.default.string,r.default.number]),name:r.default.string};exports.Field=u;

package/dist/Field/Field.js

@@ -1,32 +1,32 @@
-var y = Object.defineProperty;
-var d = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
-var m = (e, o, r) => o in e ? y(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, s = (e, o) => {
+var g = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var p = (e, o, r) => o in e ? g(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, f = (e, o) => {
   for (var r in o || (o = {}))
-    p.call(o, r) && m(e, r, o[r]);
-  if (d)
-    for (var r of d(o))
-      a.call(o, r) && m(e, r, o[r]);
+    m.call(o, r) && p(e, r, o[r]);
+  if (n)
+    for (var r of n(o))
+      a.call(o, r) && p(e, r, o[r]);
   return e;
 };
-var f = (e, o) => {
+var s = (e, o) => {
   var r = {};
-  for (var i in e)
-    p.call(e, i) && o.indexOf(i) < 0 && (r[i] = e[i]);
-  if (e != null && d)
-    for (var i of d(e))
-      o.indexOf(i) < 0 && a.call(e, i) && (r[i] = e[i]);
+  for (var t in e)
+    m.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && n)
+    for (var t of n(e))
+      o.indexOf(t) < 0 && a.call(e, t) && (r[t] = e[t]);
   return r;
 };
 import l from "react";
-import t from "prop-types";
+import i from "prop-types";
 import { FieldContext as T } from "./FieldContext.js";
-import { useId as h } from "../helpers/useId.js";
-const u = (O) => {
-  var n = O, { children: e, name: o, error: r, hint: i, id: v } = n, c = f(n, ["children", "name", "error", "hint", "id"]);
-  const g = h("field", v);
-  return /* @__PURE__ */ l.createElement("div", s({}, c), /* @__PURE__ */ l.createElement(T.Provider, {
-    value: { name: o, id: g, error: r, hint: i }
+import { useId as O } from "../helpers/useId.js";
+const u = (h) => {
+  var d = h, { children: e, name: o, error: r, hint: t, id: v } = d, c = s(d, ["children", "name", "error", "hint", "id"]);
+  const y = O("field", v);
+  return /* @__PURE__ */ l.createElement("div", f({}, c), /* @__PURE__ */ l.createElement(T.Provider, {
+    value: { name: o, id: y, error: r, hint: t }
   }, e));
 };
 u.defaultProps = {
@@ -36,11 +36,11 @@ u.defaultProps = {
   name: void 0
 };
 u.propTypes = {
-  children: t.node.isRequired,
-  error: t.string,
-  hint: t.oneOfType([t.string, t.node, t.arrayOf(t.node)]),
-  id: t.oneOfType([t.string, t.number]),
-  name: t.string
+  children: i.node.isRequired,
+  error: i.oneOfType([i.string, i.bool]),
+  hint: i.oneOfType([i.string, i.node, i.arrayOf(i.node)]),
+  id: i.oneOfType([i.string, i.number]),
+  name: i.string
 };
 export {
   u as Field

package/dist/Field/FieldError.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),o=require("./FieldContext.cjs"),a=require("../Typography/Typography.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=i(t),n=()=>{const{id:e,error:r}=o.useField();return r?l.default.createElement(a.Typography,{variant:"pi",as:"p",id:`${e}-error`,textColor:"danger600","data-strapi-field-error":!0},r):null};exports.FieldError=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),o=require("./FieldContext.cjs"),a=require("../Typography/Typography.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=i(t),n=()=>{const{id:e,error:r}=o.useField();return!r||typeof r!="string"?null:l.default.createElement(a.Typography,{variant:"pi",as:"p",id:`${e}-error`,textColor:"danger600","data-strapi-field-error":!0},r)};exports.FieldError=n;

package/dist/Field/FieldError.js

@@ -1,16 +1,16 @@
 import t from "react";
 import { useField as o } from "./FieldContext.js";
 import { Typography as i } from "../Typography/Typography.js";
-const l = () => {
+const d = () => {
   const { id: e, error: r } = o();
-  return r ? /* @__PURE__ */ t.createElement(i, {
+  return !r || typeof r != "string" ? null : /* @__PURE__ */ t.createElement(i, {
     variant: "pi",
     as: "p",
     id: `${e}-error`,
     textColor: "danger600",
     "data-strapi-field-error": !0
-  }, r) : null;
+  }, r);
 };
 export {
-  l as FieldError
+  d as FieldError
 };

package/dist/Field/FieldInput.cjs

@@ -40,4 +40,4 @@
     background: ${e.colors.neutral150};
   
   `:void 0}
-`,i=_.forwardRef((L,I)=>{var p=L,{endAction:e,startAction:t,disabled:o,onChange:r,size:c}=p,B=m(p,["endAction","startAction","disabled","onChange","size"]);const{id:d,error:f,hint:R,name:v}=O.useField();let l;f?l=`${d}-error`:R&&(l=`${d}-hint`);const g=Boolean(f),w=C=>{o||r(C)};return s.default.createElement(q,{size:c,justifyContent:"space-between",hasError:g,disabled:o},t&&s.default.createElement(x.Box,{paddingLeft:3,paddingRight:2},t),s.default.createElement(T,y({id:d,name:v,ref:I,"aria-describedby":l,"aria-invalid":g,"aria-disabled":o,hasLeftAction:Boolean(t),hasRightAction:Boolean(e),onChange:w,size:c},B)),e&&s.default.createElement(x.Box,{paddingLeft:2,paddingRight:3},e))});i.displayName="FieldInput";i.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange:()=>{}};i.propTypes={disabled:n.default.bool,endAction:n.default.element,onChange:n.default.func,size:n.default.oneOf(Object.keys(E.sizes.input)),startAction:n.default.element};exports.FieldInput=i;exports.InputWrapper=q;
+`,i=_.forwardRef((L,I)=>{var p=L,{endAction:e,startAction:t,disabled:o,onChange:r,size:c}=p,B=m(p,["endAction","startAction","disabled","onChange","size"]);const{id:d,error:f,hint:R,name:v}=O.useField();let l;f?l=`${d}-error`:R&&(l=`${d}-hint`);const g=Boolean(f),w=C=>{o||r(C)};return s.default.createElement(q,{size:c,justifyContent:"space-between",hasError:g,disabled:o},t&&s.default.createElement(x.Box,{paddingLeft:3,paddingRight:2},t),s.default.createElement(T,y({id:d,name:v,ref:I,"aria-describedby":l,"aria-invalid":g,"aria-disabled":o,hasLeftAction:Boolean(t),hasRightAction:Boolean(e),onChange:w,size:c},B)),e&&s.default.createElement(x.Box,{paddingLeft:2,paddingRight:3},e))});i.displayName="FieldInput";i.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange(){}};i.propTypes={disabled:n.default.bool,endAction:n.default.element,onChange:n.default.func,size:n.default.oneOf(Object.keys(E.sizes.input)),startAction:n.default.element};exports.FieldInput=i;exports.InputWrapper=q;

package/dist/Field/FieldInput.js

@@ -109,7 +109,7 @@ l.defaultProps = {
   endAction: void 0,
   size: "M",
   startAction: void 0,
-  onChange: () => {
+  onChange() {
   }
 };
 l.propTypes = {

package/dist/Flex/FlexProps.cjs

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var u=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var o=(t,a,l)=>a in t?i(t,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[a]=l,s=(t,a)=>{for(var l in a||(a={}))p.call(a,l)&&o(t,l,a[l]);if(u)for(var l of u(a))c.call(a,l)&&o(t,l,a[l]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),y=require("prop-types"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},g=n(b),e=n(y),r=t=>g.default.createElement("div",s({},t)),f={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},d={alignItems:e.default.string,basis:e.default.oneOfType([e.default.string,e.default.number]),direction:e.default.string,gap:e.default.oneOfType([e.default.shape({desktop:e.default.number,mobile:e.default.number,tablet:e.default.number}),e.default.number,e.default.arrayOf(e.default.number),e.default.string]),inline:e.default.bool,justifyContent:e.default.string,reverse:e.default.bool,shrink:e.default.number,wrap:e.default.string};r.defaultProps=f;r.propTypes=d;exports.FlexProps=r;exports.flexDefaultProps=f;exports.flexPropTypes=d;
+"use strict";var i=Object.defineProperty;var o=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var s=(t,a,l)=>a in t?i(t,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[a]=l,u=(t,a)=>{for(var l in a||(a={}))p.call(a,l)&&s(t,l,a[l]);if(o)for(var l of o(a))c.call(a,l)&&s(t,l,a[l]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),y=require("prop-types"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},g=n(b),e=n(y),r=t=>g.default.createElement("div",u({},t)),f={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,shrink:void 0,wrap:void 0},d={alignItems:e.default.string,basis:e.default.oneOfType([e.default.string,e.default.number]),direction:e.default.string,gap:e.default.oneOfType([e.default.shape({desktop:e.default.number,mobile:e.default.number,tablet:e.default.number}),e.default.number,e.default.arrayOf(e.default.number),e.default.string]),inline:e.default.bool,justifyContent:e.default.string,reverse:e.default.bool,shrink:e.default.number,wrap:e.default.string};r.defaultProps=f;r.propTypes=d;exports.FlexProps=r;exports.flexDefaultProps=f;exports.flexPropTypes=d;

package/dist/Flex/FlexProps.js

@@ -1,17 +1,17 @@
 var a = Object.defineProperty;
-var o = Object.getOwnPropertySymbols;
+var t = Object.getOwnPropertySymbols;
 var l = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var s = (t, r, n) => r in t ? a(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n, i = (t, r) => {
+var i = (o, r, n) => r in o ? a(o, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[r] = n, s = (o, r) => {
   for (var n in r || (r = {}))
-    l.call(r, n) && s(t, n, r[n]);
-  if (o)
-    for (var n of o(r))
-      m.call(r, n) && s(t, n, r[n]);
-  return t;
+    l.call(r, n) && i(o, n, r[n]);
+  if (t)
+    for (var n of t(r))
+      m.call(r, n) && i(o, n, r[n]);
+  return o;
 };
 import f from "react";
 import e from "prop-types";
-const p = (t) => /* @__PURE__ */ f.createElement("div", i({}, t)), b = {
+const p = (o) => /* @__PURE__ */ f.createElement("div", s({}, o)), b = {
   alignItems: "center",
   basis: void 0,
   direction: "row",
@@ -19,6 +19,7 @@ const p = (t) => /* @__PURE__ */ f.createElement("div", i({}, t)), b = {
   inline: !1,
   justifyContent: void 0,
   reverse: !1,
+  shrink: void 0,
   wrap: void 0
 }, u = {
   alignItems: e.string,

package/dist/FocusTrap/ExampleComponent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),d=require("@strapi/icons/Cross"),a=require("../Box/Box.cjs"),i=require("../Stack/Stack.cjs"),r=require("../Typography/Typography.cjs"),o=require("../Button/Button.cjs"),u=require("../Flex/Flex.cjs"),p=require("./FocusTrap.cjs"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=s(l),m=s(d),f=({onClose:t})=>{const[n,c]=l.useState(!1);return e.default.createElement(p.FocusTrap,{onEscape:t},e.default.createElement(a.Box,{background:"neutral0",padding:4,hasRadius:!0,style:{width:"600px"}},e.default.createElement(i.Stack,{spacing:2},e.default.createElement(u.Flex,{justifyContent:"space-between"},e.default.createElement(r.Typography,{variant:"beta",as:"h2"},"Hey folks!"),e.default.createElement("button",{style:{border:"none",background:"transparent"},onClick:t,"aria-label":"Close"},e.default.createElement(m.default,{"aria-hidden":!0}))),e.default.createElement(a.Box,{paddingTop:2,paddingBottom:2},e.default.createElement(r.Typography,null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),e.default.createElement(u.Flex,{justifyContent:"space-between"},e.default.createElement(o.Button,{id:"second"},"Second focusable"),e.default.createElement(o.Button,{id:"last",onClick:()=>c(!0)},"Last focusable (at the beginning)"),n&&e.default.createElement(o.Button,{id:"real-last"},"Last focusable (at the end)")))))},g=()=>{const[t,n]=l.useState(!1);return e.default.createElement(a.Box,{background:"neutral150",padding:10},e.default.createElement(i.Stack,{spacing:2},t&&e.default.createElement(f,{onClose:()=>n(!1)}),e.default.createElement(a.Box,{background:"neutral0",padding:4,hasRadius:!0,style:{width:"600px"}},e.default.createElement(r.Typography,{variant:"beta",as:"h2"},"Outside the trap!"),e.default.createElement(a.Box,{paddingTop:2},e.default.createElement(o.Button,{onClick:()=>n(!0),id:"trigger"},"Open the trap")))))};exports.ExampleComponent=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),d=require("@strapi/icons/Cross"),a=require("../Box/Box.cjs"),i=require("../Stack/Stack.cjs"),r=require("../Typography/Typography.cjs"),o=require("../Button/Button.cjs"),u=require("../Flex/Flex.cjs"),p=require("./FocusTrap.cjs"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=s(l),m=s(d),f=({onClose:t})=>{const[n,c]=l.useState(!1);return e.default.createElement(p.FocusTrap,{onEscape:t},e.default.createElement(a.Box,{background:"neutral0",padding:4,hasRadius:!0,style:{width:"600px"}},e.default.createElement(i.Stack,{spacing:2},e.default.createElement(u.Flex,{justifyContent:"space-between"},e.default.createElement(r.Typography,{variant:"beta",as:"h2"},"Hey folks!"),e.default.createElement("button",{type:"button",style:{border:"none",background:"transparent"},onClick:t,"aria-label":"Close"},e.default.createElement(m.default,{"aria-hidden":!0}))),e.default.createElement(a.Box,{paddingTop:2,paddingBottom:2},e.default.createElement(r.Typography,null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),e.default.createElement(u.Flex,{justifyContent:"space-between"},e.default.createElement(o.Button,{id:"second"},"Second focusable"),e.default.createElement(o.Button,{id:"last",onClick:()=>c(!0)},"Last focusable (at the beginning)"),n&&e.default.createElement(o.Button,{id:"real-last"},"Last focusable (at the end)")))))},g=()=>{const[t,n]=l.useState(!1);return e.default.createElement(a.Box,{background:"neutral150",padding:10},e.default.createElement(i.Stack,{spacing:2},t&&e.default.createElement(f,{onClose:()=>n(!1)}),e.default.createElement(a.Box,{background:"neutral0",padding:4,hasRadius:!0,style:{width:"600px"}},e.default.createElement(r.Typography,{variant:"beta",as:"h2"},"Outside the trap!"),e.default.createElement(a.Box,{paddingTop:2},e.default.createElement(o.Button,{onClick:()=>n(!0),id:"trigger"},"Open the trap")))))};exports.ExampleComponent=g;

package/dist/FocusTrap/ExampleComponent.js

@@ -23,6 +23,7 @@ const d = ({ onClose: a }) => {
     variant: "beta",
     as: "h2"
   }, "Hey folks!"), /* @__PURE__ */ e.createElement("button", {
+    type: "button",
     style: { border: "none", background: "transparent" },
     onClick: a,
     "aria-label": "Close"
@@ -41,7 +42,7 @@ const d = ({ onClose: a }) => {
   }, "Last focusable (at the beginning)"), n && /* @__PURE__ */ e.createElement(r, {
     id: "real-last"
   }, "Last focusable (at the end)")))));
-}, C = () => {
+}, y = () => {
   const [a, n] = l(!1);
   return /* @__PURE__ */ e.createElement(t, {
     background: "neutral150",
@@ -66,5 +67,5 @@ const d = ({ onClose: a }) => {
   }, "Open the trap")))));
 };
 export {
-  C as ExampleComponent
+  y as ExampleComponent
 };

package/dist/FocusTrap/FocusTrap.cjs

@@ -1 +1 @@
-"use strict";var T=Object.defineProperty;var u=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var p=(e,t,s)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,m=(e,t)=>{for(var s in t||(t={}))y.call(t,s)&&p(e,s,t[s]);if(u)for(var s of u(t))b.call(t,s)&&p(e,s,t[s]);return e};var h=(e,t)=>{var s={};for(var o in e)y.call(e,o)&&t.indexOf(o)<0&&(s[o]=e[o]);if(e!=null&&u)for(var o of u(e))t.indexOf(o)<0&&b.call(e,o)&&(s[o]=e[o]);return s};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),_=require("prop-types"),E=require("../helpers/getFocusableNodes.cjs"),g=require("../helpers/keyboardKeys.cjs"),K=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},k=K(l),F=K(_),a=o=>{var f=o,{onEscape:e,restoreFocus:t}=f,s=h(f,["onEscape","restoreFocus"]);const c=l.useRef(null);l.useEffect(()=>{if(t){const r=document.activeElement;return()=>{r.focus()}}},[t]),l.useEffect(()=>{if(!c.current)return;const r=E.getFocusableNodes(c.current);r.length>0?r[0].focus():console.warn("[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one.")},[]);const v=r=>{if(r.key===g.KeyboardKeys.ESCAPE&&e)return e();if(r.key!==g.KeyboardKeys.TAB)return;const n=E.getFocusableNodes(c.current);if(n.length>0){const i=n[0],d=n[n.length-1];r.shiftKey?i===document.activeElement&&(r.preventDefault(),d.focus()):d===document.activeElement&&(r.preventDefault(),i.focus())}};return k.default.createElement("div",m({ref:c,onKeyDown:v},s))};a.defaultProps={restoreFocus:!0};a.propTypes={onEscape:F.default.func,restoreFocus:F.default.bool};exports.FocusTrap=a;
+"use strict";var T=Object.defineProperty;var c=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var p=(e,t,s)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,m=(e,t)=>{for(var s in t||(t={}))y.call(t,s)&&p(e,s,t[s]);if(c)for(var s of c(t))b.call(t,s)&&p(e,s,t[s]);return e};var E=(e,t)=>{var s={};for(var r in e)y.call(e,r)&&t.indexOf(r)<0&&(s[r]=e[r]);if(e!=null&&c)for(var r of c(e))t.indexOf(r)<0&&b.call(e,r)&&(s[r]=e[r]);return s};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),_=require("prop-types"),h=require("../helpers/getFocusableNodes.cjs"),g=require("../helpers/keyboardKeys.cjs"),F=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},k=F(l),v=F(_),a=r=>{var f=r,{onEscape:e,restoreFocus:t}=f,s=E(f,["onEscape","restoreFocus"]);const u=l.useRef(null);l.useEffect(()=>{let o=null;return t&&(o=document.activeElement),()=>{o&&o.focus()}},[t]),l.useEffect(()=>{if(!u.current)return;const o=h.getFocusableNodes(u.current);o.length>0?o[0].focus():console.warn("[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one.")},[]);const K=o=>{if(o.key===g.KeyboardKeys.ESCAPE&&e){e();return}if(o.key!==g.KeyboardKeys.TAB)return;const n=h.getFocusableNodes(u.current);if(n.length>0){const i=n[0],d=n[n.length-1];o.shiftKey?i===document.activeElement&&(o.preventDefault(),d.focus()):d===document.activeElement&&(o.preventDefault(),i.focus())}};return k.default.createElement("div",m({ref:u,onKeyDown:K},s))};a.defaultProps={onEscape:void 0,restoreFocus:!0};a.propTypes={onEscape:v.default.func,restoreFocus:v.default.bool};exports.FocusTrap=a;

package/dist/FocusTrap/FocusTrap.js

@@ -1,54 +1,54 @@
 var T = Object.defineProperty;
 var f = Object.getOwnPropertySymbols;
 var m = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var i = (e, t, r) => t in e ? T(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, d = (e, t) => {
+var a = (e, t, r) => t in e ? T(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, d = (e, t) => {
   for (var r in t || (t = {}))
-    m.call(t, r) && i(e, r, t[r]);
+    m.call(t, r) && a(e, r, t[r]);
   if (f)
     for (var r of f(t))
-      p.call(t, r) && i(e, r, t[r]);
+      p.call(t, r) && a(e, r, t[r]);
   return e;
 };
 var E = (e, t) => {
   var r = {};
-  for (var o in e)
-    m.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  for (var n in e)
+    m.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && f)
-    for (var o of f(e))
-      t.indexOf(o) < 0 && p.call(e, o) && (r[o] = e[o]);
+    for (var n of f(e))
+      t.indexOf(n) < 0 && p.call(e, n) && (r[n] = e[n]);
   return r;
 };
 import g, { useRef as D, useEffect as h } from "react";
 import y from "prop-types";
-import { getFocusableNodes as b } from "../helpers/getFocusableNodes.js";
-import { KeyboardKeys as v } from "../helpers/keyboardKeys.js";
-const F = (o) => {
-  var u = o, { onEscape: e, restoreFocus: t } = u, r = E(u, ["onEscape", "restoreFocus"]);
+import { getFocusableNodes as v } from "../helpers/getFocusableNodes.js";
+import { KeyboardKeys as b } from "../helpers/keyboardKeys.js";
+const F = (n) => {
+  var u = n, { onEscape: e, restoreFocus: t } = u, r = E(u, ["onEscape", "restoreFocus"]);
   const c = D(null);
   h(() => {
-    if (t) {
-      const n = document.activeElement;
-      return () => {
-        n.focus();
-      };
-    }
+    let o = null;
+    return t && (o = document.activeElement), () => {
+      o && o.focus();
+    };
   }, [t]), h(() => {
     if (!c.current)
       return;
-    const n = b(c.current);
-    n.length > 0 ? n[0].focus() : console.warn(
+    const o = v(c.current);
+    o.length > 0 ? o[0].focus() : console.warn(
       "[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one."
     );
   }, []);
-  const K = (n) => {
-    if (n.key === v.ESCAPE && e)
-      return e();
-    if (n.key !== v.TAB)
+  const K = (o) => {
+    if (o.key === b.ESCAPE && e) {
+      e();
+      return;
+    }
+    if (o.key !== b.TAB)
       return;
-    const s = b(c.current);
+    const s = v(c.current);
     if (s.length > 0) {
-      const l = s[0], a = s[s.length - 1];
-      n.shiftKey ? l === document.activeElement && (n.preventDefault(), a.focus()) : a === document.activeElement && (n.preventDefault(), l.focus());
+      const l = s[0], i = s[s.length - 1];
+      o.shiftKey ? l === document.activeElement && (o.preventDefault(), i.focus()) : i === document.activeElement && (o.preventDefault(), l.focus());
     }
   };
   return /* @__PURE__ */ g.createElement("div", d({
@@ -57,6 +57,7 @@ const F = (o) => {
   }, r));
 };
 F.defaultProps = {
+  onEscape: void 0,
   restoreFocus: !0
 };
 F.propTypes = {

package/dist/Icon/Icon.cjs

@@ -1,4 +1,4 @@
-"use strict";var d=Object.defineProperty;var l=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var s=(e,t,o)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,a=(e,t)=>{for(var o in t||(t={}))p.call(t,o)&&s(e,o,t[o]);if(l)for(var o of l(t))f.call(t,o)&&s(e,o,t[o]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),y=require("prop-types"),_=require("../Box/Box.cjs"),g=require("styled-components"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(i),u=c(y),m=c(g),q=m.default(_.Box)`
+"use strict";var d=Object.defineProperty;var l=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var s=(e,t,o)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,a=(e,t)=>{for(var o in t||(t={}))p.call(t,o)&&s(e,o,t[o]);if(l)for(var o of l(t))f.call(t,o)&&s(e,o,t[o]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),y=require("prop-types"),_=require("styled-components"),g=require("../Box/Box.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(i),u=c(y),m=c(_),q=m.default(g.Box)`
   path {
     fill: ${({color:e,theme:t})=>t.colors[e]};
   }

package/dist/Icon/Icon.js

@@ -11,9 +11,9 @@ var c = (r, o, t) => o in r ? f(r, o, { enumerable: !0, configurable: !0, writab
 };
 import s from "react";
 import a from "prop-types";
-import { Box as i } from "../Box/Box.js";
-import d from "styled-components";
-const u = d(i)`
+import i from "styled-components";
+import { Box as d } from "../Box/Box.js";
+const u = i(d)`
   path {
     fill: ${({ color: r, theme: o }) => o.colors[r]};
   }

package/dist/IconButton/IconButton.cjs

@@ -1,4 +1,4 @@
-"use strict";var I=Object.defineProperty,R=Object.defineProperties;var x=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var B=(e,l,t)=>l in e?I(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,d=(e,l)=>{for(var t in l||(l={}))m.call(l,t)&&B(e,t,l[t]);if(s)for(var t of s(l))E.call(l,t)&&B(e,t,l[t]);return e},c=(e,l)=>R(e,x(l));var T=(e,l)=>{var t={};for(var o in e)m.call(e,o)&&l.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&s)for(var o of s(e))l.indexOf(o)<0&&E.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),w=require("prop-types"),H=require("styled-components"),V=require("../Tooltip/Tooltip.cjs"),C=require("../BaseButton/BaseButton.cjs"),F=require("../Flex/Flex.cjs"),_=require("../VisuallyHidden/VisuallyHidden.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=b(f),n=b(w),j=b(H),p=j.default(C.BaseButton)`
+"use strict";var I=Object.defineProperty,R=Object.defineProperties;var x=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var B=(e,o,l)=>o in e?I(e,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[o]=l,u=(e,o)=>{for(var l in o||(o={}))m.call(o,l)&&B(e,l,o[l]);if(i)for(var l of i(o))E.call(o,l)&&B(e,l,o[l]);return e},c=(e,o)=>R(e,x(o));var T=(e,o)=>{var l={};for(var t in e)m.call(e,t)&&o.indexOf(t)<0&&(l[t]=e[t]);if(e!=null&&i)for(var t of i(e))o.indexOf(t)<0&&E.call(e,t)&&(l[t]=e[t]);return l};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),w=require("prop-types"),H=require("styled-components"),V=require("../Tooltip/Tooltip.cjs"),C=require("../BaseButton/BaseButton.cjs"),F=require("../Flex/Flex.cjs"),_=require("../VisuallyHidden/VisuallyHidden.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=b(f),n=b(w),j=b(H),p=j.default(C.BaseButton)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -83,4 +83,4 @@
       }
     }
   }
-`,u=r.default.forwardRef((D,y)=>{var h=D,{label:e,noBorder:l,children:t,icon:o,disabled:a,onClick:$,["aria-label"]:k}=h,g=T(h,["label","noBorder","children","icon","disabled","onClick","aria-label"]);const v=q=>{!a&&$&&$(q)};return e?r.default.createElement(V.Tooltip,{label:e},r.default.createElement(p,c(d({},g),{ref:y,noBorder:l,onClick:v,"aria-disabled":a}),r.default.createElement(_.VisuallyHidden,{as:"span"},e),f.cloneElement(o||t,{"aria-hidden":!0,focusable:!1}))):r.default.createElement(p,c(d({},g),{ref:y,noBorder:l,onClick:v,"aria-disabled":a}),r.default.createElement(_.VisuallyHidden,{as:"span"},k),f.cloneElement(o||t,{"aria-hidden":!0,focusable:!1}))});u.displayName="IconButton";u.defaultProps={label:void 0,noBorder:!1,disabled:!1,onClick:void 0};const i=(e,l)=>(t,o)=>{if(!t[o]&&e.every(a=>!t[a]))return new Error(`One of the following props is required: ${o}, ${e.join(", ")}`);n.default.checkPropTypes({[o]:n.default[l]},t,"prop","IconButton")};u.propTypes={["aria-label"]:i(["label"],"string"),children:i(["icon"],"node"),disabled:n.default.bool,icon:i(["children"],"node"),label:i(["aria-label"],"string"),noBorder:n.default.bool,onClick:n.default.func};exports.IconButton=u;exports.IconButtonGroup=P;
+`,d=r.default.forwardRef((D,v)=>{var h=D,{label:e,noBorder:o,children:l,icon:t,disabled:a,onClick:$,"aria-label":k}=h,g=T(h,["label","noBorder","children","icon","disabled","onClick","aria-label"]);const y=q=>{!a&&$&&$(q)};return e?r.default.createElement(V.Tooltip,{label:e},r.default.createElement(p,c(u({},g),{ref:v,noBorder:o,onClick:y,"aria-disabled":a}),r.default.createElement(_.VisuallyHidden,{as:"span"},e),f.cloneElement(t||l,{"aria-hidden":!0,focusable:!1}))):r.default.createElement(p,c(u({},g),{ref:v,noBorder:o,onClick:y,"aria-disabled":a}),r.default.createElement(_.VisuallyHidden,{as:"span"},k),f.cloneElement(t||l,{"aria-hidden":!0,focusable:!1}))});d.displayName="IconButton";d.defaultProps={"aria-label":void 0,children:void 0,disabled:!1,icon:void 0,label:void 0,noBorder:!1,onClick:void 0};const s=(e,o)=>(l,t)=>!l[t]&&e.every(a=>!l[a])?new Error(`One of the following props is required: ${t}, ${e.join(", ")}`):n.default.checkPropTypes({[t]:n.default[o]},l,"prop","IconButton");d.propTypes={"aria-label":s(["label"],"string"),children:s(["icon"],"node"),disabled:n.default.bool,icon:s(["children"],"node"),label:s(["aria-label"],"string"),noBorder:n.default.bool,onClick:n.default.func};exports.IconButton=d;exports.IconButtonGroup=P;

package/dist/IconButton/IconButton.js

@@ -2,12 +2,12 @@ var x = Object.defineProperty, C = Object.defineProperties;
 var T = Object.getOwnPropertyDescriptors;
 var i = Object.getOwnPropertySymbols;
 var v = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var h = (r, e, o) => e in r ? x(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, d = (r, e) => {
+var g = (r, e, o) => e in r ? x(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, d = (r, e) => {
   for (var o in e || (e = {}))
-    v.call(e, o) && h(r, o, e[o]);
+    v.call(e, o) && g(r, o, e[o]);
   if (i)
     for (var o of i(e))
-      y.call(e, o) && h(r, o, e[o]);
+      y.call(e, o) && g(r, o, e[o]);
   return r;
 }, c = (r, e) => C(r, T(e));
 var k = (r, e) => {
@@ -113,8 +113,8 @@ const u = I(P)`
   }
 `, f = a.forwardRef(
   (q, $) => {
-    var m = q, { label: r, noBorder: e, children: o, icon: l, disabled: t, onClick: p, ["aria-label"]: R } = m, b = k(m, ["label", "noBorder", "children", "icon", "disabled", "onClick", "aria-label"]);
-    const g = (w) => {
+    var h = q, { label: r, noBorder: e, children: o, icon: l, disabled: t, onClick: p, "aria-label": R } = h, b = k(h, ["label", "noBorder", "children", "icon", "disabled", "onClick", "aria-label"]);
+    const m = (w) => {
       !t && p && p(w);
     };
     return r ? /* @__PURE__ */ a.createElement(j, {
@@ -122,7 +122,7 @@ const u = I(P)`
     }, /* @__PURE__ */ a.createElement(u, c(d({}, b), {
       ref: $,
       noBorder: e,
-      onClick: g,
+      onClick: m,
       "aria-disabled": t
     }), /* @__PURE__ */ a.createElement(E, {
       as: "span"
@@ -132,7 +132,7 @@ const u = I(P)`
     }))) : /* @__PURE__ */ a.createElement(u, c(d({}, b), {
       ref: $,
       noBorder: e,
-      onClick: g,
+      onClick: m,
       "aria-disabled": t
     }), /* @__PURE__ */ a.createElement(E, {
       as: "span"
@@ -144,18 +144,17 @@ const u = I(P)`
 );
 f.displayName = "IconButton";
 f.defaultProps = {
+  "aria-label": void 0,
+  children: void 0,
+  disabled: !1,
+  icon: void 0,
   label: void 0,
   noBorder: !1,
-  disabled: !1,
   onClick: void 0
 };
-const s = (r, e) => (o, l) => {
-  if (!o[l] && r.every((t) => !o[t]))
-    return new Error(`One of the following props is required: ${l}, ${r.join(", ")}`);
-  n.checkPropTypes({ [l]: n[e] }, o, "prop", "IconButton");
-};
+const s = (r, e) => (o, l) => !o[l] && r.every((t) => !o[t]) ? new Error(`One of the following props is required: ${l}, ${r.join(", ")}`) : n.checkPropTypes({ [l]: n[e] }, o, "prop", "IconButton");
 f.propTypes = {
-  ["aria-label"]: s(["label"], "string"),
+  "aria-label": s(["label"], "string"),
   children: s(["icon"], "node"),
   disabled: n.bool,
   icon: s(["children"], "node"),

package/dist/Link/Link.cjs

@@ -1,4 +1,4 @@
-"use strict";var b=Object.defineProperty;var a=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var p=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,g=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&p(e,r,t[r]);if(a)for(var r of a(t))m.call(t,r)&&p(e,r,t[r]);return e};var h=(e,t)=>{var r={};for(var o in e)y.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&m.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),q=require("prop-types"),T=require("styled-components"),$=require("@strapi/icons/ExternalLink"),j=require("react-router-dom"),v=require("../Typography/Typography.cjs"),R=require("../Box/Box.cjs"),B=require("../themes/utils.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=i(k),l=i(q),_=i(T),P=i($),S=_.default.a`
+"use strict";var b=Object.defineProperty;var a=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var p=(e,t,r)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))y.call(t,r)&&p(e,r,t[r]);if(a)for(var r of a(t))m.call(t,r)&&p(e,r,t[r]);return e};var g=(e,t)=>{var r={};for(var o in e)y.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&m.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),q=require("prop-types"),T=require("styled-components"),$=require("@strapi/icons/ExternalLink"),j=require("react-router-dom"),h=require("../Typography/Typography.cjs"),R=require("../Box/Box.cjs"),B=require("../themes/utils.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=i(k),l=i(q),_=i(T),P=i($),I=_.default.a`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
@@ -14,7 +14,7 @@
     font-size: ${10/16}rem;
   }
 
-  ${v.Typography} {
+  ${h.Typography} {
     transition: color 150ms ease-out;
     color: currentColor;
   }
@@ -30,4 +30,4 @@
   ${B.buttonFocusStyle};
 `,d=_.default(R.Box)`
   display: flex;
-`,s=w=>{var f=w,{href:e,to:t,children:r,disabled:o,startIcon:u,endIcon:c}=f,E=h(f,["href","to","children","disabled","startIcon","endIcon"]);const L=e?"_blank":void 0,x=e?"noreferrer noopener":void 0;return n.default.createElement(S,g({as:t&&!o?j.NavLink:"a",target:L,rel:x,to:o?void 0:t,href:o?"#":e,disabled:o},E),u&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingRight:2},u),n.default.createElement(v.Typography,null,r),c&&!e&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingLeft:2},c),e&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingLeft:2},n.default.createElement(P.default,null)))};s.displayName="Link";s.defaultProps={href:void 0,to:void 0,disabled:!1};s.propTypes={children:l.default.node.isRequired,disabled:l.default.bool,endIcon:l.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},startIcon:l.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")}};exports.Link=s;
+`,s=S=>{var f=S,{href:e,to:t,children:r,disabled:o,startIcon:u,endIcon:c}=f,E=g(f,["href","to","children","disabled","startIcon","endIcon"]);const L=e?"_blank":void 0,x=e?"noreferrer noopener":void 0;return n.default.createElement(I,v({as:t&&!o?j.NavLink:"a",target:L,rel:x,to:o?void 0:t,href:o?"#":e,disabled:o},E),u&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingRight:2},u),n.default.createElement(h.Typography,null,r),c&&!e&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingLeft:2},c),e&&n.default.createElement(d,{as:"span","aria-hidden":!0,paddingLeft:2},n.default.createElement(P.default,null)))};s.displayName="Link";s.defaultProps={endIcon:void 0,href:void 0,to:void 0,disabled:!1,startIcon:void 0};s.propTypes={children:l.default.node.isRequired,disabled:l.default.bool,endIcon:l.default.element,href(e){if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},startIcon:l.default.element,to(e){if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")}};exports.Link=s;