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

package/dist/Pagination/components.js

@@ -1,40 +1,19 @@
-var R = Object.defineProperty, T = Object.defineProperties;
-var N = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var b = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r) => {
-  for (var t in r || (r = {}))
-    y.call(r, t) && b(e, t, r[t]);
-  if (m)
-    for (var t of m(r))
-      P.call(r, t) && b(e, t, r[t]);
-  return e;
-}, v = (e, r) => T(e, N(r));
-var d = (e, r) => {
-  var t = {};
-  for (var o in e)
-    y.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && m)
-    for (var o of m(e))
-      r.indexOf(o) < 0 && P.call(e, o) && (t[o] = e[o]);
-  return t;
-};
-import i from "react";
-import p from "styled-components";
-import c from "prop-types";
-import q from "@strapi/icons/ChevronLeft";
-import W from "@strapi/icons/ChevronRight";
-import { NavLink as C } from "react-router-dom";
-import { VisuallyHidden as u } from "../VisuallyHidden/VisuallyHidden.js";
-import { usePagination as f } from "./PaginationContext.js";
-import { Typography as S } from "../Typography/Typography.js";
-import { buttonFocusStyle as A } from "../themes/utils.js";
-const E = p(S)`
+import t from "react";
+import s from "styled-components";
+import n from "prop-types";
+import b from "@strapi/icons/ChevronLeft";
+import y from "@strapi/icons/ChevronRight";
+import { NavLink as P } from "react-router-dom";
+import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
+import { usePagination as c } from "./PaginationContext.js";
+import { Typography as E } from "../Typography/Typography.js";
+import { buttonFocusStyle as k } from "../themes/utils.js";
+const m = s(E)`
   line-height: revert;
