@strapi/design-system 1.3.1-alpha.0 → 1.3.1

package/dist/Link/Link.js

@@ -1,17 +1,37 @@
-import r from "react";
-import n from "prop-types";
-import d from "styled-components";
-import v from "@strapi/icons/ExternalLink";
-import { NavLink as y } from "react-router-dom";
-import { Typography as m } from "../Typography/Typography.js";
-import { Box as g } from "../Box/Box.js";
-import { buttonFocusStyle as h } from "../themes/utils.js";
-const E = d.a`
+var b = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var p = (e, r, o) => r in e ? b(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, v = (e, r) => {
+  for (var o in r || (r = {}))
+    f.call(r, o) && p(e, o, r[o]);
+  if (i)
+    for (var o of i(r))
+      u.call(r, o) && p(e, o, r[o]);
+  return e;
+};
+var y = (e, r) => {
+  var o = {};
+  for (var t in e)
+    f.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 && u.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import n from "react";
+import a from "prop-types";
+import g from "styled-components";
+import k from "@strapi/icons/ExternalLink";
+import { NavLink as x } from "react-router-dom";
+import { Typography as h } from "../Typography/Typography.js";
+import { Box as R } from "../Box/Box.js";
+import { buttonFocusStyle as T } from "../themes/utils.js";
+const _ = g.a`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
   pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-  color: ${({ disabled: e, theme: o }) => e ? o.colors.neutral600 : o.colors.primary600};
+  color: ${({ disabled: e, theme: r }) => e ? r.colors.neutral600 : r.colors.primary600};
 
   svg path {
     transition: fill 150ms ease-out;
@@ -22,7 +42,7 @@ const E = d.a`
     font-size: ${10 / 16}rem;
   }
 
-  ${m} {
+  ${h} {
     transition: color 150ms ease-out;
     color: currentColor;
   }
@@ -35,53 +55,53 @@ const E = d.a`
     color: ${({ theme: e }) => e.colors.primary700};
   }
 
-  ${h};
-`, i = d(g)`
+  ${T};
+`, l = g(R)`
   display: flex;
-`, a = ({ href: e, to: o, children: c, disabled: t, startIcon: l, endIcon: s, ...p }) => {
-  const f = e ? "_blank" : void 0, u = e ? "noreferrer noopener" : void 0;
-  return /* @__PURE__ */ r.createElement(E, {
-    as: o && !t ? y : "a",
-    target: f,
-    rel: u,
-    to: t ? void 0 : o,
+`, s = (w) => {
+  var c = w, { href: e, to: r, children: o, disabled: t, startIcon: d, endIcon: m } = c, E = y(c, ["href", "to", "children", "disabled", "startIcon", "endIcon"]);
+  const L = e ? "_blank" : void 0, $ = e ? "noreferrer noopener" : void 0;
+  return /* @__PURE__ */ n.createElement(_, v({
+    as: r && !t ? x : "a",
+    target: L,
+    rel: $,
+    to: t ? void 0 : r,
     href: t ? "#" : e,
-    disabled: t,
-    ...p
-  }, l && /* @__PURE__ */ r.createElement(i, {
+    disabled: t
+  }, E), d && /* @__PURE__ */ n.createElement(l, {
     as: "span",
     "aria-hidden": !0,
     paddingRight: 2
-  }, l), /* @__PURE__ */ r.createElement(m, null, c), s && !e && /* @__PURE__ */ r.createElement(i, {
+  }, d), /* @__PURE__ */ n.createElement(h, null, o), m && !e && /* @__PURE__ */ n.createElement(l, {
     as: "span",
     "aria-hidden": !0,
     paddingLeft: 2
-  }, s), e && /* @__PURE__ */ r.createElement(i, {
+  }, m), e && /* @__PURE__ */ n.createElement(l, {
     as: "span",
     "aria-hidden": !0,
     paddingLeft: 2
-  }, /* @__PURE__ */ r.createElement(v, null)));
+  }, /* @__PURE__ */ n.createElement(k, null)));
 };
