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

package/dist/BaseLink/BaseLink.js

@@ -1,31 +1,53 @@
-import a from "react";
-import e from "prop-types";
-import p from "styled-components";
-const d = p.a`
+var y = Object.defineProperty;
+var s = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var i = (e, o, r) => o in e ? y(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, m = (e, o) => {
+  for (var r in o || (o = {}))
+    p.call(o, r) && i(e, r, o[r]);
+  if (s)
+    for (var r of s(o))
+      d.call(o, r) && i(e, r, o[r]);
+  return e;
+};
+var g = (e, o) => {
+  var r = {};
+  for (var t in e)
+    p.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && s)
+    for (var t of s(e))
+      o.indexOf(t) < 0 && d.call(e, t) && (r[t] = e[t]);
+  return r;
+};
+import c from "react";
+import a from "prop-types";
+import _ from "styled-components";
+const h = _.a`
   cursor: pointer;
-`, r = a.forwardRef(({ href: s, rel: l, target: n, disabled: o, isExternal: t, ...f }, i) => /* @__PURE__ */ a.createElement(d, {
-  ref: i,
-  target: t ? "_blank" : n,
-  rel: t ? l : void 0,
-  href: o ? "#" : s,
-  disabled: o,
-  ...f
-}));
-r.displayName = "BaseLink";
-r.defaultProps = {
+`, l = c.forwardRef((k, u) => {
+  var f = k, { href: e, rel: o, target: r, disabled: t, isExternal: n } = f, b = g(f, ["href", "rel", "target", "disabled", "isExternal"]);
+  return /* @__PURE__ */ c.createElement(h, m({
+    ref: u,
+    target: n ? "_blank" : r,
+    rel: n ? o : void 0,
+    href: t ? "#" : e,
+    disabled: t
+  }, b));
+});
+l.displayName = "BaseLink";
+l.defaultProps = {
   disabled: !1,
   href: void 0,
   isExternal: !1,
   rel: "noreferrer noopener",
   target: "_self"
 };
