@strapi/design-system 0.0.0-jsoninput.0

package/dist/Link/Link.cjs

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

package/dist/Link/Link.js

@@ -0,0 +1,110 @@
+var k = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var p = (e, r, o) => r in e ? k(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, { forwardRef as x } from "react";
+import a from "prop-types";
+import g from "styled-components";
+import R from "@strapi/icons/ExternalLink";
+import { NavLink as w } from "react-router-dom";
+import { Typography as h } from "../Typography/Typography.js";
+import { Box as I } 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: r }) => e ? r.colors.neutral600 : r.colors.primary600};
+
+  svg path {
+    transition: fill 150ms ease-out;
+    fill: currentColor;
+  }
+
+  svg {
+    font-size: ${10 / 16}rem;
+  }
+
+  ${h} {
+    transition: color 150ms ease-out;
+    color: currentColor;
+  }
+
+  &:hover {
+    color: ${({ theme: e }) => e.colors.primary500};
+  }
+
+  &:active {
+    color: ${({ theme: e }) => e.colors.primary700};
+  }
+
+  ${T};
+`, l = g(I)`
+  display: flex;
+`, d = x((C, L) => {
+  var c = C, { href: e, to: r, children: o, disabled: t, startIcon: s, endIcon: m } = c, E = y(c, ["href", "to", "children", "disabled", "startIcon", "endIcon"]);
+  const $ = e ? "_blank" : void 0, b = e ? "noreferrer noopener" : void 0;
+  return /* @__PURE__ */ n.createElement(_, v({
+    as: r && !t ? w : "a",
+    target: $,
+    rel: b,
+    to: t ? void 0 : r,
+    href: t ? "#" : e,
+    disabled: t,
+    ref: L
+  }, E), s && /* @__PURE__ */ n.createElement(l, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingRight: 2
+  }, s), /* @__PURE__ */ n.createElement(h, null, o), m && !e && /* @__PURE__ */ n.createElement(l, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingLeft: 2
+  }, m), e && /* @__PURE__ */ n.createElement(l, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingLeft: 2
+  }, /* @__PURE__ */ n.createElement(R, null)));
+});
+d.displayName = "Link";
+d.defaultProps = {
+  endIcon: void 0,
+  href: void 0,
+  to: void 0,
+  disabled: !1,
+  startIcon: void 0
+};
+d.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: a.element,
+  to(e) {
+    if (!e.disabled && !e.href && !e.to)
+      return new Error("to must be defined");
+  }
+};
+export {
+  d as Link
+};

package/dist/Link/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Link.cjs");exports.Link=e.Link;

package/dist/Link/index.js

@@ -0,0 +1,4 @@
+import { Link as e } from "./Link.js";
+export {
+  e as Link
+};

package/dist/LinkButton/LinkButton.cjs

@@ -0,0 +1,32 @@
+"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 b=(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)&&b(e,o,t[o]);if(d)for(var o of d(t))m.call(t,o)&&b(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};
+  ${c.Box} {
+    display: flex;
+    align-items: center;
+  }
+  ${u.Typography} {
+    color: ${({theme:e})=>e.colors.buttonNeutral0};
+  }
+  &[aria-disabled='true'] {
+    ${i.getDisabledStyle}
+    &:active {
+      ${i.getDisabledStyle}
+    }
+  }
+  &:hover {
+    ${i.getHoverStyle}
+  }
+  &:active {
+    ${i.getActiveStyle}
+  }
+  ${i.getVariantStyle}
+  /**
+    Link specific properties
+  */
+  display: inline-flex;
+  text-decoration: none;
+  pointer-events: ${({disabled:e})=>e?"none":void 0};
+`,l=n.default.forwardRef((w,_)=>{var v=w,{variant:e,startIcon:t,endIcon:o,disabled:r,children:p,size:y,href:s,to:g}=v,x=S(v,["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

@@ -0,0 +1,121 @@
+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};
+  ${f} {
+    display: flex;
+    align-items: center;
+  }
+  ${l} {
+    color: ${({ theme: e }) => e.colors.buttonNeutral0};
+  }
+  &[aria-disabled='true'] {
+    ${S}
+    &:active {
+      ${S}
+    }
+  }
+  &:hover {
+    ${P}
+  }
+  &:active {
+    ${W}
+  }
+  ${_}
+  /**
+    Link specific properties
+  */
+  display: inline-flex;
+  text-decoration: none;
+  pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
+`, 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: 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
+    }, r), p === "S" ? /* @__PURE__ */ n.createElement(l, {
+      variant: "pi",
+      fontWeight: "bold"
+    }, m) : /* @__PURE__ */ n.createElement(l, {
+      fontWeight: "bold"
+    }, m), t && /* @__PURE__ */ n.createElement(f, {
+      "aria-hidden": !0,
+      paddingLeft: 2
+    }, t));
+  }
+);
+s.displayName = "LinkButton";
+s.defaultProps = {
+  disabled: !1,
+  startIcon: void 0,
+  endIcon: void 0,
+  size: "S",
+  variant: "default",
+  onClick: void 0,
+  href: void 0,
+  to: void 0
+};
+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: 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: i.oneOf(A)
+};
+export {
+  s as LinkButton
+};

package/dist/LinkButton/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./LinkButton.cjs");exports.LinkButton=t.LinkButton;

package/dist/LinkButton/index.js

@@ -0,0 +1,4 @@
+import { LinkButton as n } from "./LinkButton.js";
+export {
+  n as LinkButton
+};

package/dist/LiveRegions/LiveRegions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),i=require("../VisuallyHidden/VisuallyHidden.cjs"),a=require("./constants.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(l),n=()=>t.default.createElement(i.VisuallyHidden,null,t.default.createElement("p",{role:"log","aria-live":"polite",id:a.LiveRegionIds.Log,"aria-relevant":"all"}),t.default.createElement("p",{role:"status","aria-live":"polite",id:a.LiveRegionIds.Status,"aria-relevant":"all"}),t.default.createElement("p",{role:"alert","aria-live":"assertive",id:a.LiveRegionIds.Alert,"aria-relevant":"all"}));exports.LiveRegions=n;

package/dist/LiveRegions/LiveRegions.js

@@ -0,0 +1,22 @@
+import e from "react";
+import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
+import { LiveRegionIds as a } from "./constants.js";
+const o = () => /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement("p", {
+  role: "log",
+  "aria-live": "polite",
+  id: a.Log,
+  "aria-relevant": "all"
+}), /* @__PURE__ */ e.createElement("p", {
+  role: "status",
+  "aria-live": "polite",
+  id: a.Status,
+  "aria-relevant": "all"
+}), /* @__PURE__ */ e.createElement("p", {
+  role: "alert",
+  "aria-live": "assertive",
+  id: a.Alert,
+  "aria-relevant": "all"
+}));
+export {
+  o as LiveRegions
+};

package/dist/LiveRegions/StoryComponent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),a=require("prop-types"),l=require("../Button/Button.cjs"),c=require("./useNotifyAT.cjs"),e=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},f=e(u),p=e(a),o=({notifyType:t})=>{const{notifyAlert:s,notifyStatus:n,notifyLog:r}=c.useNotifyAT(),i=()=>{t==="log"?r("This is a log message"):t==="alert"?s("This is an alert"):n("This is a status message")};return f.default.createElement(l.Button,{onClick:i},"Toggle ",t)};o.propTypes={notifyType:p.default.string.isRequired};exports.StoryComponent=o;

package/dist/LiveRegions/StoryComponent.js

@@ -0,0 +1,18 @@
+import r from "react";
+import n from "prop-types";
+import { Button as a } from "../Button/Button.js";
+import { useNotifyAT as l } from "./useNotifyAT.js";
+const m = ({ notifyType: t }) => {
+  const { notifyAlert: e, notifyStatus: o, notifyLog: s } = l(), i = () => {
+    t === "log" ? s("This is a log message") : t === "alert" ? e("This is an alert") : o("This is a status message");
+  };
+  return /* @__PURE__ */ r.createElement(a, {
+    onClick: i
+  }, "Toggle ", t);
+};
+m.propTypes = {
+  notifyType: n.string.isRequired
+};
+export {
+  m as StoryComponent
+};

package/dist/LiveRegions/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={Log:"live-region-log",Status:"live-region-status",Alert:"live-region-alert"};exports.LiveRegionIds=e;

package/dist/LiveRegions/constants.js

@@ -0,0 +1,8 @@
+const e = {
+  Log: "live-region-log",
+  Status: "live-region-status",
+  Alert: "live-region-alert"
+};
+export {
+  e as LiveRegionIds
+};

package/dist/LiveRegions/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./useNotifyAT.cjs");exports.useNotifyAT=e.useNotifyAT;

package/dist/LiveRegions/index.js

@@ -0,0 +1,4 @@
+import { useNotifyAT as f } from "./useNotifyAT.js";
+export {
+  f as useNotifyAT
+};

package/dist/LiveRegions/useNotifyAT.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),o=require("./constants.cjs"),n=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Log}`);e&&(e.innerText=t)},s=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Status}`);e&&(e.innerText=t)},r=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Alert}`);e&&(e.innerText=t)},i=()=>(c.useEffect(()=>()=>{n(""),r(""),s("")},[]),{notifyLog:n,notifyAlert:r,notifyStatus:s});exports.useNotifyAT=i;