-a.displayName = "Link";
-a.defaultProps = {
+s.displayName = "Link";
+s.defaultProps = {
   href: void 0,
   to: void 0,
   disabled: !1
 };
-a.propTypes = {
-  children: n.node.isRequired,
-  disabled: n.bool,
-  endIcon: n.element,
+s.propTypes = {
+  children: a.node.isRequired,
+  disabled: a.bool,
+  endIcon: a.element,
   href: (e) => {
     if (!e.disabled && !e.to && !e.href)
       return new Error("href must be defined");
   },
-  startIcon: n.element,
+  startIcon: a.element,
   to: (e) => {
     if (!e.disabled && !e.href && !e.to)
       return new Error("to must be defined");
   }
 };
 export {
-  a as Link
+  s as Link
 };

package/dist/LinkButton/LinkButton.cjs

@@ -1,32 +1,32 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),$=require("react-router-dom"),S=require("styled-components"),T=require("prop-types"),l=require("../Typography/Typography.cjs"),s=require("../Box/Box.cjs"),r=require("../Button/utils.cjs"),g=require("../Button/constants.cjs"),x=require("../BaseButton/BaseButton.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=u(h),_=u(S),t=u(T),k=_.default(x.BaseButtonWrapper)`
-  padding: ${({theme:e,size:a})=>`${a==="S"?e.spaces[2]:"10px"} ${e.spaces[4]}`};
+"use strict";var E=Object.defineProperty,L=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var v=(e,t,o)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,h=(e,t)=>{for(var o in t||(t={}))B.call(t,o)&&v(e,o,t[o]);if(d)for(var o of d(t))m.call(t,o)&&v(e,o,t[o]);return e},$=(e,t)=>L(e,R(t));var S=(e,t)=>{var o={};for(var r in e)B.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&d)for(var r of d(e))t.indexOf(r)<0&&m.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),P=require("react-router-dom"),N=require("styled-components"),D=require("prop-types"),u=require("../Typography/Typography.cjs"),c=require("../Box/Box.cjs"),i=require("../Button/utils.cjs"),T=require("../Button/constants.cjs"),I=require("../BaseButton/BaseButton.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=f(j),O=f(N),a=f(D),W=O.default(I.BaseButtonWrapper)`
+  padding: ${({theme:e,size:t})=>`${t==="S"?e.spaces[2]:"10px"} ${e.spaces[4]}`};
   background: ${({theme:e})=>e.colors.buttonPrimary600};
   border: 1px solid ${({theme:e})=>e.colors.buttonPrimary600};
   border-radius: ${({theme:e})=>e.borderRadius};
-  ${s.Box} {
+  ${c.Box} {
     display: flex;
     align-items: center;
   }
-  ${l.Typography} {
+  ${u.Typography} {
     color: ${({theme:e})=>e.colors.buttonNeutral0};
   }
   &[aria-disabled='true'] {
-    ${r.getDisabledStyle}
+    ${i.getDisabledStyle}
     &:active {
-      ${r.getDisabledStyle}
+      ${i.getDisabledStyle}
     }
   }
   &:hover {
-    ${r.getHoverStyle}
+    ${i.getHoverStyle}
   }
   &:active {
-    ${r.getActiveStyle}
+    ${i.getActiveStyle}
   }
-  ${r.getVariantStyle}
+  ${i.getVariantStyle}
   /**
     Link specific properties
   */
   display: inline-flex;
   text-decoration: none;
   pointer-events: ${({disabled:e})=>e?"none":void 0};
-`,i=o.default.forwardRef(({variant:e,startIcon:a,endIcon:c,disabled:n,children:f,size:p,href:d,to:y,...b},v)=>{const B=d?"_blank":void 0,m=d?"noreferrer noopener":void 0;return o.default.createElement(k,{ref:v,"aria-disabled":n,size:p,variant:e,target:B,rel:m,to:n?void 0:y,href:n?"#":d,...b,as:y&&!n?$.NavLink:"a"},a&&o.default.createElement(s.Box,{"aria-hidden":!0,paddingRight:2},a),p==="S"?o.default.createElement(l.Typography,{variant:"pi",fontWeight:"bold"},f):o.default.createElement(l.Typography,{fontWeight:"bold"},f),c&&o.default.createElement(s.Box,{"aria-hidden":!0,paddingLeft:2},c))});i.displayName="LinkButton";i.defaultProps={disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};i.propTypes={children:t.default.node.isRequired,disabled:t.default.bool,endIcon:t.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:t.default.func,size:t.default.oneOf(g.BUTTON_SIZES),startIcon:t.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:t.default.oneOf(g.VARIANTS)};exports.LinkButton=i;
+`,l=n.default.forwardRef((w,_)=>{var b=w,{variant:e,startIcon:t,endIcon:o,disabled:r,children:p,size:y,href:s,to:g}=b,x=S(b,["variant","startIcon","endIcon","disabled","children","size","href","to"]);const k=s?"_blank":void 0,q=s?"noreferrer noopener":void 0;return n.default.createElement(W,$(h({ref:_,"aria-disabled":r,size:y,variant:e,target:k,rel:q,to:r?void 0:g,href:r?"#":s},x),{as:g&&!r?P.NavLink:"a"}),t&&n.default.createElement(c.Box,{"aria-hidden":!0,paddingRight:2},t),y==="S"?n.default.createElement(u.Typography,{variant:"pi",fontWeight:"bold"},p):n.default.createElement(u.Typography,{fontWeight:"bold"},p),o&&n.default.createElement(c.Box,{"aria-hidden":!0,paddingLeft:2},o))});l.displayName="LinkButton";l.defaultProps={disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};l.propTypes={children:a.default.node.isRequired,disabled:a.default.bool,endIcon:a.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:a.default.func,size:a.default.oneOf(T.BUTTON_SIZES),startIcon:a.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:a.default.oneOf(T.VARIANTS)};exports.LinkButton=l;

package/dist/LinkButton/LinkButton.js

@@ -1,73 +1,95 @@
-import t from "react";
-import { NavLink as g } from "react-router-dom";
-import y from "styled-components";
-import r from "prop-types";
-import { Typography as a } from "../Typography/Typography.js";
-import { Box as d } from "../Box/Box.js";
-import { getDisabledStyle as c, getHoverStyle as h, getActiveStyle as S, getVariantStyle as k } from "../Button/utils.js";
-import { BUTTON_SIZES as E, VARIANTS as x } from "../Button/constants.js";
-import { BaseButtonWrapper as B } from "../BaseButton/BaseButton.js";
-const L = y(B)`
-  padding: ${({ theme: e, size: o }) => `${o === "S" ? e.spaces[2] : "10px"} ${e.spaces[4]}`};
+var L = Object.defineProperty, R = Object.defineProperties;
+var T = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
+var v = (e, r, t) => r in e ? L(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, g = (e, r) => {
+  for (var t in r || (r = {}))
+    b.call(r, t) && v(e, t, r[t]);
+  if (a)
+    for (var t of a(r))
+      $.call(r, t) && v(e, t, r[t]);
+  return e;
+}, y = (e, r) => R(e, T(r));
+var h = (e, r) => {
+  var t = {};
+  for (var o in e)
+    b.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && a)
+    for (var o of a(e))
+      r.indexOf(o) < 0 && $.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import n from "react";
+import { NavLink as N } from "react-router-dom";
+import I from "styled-components";
+import i from "prop-types";
+import { Typography as l } from "../Typography/Typography.js";
+import { Box as f } from "../Box/Box.js";
+import { getDisabledStyle as S, getHoverStyle as P, getActiveStyle as W, getVariantStyle as _ } from "../Button/utils.js";
+import { BUTTON_SIZES as w, VARIANTS as A } from "../Button/constants.js";
+import { BaseButtonWrapper as O } from "../BaseButton/BaseButton.js";
+const C = I(O)`
+  padding: ${({ theme: e, size: r }) => `${r === "S" ? e.spaces[2] : "10px"} ${e.spaces[4]}`};
   background: ${({ theme: e }) => e.colors.buttonPrimary600};
   border: 1px solid ${({ theme: e }) => e.colors.buttonPrimary600};
   border-radius: ${({ theme: e }) => e.borderRadius};
-  ${d} {
+  ${f} {
     display: flex;
     align-items: center;
   }
-  ${a} {
+  ${l} {
     color: ${({ theme: e }) => e.colors.buttonNeutral0};
   }
   &[aria-disabled='true'] {
-    ${c}
+    ${S}
     &:active {
-      ${c}
+      ${S}
     }
   }
   &:hover {
-    ${h}
+    ${P}
   }
   &:active {
-    ${S}
+    ${W}
   }
-  ${k}
+  ${_}
   /**
     Link specific properties
   */
   display: inline-flex;
   text-decoration: none;
   pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-`, l = t.forwardRef(
-  ({ variant: e, startIcon: o, endIcon: f, disabled: i, children: s, size: m, href: n, to: p, ...u }, v) => {
-    const b = n ? "_blank" : void 0, $ = n ? "noreferrer noopener" : void 0;
-    return /* @__PURE__ */ t.createElement(L, {
-      ref: v,
-      "aria-disabled": i,
-      size: m,
+`, s = n.forwardRef(
+  (V, E) => {
+    var u = V, { variant: e, startIcon: r, endIcon: t, disabled: o, children: m, size: p, href: d, to: c } = u, k = h(u, ["variant", "startIcon", "endIcon", "disabled", "children", "size", "href", "to"]);
+    const x = d ? "_blank" : void 0, B = d ? "noreferrer noopener" : void 0;
+    return /* @__PURE__ */ n.createElement(C, y(g({
+      ref: E,
+      "aria-disabled": o,
+      size: p,
       variant: e,
-      target: b,
-      rel: $,
-      to: i ? void 0 : p,
-      href: i ? "#" : n,
-      ...u,
-      as: p && !i ? g : "a"
-    }, o && /* @__PURE__ */ t.createElement(d, {
+      target: x,
+      rel: B,
+      to: o ? void 0 : c,
+      href: o ? "#" : d
+    }, k), {
+      as: c && !o ? N : "a"
+    }), r && /* @__PURE__ */ n.createElement(f, {
       "aria-hidden": !0,
       paddingRight: 2
-    }, o), m === "S" ? /* @__PURE__ */ t.createElement(a, {
+    }, r), p === "S" ? /* @__PURE__ */ n.createElement(l, {
       variant: "pi",
       fontWeight: "bold"
-    }, s) : /* @__PURE__ */ t.createElement(a, {
+    }, m) : /* @__PURE__ */ n.createElement(l, {
       fontWeight: "bold"
-    }, s), f && /* @__PURE__ */ t.createElement(d, {
+    }, m), t && /* @__PURE__ */ n.createElement(f, {
       "aria-hidden": !0,
       paddingLeft: 2
-    }, f));
+    }, t));
   }
 );
-l.displayName = "LinkButton";
-l.defaultProps = {
+s.displayName = "LinkButton";
+s.defaultProps = {
   disabled: !1,
   startIcon: void 0,
   endIcon: void 0,
@@ -77,23 +99,23 @@ l.defaultProps = {
   href: void 0,
   to: void 0
 };
-l.propTypes = {
-  children: r.node.isRequired,
-  disabled: r.bool,
-  endIcon: r.element,
+s.propTypes = {
+  children: i.node.isRequired,
+  disabled: i.bool,
+  endIcon: i.element,
   href: (e) => {
     if (!e.disabled && !e.to && !e.href)
       return new Error("href must be defined");
   },
-  onClick: r.func,
-  size: r.oneOf(E),
-  startIcon: r.element,
+  onClick: i.func,
+  size: i.oneOf(w),
+  startIcon: i.element,
   to: (e) => {
     if (!e.disabled && !e.href && !e.to)
       return new Error("to must be defined");
   },
-  variant: r.oneOf(x)
+  variant: i.oneOf(A)
 };
 export {
-  l as LinkButton
+  s as LinkButton
 };

package/dist/Loader/Loader.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),u=require("prop-types"),d=require("styled-components"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),f=require("./assets/loader.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=s(o),l=s(u),p=s(d),y=d.keyframes`
+"use strict";var _=Object.defineProperty;var s=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var n=(e,t,a)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,f=(e,t)=>{for(var a in t||(t={}))u.call(t,a)&&n(e,a,t[a]);if(s)for(var a of s(t))c.call(t,a)&&n(e,a,t[a]);return e};var p=(e,t)=>{var a={};for(var r in e)u.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&&c.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),q=require("prop-types"),g=require("styled-components"),h=require("../VisuallyHidden/VisuallyHidden.cjs"),v=require("./assets/loader.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=d(m),y=d(q),L=d(g),b=g.keyframes`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`,m=p.default.img`
-  animation: ${y} 1s infinite linear;
+`,j=L.default.img`
+  animation: ${b} 1s infinite linear;
   will-change: transform;
   ${({small:e,theme:t})=>e&&`width: ${t.spaces[6]}; height: ${t.spaces[6]};`}
-`,a=o.forwardRef(({children:e,small:t,...i},n)=>r.default.createElement("div",{role:"alert","aria-live":"assertive",ref:n,...i},r.default.createElement(c.VisuallyHidden,null,e),r.default.createElement(m,{src:f,"aria-hidden":!0,small:t})));a.displayName="Loader";a.defaultProps={small:!1};a.propTypes={children:l.default.node.isRequired,small:l.default.bool};exports.Loader=a;
+`,l=m.forwardRef((H,r)=>{var i=H,{children:e,small:t}=i,a=p(i,["children","small"]);return o.default.createElement("div",f({role:"alert","aria-live":"assertive",ref:r},a),o.default.createElement(h.VisuallyHidden,null,e),o.default.createElement(j,{src:v,"aria-hidden":!0,small:t}))});l.displayName="Loader";l.defaultProps={small:!1};l.propTypes={children:y.default.node.isRequired,small:y.default.bool};exports.Loader=l;

package/dist/Loader/Loader.js

@@ -1,37 +1,59 @@
-import a, { forwardRef as s } from "react";
-import t from "prop-types";
-import m, { keyframes as n } from "styled-components";
-import { VisuallyHidden as d } from "../VisuallyHidden/VisuallyHidden.js";
-import f from "./assets/loader.js";
-const p = n`
+var g = Object.defineProperty;
+var t = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var m = (e, r, a) => r in e ? g(e, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[r] = a, f = (e, r) => {
+  for (var a in r || (r = {}))
+    n.call(r, a) && m(e, a, r[a]);
+  if (t)
+    for (var a of t(r))
+      d.call(r, a) && m(e, a, r[a]);
+  return e;
+};
+var p = (e, r) => {
+  var a = {};
+  for (var o in e)
+    n.call(e, o) && r.indexOf(o) < 0 && (a[o] = e[o]);
+  if (e != null && t)
+    for (var o of t(e))
+      r.indexOf(o) < 0 && d.call(e, o) && (a[o] = e[o]);
+  return a;
+};
+import i, { forwardRef as u } from "react";
+import c from "prop-types";
+import y, { keyframes as h } from "styled-components";
+import { VisuallyHidden as v } from "../VisuallyHidden/VisuallyHidden.js";
+import $ from "./assets/loader.js";
+const w = h`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`, c = m.img`
-  animation: ${p} 1s infinite linear;
+`, E = y.img`
+  animation: ${w} 1s infinite linear;
   will-change: transform;
-  ${({ small: r, theme: e }) => r && `width: ${e.spaces[6]}; height: ${e.spaces[6]};`}
-`, o = s(({ children: r, small: e, ...i }, l) => /* @__PURE__ */ a.createElement("div", {
-  role: "alert",
-  "aria-live": "assertive",
-  ref: l,
-  ...i
-}, /* @__PURE__ */ a.createElement(d, null, r), /* @__PURE__ */ a.createElement(c, {
-  src: f,
-  "aria-hidden": !0,
-  small: e
-})));
-o.displayName = "Loader";
-o.defaultProps = {
+  ${({ small: e, theme: r }) => e && `width: ${r.spaces[6]}; height: ${r.spaces[6]};`}
+`, l = u((L, o) => {
+  var s = L, { children: e, small: r } = s, a = p(s, ["children", "small"]);
+  return /* @__PURE__ */ i.createElement("div", f({
+    role: "alert",
+    "aria-live": "assertive",
+    ref: o
+  }, a), /* @__PURE__ */ i.createElement(v, null, e), /* @__PURE__ */ i.createElement(E, {
+    src: $,
+    "aria-hidden": !0,
+    small: r
+  }));
+});
+l.displayName = "Loader";
+l.defaultProps = {
   small: !1
 };
-o.propTypes = {
-  children: t.node.isRequired,
-  small: t.bool
+l.propTypes = {
+  children: c.node.isRequired,
+  small: c.bool
 };
 export {
-  o as Loader
+  l as Loader
 };

package/dist/Main/Main.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),i=require("prop-types"),s=require("styled-components"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=t(a),u=t(i),c=t(s),d=c.default.main`
+"use strict";var f=Object.defineProperty;var l=Object.getOwnPropertySymbols;var r=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var s=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))r.call(t,n)&&s(e,n,t[n]);if(l)for(var n of l(t))u.call(t,n)&&s(e,n,t[n]);return e};var d=(e,t)=>{var n={};for(var o in e)r.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&l)for(var o of l(e))t.indexOf(o)<0&&u.call(e,o)&&(n[o]=e[o]);return n};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),b=require("prop-types"),_=require("styled-components"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=a(y),v=a(b),M=a(_),g=M.default.main`
   // To prevent global outline on focus visible to force an outline when Main is focused
   &:focus-visible {
     outline: none;
   }
-`,n=({labelledBy:e,...o})=>{const l=e||"main-content-title";return r.default.createElement(d,{"aria-labelledby":l,id:"main-content",tabIndex:-1,...o})};n.defaultProps={labelledBy:void 0};n.propTypes={labelledBy:u.default.string};exports.Main=n;
+`,i=n=>{var o=n,{labelledBy:e}=o,t=d(o,["labelledBy"]);const p=e||"main-content-title";return m.default.createElement(g,c({"aria-labelledby":p,id:"main-content",tabIndex:-1},t))};i.defaultProps={labelledBy:void 0};i.propTypes={labelledBy:v.default.string};exports.Main=i;

package/dist/Main/Main.js

@@ -1,26 +1,46 @@
-import i from "react";
-import l from "prop-types";
-import a from "styled-components";
-const r = a.main`
+var m = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var a = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+var l = (e, o, t) => o in e ? m(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, s = (e, o) => {
+  for (var t in o || (o = {}))
+    a.call(o, t) && l(e, t, o[t]);
+  if (i)
+    for (var t of i(o))
+      r.call(o, t) && l(e, t, o[t]);
+  return e;
+};
+var p = (e, o) => {
+  var t = {};
+  for (var n in e)
+    a.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && i)
+    for (var n of i(e))
+      o.indexOf(n) < 0 && r.call(e, n) && (t[n] = e[n]);
+  return t;
+};
+import b from "react";
+import f from "prop-types";
+import u from "styled-components";
+const y = u.main`
   // To prevent global outline on focus visible to force an outline when Main is focused
   &:focus-visible {
     outline: none;
   }
-`, e = ({ labelledBy: o, ...t }) => {
-  const n = o || "main-content-title";
-  return /* @__PURE__ */ i.createElement(r, {
-    "aria-labelledby": n,
+`, c = (t) => {
+  var n = t, { labelledBy: e } = n, o = p(n, ["labelledBy"]);
+  const d = e || "main-content-title";
+  return /* @__PURE__ */ b.createElement(y, s({
+    "aria-labelledby": d,
     id: "main-content",
-    tabIndex: -1,
-    ...t
-  });
+    tabIndex: -1
+  }, o));
 };
-e.defaultProps = {
+c.defaultProps = {
   labelledBy: void 0
 };
-e.propTypes = {
-  labelledBy: l.string
+c.propTypes = {
+  labelledBy: f.string
 };
 export {
-  e as Main
+  c as Main
 };

package/dist/MainNav/MainNav.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),s=require("styled-components"),i=require("prop-types"),c=require("../Grid/Grid.cjs");require("../Grid/GridItem.cjs");const d=require("./MainNavContext.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=t(n),l=t(s),u=t(i),p=l.default(c.Grid)`
+"use strict";var f=Object.defineProperty;var a=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var i=(e,t,r)=>t in e?f(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)&&i(e,r,t[r]);if(a)for(var r of a(t))d.call(t,r)&&i(e,r,t[r]);return e};var u=(e,t)=>{var r={};for(var o in e)c.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&&d.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),y=require("styled-components"),_=require("prop-types"),M=require("../Grid/Grid.cjs");require("../Grid/GridItem.cjs");const m=require("./MainNavContext.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=n(v),b=n(y),g=n(_),q=b.default(M.Grid)`
   width: ${({condensed:e})=>e?"max-content":`${224/16}rem`};
   background: ${({theme:e})=>e.colors.neutral0};
   position: sticky;
@@ -6,4 +6,4 @@
   height: 100vh;
   z-index: 2;
   border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({condensed:e,...a})=>o.default.createElement(d.MainNavContext.Provider,{value:e},o.default.createElement(p,{as:"nav",condensed:e,...a}));r.defaultProps={condensed:!1};r.propTypes={condensed:u.default.bool};exports.MainNav=r;
+`,s=r=>{var o=r,{condensed:e}=o,t=u(o,["condensed"]);return p.default.createElement(m.MainNavContext.Provider,{value:e},p.default.createElement(q,l({as:"nav",condensed:e},t)))};s.defaultProps={condensed:!1};s.propTypes={condensed:g.default.bool};exports.MainNav=s;

package/dist/MainNav/MainNav.js

@@ -1,10 +1,30 @@
-import r from "react";
-import a from "styled-components";
-import i from "prop-types";
-import { Grid as n } from "../Grid/Grid.js";
+var c = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var i = (o, r, e) => r in o ? c(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, m = (o, r) => {
+  for (var e in r || (r = {}))
+    n.call(r, e) && i(o, e, r[e]);
+  if (a)
+    for (var e of a(r))
+      p.call(r, e) && i(o, e, r[e]);
+  return o;
+};
+var s = (o, r) => {
+  var e = {};
+  for (var t in o)
+    n.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && a)
+    for (var t of a(o))
+      r.indexOf(t) < 0 && p.call(o, t) && (e[t] = o[t]);
+  return e;
+};
+import l from "react";
+import f from "styled-components";
+import u from "prop-types";
+import { Grid as v } from "../Grid/Grid.js";
 import "../Grid/GridItem.js";
-import { MainNavContext as p } from "./MainNavContext.js";
-const m = a(n)`
+import { MainNavContext as h } from "./MainNavContext.js";
+const x = f(v)`
   width: ${({ condensed: o }) => o ? "max-content" : `${224 / 16}rem`};
   background: ${({ theme: o }) => o.colors.neutral0};
   position: sticky;
@@ -12,19 +32,21 @@ const m = a(n)`
   height: 100vh;
   z-index: 2;
   border-right: 1px solid ${({ theme: o }) => o.colors.neutral150};
-`, e = ({ condensed: o, ...t }) => /* @__PURE__ */ r.createElement(p.Provider, {
-  value: o
-}, /* @__PURE__ */ r.createElement(m, {
-  as: "nav",
-  condensed: o,
-  ...t
-}));
-e.defaultProps = {
+`, d = (e) => {
+  var t = e, { condensed: o } = t, r = s(t, ["condensed"]);
+  return /* @__PURE__ */ l.createElement(h.Provider, {
+    value: o
+  }, /* @__PURE__ */ l.createElement(x, m({
+    as: "nav",
+    condensed: o
+  }, r)));
+};
+d.defaultProps = {
   condensed: !1
 };
-e.propTypes = {
-  condensed: i.bool
+d.propTypes = {
+  condensed: u.bool
 };
 export {
-  e as MainNav
+  d as MainNav
 };