-r.propTypes = {
-  disabled: e.bool,
-  href: e.string,
-  isExternal: e.bool,
-  rel: e.string,
-  target: e.string
+l.propTypes = {
+  disabled: a.bool,
+  href: a.string,
+  isExternal: a.bool,
+  rel: a.string,
+  target: a.string
 };
 export {
-  r as BaseLink
+  l as BaseLink
 };

package/dist/BaseRadio/BaseRadio.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),g=require("prop-types"),y=require("styled-components"),R=require("./context.cjs"),t=require("./utils.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=d(s),r=d(g),S=d(y),$=S.default.input`
+"use strict";var k=Object.defineProperty;var i=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var n=(e,o,t)=>o in e?k(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,f=(e,o)=>{for(var t in o||(o={}))u.call(o,t)&&n(e,t,o[t]);if(i)for(var t of i(o))p.call(o,t)&&n(e,t,o[t]);return e};var b=(e,o)=>{var t={};for(var a in e)u.call(e,a)&&o.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&i)for(var a of i(e))o.indexOf(a)<0&&p.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),m=require("prop-types"),x=require("styled-components"),q=require("./context.cjs"),d=require("./utils.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=c(R),y=c(m),z=c(x),P=z.default.input`
   margin: 0;
   padding: 0;
   background-color: ${({theme:e})=>e.colors.neutral0};
   border: 1px solid ${({theme:e})=>e.colors.primary600};
   border-radius: 50%;
-  height: ${t.getRadioSize};
-  width: ${t.getRadioSize};
+  height: ${d.getRadioSize};
+  width: ${d.getRadioSize};
   -webkit-appearance: none;
 
   &:after {
@@ -14,10 +14,10 @@
     position: relative;
     z-index: 1;
     display: block;
-    height: ${t.getSelectedRadioSize};
-    width: ${t.getSelectedRadioSize};
-    left: ${t.getSelectedRadioPosition};
-    top: ${t.getSelectedRadioPosition};
+    height: ${d.getSelectedRadioSize};
+    width: ${d.getSelectedRadioSize};
+    left: ${d.getSelectedRadioPosition};
+    top: ${d.getSelectedRadioPosition};
   }
 
   &:checked:after {
@@ -28,4 +28,4 @@
     border: 1px solid ${({theme:e})=>e.colors.carbon300};
     background: ${({theme:e})=>e.colors.neutral200};
   }
-`,o=i.default.forwardRef(({value:e,disabled:c,...l},n)=>{const{onChange:u,selected:p,name:f,size:b}=s.useContext(R.RadioContext),a=p===e;return i.default.createElement($,{ref:n,type:"radio",name:f,value:e,tabIndex:a?0:-1,"aria-checked":a,checked:a,disabled:c,size:b,onChange:u,...l})});o.displayName="Radio";o.defaultProps={disabled:!1};o.propTypes={disabled:r.default.bool,value:r.default.string.isRequired};exports.BaseRadio=o;
+`,r=g.default.forwardRef((j,a)=>{var l=j,{value:e,disabled:o}=l,t=b(l,["value","disabled"]);const{onChange:S,selected:$,name:h,size:_}=R.useContext(q.RadioContext),s=$===e;return g.default.createElement(P,f({ref:a,type:"radio",name:h,value:e,tabIndex:s?0:-1,"aria-checked":s,checked:s,disabled:o,size:_,onChange:S},t))});r.displayName="Radio";r.defaultProps={disabled:!1};r.propTypes={disabled:y.default.bool,value:y.default.string.isRequired};exports.BaseRadio=r;

package/dist/BaseRadio/BaseRadio.js

@@ -1,16 +1,36 @@
-import t, { useContext as f } from "react";
-import i from "prop-types";
-import g from "styled-components";
-import { RadioContext as $ } from "./context.js";
-import { getRadioSize as d, getSelectedRadioSize as a, getSelectedRadioPosition as s } from "./utils.js";
-const h = g.input`
+var x = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var n = (e, r, o) => r in e ? x(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, p = (e, r) => {
+  for (var o in r || (r = {}))
+    c.call(r, o) && n(e, o, r[o]);
+  if (i)
+    for (var o of i(r))
+      l.call(r, o) && n(e, o, r[o]);
+  return e;
+};
+var m = (e, r) => {
+  var o = {};
+  for (var t in e)
+    c.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && i)
+    for (var t of i(e))
+      r.indexOf(t) < 0 && l.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import b, { useContext as S } from "react";
+import u from "prop-types";
+import w from "styled-components";
+import { RadioContext as z } from "./context.js";
+import { getRadioSize as f, getSelectedRadioSize as g, getSelectedRadioPosition as $ } from "./utils.js";
+const C = w.input`
   margin: 0;
   padding: 0;
   background-color: ${({ theme: e }) => e.colors.neutral0};
   border: 1px solid ${({ theme: e }) => e.colors.primary600};
   border-radius: 50%;
-  height: ${d};
-  width: ${d};
+  height: ${f};
+  width: ${f};
   -webkit-appearance: none;
 
   &:after {
@@ -19,10 +39,10 @@ const h = g.input`
     position: relative;
     z-index: 1;
     display: block;
-    height: ${a};
-    width: ${a};
-    left: ${s};
-    top: ${s};
+    height: ${g};
+    width: ${g};
+    left: ${$};
+    top: ${$};
   }
 
   &:checked:after {
@@ -33,30 +53,30 @@ const h = g.input`
     border: 1px solid ${({ theme: e }) => e.colors.carbon300};
     background: ${({ theme: e }) => e.colors.neutral200};
   }
-`, r = t.forwardRef(({ value: e, disabled: n, ...c }, l) => {
-  const { onChange: p, selected: m, name: b, size: u } = f($), o = m === e;
-  return /* @__PURE__ */ t.createElement(h, {
-    ref: l,
+`, a = b.forwardRef((P, t) => {
+  var s = P, { value: e, disabled: r } = s, o = m(s, ["value", "disabled"]);
+  const { onChange: h, selected: R, name: k, size: y } = S(z), d = R === e;
+  return /* @__PURE__ */ b.createElement(C, p({
+    ref: t,
     type: "radio",
-    name: b,
+    name: k,
     value: e,
-    tabIndex: o ? 0 : -1,
-    "aria-checked": o,
-    checked: o,
-    disabled: n,
-    size: u,
-    onChange: p,
-    ...c
-  });
+    tabIndex: d ? 0 : -1,
+    "aria-checked": d,
+    checked: d,
+    disabled: r,
+    size: y,
+    onChange: h
+  }, o));
 });