package/dist/LiveRegions/useNotifyAT.js

@@ -0,0 +1,17 @@
+import { useEffect as i } from "react";
+import { LiveRegionIds as o } from "./constants.js";
+const n = (e) => {
+  const t = document.querySelector(`#${o.Log}`);
+  t && (t.innerText = e);
+}, r = (e) => {
+  const t = document.querySelector(`#${o.Status}`);
+  t && (t.innerText = e);
+}, c = (e) => {
+  const t = document.querySelector(`#${o.Alert}`);
+  t && (t.innerText = e);
+}, f = () => (i(() => () => {
+  n(""), c(""), r("");
+}, []), { notifyLog: n, notifyAlert: c, notifyStatus: r });
+export {
+  f as useNotifyAT
+};

package/dist/Loader/Loader.cjs

@@ -0,0 +1,12 @@
+"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);
+  }
+`,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]};`}
+`,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

@@ -0,0 +1,59 @@
+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);
+  }
+`, E = y.img`
+  animation: ${w} 1s infinite linear;
+  will-change: transform;
+  ${({ 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
+};
+l.propTypes = {
+  children: c.node.isRequired,
+  small: c.bool
+};
+export {
+  l as Loader
+};

package/dist/Loader/assets/loader.cjs

@@ -0,0 +1 @@
+"use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA2MyA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjU1NjMgMTEuOTgxNkMzOS40ODQgMTAuMzA3MSAzNS44NTc1IDkuMjkwOTcgMzIuMzM1NCA5LjEzNTIxQzI4LjY0NDMgOC45Mjg4OCAyNC44Mjk1IDkuNzIzMTggMjEuMzMzNiAxMS40MTI5QzIwLjkxMjMgMTEuNTkwMSAyMC41Mzc2IDExLjgxMDEgMjAuMTcyMiAxMi4wMjQ5TDIwLjAxMDggMTIuMTE3OUMxOS44Nzc0IDEyLjE5NTEgMTkuNzQ0MSAxMi4yNzI0IDE5LjYwOCAxMi4zNTM2QzE5LjMyNTMgMTIuNTE0NiAxOS4wNDkyIDEyLjY3NDQgMTguNzU0NCAxMi44NzkyQzE4LjU0NjMgMTMuMDMyOSAxOC4zMzk1IDEzLjE3NTkgMTguMTMwMSAxMy4zMjNDMTcuNTY1OCAxMy43MjA4IDE2Ljk4NjggMTQuMTMxNyAxNi40OTgzIDE0LjU5NzlDMTQuODQ3NiAxNS45NTI0IDEzLjU1NzEgMTcuNjA3NSAxMi42MDcxIDE4LjkyMTRDMTAuNDM2NSAyMi4xNTY2IDkuMDg2MjIgMjUuOTU2NyA4LjgwNzAyIDI5LjYxNDNMOC43NzY0IDMwLjE1ODhDOC43MzMyOCAzMC45MTk2IDguNjg0NzYgMzEuNzA1NyA4Ljc1MzUzIDMyLjQ1NTVDOC43NjY0OCAzMi42MDg0IDguNzY2MSAzMi43NjM4IDguNzc1MDYgMzIuOTE0QzguNzg4OTUgMzMuMjI5IDguODAxNTIgMzMuNTM3MyA4Ljg0NiAzMy44NjcyTDkuMDczOTYgMzUuNDIyMUM5LjA5NzU2IDM1LjU3NjQgOS4xMTk4IDM1Ljc0MTMgOS4xNjMzIDM1LjkyNjNMOS42NTkxOSAzNy45MjcyTDEwLjEzOCAzOS4yODIzQzEwLjI3MjkgMzkuNjY3MyAxMC40MTU4IDQwLjA3NTEgMTAuNiA0MC40M0MxMi4wMjkyIDQzLjYzNyAxNC4xNDI1IDQ2LjQ1NzggMTYuNzA2MyA0OC41ODVDMTkuMDUwOCA1MC41Mjk2IDIxLjgyNCA1Mi4wMDIzIDI0Ljc0OTEgNTIuODQ1MkwyNi4yMzcxIDUzLjIzNzZDMjYuMzc4MSA1My4yNjkzIDI2LjQ5MjYgNTMuMjg4OSAyNi42MDMxIDUzLjMwNThMMjYuNzc3NSA1My4zMzExQzI3LjAwNTIgNTMuMzYzNiAyNy4yMTk1IDUzLjM5ODYgMjcuNDQ0NSA1My40MzVDMjcuODU5OCA1My41MDc2IDI4LjI2NzIgNTMuNTc0OCAyOC43MDc5IDUzLjYxODNMMzAuNTY0MSA1My43MjI5QzMwLjk1MTYgNTMuNzI0OSAzMS4zMzUyIDUzLjcwNjggMzEuNzA4MSA1My42ODc0QzMxLjkwMzkgNTMuNjgxIDMyLjA5ODQgNTMuNjY4MSAzMi4zMjg4IDUzLjY2MkMzNC41MjUzIDUzLjQ3NzIgMzYuNTEwNiA1My4wNjM0IDM4LjA1MTYgNTIuNDY1MkMzOC4xNzY5IDUyLjQxNzEgMzguMzAwOCA1Mi4zNzk2IDM4LjQyMzQgNTIuMzM1NUMzOC42NzI3IDUyLjI0OTkgMzguOTI1OSA1Mi4xNjcgMzkuMTQzMiA1Mi4wNTk5TDQwLjg1OTEgNTEuMjYyNkw0Mi41NzAyIDUwLjI2NkM0Mi45MDA5IDUwLjA2ODIgNDMuMDIwNSA0OS42NDE0IDQyLjgyODIgNDkuMjk4NEM0Mi42MzIgNDguOTUyNiA0Mi4yMDM0IDQ4LjgzMDggNDEuODYzNCA0OS4wMTY2TDQwLjE3OTIgNDkuOTIxOEwzOC40OTk1IDUwLjYyMjRDMzguMzE2OSA1MC42OTUzIDM4LjEyMSA1MC43NTM0IDM3LjkyMjQgNTAuODE1NUMzNy43ODM4IDUwLjg0ODkgMzcuNjUxOCA1MC44OTgzIDM3LjUwMTIgNTAuOTQwOEMzNi4wNzExIDUxLjQzNSAzNC4yNDQ1IDUxLjc0MjUgMzIuMjQ0IDUxLjgzNDZDMzIuMDQ0MiA1MS44MzgzIDMxLjg0NzEgNTEuODM3OSAzMS42NTQgNTEuODQwM0MzMS4zMDUxIDUxLjg0MTQgMzAuOTYwMiA1MS44NDUxIDMwLjYzOTIgNTEuODMwNUwyOC45MTc3IDUxLjY3MjVDMjguNTQ3NiA1MS42MTkgMjguMTY5NSA1MS41NDI3IDI3Ljc4NDggNTEuNDY3OEMyNy41NjM5IDUxLjQxNjcgMjcuMzM3NiA1MS4zNzM3IDI3LjEyOTkgNTEuMzM3NEwyNi45NTI5IDUxLjI5ODdDMjYuODcwNCA1MS4yODM0IDI2Ljc3NzIgNTEuMjY2NyAyNi43MzMzIDUxLjI1NDNMMjUuMzQ2NiA1MC44MzIyQzIyLjc2NTEgNDkuOTc4OSAyMC4zMyA0OC41NzI5IDE4LjI5NDIgNDYuNzU1N0MxNi4xMDU2IDQ0Ljc5NTEgMTQuMzMzOSA0Mi4yMzM1IDEzLjE3NDIgMzkuMzU4MkMxMi4wMjc2IDM2LjYwMTMgMTEuNTk4OCAzMy4yNzkyIDExLjk3MTYgMzAuMDA3NkMxMi4zMTQ1IDI3LjAyMTMgMTMuMzk0OCAyNC4xNjM1IDE1LjE4NTggMjEuNTA4M0MxNS4zMDM0IDIxLjMzMzkgMTUuNDIxIDIxLjE1OTYgMTUuNTIxMiAyMS4wMTk2QzE2LjQzMDkgMTkuODY4OCAxNy41NDA4IDE4LjU1ODkgMTguOTQ4MyAxNy40OTZDMTkuMzM2NyAxNy4xNTI1IDE5Ljc4NjIgMTYuODU2IDIwLjI2MTEgMTYuNTQ3OEMyMC40ODc4IDE2LjQwMDkgMjAuNzA3OSAxNi4yNTUzIDIwLjg5MDcgMTYuMTMwNkMyMS4wOTc0IDE2LjAwNDggMjEuMzE4OCAxNS44ODMxIDIxLjUzNDggMTUuNzY5NEMyMS42NzYxIDE1LjY5NzUgMjEuODE2MiAxNS42MTkgMjEuOTM4OCAxNS41NTc2TDIyLjEwMDIgMTUuNDY0NkMyMi40MDAyIDE1LjMwMzcgMjIuNjc0OSAxNS4xNTQ2IDIyLjk5MDggMTUuMDM5TDI0LjExODYgMTQuNTcxNUMyNC4zMzk5IDE0LjQ4NDQgMjQuNTcxOCAxNC40MTU5IDI0Ljc5OTcgMTQuMzQ0N0MyNC45NTMgMTQuMjk4MiAyNS4wOTgyIDE0LjI2MzUgMjUuMjYzNSAxNC4yMDc4QzI1Ljc4NiAxNC4wMTgyIDI2LjMyODMgMTMuOTExMiAyNi45MTA1IDEzLjc5NjVDMjcuMTE3IDEzLjc1NzEgMjcuMzMwMiAxMy43MTYzIDI3LjU2MDggMTMuNjU4NUMyNy43NTUzIDEzLjYxMSAyNy45NzM3IDEzLjU5NjkgMjguMjA4MiAxMy41NzYyQzI4LjM2NCAxMy41NjAzIDI4LjUxNzIgMTMuNTQ4MyAyOC42MzE4IDEzLjUzMzNDMjguNzg3NiAxMy41MTczIDI4LjkzNDIgMTMuNTA2NiAyOS4wOTI3IDEzLjQ4NjdDMjkuMzI4NSAxMy40NTU1IDI5LjU0NTYgMTMuNDM0NyAyOS43NDk0IDEzLjQzMzdDMzAuMDIzNyAxMy40NCAzMC4yOTk0IDEzLjQzNTcgMzAuNTc3NyAxMy40Mjc0QzMxLjA4MTEgMTMuNDIxIDMxLjU1NzkgMTMuNDE5NyAzMi4wMzE4IDEzLjQ5MTRDMzQuOTY2NCAxMy43MzUyIDM3LjcxNDQgMTQuNjA4NSA0MC4yMDUyIDE2LjA4NjhDNDIuMzQ4OSAxNy4zNjU1IDQ0LjI3MTYgMTkuMTUyNSA0NS43NjA3IDIxLjI2NEM0Ny4wMjU1IDIzLjA2MjggNDcuOTc1NiAyNS4wNTI4IDQ4LjQ5MjggMjcuMDM5M0M0OC41NzIgMjcuMzE3NiA0OC42Mjk5IDI3LjU5MzEgNDguNjgzOSAyNy44NjU5QzQ4LjcxNTQgMjguMDQyOCA0OC43NTYzIDI4LjIxNDUgNDguNzg5MiAyOC4zNjM2QzQ4LjgwMzcgMjguNDU0MSA0OC44MjA4IDI4LjU0MDYgNDguODQ0NSAyOC42MjU4QzQ4Ljg3NDkgMjguNzQ0MyA0OC44OTg2IDI4Ljg2NCA0OC45MTE2IDI4Ljk2NTFMNDguOTc5MyAyOS42MDQ3QzQ4Ljk5MjIgMjkuNzc0OCA0OS4wMTMyIDI5LjkzMzEgNDkuMDMwMSAzMC4wODg3QzQ5LjA2NjggMzAuMzI2OCA0OS4wODg5IDMwLjU2MDggNDkuMDk2NCAzMC43NTYxTDQ5LjEwODMgMzEuOTAwMUM0OS4xMzEyIDMyLjMzMDcgNDkuMDg5IDMyLjcxMTYgNDkuMDUyMiAzMy4wNjczQzQ5LjAzODQgMzMuMjU5OCA0OS4wMTI2IDMzLjQ0NDMgNDkuMDEyMyAzMy41ODI0QzQ4Ljk5NjEgMzMuNjkyNiA0OC45OTE4IDMzLjc5MzUgNDguOTgzNiAzMy44OTE3QzQ4Ljk3NTMgMzQuMDA3MiA0OC45NzI0IDM0LjExNDggNDguOTQxNCAzNC4yNTU0TDQ4LjU0NDkgMzYuMzA1OUM0OC4zMTM0IDM3Ljg2MjMgNDkuMzc5MyAzOS4zMzY1IDUwLjk0ODggMzkuNTgyMkM1Mi4wNDE3IDM5Ljc2MDEgNTMuMTUzNiAzOS4yODE5IDUzLjc3MTEgMzguMzY2NEM1NC4wMDYzIDM4LjAxNzYgNTQuMTYwNCAzNy42MjU3IDU0LjIyMjcgMzcuMjA2NEw1NC41MjE3IDM1LjI1NzRDNTQuNTUxNCAzNS4wNzU2IDU0LjU3MiAzNC44MyA1NC41ODQ2IDM0LjU3OTFMNTQuNjAyOCAzNC4yMzM4QzU0LjYwOTggMzQuMDU5OCA1NC42MjIzIDMzLjg3NzkgNTQuNjM0NyAzMy42Nzg4QzU0LjY3MzQgMzMuMTA1MiA1NC43MTYzIDMyLjQ0NzkgNTQuNjYxOSAzMS44MDU4TDU0LjU4NjcgMzAuNDI4OUM1NC41NjIyIDMwLjA5NTIgNTQuNTA5NyAyOS43NiA1NC40NTU5IDI5LjQxODFDNTQuNDMxIDI5LjI1NzIgNTQuNDA0OCAyOS4wODk2IDU0LjM4MjYgMjguOTA3NEw1NC4yNjg3IDI4LjEwNEM1NC4yMzMyIDI3LjkyNDQgNTQuMTgwNCAyNy43MjczIDU0LjEzMjkgMjcuNTM5Nkw1NC4wNjQzIDI3LjI0NTRDNTQuMDE5NSAyNy4wNzEgNTMuOTc3MyAyNi44OTI3IDUzLjkzMzggMjYuNzA3NkM1My44NDU1IDI2LjMzMDkgNTMuNzQ3OSAyNS45NDIyIDUzLjYxMyAyNS41NTcxQzUyLjg0IDIzLjAyOTIgNTEuNTM4MyAyMC41MTk0IDQ5LjgzMzggMTguMjc5OUM0Ny44NTQ0IDE1LjY4MiA0NS4zMzMzIDEzLjUwODcgNDIuNTU2MyAxMS45ODE2WiIgZmlsbD0iIzQ5NDVGRiIvPgo8L3N2Zz4K";module.exports=M;

package/dist/Loader/assets/loader.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA2MyA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjU1NjMgMTEuOTgxNkMzOS40ODQgMTAuMzA3MSAzNS44NTc1IDkuMjkwOTcgMzIuMzM1NCA5LjEzNTIxQzI4LjY0NDMgOC45Mjg4OCAyNC44Mjk1IDkuNzIzMTggMjEuMzMzNiAxMS40MTI5QzIwLjkxMjMgMTEuNTkwMSAyMC41Mzc2IDExLjgxMDEgMjAuMTcyMiAxMi4wMjQ5TDIwLjAxMDggMTIuMTE3OUMxOS44Nzc0IDEyLjE5NTEgMTkuNzQ0MSAxMi4yNzI0IDE5LjYwOCAxMi4zNTM2QzE5LjMyNTMgMTIuNTE0NiAxOS4wNDkyIDEyLjY3NDQgMTguNzU0NCAxMi44NzkyQzE4LjU0NjMgMTMuMDMyOSAxOC4zMzk1IDEzLjE3NTkgMTguMTMwMSAxMy4zMjNDMTcuNTY1OCAxMy43MjA4IDE2Ljk4NjggMTQuMTMxNyAxNi40OTgzIDE0LjU5NzlDMTQuODQ3NiAxNS45NTI0IDEzLjU1NzEgMTcuNjA3NSAxMi42MDcxIDE4LjkyMTRDMTAuNDM2NSAyMi4xNTY2IDkuMDg2MjIgMjUuOTU2NyA4LjgwNzAyIDI5LjYxNDNMOC43NzY0IDMwLjE1ODhDOC43MzMyOCAzMC45MTk2IDguNjg0NzYgMzEuNzA1NyA4Ljc1MzUzIDMyLjQ1NTVDOC43NjY0OCAzMi42MDg0IDguNzY2MSAzMi43NjM4IDguNzc1MDYgMzIuOTE0QzguNzg4OTUgMzMuMjI5IDguODAxNTIgMzMuNTM3MyA4Ljg0NiAzMy44NjcyTDkuMDczOTYgMzUuNDIyMUM5LjA5NzU2IDM1LjU3NjQgOS4xMTk4IDM1Ljc0MTMgOS4xNjMzIDM1LjkyNjNMOS42NTkxOSAzNy45MjcyTDEwLjEzOCAzOS4yODIzQzEwLjI3MjkgMzkuNjY3MyAxMC40MTU4IDQwLjA3NTEgMTAuNiA0MC40M0MxMi4wMjkyIDQzLjYzNyAxNC4xNDI1IDQ2LjQ1NzggMTYuNzA2MyA0OC41ODVDMTkuMDUwOCA1MC41Mjk2IDIxLjgyNCA1Mi4wMDIzIDI0Ljc0OTEgNTIuODQ1MkwyNi4yMzcxIDUzLjIzNzZDMjYuMzc4MSA1My4yNjkzIDI2LjQ5MjYgNTMuMjg4OSAyNi42MDMxIDUzLjMwNThMMjYuNzc3NSA1My4zMzExQzI3LjAwNTIgNTMuMzYzNiAyNy4yMTk1IDUzLjM5ODYgMjcuNDQ0NSA1My40MzVDMjcuODU5OCA1My41MDc2IDI4LjI2NzIgNTMuNTc0OCAyOC43MDc5IDUzLjYxODNMMzAuNTY0MSA1My43MjI5QzMwLjk1MTYgNTMuNzI0OSAzMS4zMzUyIDUzLjcwNjggMzEuNzA4MSA1My42ODc0QzMxLjkwMzkgNTMuNjgxIDMyLjA5ODQgNTMuNjY4MSAzMi4zMjg4IDUzLjY2MkMzNC41MjUzIDUzLjQ3NzIgMzYuNTEwNiA1My4wNjM0IDM4LjA1MTYgNTIuNDY1MkMzOC4xNzY5IDUyLjQxNzEgMzguMzAwOCA1Mi4zNzk2IDM4LjQyMzQgNTIuMzM1NUMzOC42NzI3IDUyLjI0OTkgMzguOTI1OSA1Mi4xNjcgMzkuMTQzMiA1Mi4wNTk5TDQwLjg1OTEgNTEuMjYyNkw0Mi41NzAyIDUwLjI2NkM0Mi45MDA5IDUwLjA2ODIgNDMuMDIwNSA0OS42NDE0IDQyLjgyODIgNDkuMjk4NEM0Mi42MzIgNDguOTUyNiA0Mi4yMDM0IDQ4LjgzMDggNDEuODYzNCA0OS4wMTY2TDQwLjE3OTIgNDkuOTIxOEwzOC40OTk1IDUwLjYyMjRDMzguMzE2OSA1MC42OTUzIDM4LjEyMSA1MC43NTM0IDM3LjkyMjQgNTAuODE1NUMzNy43ODM4IDUwLjg0ODkgMzcuNjUxOCA1MC44OTgzIDM3LjUwMTIgNTAuOTQwOEMzNi4wNzExIDUxLjQzNSAzNC4yNDQ1IDUxLjc0MjUgMzIuMjQ0IDUxLjgzNDZDMzIuMDQ0MiA1MS44MzgzIDMxLjg0NzEgNTEuODM3OSAzMS42NTQgNTEuODQwM0MzMS4zMDUxIDUxLjg0MTQgMzAuOTYwMiA1MS44NDUxIDMwLjYzOTIgNTEuODMwNUwyOC45MTc3IDUxLjY3MjVDMjguNTQ3NiA1MS42MTkgMjguMTY5NSA1MS41NDI3IDI3Ljc4NDggNTEuNDY3OEMyNy41NjM5IDUxLjQxNjcgMjcuMzM3NiA1MS4zNzM3IDI3LjEyOTkgNTEuMzM3NEwyNi45NTI5IDUxLjI5ODdDMjYuODcwNCA1MS4yODM0IDI2Ljc3NzIgNTEuMjY2NyAyNi43MzMzIDUxLjI1NDNMMjUuMzQ2NiA1MC44MzIyQzIyLjc2NTEgNDkuOTc4OSAyMC4zMyA0OC41NzI5IDE4LjI5NDIgNDYuNzU1N0MxNi4xMDU2IDQ0Ljc5NTEgMTQuMzMzOSA0Mi4yMzM1IDEzLjE3NDIgMzkuMzU4MkMxMi4wMjc2IDM2LjYwMTMgMTEuNTk4OCAzMy4yNzkyIDExLjk3MTYgMzAuMDA3NkMxMi4zMTQ1IDI3LjAyMTMgMTMuMzk0OCAyNC4xNjM1IDE1LjE4NTggMjEuNTA4M0MxNS4zMDM0IDIxLjMzMzkgMTUuNDIxIDIxLjE1OTYgMTUuNTIxMiAyMS4wMTk2QzE2LjQzMDkgMTkuODY4OCAxNy41NDA4IDE4LjU1ODkgMTguOTQ4MyAxNy40OTZDMTkuMzM2NyAxNy4xNTI1IDE5Ljc4NjIgMTYuODU2IDIwLjI2MTEgMTYuNTQ3OEMyMC40ODc4IDE2LjQwMDkgMjAuNzA3OSAxNi4yNTUzIDIwLjg5MDcgMTYuMTMwNkMyMS4wOTc0IDE2LjAwNDggMjEuMzE4OCAxNS44ODMxIDIxLjUzNDggMTUuNzY5NEMyMS42NzYxIDE1LjY5NzUgMjEuODE2MiAxNS42MTkgMjEuOTM4OCAxNS41NTc2TDIyLjEwMDIgMTUuNDY0NkMyMi40MDAyIDE1LjMwMzcgMjIuNjc0OSAxNS4xNTQ2IDIyLjk5MDggMTUuMDM5TDI0LjExODYgMTQuNTcxNUMyNC4zMzk5IDE0LjQ4NDQgMjQuNTcxOCAxNC40MTU5IDI0Ljc5OTcgMTQuMzQ0N0MyNC45NTMgMTQuMjk4MiAyNS4wOTgyIDE0LjI2MzUgMjUuMjYzNSAxNC4yMDc4QzI1Ljc4NiAxNC4wMTgyIDI2LjMyODMgMTMuOTExMiAyNi45MTA1IDEzLjc5NjVDMjcuMTE3IDEzLjc1NzEgMjcuMzMwMiAxMy43MTYzIDI3LjU2MDggMTMuNjU4NUMyNy43NTUzIDEzLjYxMSAyNy45NzM3IDEzLjU5NjkgMjguMjA4MiAxMy41NzYyQzI4LjM2NCAxMy41NjAzIDI4LjUxNzIgMTMuNTQ4MyAyOC42MzE4IDEzLjUzMzNDMjguNzg3NiAxMy41MTczIDI4LjkzNDIgMTMuNTA2NiAyOS4wOTI3IDEzLjQ4NjdDMjkuMzI4NSAxMy40NTU1IDI5LjU0NTYgMTMuNDM0NyAyOS43NDk0IDEzLjQzMzdDMzAuMDIzNyAxMy40NCAzMC4yOTk0IDEzLjQzNTcgMzAuNTc3NyAxMy40Mjc0QzMxLjA4MTEgMTMuNDIxIDMxLjU1NzkgMTMuNDE5NyAzMi4wMzE4IDEzLjQ5MTRDMzQuOTY2NCAxMy43MzUyIDM3LjcxNDQgMTQuNjA4NSA0MC4yMDUyIDE2LjA4NjhDNDIuMzQ4OSAxNy4zNjU1IDQ0LjI3MTYgMTkuMTUyNSA0NS43NjA3IDIxLjI2NEM0Ny4wMjU1IDIzLjA2MjggNDcuOTc1NiAyNS4wNTI4IDQ4LjQ5MjggMjcuMDM5M0M0OC41NzIgMjcuMzE3NiA0OC42Mjk5IDI3LjU5MzEgNDguNjgzOSAyNy44NjU5QzQ4LjcxNTQgMjguMDQyOCA0OC43NTYzIDI4LjIxNDUgNDguNzg5MiAyOC4zNjM2QzQ4LjgwMzcgMjguNDU0MSA0OC44MjA4IDI4LjU0MDYgNDguODQ0NSAyOC42MjU4QzQ4Ljg3NDkgMjguNzQ0MyA0OC44OTg2IDI4Ljg2NCA0OC45MTE2IDI4Ljk2NTFMNDguOTc5MyAyOS42MDQ3QzQ4Ljk5MjIgMjkuNzc0OCA0OS4wMTMyIDI5LjkzMzEgNDkuMDMwMSAzMC4wODg3QzQ5LjA2NjggMzAuMzI2OCA0OS4wODg5IDMwLjU2MDggNDkuMDk2NCAzMC43NTYxTDQ5LjEwODMgMzEuOTAwMUM0OS4xMzEyIDMyLjMzMDcgNDkuMDg5IDMyLjcxMTYgNDkuMDUyMiAzMy4wNjczQzQ5LjAzODQgMzMuMjU5OCA0OS4wMTI2IDMzLjQ0NDMgNDkuMDEyMyAzMy41ODI0QzQ4Ljk5NjEgMzMuNjkyNiA0OC45OTE4IDMzLjc5MzUgNDguOTgzNiAzMy44OTE3QzQ4Ljk3NTMgMzQuMDA3MiA0OC45NzI0IDM0LjExNDggNDguOTQxNCAzNC4yNTU0TDQ4LjU0NDkgMzYuMzA1OUM0OC4zMTM0IDM3Ljg2MjMgNDkuMzc5MyAzOS4zMzY1IDUwLjk0ODggMzkuNTgyMkM1Mi4wNDE3IDM5Ljc2MDEgNTMuMTUzNiAzOS4yODE5IDUzLjc3MTEgMzguMzY2NEM1NC4wMDYzIDM4LjAxNzYgNTQuMTYwNCAzNy42MjU3IDU0LjIyMjcgMzcuMjA2NEw1NC41MjE3IDM1LjI1NzRDNTQuNTUxNCAzNS4wNzU2IDU0LjU3MiAzNC44MyA1NC41ODQ2IDM0LjU3OTFMNTQuNjAyOCAzNC4yMzM4QzU0LjYwOTggMzQuMDU5OCA1NC42MjIzIDMzLjg3NzkgNTQuNjM0NyAzMy42Nzg4QzU0LjY3MzQgMzMuMTA1MiA1NC43MTYzIDMyLjQ0NzkgNTQuNjYxOSAzMS44MDU4TDU0LjU4NjcgMzAuNDI4OUM1NC41NjIyIDMwLjA5NTIgNTQuNTA5NyAyOS43NiA1NC40NTU5IDI5LjQxODFDNTQuNDMxIDI5LjI1NzIgNTQuNDA0OCAyOS4wODk2IDU0LjM4MjYgMjguOTA3NEw1NC4yNjg3IDI4LjEwNEM1NC4yMzMyIDI3LjkyNDQgNTQuMTgwNCAyNy43MjczIDU0LjEzMjkgMjcuNTM5Nkw1NC4wNjQzIDI3LjI0NTRDNTQuMDE5NSAyNy4wNzEgNTMuOTc3MyAyNi44OTI3IDUzLjkzMzggMjYuNzA3NkM1My44NDU1IDI2LjMzMDkgNTMuNzQ3OSAyNS45NDIyIDUzLjYxMyAyNS41NTcxQzUyLjg0IDIzLjAyOTIgNTEuNTM4MyAyMC41MTk0IDQ5LjgzMzggMTguMjc5OUM0Ny44NTQ0IDE1LjY4MiA0NS4zMzMzIDEzLjUwODcgNDIuNTU2MyAxMS45ODE2WiIgZmlsbD0iIzQ5NDVGRiIvPgo8L3N2Zz4K";
+export {
+  M as default
+};

package/dist/Loader/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Loader.cjs");exports.Loader=e.Loader;

package/dist/Loader/index.js

@@ -0,0 +1,4 @@
+import { Loader as e } from "./Loader.js";
+export {
+  e as Loader
+};

package/dist/Main/Main.cjs

@@ -0,0 +1,6 @@
+"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;
+  }
+`,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

