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

package/dist/Button/Button.js

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

package/dist/Card/Card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),u=require("prop-types"),l=require("../Box/Box.cjs"),n=require("./CardContext.cjs"),c=require("../helpers/useId.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=a(s),i=a(u),t=({id:e,...d})=>{const r=c.useId("card",e);return o.default.createElement(n.CardContext.Provider,{value:{id:r}},o.default.createElement(l.Box,{id:e,tabIndex:0,hasRadius:!0,background:"neutral0",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",shadow:"tableShadow",as:"article","aria-labelledby":`${r}-title`,...d}))};t.defaultProps={id:void 0};t.propTypes={id:i.default.string};exports.Card=t;
+"use strict";var f=Object.defineProperty;var a=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;var u=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))l.call(t,r)&&u(e,r,t[r]);if(a)for(var r of a(t))n.call(t,r)&&u(e,r,t[r]);return e};var i=(e,t)=>{var r={};for(var o in e)l.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&&n.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),y=require("prop-types"),C=require("../Box/Box.cjs"),_=require("./CardContext.cjs"),g=require("../helpers/useId.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=b(x),h=b(y),d=r=>{var o=r,{id:e}=o,t=i(o,["id"]);const s=g.useId("card",e);return p.default.createElement(_.CardContext.Provider,{value:{id:s}},p.default.createElement(C.Box,c({id:e,tabIndex:0,hasRadius:!0,background:"neutral0",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",shadow:"tableShadow",as:"article","aria-labelledby":`${s}-title`},t)))};d.defaultProps={id:void 0};d.propTypes={id:h.default.string};exports.Card=d;

package/dist/Card/Card.js