-`, D = {
+`, L = {
   active: !0
-}, g = p(C).withConfig({
-  shouldForwardProp: (e, r) => !D[e] && r(e)
+}, p = s(P).withConfig({
+  shouldForwardProp: (e, r) => !L[e] && r(e)
 })`
   padding: ${({ theme: e }) => e.spaces[3]};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -42,15 +21,15 @@ const E = p(S)`
   text-decoration: none;
   display: flex;
 
-  ${A}
-`, F = p(g)`
+  ${k}
+`, $ = s(p)`
   color: ${({ theme: e, active: r }) => r ? e.colors.primary700 : e.colors.neutral800};
   background: ${({ theme: e, active: r }) => r ? e.colors.neutral0 : void 0};
 
   &:hover {
     box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
   }
-`, k = p(g)`
+`, u = s(p)`
   font-size: 0.7rem;
   svg path {
     fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
@@ -66,69 +45,67 @@ const E = p(S)`
   ${(e) => e["aria-disabled"] ? `
   pointer-events: none;
     ` : void 0}
-`, I = p(g)`
+`, x = s(p)`
   color: ${({ theme: e }) => e.colors.neutral800};
-`, L = (o) => {
-  var a = o, { children: e, to: r } = a, t = d(a, ["children", "to"]);
-  const { activePage: s } = f(), n = s === 1;
-  return /* @__PURE__ */ i.createElement(k, l({
-    to: n ? "#" : r,
-    "aria-disabled": n,
-    tabIndex: n ? -1 : void 0
-  }, t), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(q, {
+`, h = ({ children: e, to: r, ...i }) => {
+  const { activePage: a } = c(), o = a === 1;
+  return /* @__PURE__ */ t.createElement(u, {
+    to: o ? "#" : r,
+    "aria-disabled": o,
+    tabIndex: o ? -1 : void 0,
+    ...i
+  }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(b, {
     "aria-hidden": !0
   }));
 };
-L.displayName = "PreviousLink";
-const $ = (o) => {
-  var a = o, { children: e, to: r } = a, t = d(a, ["children", "to"]);
-  const { activePage: s, pageCount: n } = f(), h = s === n;
-  return /* @__PURE__ */ i.createElement(k, l({
-    to: h ? "#" : r,
-    "aria-disabled": h,
-    tabIndex: h ? -1 : void 0
-  }, t), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(W, {
+h.displayName = "PreviousLink";
+const v = ({ children: e, to: r, ...i }) => {
+  const { activePage: a, pageCount: o } = c(), d = a === o;
+  return /* @__PURE__ */ t.createElement(u, {
+    to: d ? "#" : r,
+    "aria-disabled": d,
+    tabIndex: d ? -1 : void 0,
+    ...i
+  }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(y, {
     "aria-hidden": !0
   }));
 };
-$.displayName = "NextLink";
-const x = (o) => {
-  var a = o, { number: e, children: r } = a, t = d(a, ["number", "children"]);
-  const { activePage: s } = f(), n = s === e;
-  return /* @__PURE__ */ i.createElement(F, v(l({}, t), {
-    active: n
-  }), /* @__PURE__ */ i.createElement(u, null, r), /* @__PURE__ */ i.createElement(E, {
+v.displayName = "NextLink";
+const f = ({ number: e, children: r, ...i }) => {
+  const { activePage: a } = c(), o = a === e;
+  return /* @__PURE__ */ t.createElement($, {
+    ...i,
+    active: o
+  }, /* @__PURE__ */ t.createElement(l, null, r), /* @__PURE__ */ t.createElement(m, {
     "aria-hidden": !0,
     variant: "pi",
-    fontWeight: n ? "bold" : null
+    fontWeight: o ? "bold" : null
   }, e));
 };
-x.displayName = "PageLink";
-const _ = (t) => {
-  var o = t, { children: e } = o, r = d(o, ["children"]);
-  return /* @__PURE__ */ i.createElement(I, v(l({}, r), {
-    as: "div"
-  }), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(E, {
-    "aria-hidden": !0,
-    variant: "pi"
-  }, "\u2026"));
-};
-x.propTypes = {
-  children: c.node.isRequired,
-  number: c.number.isRequired
+f.displayName = "PageLink";
+const w = ({ children: e, ...r }) => /* @__PURE__ */ t.createElement(x, {
+  ...r,
+  as: "div"
+}, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(m, {
+  "aria-hidden": !0,
+  variant: "pi"
+}, "\u2026"));
+f.propTypes = {
+  children: n.node.isRequired,
+  number: n.number.isRequired
 };
-const w = {
-  children: c.node.isRequired,
-  to: c.string.isRequired
+const g = {
+  children: n.node.isRequired,
+  to: n.string.isRequired
 };
-$.propTypes = w;
-L.propTypes = w;
-_.propTypes = {
-  children: c.node.isRequired
+v.propTypes = g;
+h.propTypes = g;
+w.propTypes = {
+  children: n.node.isRequired
 };
 export {
-  _ as Dots,
-  $ as NextLink,
-  x as PageLink,
-  L as PreviousLink
+  w as Dots,
+  v as NextLink,
+  f as PageLink,
+  h as PreviousLink
 };

package/dist/Popover/Popover.cjs

@@ -1,9 +1,9 @@
-"use strict";var W=Object.defineProperty;var i=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?W(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,u=(e,o)=>{for(var t in o||(o={}))P.call(o,t)&&g(e,t,o[t]);if(i)for(var t of i(o))y.call(o,t)&&g(e,t,o[t]);return e};var v=(e,o)=>{var t={};for(var r in e)P.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&i)for(var r of i(e))o.indexOf(r)<0&&y.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),D=require("prop-types"),z=require("styled-components"),s=require("@floating-ui/react-dom"),d=require("../Box/Box.cjs"),A=require("../Portal/Portal.cjs"),C=require("../helpers/useIntersection.cjs"),x=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function N(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=N(L),n=x(D),w=x(z),E=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],I=w.default(d.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),j=require("prop-types"),S=require("styled-components"),s=require("@floating-ui/react-dom"),c=require("../Box/Box.cjs"),T=require("../Portal/Portal.cjs"),$=require("../helpers/useIntersection.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function M(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=M(q),t=b(j),m=b(S),h=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],B=m.default(c.Box)`
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   z-index: 4;
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   background: ${({theme:e})=>e.colors.neutral0};
-`,V=w.default(d.Box)`
+`,W=m.default(c.Box)`
   // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
   max-height: ${3*5}rem;
   overflow-y: auto;
@@ -23,4 +23,4 @@
     border-radius: ${({theme:e})=>e.borderRadius};
     margin-right: 10px;
   }
-`,f=F=>{var b=F,{source:e,children:o,spacing:t,fullWidth:r,placement:k,onReachEnd:c,intersectionId:l,centered:R}=b,q=v(b,["source","children","spacing","fullWidth","placement","onReachEnd","intersectionId","centered"]);const m=a.useRef(null),[j,S]=a.useState(void 0),{x:T,y:$,reference:h,floating:M,strategy:B}=s.useFloating({strategy:"fixed",placement:R?"bottom":k,middleware:[s.offset({mainAxis:t}),s.shift(),s.flip()],whileElementsMounted:s.autoUpdate});return a.useLayoutEffect(()=>{h(e.current)},[e,h]),a.useLayoutEffect(()=>{r&&S(e.current.offsetWidth)},[r,e]),C.useIntersection(m,c,{selectorToWatch:`#${l}`,skipWhen:!l||!c}),a.createElement(I,{ref:M,style:{left:T,top:$,position:B,width:j||void 0},hasRadius:!0,background:"neutral0",padding:1},a.createElement(V,u({ref:m},q),o,l&&c&&a.createElement(d.Box,{id:l,width:"100%",height:"1px"})))},p=e=>a.createElement(A.Portal,null,a.createElement(f,u({},e))),_={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start",spacing:0},O={centered:n.default.bool,children:n.default.node.isRequired,fullWidth:n.default.bool,intersectionId:n.default.string,onReachEnd:n.default.func,placement:n.default.oneOf(E),source:n.default.shape({current:(typeof Element=="undefined"?n.default.any:n.default.instanceOf(Element)).isRequired}).isRequired,spacing:n.default.number};f.propTypes=O;f.defaultProps=_;p.propTypes=O;p.defaultProps=_;exports.POPOVER_PLACEMENTS=E;exports.Popover=p;
+`,u=({source:e,children:n,spacing:r,fullWidth:a,placement:y,onReachEnd:i,intersectionId:l,centered:v,...x})=>{const f=o.useRef(null),[w,E]=o.useState(void 0),{x:_,y:O,reference:p,floating:k,strategy:R}=s.useFloating({strategy:"fixed",placement:v?"bottom":y,middleware:[s.offset({mainAxis:r}),s.shift(),s.flip()],whileElementsMounted:s.autoUpdate});return o.useLayoutEffect(()=>{p(e.current)},[e,p]),o.useLayoutEffect(()=>{a&&E(e.current.offsetWidth)},[a,e]),$.useIntersection(f,i,{selectorToWatch:`#${l}`,skipWhen:!l||!i}),o.createElement(B,{ref:k,style:{left:_,top:O,position:R,width:w||void 0},hasRadius:!0,background:"neutral0",padding:1},o.createElement(W,{ref:f,...x},n,l&&i&&o.createElement(c.Box,{id:l,width:"100%",height:"1px"})))},d=e=>o.createElement(T.Portal,null,o.createElement(u,{...e})),g={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start",spacing:0},P={centered:t.default.bool,children:t.default.node.isRequired,fullWidth:t.default.bool,intersectionId:t.default.string,onReachEnd:t.default.func,placement:t.default.oneOf(h),source:t.default.shape({current:(typeof Element>"u"?t.default.any:t.default.instanceOf(Element)).isRequired}).isRequired,spacing:t.default.number};u.propTypes=P;u.defaultProps=g;d.propTypes=P;d.defaultProps=g;exports.POPOVER_PLACEMENTS=h;exports.Popover=d;

package/dist/Popover/Popover.js

@@ -1,31 +1,11 @@
-var L = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
-var h = (e, o, t) => o in e ? L(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, p = (e, o) => {
-  for (var t in o || (o = {}))
-    b.call(o, t) && h(e, t, o[t]);
-  if (i)
-    for (var t of i(o))
-      g.call(o, t) && h(e, t, o[t]);
-  return e;
-};
-var w = (e, o) => {
-  var t = {};
-  for (var r in e)
-    b.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
-  if (e != null && i)
-    for (var r of i(e))
-      o.indexOf(r) < 0 && g.call(e, r) && (t[r] = e[r]);
-  return t;
-};
-import * as s from "react";
-import n from "prop-types";
-import v from "styled-components";
-import { useFloating as z, offset as A, shift as C, flip as M, autoUpdate as B } from "@floating-ui/react-dom";
-import { Box as d } from "../Box/Box.js";
-import { Portal as D } from "../Portal/Portal.js";
-import { useIntersection as F } from "../helpers/useIntersection.js";
-const N = [
+import * as o from "react";
+import t from "prop-types";
+import d from "styled-components";
+import { useFloating as R, offset as $, shift as W, flip as T, autoUpdate as O } from "@floating-ui/react-dom";
+import { Box as s } from "../Box/Box.js";
+import { Portal as S } from "../Portal/Portal.js";
+import { useIntersection as q } from "../helpers/useIntersection.js";
+const L = [
   "top",
   "top-start",
   "top-end",
@@ -38,12 +18,12 @@ const N = [
   "left",
   "left-start",
   "left-end"
-], U = v(d)`
+], z = d(s)`
   box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
   z-index: 4;
   border: 1px solid ${({ theme: e }) => e.colors.neutral150};
   background: ${({ theme: e }) => e.colors.neutral0};
-`, V = v(d)`
+`, A = d(s)`
   // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
   max-height: ${3 * 5}rem;
   overflow-y: auto;
@@ -63,87 +43,81 @@ const N = [
     border-radius: ${({ theme: e }) => e.borderRadius};
     margin-right: 10px;
   }
-`, c = (_) => {
-  var f = _, {
-    source: e,
-    children: o,
-    spacing: t,
-    fullWidth: r,
-    placement: P,
-    onReachEnd: l,
-    intersectionId: a,
-    centered: k
-  } = f, R = w(f, [
-    "source",
-    "children",
-    "spacing",
-    "fullWidth",
-    "placement",
-    "onReachEnd",
-    "intersectionId",
-    "centered"
-  ]);
-  const u = s.useRef(null), [$, W] = s.useState(void 0), { x: T, y: O, reference: m, floating: S, strategy: q } = z({
+`, a = ({
+  source: e,
+  children: m,
+  spacing: h,
+  fullWidth: i,
+  placement: b,
+  onReachEnd: n,
+  intersectionId: r,
+  centered: g,
+  ...w
+}) => {
+  const l = o.useRef(null), [v, x] = o.useState(void 0), { x: y, y: E, reference: p, floating: P, strategy: k } = R({
     strategy: "fixed",
-    placement: k ? "bottom" : P,
+    placement: g ? "bottom" : b,
     middleware: [
-      A({
-        mainAxis: t
+      $({
+        mainAxis: h
       }),
-      C(),
-      M()
+      W(),
+      T()
     ],
-    whileElementsMounted: B
+    whileElementsMounted: O
   });
-  return s.useLayoutEffect(() => {
-    m(e.current);
-  }, [e, m]), s.useLayoutEffect(() => {
-    r && W(e.current.offsetWidth);
-  }, [r, e]), F(u, l, {
-    selectorToWatch: `#${a}`,
-    skipWhen: !a || !l
-  }), /* @__PURE__ */ s.createElement(U, {
-    ref: S,
+  return o.useLayoutEffect(() => {
+    p(e.current);
+  }, [e, p]), o.useLayoutEffect(() => {
+    i && x(e.current.offsetWidth);
+  }, [i, e]), q(l, n, {
+    selectorToWatch: `#${r}`,
+    skipWhen: !r || !n
+  }), /* @__PURE__ */ o.createElement(z, {
+    ref: P,
     style: {
-      left: T,
-      top: O,
-      position: q,
-      width: $ || void 0
+      left: y,
+      top: E,
+      position: k,
+      width: v || void 0
     },
     hasRadius: !0,
     background: "neutral0",
     padding: 1
-  }, /* @__PURE__ */ s.createElement(V, p({
-    ref: u
-  }, R), o, a && l && /* @__PURE__ */ s.createElement(d, {
-    id: a,
+  }, /* @__PURE__ */ o.createElement(A, {
+    ref: l,
+    ...w
+  }, m, r && n && /* @__PURE__ */ o.createElement(s, {
+    id: r,
     width: "100%",
     height: "1px"
   })));
-}, x = (e) => /* @__PURE__ */ s.createElement(D, null, /* @__PURE__ */ s.createElement(c, p({}, e))), y = {
+}, c = (e) => /* @__PURE__ */ o.createElement(S, null, /* @__PURE__ */ o.createElement(a, {
+  ...e
+})), f = {
   fullWidth: !1,
   intersectionId: void 0,
   onReachEnd: void 0,
   centered: !1,
   placement: "bottom-start",
   spacing: 0
-}, E = {
-  centered: n.bool,
-  children: n.node.isRequired,
-  fullWidth: n.bool,
-  intersectionId: n.string,
-  onReachEnd: n.func,
-  placement: n.oneOf(N),
-  source: n.shape({
-    current: (typeof Element == "undefined" ? n.any : n.instanceOf(Element)).isRequired
+}, u = {
+  centered: t.bool,
+  children: t.node.isRequired,
+  fullWidth: t.bool,
+  intersectionId: t.string,
+  onReachEnd: t.func,
+  placement: t.oneOf(L),
+  source: t.shape({
+    current: (typeof Element > "u" ? t.any : t.instanceOf(Element)).isRequired
   }).isRequired,
-  spacing: n.number
+  spacing: t.number
 };
-c.propTypes = E;
-c.defaultProps = y;
-x.propTypes = E;
-x.defaultProps = y;
+a.propTypes = u;
+a.defaultProps = f;
+c.propTypes = u;
+c.defaultProps = f;
 export {
-  N as POPOVER_PLACEMENTS,
-  x as Popover
+  L as POPOVER_PLACEMENTS,
+  c as Popover
 };

package/dist/Portal/Portal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),a=require("react-dom"),s=require("prop-types"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=l(s),o=({children:e})=>{const t=r.useRef(null),[n,c]=r.useState(!1);return r.useLayoutEffect(()=>(t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),c(!0),()=>{var u;(u=t.current)==null||u.remove()}),[]),!n||!t.current?null:a.createPortal(e,t.current)};o.propTypes={children:d.default.node.isRequired};exports.Portal=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),c=require("react-dom"),a=require("prop-types"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=s(a),u=({children:e})=>{const t=r.useRef(null),[o,n]=r.useState(!1);return r.useLayoutEffect(()=>(t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),n(!0),()=>{t.current?.remove()}),[]),!o||!t.current?null:c.createPortal(e,t.current)};u.propTypes={children:l.default.node.isRequired};exports.Portal=u;

package/dist/Portal/Portal.js

@@ -1,16 +1,15 @@
-import { useRef as n, useState as c, useLayoutEffect as a } from "react";
-import { createPortal as d } from "react-dom";
-import p from "prop-types";
-const s = ({ children: t }) => {
-  const e = n(null), [o, u] = c(!1);
-  return a(() => (e.current = document.createElement("div"), e.current.setAttribute("data-react-portal", "true"), document.body.appendChild(e.current), u(!0), () => {
-    var r;
-    (r = e.current) == null || r.remove();
-  }), []), !o || !e.current ? null : d(t, e.current);
+import { useRef as u, useState as n, useLayoutEffect as c } from "react";
+import { createPortal as a } from "react-dom";
+import d from "prop-types";
+const p = ({ children: r }) => {
+  const e = u(null), [t, o] = n(!1);
+  return c(() => (e.current = document.createElement("div"), e.current.setAttribute("data-react-portal", "true"), document.body.appendChild(e.current), o(!0), () => {
+    e.current?.remove();
+  }), []), !t || !e.current ? null : a(r, e.current);
 };
-s.propTypes = {
-  children: p.node.isRequired
+p.propTypes = {
+  children: d.node.isRequired
 };
 export {
-  s as Portal
+  p as Portal
 };

package/dist/ProgressBar/ProgressBar.cjs

@@ -1,4 +1,4 @@
-"use strict";var g=Object.defineProperty;var s=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var d=(e,r,t)=>r in e?g(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))c.call(r,t)&&d(e,t,r[t]);if(s)for(var t of s(r))p.call(r,t)&&d(e,t,r[t]);return e};var b=(e,r)=>{var t={};for(var o in e)c.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 y=require("react"),x=require("prop-types"),_=require("styled-components"),v=require("../Box/Box.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},B=u(y),a=u(x),P=u(_),h=P.default(v.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),d=require("prop-types"),c=require("styled-components"),p=require("../Box/Box.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=r(i),t=r(d),b=r(c),m=b.default(p.Box)`
   &:before {
     background-color: ${({theme:e})=>e.colors.neutral0};
     border-radius: ${({theme:e})=>e.borderRadius};
@@ -8,4 +8,4 @@
     top: 0;
     width: ${({value:e})=>`${e}%`};
   }
-`,l=q=>{var i=q,{min:e,max:r,value:t,children:o,size:n}=i,m=b(i,["min","max","value","children","size"]);return B.default.createElement(h,f({background:"neutral600",hasRadius:!0,"aria-label":o,"aria-valuemax":r,"aria-valuemin":e,"aria-valuenow":t,height:n==="S"?1:2,position:"relative",role:"progressbar",value:t,width:n==="S"?"78px":"102px"},m))};l.defaultProps={min:0,max:100,value:0,size:"M"};l.propTypes={children:a.default.node.isRequired,max:a.default.number,min:a.default.number,size:a.default.oneOf(["S","M"]),value:a.default.number};exports.ProgressBar=l;
+`,o=({min:e,max:u,value:a,children:l,size:s,...n})=>f.default.createElement(m,{background:"neutral600",hasRadius:!0,"aria-label":l,"aria-valuemax":u,"aria-valuemin":e,"aria-valuenow":a,height:s==="S"?1:2,position:"relative",role:"progressbar",value:a,width:s==="S"?"78px":"102px",...n});o.defaultProps={min:0,max:100,value:0,size:"M"};o.propTypes={children:t.default.node.isRequired,max:t.default.number,min:t.default.number,size:t.default.oneOf(["S","M"]),value:t.default.number};exports.ProgressBar=o;

package/dist/ProgressBar/ProgressBar.js

@@ -1,28 +1,8 @@
-var f = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
-var u = (r, o, e) => o in r ? f(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, p = (r, o) => {
-  for (var e in o || (o = {}))
-    m.call(o, e) && u(r, e, o[e]);
-  if (i)
-    for (var e of i(o))
-      l.call(o, e) && u(r, e, o[e]);
-  return r;
-};
-var d = (r, o) => {
-  var e = {};
-  for (var a in r)
-    m.call(r, a) && o.indexOf(a) < 0 && (e[a] = r[a]);
-  if (r != null && i)
-    for (var a of i(r))
-      o.indexOf(a) < 0 && l.call(r, a) && (e[a] = r[a]);
-  return e;
-};
-import x from "react";
-import t from "prop-types";
-import g from "styled-components";
-import { Box as h } from "../Box/Box.js";
-const v = g(h)`
+import u from "react";
+import e from "prop-types";
+import m from "styled-components";
+import { Box as l } from "../Box/Box.js";
+const p = m(l)`
   &:before {
     background-color: ${({ theme: r }) => r.colors.neutral0};
     border-radius: ${({ theme: r }) => r.borderRadius};
@@ -32,35 +12,33 @@ const v = g(h)`
     top: 0;
     width: ${({ value: r }) => `${r}%`};
   }
-`, b = (P) => {
-  var n = P, { min: r, max: o, value: e, children: a, size: s } = n, c = d(n, ["min", "max", "value", "children", "size"]);
-  return /* @__PURE__ */ x.createElement(v, p({
-    background: "neutral600",
-    hasRadius: !0,
-    "aria-label": a,
-    "aria-valuemax": o,
-    "aria-valuemin": r,
-    "aria-valuenow": e,
-    height: s === "S" ? 1 : 2,
-    position: "relative",
-    role: "progressbar",
-    value: e,
-    width: s === "S" ? "78px" : "102px"
-  }, c));
-};
-b.defaultProps = {
+`, t = ({ min: r, max: i, value: o, children: s, size: a, ...n }) => /* @__PURE__ */ u.createElement(p, {
+  background: "neutral600",
+  hasRadius: !0,
+  "aria-label": s,
+  "aria-valuemax": i,
+  "aria-valuemin": r,
+  "aria-valuenow": o,
+  height: a === "S" ? 1 : 2,
+  position: "relative",
+  role: "progressbar",
+  value: o,
+  width: a === "S" ? "78px" : "102px",
+  ...n
+});
+t.defaultProps = {
   min: 0,
   max: 100,
   value: 0,
   size: "M"
 };
-b.propTypes = {
-  children: t.node.isRequired,
-  max: t.number,
-  min: t.number,
-  size: t.oneOf(["S", "M"]),
-  value: t.number
+t.propTypes = {
+  children: e.node.isRequired,
+  max: e.number,
+  min: e.number,
+  size: e.oneOf(["S", "M"]),
+  value: e.number
 };
 export {
-  b as ProgressBar
+  t as ProgressBar
 };

package/dist/Radio/Radio.cjs

@@ -1,4 +1,4 @@
-"use strict";var f=Object.defineProperty;var r=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var d=(e,t,a)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,c=(e,t)=>{for(var a in t||(t={}))n.call(t,a)&&d(e,a,t[a]);if(r)for(var a of r(t))u.call(t,a)&&d(e,a,t[a]);return e};var i=(e,t)=>{var a={};for(var o in e)n.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&r)for(var o of r(e))t.indexOf(o)<0&&u.call(e,o)&&(a[o]=e[o]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),g=require("prop-types"),T=require("styled-components"),_=require("../BaseRadio/BaseRadio.cjs"),q=require("../Typography/Typography.cjs"),B=require("../Box/Box.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=l(R),p=l(g),x=l(T),m=x.default(q.Typography)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),d=require("prop-types"),n=require("styled-components"),u=require("../BaseRadio/BaseRadio.cjs"),c=require("../Typography/Typography.cjs"),i=require("../Box/Box.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(l),o=a(d),p=a(n),y=p.default(c.Typography)`
   display: flex;
   align-items: center;
-`,y=a=>{var o=a,{children:e}=o,t=i(o,["children"]);return s.default.createElement(m,{as:"label",textColor:"neutral800"},s.default.createElement(_.BaseRadio,c({},t)),s.default.createElement(B.Box,{paddingLeft:2},e))};y.propTypes={children:p.default.node.isRequired,value:p.default.any.isRequired};exports.Radio=y;
+`,r=({children:e,...s})=>t.default.createElement(y,{as:"label",textColor:"neutral800"},t.default.createElement(u.BaseRadio,{...s}),t.default.createElement(i.Box,{paddingLeft:2},e));r.propTypes={children:o.default.node.isRequired,value:o.default.any.isRequired};exports.Radio=r;