@@ -0,0 +1,46 @@
+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;
+  }
+`, 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
+  }, o));
+};
+c.defaultProps = {
+  labelledBy: void 0
+};
+c.propTypes = {
+  labelledBy: f.string
+};
+export {
+  c as Main
+};

package/dist/Main/SkipToContent.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),s=require("styled-components"),r=require("prop-types"),a=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=t(n),u=t(s),l=t(r),d=u.default(a.Box)`
+  text-decoration: none;
+  position: absolute;
+  z-index: 9999;
+  left: -100%;
+  top: -100%;
+
+  &:focus {
+    left: ${({theme:e})=>e.spaces[3]};
+    top: ${({theme:e})=>e.spaces[3]};
+  }
+`,o=({children:e})=>c.default.createElement(d,{as:"a",href:"#main-content",background:"primary600",color:"neutral0",padding:3,hasRadius:!0},e);o.propTypes={children:l.default.node.isRequired};exports.SkipToContent=o;

package/dist/Main/SkipToContent.js

@@ -0,0 +1,29 @@
+import e from "react";
+import t from "styled-components";
+import r from "prop-types";
+import { Box as n } from "../Box/Box.js";
+const p = t(n)`
+  text-decoration: none;
+  position: absolute;
+  z-index: 9999;
+  left: -100%;
+  top: -100%;
+
+  &:focus {
+    left: ${({ theme: o }) => o.spaces[3]};
+    top: ${({ theme: o }) => o.spaces[3]};
+  }
+`, a = ({ children: o }) => /* @__PURE__ */ e.createElement(p, {
+  as: "a",
+  href: "#main-content",
+  background: "primary600",
+  color: "neutral0",
+  padding: 3,
+  hasRadius: !0
+}, o);
+a.propTypes = {
+  children: r.node.isRequired
+};
+export {
+  a as SkipToContent
+};

package/dist/Main/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Main.cjs"),t=require("./SkipToContent.cjs");exports.Main=e.Main;exports.SkipToContent=t.SkipToContent;

package/dist/Main/index.js

@@ -0,0 +1,6 @@
+import { Main as t } from "./Main.js";
+import { SkipToContent as n } from "./SkipToContent.js";
+export {
+  t as Main,
+  n as SkipToContent
+};