-r.displayName = "Radio";
-r.defaultProps = {
+a.displayName = "Radio";
+a.defaultProps = {
   disabled: !1
 };
-r.propTypes = {
-  disabled: i.bool,
-  value: i.string.isRequired
+a.propTypes = {
+  disabled: u.bool,
+  value: u.string.isRequired
 };
 export {
-  r as BaseRadio
+  a as BaseRadio
 };

package/dist/BaseRadio/RadioGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),p=require("prop-types"),R=require("./context.cjs"),y=require("../helpers/setTabIndexOnFirstItem.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=i(o),t=i(p),u=({children:e,labelledBy:d,onChange:l,value:r,size:c,name:a,...f})=>{const s=o.useRef(null);return o.useLayoutEffect(()=>{r||y.setTabIndexOnFirstItem(s.current,`[name="${a}"]`)},[r]),n.default.createElement(R.RadioContext.Provider,{value:{onChange:l,selected:r,name:a,size:c}},n.default.createElement("div",{ref:s,role:"radiogroup","aria-labelledby":d,...f},e))};u.defaultProps={value:"",size:"M"};u.propTypes={children:t.default.node.isRequired,labelledBy:t.default.string.isRequired,name:t.default.string.isRequired,onChange:t.default.func.isRequired,size:t.default.oneOf(["M","L"]),value:t.default.string};exports.RadioGroup=u;
+"use strict";var _=Object.defineProperty;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,r,t)=>r in e?_(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,R=(e,r)=>{for(var t in r||(r={}))f.call(r,t)&&c(e,t,r[t]);if(s)for(var t of s(r))p.call(r,t)&&c(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var o in e)f.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&s)for(var o of s(e))r.indexOf(o)<0&&p.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),m=require("prop-types"),x=require("./context.cjs"),I=require("../helpers/setTabIndexOnFirstItem.cjs"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=g(i),u=g(m),n=v=>{var d=v,{children:e,labelledBy:r,onChange:t,value:o,size:q,name:a}=d,T=y(d,["children","labelledBy","onChange","value","size","name"]);const l=i.useRef(null);return i.useLayoutEffect(()=>{o||I.setTabIndexOnFirstItem(l.current,`[name="${a}"]`)},[o,a]),b.default.createElement(x.RadioContext.Provider,{value:{onChange:t,selected:o,name:a,size:q}},b.default.createElement("div",R({ref:l,role:"radiogroup","aria-labelledby":r},T),e))};n.defaultProps={value:"",size:"M"};n.propTypes={children:u.default.node.isRequired,labelledBy:u.default.string.isRequired,name:u.default.string.isRequired,onChange:u.default.func.isRequired,size:u.default.oneOf(["M","L"]),value:u.default.string};exports.RadioGroup=n;

package/dist/BaseRadio/RadioGroup.js

@@ -1,32 +1,52 @@
-import t, { useRef as f, useLayoutEffect as p } from "react";
-import e from "prop-types";
-import { RadioContext as m } from "./context.js";
-import { setTabIndexOnFirstItem as c } from "../helpers/setTabIndexOnFirstItem.js";
-const n = ({ children: s, labelledBy: a, onChange: d, value: r, size: u, name: o, ...l }) => {
-  const i = f(null);
-  return p(() => {
-    r || c(i.current, `[name="${o}"]`);
-  }, [r]), /* @__PURE__ */ t.createElement(m.Provider, {
-    value: { onChange: d, selected: r, name: o, size: u }
-  }, /* @__PURE__ */ t.createElement("div", {
-    ref: i,
+var b = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var u = (e, o, r) => o in e ? b(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, p = (e, o) => {
+  for (var r in o || (o = {}))
+    l.call(o, r) && u(e, r, o[r]);
+  if (n)
+    for (var r of n(o))
+      f.call(o, r) && u(e, r, o[r]);
+  return e;
+};
+var m = (e, o) => {
+  var r = {};
+  for (var i in e)
+    l.call(e, i) && o.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && n)
+    for (var i of n(e))
+      o.indexOf(i) < 0 && f.call(e, i) && (r[i] = e[i]);
+  return r;
+};
+import c, { useRef as q, useLayoutEffect as v } from "react";
+import t from "prop-types";
+import { RadioContext as x } from "./context.js";
+import { setTabIndexOnFirstItem as E } from "../helpers/setTabIndexOnFirstItem.js";
+const R = (P) => {
+  var d = P, { children: e, labelledBy: o, onChange: r, value: i, size: g, name: s } = d, y = m(d, ["children", "labelledBy", "onChange", "value", "size", "name"]);
+  const a = q(null);
+  return v(() => {
+    i || E(a.current, `[name="${s}"]`);
+  }, [i, s]), /* @__PURE__ */ c.createElement(x.Provider, {
+    value: { onChange: r, selected: i, name: s, size: g }
+  }, /* @__PURE__ */ c.createElement("div", p({
+    ref: a,
     role: "radiogroup",
-    "aria-labelledby": a,
-    ...l
-  }, s));
+    "aria-labelledby": o
+  }, y), e));
 };
-n.defaultProps = {
+R.defaultProps = {
   value: "",
   size: "M"
 };
-n.propTypes = {
-  children: e.node.isRequired,
-  labelledBy: e.string.isRequired,
-  name: e.string.isRequired,
-  onChange: e.func.isRequired,
-  size: e.oneOf(["M", "L"]),
-  value: e.string
+R.propTypes = {
+  children: t.node.isRequired,
+  labelledBy: t.string.isRequired,
+  name: t.string.isRequired,
+  onChange: t.func.isRequired,
+  size: t.oneOf(["M", "L"]),
+  value: t.string
 };
 export {
-  n as RadioGroup
+  R as RadioGroup
 };

package/dist/Box/BoxProps.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),l=require("prop-types"),a=d=>d&&typeof d=="object"&&"default"in d?d:{default:d},r=a(u),e=a(l),t=d=>r.default.createElement("div",{...d}),o={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:()=>{}},f={_hover:e.default.func,background:e.default.string,basis:e.default.oneOfType([e.default.string,e.default.string]),borderColor:e.default.string,children:e.default.oneOfType([e.default.node,e.default.string]),color:e.default.string,flex:e.default.oneOfType([e.default.string,e.default.string]),grow:e.default.oneOfType([e.default.string,e.default.string]),hasRadius:e.default.bool,hiddenS:e.default.bool,hiddenXS:e.default.bool,padding:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingBottom:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingLeft:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingRight:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingTop:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),shadow:e.default.string,shrink:e.default.oneOfType([e.default.string,e.default.string])};t.defaultProps=o;t.propTypes=f;exports.BoxProps=t;exports.boxDefaultProps=o;exports.boxPropTypes=f;
+"use strict";var s=Object.defineProperty;var f=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var u=(d,t,a)=>t in d?s(d,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):d[t]=a,l=(d,t)=>{for(var a in t||(t={}))p.call(t,a)&&u(d,a,t[a]);if(f)for(var a of f(t))g.call(t,a)&&u(d,a,t[a]);return d};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),y=require("prop-types"),r=d=>d&&typeof d=="object"&&"default"in d?d:{default:d},c=r(b),e=r(y),o=d=>c.default.createElement("div",l({},d)),n={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:()=>{}},i={_hover:e.default.func,background:e.default.string,basis:e.default.oneOfType([e.default.string,e.default.string]),borderColor:e.default.string,children:e.default.oneOfType([e.default.node,e.default.string]),color:e.default.string,flex:e.default.oneOfType([e.default.string,e.default.string]),grow:e.default.oneOfType([e.default.string,e.default.string]),hasRadius:e.default.bool,hiddenS:e.default.bool,hiddenXS:e.default.bool,padding:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingBottom:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingLeft:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingRight:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingTop:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),shadow:e.default.string,shrink:e.default.oneOfType([e.default.string,e.default.string])};o.defaultProps=n;o.propTypes=i;exports.BoxProps=o;exports.boxDefaultProps=n;exports.boxPropTypes=i;

package/dist/Box/BoxProps.js

@@ -1,8 +1,17 @@
-import n from "react";
+var p = Object.defineProperty;
+var d = Object.getOwnPropertySymbols;
+var t = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var i = (n, r, e) => r in n ? p(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e, a = (n, r) => {
+  for (var e in r || (r = {}))
+    t.call(r, e) && i(n, e, r[e]);
+  if (d)
+    for (var e of d(r))
+      g.call(r, e) && i(n, e, r[e]);
+  return n;
+};
+import f from "react";
 import o from "prop-types";
-const r = (e) => /* @__PURE__ */ n.createElement("div", {
-  ...e
-}), d = {
+const s = (n) => /* @__PURE__ */ f.createElement("div", a({}, n)), b = {
   background: void 0,
   borderColor: void 0,
   color: void 0,
@@ -22,7 +31,7 @@ const r = (e) => /* @__PURE__ */ n.createElement("div", {
   flex: void 0,
   _hover: () => {
   }
-}, i = {
+}, l = {
   _hover: o.func,
   background: o.string,
   basis: o.oneOfType([o.string, o.string]),
@@ -42,10 +51,10 @@ const r = (e) => /* @__PURE__ */ n.createElement("div", {
   shadow: o.string,
   shrink: o.oneOfType([o.string, o.string])
 };
-r.defaultProps = d;
-r.propTypes = i;
+s.defaultProps = b;
+s.propTypes = l;
 export {
-  r as BoxProps,
-  d as boxDefaultProps,
-  i as boxPropTypes
+  s as BoxProps,
+  b as boxDefaultProps,
+  l as boxPropTypes
 };

package/dist/Breadcrumbs/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),y=require("prop-types"),f=require("styled-components"),h=require("@strapi/icons/ChevronRight"),u=require("../Typography/Typography.cjs"),s=require("../Box/Box.cjs"),d=require("../Flex/Flex.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=l(p),r=l(y),g=l(f),b=l(h),T=g.default(d.Flex)`
+"use strict";var q=Object.defineProperty;var n=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var c=(e,r,t)=>r in e?q(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))p.call(r,t)&&c(e,t,r[t]);if(n)for(var t of n(r))y.call(r,t)&&c(e,t,r[t]);return e};var h=(e,r)=>{var t={};for(var l in e)p.call(e,l)&&r.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&n)for(var l of n(e))r.indexOf(l)<0&&y.call(e,l)&&(t[l]=e[l]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),_=require("prop-types"),R=require("styled-components"),B=require("@strapi/icons/ChevronRight"),g=require("../Typography/Typography.cjs"),b=require("../Box/Box.cjs"),T=require("../Flex/Flex.cjs"),C=require("../VisuallyHidden/VisuallyHidden.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=u(x),o=u(_),v=u(R),E=u(B),$=v.default(T.Flex)`
   svg {
     height: ${10/16}rem;
     width: ${10/16}rem;
@@ -6,11 +6,11 @@
       fill: ${({theme:e})=>e.colors.neutral500};
     }
   }
-  :last-of-type ${s.Box} {
+  :last-of-type ${b.Box} {
     display: none;
   }
-  :last-of-type ${u.Typography} {
+  :last-of-type ${g.Typography} {
     color: ${({theme:e})=>e.colors.neutral800};
     font-weight: ${({theme:e})=>e.fontWeights.bold};
   }
-`,a=({children:e})=>t.default.createElement(T,{inline:!0,as:"li"},t.default.createElement(u.Typography,{variant:"pi",textColor:"neutral600"},e),t.default.createElement(s.Box,{"aria-hidden":!0,paddingLeft:3,paddingRight:3},t.default.createElement(b.default,null)));a.displayName="Crumb";a.propTypes={children:r.default.node.isRequired};const n=r.default.shape({type:r.default.oneOf([a])}),o=({children:e,label:i,...c})=>t.default.createElement(d.Flex,{...c},t.default.createElement(m.VisuallyHidden,null,i),t.default.createElement("ol",{"aria-hidden":!0},e));o.displayName="Breadcrumbs";o.propTypes={children:r.default.oneOfType([r.default.arrayOf(n),n]).isRequired,label:r.default.string.isRequired};exports.Breadcrumbs=o;exports.Crumb=a;
+`,s=({children:e})=>a.default.createElement($,{inline:!0,as:"li"},a.default.createElement(g.Typography,{variant:"pi",textColor:"neutral600"},e),a.default.createElement(b.Box,{"aria-hidden":!0,paddingLeft:3,paddingRight:3},a.default.createElement(E.default,null)));s.displayName="Crumb";s.propTypes={children:o.default.node.isRequired};const m=o.default.shape({type:o.default.oneOf([s])}),d=l=>{var i=l,{children:e,label:r}=i,t=h(i,["children","label"]);return a.default.createElement(T.Flex,f({},t),a.default.createElement(C.VisuallyHidden,null,r),a.default.createElement("ol",{"aria-hidden":!0},e))};d.displayName="Breadcrumbs";d.propTypes={children:o.default.oneOfType([o.default.arrayOf(m),m]).isRequired,label:o.default.string.isRequired};exports.Breadcrumbs=d;exports.Crumb=s;

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -1,12 +1,32 @@
-import r from "react";
-import t from "prop-types";
-import d from "styled-components";
-import c from "@strapi/icons/ChevronRight";
-import { Typography as a } from "../Typography/Typography.js";
-import { Box as l } from "../Box/Box.js";
-import { Flex as n } from "../Flex/Flex.js";
-import { VisuallyHidden as u } from "../VisuallyHidden/VisuallyHidden.js";
-const f = d(n)`
+var E = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var s = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var m = (e, t, r) => t in e ? E(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, c = (e, t) => {
+  for (var r in t || (t = {}))
+    s.call(t, r) && m(e, r, t[r]);
+  if (l)
+    for (var r of l(t))
+      d.call(t, r) && m(e, r, t[r]);
+  return e;
+};
+var u = (e, t) => {
+  var r = {};
+  for (var o in e)
+    s.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && l)
+    for (var o of l(e))
+      t.indexOf(o) < 0 && d.call(e, o) && (r[o] = e[o]);
+  return r;
+};
+import i from "react";
+import a from "prop-types";
+import $ from "styled-components";
+import R from "@strapi/icons/ChevronRight";
+import { Typography as y } from "../Typography/Typography.js";
+import { Box as h } from "../Box/Box.js";
+import { Flex as g } from "../Flex/Flex.js";
+import { VisuallyHidden as T } from "../VisuallyHidden/VisuallyHidden.js";
+const C = $(g)`
   svg {
     height: ${10 / 16}rem;
     width: ${10 / 16}rem;
@@ -14,39 +34,40 @@ const f = d(n)`
       fill: ${({ theme: e }) => e.colors.neutral500};
     }
   }
-  :last-of-type ${l} {
+  :last-of-type ${h} {
     display: none;
   }
-  :last-of-type ${a} {
+  :last-of-type ${y} {
     color: ${({ theme: e }) => e.colors.neutral800};
     font-weight: ${({ theme: e }) => e.fontWeights.bold};
   }
-`, o = ({ children: e }) => /* @__PURE__ */ r.createElement(f, {
+`, n = ({ children: e }) => /* @__PURE__ */ i.createElement(C, {
   inline: !0,
   as: "li"
-}, /* @__PURE__ */ r.createElement(a, {
+}, /* @__PURE__ */ i.createElement(y, {
   variant: "pi",
   textColor: "neutral600"
-}, e), /* @__PURE__ */ r.createElement(l, {
+}, e), /* @__PURE__ */ i.createElement(h, {
   "aria-hidden": !0,
   paddingLeft: 3,
   paddingRight: 3
-}, /* @__PURE__ */ r.createElement(c, null)));
-o.displayName = "Crumb";
-o.propTypes = {
-  children: t.node.isRequired
+}, /* @__PURE__ */ i.createElement(R, null)));
+n.displayName = "Crumb";
+n.propTypes = {
+  children: a.node.isRequired
+};
+const f = a.shape({ type: a.oneOf([n]) }), b = (o) => {
+  var p = o, { children: e, label: t } = p, r = u(p, ["children", "label"]);
+  return /* @__PURE__ */ i.createElement(g, c({}, r), /* @__PURE__ */ i.createElement(T, null, t), /* @__PURE__ */ i.createElement("ol", {
+    "aria-hidden": !0
+  }, e));
 };
-const i = t.shape({ type: t.oneOf([o]) }), p = ({ children: e, label: m, ...s }) => /* @__PURE__ */ r.createElement(n, {
-  ...s
-}, /* @__PURE__ */ r.createElement(u, null, m), /* @__PURE__ */ r.createElement("ol", {
-  "aria-hidden": !0
-}, e));
-p.displayName = "Breadcrumbs";
-p.propTypes = {
-  children: t.oneOfType([t.arrayOf(i), i]).isRequired,
-  label: t.string.isRequired
+b.displayName = "Breadcrumbs";
+b.propTypes = {
+  children: a.oneOfType([a.arrayOf(f), f]).isRequired,
+  label: a.string.isRequired
 };
 export {
-  p as Breadcrumbs,
-  o as Crumb
+  b as Breadcrumbs,
+  n as Crumb
 };

package/dist/Button/Button.cjs

@@ -1,48 +1,48 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),x=require("prop-types"),g=require("styled-components"),j=require("@strapi/icons/Loader"),h=require("../Typography/Typography.cjs"),d=require("../Box/Box.cjs"),o=require("./utils.cjs"),y=require("./constants.cjs"),E=require("../BaseButton/BaseButton.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=n(q),t=n(x),u=n(g),L=n(j),P=g.keyframes`
+"use strict";var W=Object.defineProperty;var i=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var b=(e,t,a)=>t in e?W(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,v=(e,t)=>{for(var a in t||(t={}))m.call(t,a)&&b(e,a,t[a]);if(i)for(var a of i(t))B.call(t,a)&&b(e,a,t[a]);return e};var $=(e,t)=>{var a={};for(var o in e)m.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&i)for(var o of i(e))t.indexOf(o)<0&&B.call(e,o)&&(a[o]=e[o]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),D=require("prop-types"),T=require("styled-components"),I=require("@strapi/icons/Loader"),_=require("../Typography/Typography.cjs"),f=require("../Box/Box.cjs"),r=require("./utils.cjs"),S=require("./constants.cjs"),N=require("../BaseButton/BaseButton.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=s(k),l=s(D),p=s(T),O=s(I),w=T.keyframes`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`,R=u.default.div`
-  animation: ${P} 2s infinite linear;
+`,A=p.default.div`
+  animation: ${w} 2s infinite linear;
   will-change: transform;
-`,W=u.default(d.Box)`
+`,C=p.default(f.Box)`
   height: 100%;
-`,b=u.default(E.BaseButton)`
+`,q=p.default(N.BaseButton)`
   align-items: center;
   background-color: ${({theme:e})=>e.colors.buttonPrimary600};
   border: 1px solid ${({theme:e})=>e.colors.buttonPrimary600};
-  height: ${({theme:e,size:l})=>e.sizes.button[l]};
+  height: ${({theme:e,size:t})=>e.sizes.button[t]};
   padding-left: ${({theme:e})=>e.spaces[4]};
   padding-right: ${({theme:e})=>e.spaces[4]};
 
-  ${d.Box} {
+  ${f.Box} {
     display: flex;
     align-items: center;
   }
 
-  ${h.Typography} {
+  ${_.Typography} {
     color: ${({theme:e})=>e.colors.buttonNeutral0};
   }
 
   &[aria-disabled='true'] {
-    ${o.getDisabledStyle}
+    ${r.getDisabledStyle}
     &:active {
-      ${o.getDisabledStyle}
+      ${r.getDisabledStyle}
     }
   }
   &:hover {
-    ${o.getHoverStyle}
+    ${r.getHoverStyle}
   }
   &:active {
-    ${o.getActiveStyle}
+    ${r.getActiveStyle}
   }
-  ${o.getVariantStyle}
+  ${r.getVariantStyle}
   ${({fullWidth:e})=>e&&`
     display: inline-flex;
     justify-content: center;
     width: 100%;
   `}
-`,r=a.default.forwardRef(({variant:e,startIcon:l,endIcon:c,disabled:m,children:B,onClick:f,size:p,loading:i,fullWidth:v,...$},S)=>{const s=m||i,T=_=>{!s&&f&&f(_)};return a.default.createElement(b,{ref:S,"aria-disabled":s,disabled:s,size:p,variant:e,onClick:T,fullWidth:v,...$},(l||i)&&a.default.createElement(W,{"aria-hidden":!0,paddingRight:2},i?a.default.createElement(R,null,a.default.createElement(L.default,null)):l),a.default.createElement(h.Typography,{variant:p==="S"?"pi":void 0,fontWeight:"bold",lineHeight:0},B),c&&a.default.createElement(d.Box,{"aria-hidden":!0,paddingLeft:2},c))});r.displayName="Button";r.defaultProps={disabled:!1,endIcon:void 0,fullWidth:!1,loading:!1,onClick:void 0,size:"S",startIcon:void 0,variant:"default"};r.propTypes={children:t.default.node.isRequired,disabled:t.default.bool,endIcon:t.default.element,fullWidth:t.default.bool,loading:t.default.bool,onClick:t.default.func,size:t.default.oneOf(y.BUTTON_SIZES),startIcon:t.default.element,variant:t.default.oneOf(y.VARIANTS)};exports.Button=r;exports.ButtonWrapper=b;
+`,d=n.default.forwardRef((H,L)=>{var h=H,{variant:e,startIcon:t,endIcon:a,disabled:o,children:x,onClick:y,size:g,loading:u,fullWidth:j}=h,E=$(h,["variant","startIcon","endIcon","disabled","children","onClick","size","loading","fullWidth"]);const c=o||u,P=R=>{!c&&y&&y(R)};return n.default.createElement(q,v({ref:L,"aria-disabled":c,disabled:c,size:g,variant:e,onClick:P,fullWidth:j},E),(t||u)&&n.default.createElement(C,{"aria-hidden":!0,paddingRight:2},u?n.default.createElement(A,null,n.default.createElement(O.default,null)):t),n.default.createElement(_.Typography,{variant:g==="S"?"pi":void 0,fontWeight:"bold",lineHeight:0},x),a&&n.default.createElement(f.Box,{"aria-hidden":!0,paddingLeft:2},a))});d.displayName="Button";d.defaultProps={disabled:!1,endIcon:void 0,fullWidth:!1,loading:!1,onClick:void 0,size:"S",startIcon:void 0,variant:"default"};d.propTypes={children:l.default.node.isRequired,disabled:l.default.bool,endIcon:l.default.element,fullWidth:l.default.bool,loading:l.default.bool,onClick:l.default.func,size:l.default.oneOf(S.BUTTON_SIZES),startIcon:l.default.element,variant:l.default.oneOf(S.VARIANTS)};exports.Button=d;exports.ButtonWrapper=q;