@@ -1,13 +1,34 @@
-import t from "react";
-import d from "prop-types";
-import { Box as i } from "../Box/Box.js";
-import { CardContext as l } from "./CardContext.js";
-import { useId as p } from "../helpers/useId.js";
-const o = ({ id: r, ...a }) => {
-  const e = p("card", r);
-  return /* @__PURE__ */ t.createElement(l.Provider, {
-    value: { id: e }
-  }, /* @__PURE__ */ t.createElement(i, {
+var b = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var i = (r, e, t) => e in r ? b(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, m = (r, e) => {
+  for (var t in e || (e = {}))
+    l.call(e, t) && i(r, t, e[t]);
+  if (a)
+    for (var t of a(e))
+      p.call(e, t) && i(r, t, e[t]);
+  return r;
+};
+var n = (r, e) => {
+  var t = {};
+  for (var o in r)
+    l.call(r, o) && e.indexOf(o) < 0 && (t[o] = r[o]);
+  if (r != null && a)
+    for (var o of a(r))
+      e.indexOf(o) < 0 && p.call(r, o) && (t[o] = r[o]);
+  return t;
+};
+import s from "react";
+import c from "prop-types";
+import { Box as f } from "../Box/Box.js";
+import { CardContext as x } from "./CardContext.js";
+import { useId as h } from "../helpers/useId.js";
+const u = (t) => {
+  var o = t, { id: r } = o, e = n(o, ["id"]);
+  const d = h("card", r);
+  return /* @__PURE__ */ s.createElement(x.Provider, {
+    value: { id: d }
+  }, /* @__PURE__ */ s.createElement(f, m({
     id: r,
     tabIndex: 0,
     hasRadius: !0,
@@ -17,16 +38,15 @@ const o = ({ id: r, ...a }) => {
     borderColor: "neutral150",
     shadow: "tableShadow",
     as: "article",
-    "aria-labelledby": `${e}-title`,
-    ...a
-  }));
+    "aria-labelledby": `${d}-title`
+  }, e)));
 };
-o.defaultProps = {
+u.defaultProps = {
   id: void 0
 };
-o.propTypes = {
-  id: d.string
+u.propTypes = {
+  id: c.string
 };
 export {
-  o as Card
+  u as Card
 };

package/dist/Card/CardAsset.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),l=require("styled-components"),c=require("prop-types"),u=require("../Flex/Flex.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(n),i=a(l),o=a(c),p=i.default.img`
+"use strict";var y=Object.defineProperty,b=Object.defineProperties;var x=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var l=(e,t,a)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,p=(e,t)=>{for(var a in t||(t={}))c.call(t,a)&&l(e,a,t[a]);if(s)for(var a of s(t))u.call(t,a)&&l(e,a,t[a]);return e},f=(e,t)=>b(e,x(t));var h=(e,t)=>{var a={};for(var r in e)c.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&s)for(var r of s(e))t.indexOf(r)<0&&u.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),w=require("styled-components"),q=require("prop-types"),v=require("../Flex/Flex.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=i(_),m=i(w),g=i(q),j=m.default.img`
   // inline flows is based on typography and displays an extra white space below the image
   // switch to block is required in order to make the img stick the bottom of the container
   // addition infos: https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image
@@ -7,13 +7,13 @@
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
-`,f={S:88,M:164},h=i.default.div`
+`,k={S:88,M:164},A=m.default.div`
   display: flex;
   justify-content: center;
-  height: ${({size:e})=>f[e]/16}rem;
+  height: ${({size:e})=>k[e]/16}rem;
   width: 100%;
   background: repeating-conic-gradient(${({theme:e})=>e.colors.neutral100} 0% 25%, transparent 0% 50%) 50% / 20px
     20px;
   border-top-left-radius: ${({theme:e})=>e.borderRadius};
   border-top-right-radius: ${({theme:e})=>e.borderRadius};
-`,r=({size:e,children:s,...d})=>t.default.createElement(h,{size:e},s?t.default.createElement(u.Flex,null,s):t.default.createElement(p,{...d,"aria-hidden":!0}));r.defaultProps={children:void 0,size:"M"};r.propTypes={children:o.default.node,size:o.default.oneOf(["S","M"])};exports.CardAsset=r;
+`,d=r=>{var n=r,{size:e,children:t}=n,a=h(n,["size","children"]);return o.default.createElement(A,{size:e},t?o.default.createElement(v.Flex,null,t):o.default.createElement(j,f(p({},a),{"aria-hidden":!0})))};d.defaultProps={children:void 0,size:"M"};d.propTypes={children:g.default.node,size:g.default.oneOf(["S","M"])};exports.CardAsset=d;

package/dist/Card/CardAsset.js

@@ -1,8 +1,29 @@
-import t from "react";
-import o from "styled-components";
-import i from "prop-types";
-import { Flex as n } from "../Flex/Flex.js";
-const d = o.img`
+var u = Object.defineProperty, b = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var n = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, c = (e, t) => {
+  for (var r in t || (t = {}))
+    d.call(t, r) && n(e, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      p.call(t, r) && n(e, r, t[r]);
+  return e;
+}, m = (e, t) => b(e, x(t));
+var l = (e, t) => {
+  var r = {};
+  for (var i in e)
+    d.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && o)
+    for (var i of o(e))
+      t.indexOf(i) < 0 && p.call(e, i) && (r[i] = e[i]);
+  return r;
+};
+import a from "react";
+import f from "styled-components";
+import h from "prop-types";
+import { Flex as w } from "../Flex/Flex.js";
+const y = f.img`
   // inline flows is based on typography and displays an extra white space below the image
   // switch to block is required in order to make the img stick the bottom of the container
   // addition infos: https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image
@@ -11,32 +32,34 @@ const d = o.img`
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
-`, p = {
+`, k = {
   S: 88,
   M: 164
-}, c = o.div`
+}, v = f.div`
   display: flex;
   justify-content: center;
-  height: ${({ size: e }) => p[e] / 16}rem;
+  height: ${({ size: e }) => k[e] / 16}rem;
   width: 100%;
   background: repeating-conic-gradient(${({ theme: e }) => e.colors.neutral100} 0% 25%, transparent 0% 50%) 50% / 20px
     20px;
   border-top-left-radius: ${({ theme: e }) => e.borderRadius};
   border-top-right-radius: ${({ theme: e }) => e.borderRadius};
-`, a = ({ size: e, children: r, ...s }) => /* @__PURE__ */ t.createElement(c, {
-  size: e
-}, r ? /* @__PURE__ */ t.createElement(n, null, r) : /* @__PURE__ */ t.createElement(d, {
-  ...s,
-  "aria-hidden": !0
-}));
-a.defaultProps = {
+`, g = (i) => {
+  var s = i, { size: e, children: t } = s, r = l(s, ["size", "children"]);
+  return /* @__PURE__ */ a.createElement(v, {
+    size: e
+  }, t ? /* @__PURE__ */ a.createElement(w, null, t) : /* @__PURE__ */ a.createElement(y, m(c({}, r), {
+    "aria-hidden": !0
+  })));
+};
+g.defaultProps = {
   children: void 0,
   size: "M"
 };
-a.propTypes = {
-  children: i.node,
-  size: i.oneOf(["S", "M"])
+g.propTypes = {
+  children: h.node,
+  size: h.oneOf(["S", "M"])
 };
 export {
-  a as CardAsset
+  g as CardAsset
 };

package/dist/Card/CardBadge.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),r=require("styled-components"),n=require("../Badge/Badge.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(l),d=a(r),o=d.default.div`
+"use strict";var c=Object.defineProperty;var d=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var l=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))u.call(t,a)&&l(e,a,t[a]);if(d)for(var a of d(t))i.call(t,a)&&l(e,a,t[a]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),g=require("styled-components"),B=require("../Badge/Badge.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=o(f),s=o(g),p=s.default.div`
   margin-left: auto;
   flex-shrink: 0;
-`,s=d.default(n.Badge)`
+`,_=s.default(B.Badge)`
   margin-left: ${({theme:e})=>e.spaces[1]};
-`,c=e=>t.default.createElement(o,null,t.default.createElement(s,{...e}));exports.CardBadge=c;
+`,m=e=>n.default.createElement(p,null,n.default.createElement(_,r({},e)));exports.CardBadge=m;

package/dist/Card/CardBadge.js

@@ -1,14 +1,23 @@
-import t from "react";
-import r from "styled-components";
-import { Badge as a } from "../Badge/Badge.js";
-const o = r.div`
+var i = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var o = (e, t, r) => t in e ? i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, m = (e, t) => {
+  for (var r in t || (t = {}))
+    l.call(t, r) && o(e, r, t[r]);
+  if (a)
+    for (var r of a(t))
+      s.call(t, r) && o(e, r, t[r]);
+  return e;
+};
+import n from "react";
+import d from "styled-components";
+import { Badge as c } from "../Badge/Badge.js";
+const f = d.div`
   margin-left: auto;
   flex-shrink: 0;
-`, m = r(a)`
+`, p = d(c)`
   margin-left: ${({ theme: e }) => e.spaces[1]};
-`, l = (e) => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(m, {
-  ...e
-}));
+`, C = (e) => /* @__PURE__ */ n.createElement(f, null, /* @__PURE__ */ n.createElement(p, m({}, e)));
 export {
-  l as CardBadge
+  C as CardBadge
 };

package/dist/Card/CardBody.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),o=require("../Flex/Flex.cjs"),d=require("../Box/Box.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(a),l=e=>t.default.createElement(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:2,paddingBottom:2},t.default.createElement(o.Flex,{...e,alignItems:"flex-start"}));exports.CardBody=l;
+"use strict";var c=Object.defineProperty,u=Object.defineProperties;var i=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var d=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))s.call(t,a)&&d(e,a,t[a]);if(o)for(var a of o(t))f.call(t,a)&&d(e,a,t[a]);return e},l=(e,t)=>u(e,i(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),x=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=B(g),m=e=>n.default.createElement(p.Box,{paddingLeft:3,paddingRight:3,paddingTop:2,paddingBottom:2},n.default.createElement(x.Flex,l(r({},e),{alignItems:"flex-start"})));exports.CardBody=m;

package/dist/Card/CardBody.js

@@ -1,15 +1,26 @@
-import t from "react";
-import { Flex as o } from "../Flex/Flex.js";
-import { Box as r } from "../Box/Box.js";
-const i = (e) => /* @__PURE__ */ t.createElement(r, {
+var n = Object.defineProperty, p = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var r = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var a = (e, t, o) => t in e ? n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
+  for (var o in t || (t = {}))
+    g.call(t, o) && a(e, o, t[o]);
+  if (r)
+    for (var o of r(t))
+      l.call(t, o) && a(e, o, t[o]);
+  return e;
+}, m = (e, t) => p(e, f(t));
+import i from "react";
+import { Flex as c } from "../Flex/Flex.js";
+import { Box as x } from "../Box/Box.js";
+const R = (e) => /* @__PURE__ */ i.createElement(x, {
   paddingLeft: 3,
   paddingRight: 3,
   paddingTop: 2,
   paddingBottom: 2
-}, /* @__PURE__ */ t.createElement(o, {
-  ...e,
+}, /* @__PURE__ */ i.createElement(c, m(d({}, e), {
   alignItems: "flex-start"
-}));
+})));
 export {
-  i as CardBody
+  R as CardBody
 };

package/dist/Card/CardCheckbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),o=require("./CardAction.cjs"),r=require("../BaseCheckbox/BaseCheckbox.cjs"),s=require("./CardContext.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=n(c),d=e=>{const{id:a}=s.useCard();return t.default.createElement(o.CardAction,{position:"start"},t.default.createElement(r.BaseCheckbox,{"aria-labelledby":`${a}-title`,...e}))};exports.CardCheckbox=d;
+"use strict";var n=Object.defineProperty;var c=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var o=(e,t,a)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))d.call(t,a)&&o(e,a,t[a]);if(c)for(var a of c(t))i.call(t,a)&&o(e,a,t[a]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),l=require("./CardAction.cjs"),C=require("../BaseCheckbox/BaseCheckbox.cjs"),b=require("./CardContext.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=f(u),x=e=>{const{id:t}=b.useCard();return s.default.createElement(l.CardAction,{position:"start"},s.default.createElement(C.BaseCheckbox,r({"aria-labelledby":`${t}-title`},e)))};exports.CardCheckbox=x;

package/dist/Card/CardCheckbox.js

@@ -1,16 +1,26 @@
-import t from "react";
-import { CardAction as o } from "./CardAction.js";
-import { BaseCheckbox as a } from "../BaseCheckbox/BaseCheckbox.js";
-import { useCard as i } from "./CardContext.js";
-const d = (e) => {
-  const { id: r } = i();
-  return /* @__PURE__ */ t.createElement(o, {
+var c = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var a = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, i = (r, t) => {
+  for (var e in t || (t = {}))
+    l.call(t, e) && a(r, e, t[e]);
+  if (o)
+    for (var e of o(t))
+      n.call(t, e) && a(r, e, t[e]);
+  return r;
+};
+import m from "react";
+import { CardAction as d } from "./CardAction.js";
+import { BaseCheckbox as p } from "../BaseCheckbox/BaseCheckbox.js";
+import { useCard as s } from "./CardContext.js";
+const h = (r) => {
+  const { id: t } = s();
+  return /* @__PURE__ */ m.createElement(d, {
     position: "start"
-  }, /* @__PURE__ */ t.createElement(a, {
-    "aria-labelledby": `${r}-title`,
-    ...e
-  }));
+  }, /* @__PURE__ */ m.createElement(p, i({
+    "aria-labelledby": `${t}-title`
+  }, r)));
 };
 export {
-  d as CardCheckbox
+  h as CardCheckbox
 };

package/dist/Card/CardContent.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),s=require("prop-types"),a=require("../Box/Box.cjs"),c=require("styled-components"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=t(n),u=t(s),d=t(c),p=d.default(a.Box)`
+"use strict";var i=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var a=(e,t,o)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,u=(e,t)=>{for(var o in t||(t={}))c.call(t,o)&&a(e,o,t[o]);if(n)for(var o of n(t))l.call(t,o)&&a(e,o,t[o]);return e};var d=(e,t)=>{var o={};for(var r in e)c.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&n)for(var r of n(e))t.indexOf(r)<0&&l.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),y=require("prop-types"),_=require("styled-components"),B=require("../Box/Box.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=s(f),q=s(y),x=s(_),C=x.default(B.Box)`
   word-break: break-all;
-`,o=({children:e,...r})=>l.default.createElement(p,{...r},e);o.propTypes={children:u.default.node.isRequired};exports.CardContent=o;
+`,p=o=>{var r=o,{children:e}=r,t=d(r,["children"]);return b.default.createElement(C,u({},t),e)};p.propTypes={children:q.default.node.isRequired};exports.CardContent=p;

package/dist/Card/CardContent.js

@@ -1,15 +1,36 @@
-import o from "react";
-import t from "prop-types";
-import { Box as p } from "../Box/Box.js";
-import m from "styled-components";
-const a = m(p)`
+var l = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var a = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var m = (r, e, o) => e in r ? l(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, d = (r, e) => {
+  for (var o in e || (e = {}))
+    a.call(e, o) && m(r, o, e[o]);
+  if (p)
+    for (var o of p(e))
+      n.call(e, o) && m(r, o, e[o]);
+  return r;
+};
+var i = (r, e) => {
+  var o = {};
+  for (var t in r)
+    a.call(r, t) && e.indexOf(t) < 0 && (o[t] = r[t]);
+  if (r != null && p)
+    for (var t of p(r))
+      e.indexOf(t) < 0 && n.call(r, t) && (o[t] = r[t]);
+  return o;
+};
+import s from "react";
+import c from "prop-types";
+import f from "styled-components";
+import { Box as k } from "../Box/Box.js";
+const u = f(k)`
   word-break: break-all;
-`, n = ({ children: r, ...e }) => /* @__PURE__ */ o.createElement(a, {
-  ...e
-}, r);
-n.propTypes = {
-  children: t.node.isRequired
+`, x = (o) => {
+  var t = o, { children: r } = t, e = i(t, ["children"]);
+  return /* @__PURE__ */ s.createElement(u, d({}, e), r);
+};
+x.propTypes = {
+  children: c.node.isRequired
 };
 export {
-  n as CardContent
+  x as CardContent
 };

package/dist/Card/CardHeader.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),o=require("styled-components"),a=require("../Flex/Flex.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=t(r),n=t(o),s=n.default(a.Flex)`
+"use strict";var s=Object.defineProperty;var o=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var a=(e,t,r)=>t in e?s(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)&&a(e,r,t[r]);if(o)for(var r of o(t))d.call(t,r)&&a(e,r,t[r]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),i=require("styled-components"),f=require("../Flex/Flex.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=n(u),y=n(i),_=y.default(f.Flex)`
   position: relative;
   border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,c=e=>l.default.createElement(s,{justifyContent:"center",...e});exports.CardHeader=c;
+`,b=e=>p.default.createElement(_,l({justifyContent:"center"},e));exports.CardHeader=b;

package/dist/Card/CardHeader.js

@@ -1,13 +1,23 @@
-import r from "react";
-import t from "styled-components";
-import { Flex as o } from "../Flex/Flex.js";
-const a = t(o)`
+var d = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var a = (e, r, t) => r in e ? d(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, n = (e, r) => {
+  for (var t in r || (r = {}))
+    i.call(r, t) && a(e, t, r[t]);
+  if (o)
+    for (var t of o(r))
+      l.call(r, t) && a(e, t, r[t]);
+  return e;
+};
+import m from "react";
+import p from "styled-components";
+import { Flex as s } from "../Flex/Flex.js";
+const c = p(s)`
   position: relative;
   border-bottom: 1px solid ${({ theme: e }) => e.colors.neutral150};
-`, l = (e) => /* @__PURE__ */ r.createElement(a, {
-  justifyContent: "center",
-  ...e
-});
+`, b = (e) => /* @__PURE__ */ m.createElement(c, n({
+  justifyContent: "center"
+}, e));
 export {
-  l as CardHeader
+  b as CardHeader
 };

package/dist/Card/CardTimer.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),p=require("prop-types"),u=require("styled-components"),c=require("../Box/Box.cjs"),n=require("../Typography/Typography.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=t(s),l=t(p),d=t(u),i=d.default(c.Box)`
+"use strict";var y=Object.defineProperty;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var p=(e,t,r)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,n=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&p(e,r,t[r]);if(a)for(var r of a(t))c.call(t,r)&&p(e,r,t[r]);return e};var l=(e,t)=>{var r={};for(var o in e)u.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&&c.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),T=require("prop-types"),g=require("styled-components"),m=require("../Box/Box.cjs"),_=require("../Typography/Typography.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=s(f),h=s(T),b=s(g),q=b.default(m.Box)`
   position: absolute;
   bottom: ${({theme:e})=>e.spaces[1]};
   right: ${({theme:e})=>e.spaces[1]};
-`,o=({children:e,...a})=>r.default.createElement(i,{padding:1,background:"neutral800",color:"neutral0",as:"time",hasRadius:!0,...a},r.default.createElement(n.Typography,{variant:"pi",textColor:"neutral0"},e));o.propTypes={children:l.default.node.isRequired};exports.CardTimer=o;
+`,i=r=>{var o=r,{children:e}=o,t=l(o,["children"]);return d.default.createElement(q,n({padding:1,background:"neutral800",color:"neutral0",as:"time",hasRadius:!0},t),d.default.createElement(_.Typography,{variant:"pi",textColor:"neutral0"},e))};i.propTypes={children:h.default.node.isRequired};exports.CardTimer=i;