@strapi/design-system 0.0.0-vite-bundler.0

package/dist/Layout/HeaderLayout.js

@@ -0,0 +1,132 @@
+import e, { useRef as h, useState as E, useEffect as v } from "react";
+import b from "styled-components";
+import n from "prop-types";
+import { Typography as c } from "../Typography/Typography.js";
+import { Box as i } from "../Box/Box.js";
+import { Flex as l } from "../Flex/Flex.js";
+import { useElementOnScreen as R } from "../helpers/useElementOnScreen.js";
+import { useResizeObserver as w } from "../helpers/useResizeObserver.js";
+const x = () => {
+  const t = h(null), [o, a] = E(null), [r, d] = R({
+    root: null,
+    rootMargin: "0px",
+    threshold: 0
+  });
+  return w(r, () => {
+    r.current && a(r.current.getBoundingClientRect());
+  }), v(() => {
+    t.current && a(t.current.getBoundingClientRect());
+  }, [t]), {
+    containerRef: r,
+    isVisible: d,
+    baseHeaderLayoutRef: t,
+    headerSize: o
+  };
+}, p = (t) => {
+  const { containerRef: o, isVisible: a, baseHeaderLayoutRef: r, headerSize: d } = x();
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
+    style: { height: d?.height },
+    ref: o
+  }, a && /* @__PURE__ */ e.createElement(s, {
+    ref: r,
+    ...t
+  })), !a && /* @__PURE__ */ e.createElement(s, {
+    ...t,
+    sticky: !0,
+    width: d?.width
+  }));
+};
+p.displayName = "HeaderLayout";
+const L = b(i)`
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: ${(t) => t.width}px;
+  z-index: 4;
+  box-shadow: ${({ theme: t }) => t.shadows.tableShadow};
+`, s = e.forwardRef(
+  ({ navigationAction: t, primaryAction: o, secondaryAction: a, subtitle: r, title: d, sticky: f, width: g, ...u }, y) => {
+    const m = typeof r == "string";
+    return f ? /* @__PURE__ */ e.createElement(L, {
+      paddingLeft: 6,
+      paddingRight: 6,
+      paddingTop: 3,
+      paddingBottom: 3,
+      background: "neutral0",
+      width: g,
+      "data-strapi-header-sticky": !0
+    }, /* @__PURE__ */ e.createElement(l, {
+      justifyContent: "space-between"
+    }, /* @__PURE__ */ e.createElement(l, null, t && /* @__PURE__ */ e.createElement(i, {
+      paddingRight: 3
+    }, t), /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(c, {
+      variant: "beta",
+      as: "h1",
+      ...u
+    }, d), m ? /* @__PURE__ */ e.createElement(c, {
+      variant: "pi",
+      textColor: "neutral600"
+    }, r) : r), a ? /* @__PURE__ */ e.createElement(i, {
+      paddingLeft: 4
+    }, a) : null), /* @__PURE__ */ e.createElement(l, null, o ? /* @__PURE__ */ e.createElement(i, {
+      paddingLeft: 2
+    }, o) : void 0))) : /* @__PURE__ */ e.createElement(i, {
+      ref: y,
+      paddingLeft: 10,
+      paddingRight: 10,
+      paddingBottom: 8,
+      paddingTop: t ? 6 : 8,
+      background: "neutral100",
+      "data-strapi-header": !0
+    }, t ? /* @__PURE__ */ e.createElement(i, {
+      paddingBottom: 2
+    }, t) : null, /* @__PURE__ */ e.createElement(l, {
+      justifyContent: "space-between"
+    }, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement(c, {
+      as: "h1",
+      variant: "alpha",
+      ...u
+    }, d), a ? /* @__PURE__ */ e.createElement(i, {
+      paddingLeft: 4
+    }, a) : null), o), m ? /* @__PURE__ */ e.createElement(c, {
+      variant: "epsilon",
+      textColor: "neutral600",
+      as: "p"
+    }, r) : r);
+  }
+);
+s.displayName = "BaseHeaderLayout";
+s.defaultProps = {
+  navigationAction: void 0,
+  primaryAction: void 0,
+  secondaryAction: void 0,
+  subtitle: void 0,
+  sticky: !1,
+  width: void 0
+};
+s.propTypes = {
+  navigationAction: n.node,
+  primaryAction: n.node,
+  secondaryAction: n.node,
+  sticky: n.bool,
+  subtitle: n.oneOfType([n.string, n.node]),
+  title: n.string.isRequired,
+  width: n.number
+};
+p.defaultProps = {
+  navigationAction: void 0,
+  primaryAction: void 0,
+  secondaryAction: void 0,
+  subtitle: void 0
+};
+p.propTypes = {
+  navigationAction: n.node,
+  primaryAction: n.node,
+  secondaryAction: n.node,
+  subtitle: n.oneOfType([n.string, n.node]),
+  title: n.string.isRequired
+};
+export {
+  s as BaseHeaderLayout,
+  p as HeaderLayout
+};

package/dist/Layout/Layout.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),u=require("prop-types"),c=require("styled-components"),d=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=t(s),a=t(u),l=t(c),i=l.default(d.Box)`
+  display: grid;
+  grid-template-columns: ${({hasSideNav:e})=>e?"auto 1fr":"1fr"};
+`,f=l.default(d.Box)`
+  overflow-x: hidden;
+`,o=({sideNav:e,children:n})=>r.default.createElement(i,{hasSideNav:Boolean(e)},e,r.default.createElement(f,{paddingBottom:10},n));o.defaultProps={sideNav:void 0};o.propTypes={children:a.default.node.isRequired,sideNav:a.default.node};exports.Layout=o;

package/dist/Layout/Layout.js

@@ -0,0 +1,24 @@
+import o from "react";
+import r from "prop-types";
+import t from "styled-components";
+import { Box as d } from "../Box/Box.js";
+const a = t(d)`
+  display: grid;
+  grid-template-columns: ${({ hasSideNav: e }) => e ? "auto 1fr" : "1fr"};
+`, m = t(d)`
+  overflow-x: hidden;
+`, i = ({ sideNav: e, children: n }) => /* @__PURE__ */ o.createElement(a, {
+  hasSideNav: Boolean(e)
+}, e, /* @__PURE__ */ o.createElement(m, {
+  paddingBottom: 10
+}, n));
+i.defaultProps = {
+  sideNav: void 0
+};
+i.propTypes = {
+  children: r.node.isRequired,
+  sideNav: r.node
+};
+export {
+  i as Layout
+};

package/dist/Layout/TwoColsLayout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),c=require("prop-types"),r=require("../Box/Box.cjs"),i=require("../Grid/Grid.cjs"),o=require("../Grid/GridItem.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(l),a=d(c),u=({startCol:e,endCol:s})=>t.default.createElement(i.Grid,{gap:4},t.default.createElement(o.GridItem,{col:9,s:12},t.default.createElement(r.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow"},e)),t.default.createElement(o.GridItem,{col:3,s:12},t.default.createElement(r.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow"},s)));u.propTypes={endCol:a.default.node.isRequired,startCol:a.default.node.isRequired};exports.TwoColsLayout=u;

package/dist/Layout/TwoColsLayout.js

@@ -0,0 +1,29 @@
+import e from "react";
+import r from "prop-types";
+import { Box as o } from "../Box/Box.js";
+import { Grid as m } from "../Grid/Grid.js";
+import { GridItem as t } from "../Grid/GridItem.js";
+const l = ({ startCol: a, endCol: d }) => /* @__PURE__ */ e.createElement(m, {
+  gap: 4
+}, /* @__PURE__ */ e.createElement(t, {
+  col: 9,
+  s: 12
+}, /* @__PURE__ */ e.createElement(o, {
+  hasRadius: !0,
+  background: "neutral0",
+  shadow: "tableShadow"
+}, a)), /* @__PURE__ */ e.createElement(t, {
+  col: 3,
+  s: 12
+}, /* @__PURE__ */ e.createElement(o, {
+  hasRadius: !0,
+  background: "neutral0",
+  shadow: "tableShadow"
+}, d)));
+l.propTypes = {
+  endCol: r.node.isRequired,
+  startCol: r.node.isRequired
+};
+export {
+  l as TwoColsLayout
+};

package/dist/Layout/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./Layout.cjs"),e=require("./ActionLayout.cjs"),u=require("./ContentLayout.cjs"),o=require("./HeaderLayout.cjs"),a=require("./TwoColsLayout.cjs"),r=require("./GridLayout.cjs");exports.Layout=t.Layout;exports.ActionLayout=e.ActionLayout;exports.ContentLayout=u.ContentLayout;exports.BaseHeaderLayout=o.BaseHeaderLayout;exports.HeaderLayout=o.HeaderLayout;exports.TwoColsLayout=a.TwoColsLayout;exports.GridLayout=r.GridLayout;

package/dist/Layout/index.js

@@ -0,0 +1,15 @@
+import { Layout as r } from "./Layout.js";
+import { ActionLayout as a } from "./ActionLayout.js";
+import { ContentLayout as y } from "./ContentLayout.js";
+import { BaseHeaderLayout as f, HeaderLayout as m } from "./HeaderLayout.js";
+import { TwoColsLayout as x } from "./TwoColsLayout.js";
+import { GridLayout as n } from "./GridLayout.js";
+export {
+  a as ActionLayout,
+  f as BaseHeaderLayout,
+  y as ContentLayout,
+  n as GridLayout,
+  m as HeaderLayout,
+  r as Layout,
+  x as TwoColsLayout
+};

package/dist/Link/Link.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),h=require("prop-types"),v=require("styled-components"),_=require("@strapi/icons/ExternalLink"),E=require("react-router-dom"),u=require("../Typography/Typography.cjs"),L=require("../Box/Box.cjs"),x=require("../themes/utils.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(g),n=a(h),c=a(v),b=a(_),k=c.default.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;
+  }
+
+  ${u.Typography} {
+    transition: color 150ms ease-out;
+    color: currentColor;
+  }
+
+  &:hover {
+    color: ${({theme:e})=>e.colors.primary500};
+  }
+
+  &:active {
+    color: ${({theme:e})=>e.colors.primary700};
+  }
+
+  ${x.buttonFocusStyle};
+`,i=c.default(L.Box)`
+  display: flex;
+`,l=({href:e,to:r,children:f,disabled:o,startIcon:s,endIcon:d,...p})=>{const y=e?"_blank":void 0,m=e?"noreferrer noopener":void 0;return t.default.createElement(k,{as:r&&!o?E.NavLink:"a",target:y,rel:m,to:o?void 0:r,href:o?"#":e,disabled:o,...p},s&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingRight:2},s),t.default.createElement(u.Typography,null,f),d&&!e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},d),e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},t.default.createElement(b.default,null)))};l.displayName="Link";l.defaultProps={href:void 0,to:void 0,disabled:!1};l.propTypes={children:n.default.node.isRequired,disabled:n.default.bool,endIcon:n.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},startIcon:n.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")}};exports.Link=l;

package/dist/Link/Link.js

@@ -0,0 +1,87 @@
+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`
+  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};
+
+  svg path {
+    transition: fill 150ms ease-out;
+    fill: currentColor;
+  }
+
+  svg {
+    font-size: ${10 / 16}rem;
+  }
+
+  ${m} {
+    transition: color 150ms ease-out;
+    color: currentColor;
+  }
+
+  &:hover {
+    color: ${({ theme: e }) => e.colors.primary500};
+  }
+
+  &:active {
+    color: ${({ theme: e }) => e.colors.primary700};
+  }
+
+  ${h};
+`, i = d(g)`
+  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,
+    href: t ? "#" : e,
+    disabled: t,
+    ...p
+  }, l && /* @__PURE__ */ r.createElement(i, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingRight: 2
+  }, l), /* @__PURE__ */ r.createElement(m, null, c), s && !e && /* @__PURE__ */ r.createElement(i, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingLeft: 2
+  }, s), e && /* @__PURE__ */ r.createElement(i, {
+    as: "span",
+    "aria-hidden": !0,
+    paddingLeft: 2
+  }, /* @__PURE__ */ r.createElement(v, null)));
+};
+a.displayName = "Link";
+a.defaultProps = {
+  href: void 0,
+  to: void 0,
+  disabled: !1
+};
+a.propTypes = {
+  children: n.node.isRequired,
+  disabled: n.bool,
+  endIcon: n.element,
+  href: (e) => {
+    if (!e.disabled && !e.to && !e.href)
+      return new Error("href must be defined");
+  },
+  startIcon: n.element,
+  to: (e) => {
+    if (!e.disabled && !e.href && !e.to)
+      return new Error("to must be defined");
+  }
+};
+export {
+  a 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";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]}`};
+  background: ${({theme:e})=>e.colors.buttonPrimary600};
+  border: 1px solid ${({theme:e})=>e.colors.buttonPrimary600};
+  border-radius: ${({theme:e})=>e.borderRadius};
+  ${s.Box} {
+    display: flex;
+    align-items: center;
+  }
+  ${l.Typography} {
+    color: ${({theme:e})=>e.colors.buttonNeutral0};
+  }
+  &[aria-disabled='true'] {
+    ${r.getDisabledStyle}
+    &:active {
+      ${r.getDisabledStyle}
+    }
+  }
+  &:hover {
+    ${r.getHoverStyle}
+  }
+  &:active {
+    ${r.getActiveStyle}
+  }
+  ${r.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;

package/dist/LinkButton/LinkButton.js

@@ -0,0 +1,99 @@
+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]}`};
+  background: ${({ theme: e }) => e.colors.buttonPrimary600};
+  border: 1px solid ${({ theme: e }) => e.colors.buttonPrimary600};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  ${d} {
+    display: flex;
+    align-items: center;
+  }
+  ${a} {
+    color: ${({ theme: e }) => e.colors.buttonNeutral0};
+  }
+  &[aria-disabled='true'] {
+    ${c}
+    &:active {
+      ${c}
+    }
+  }
+  &:hover {
+    ${h}
+  }
+  &:active {
+    ${S}
+  }
+  ${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,
+      variant: e,
+      target: b,
+      rel: $,
+      to: i ? void 0 : p,
+      href: i ? "#" : n,
+      ...u,
+      as: p && !i ? g : "a"
+    }, o && /* @__PURE__ */ t.createElement(d, {
+      "aria-hidden": !0,
+      paddingRight: 2
+    }, o), m === "S" ? /* @__PURE__ */ t.createElement(a, {
+      variant: "pi",
+      fontWeight: "bold"
+    }, s) : /* @__PURE__ */ t.createElement(a, {
+      fontWeight: "bold"
+    }, s), f && /* @__PURE__ */ t.createElement(d, {
+      "aria-hidden": !0,
+      paddingLeft: 2
+    }, f));
+  }
+);
+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: r.node.isRequired,
+  disabled: r.bool,
+  endIcon: r.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,
+  to: (e) => {
+    if (!e.disabled && !e.href && !e.to)
+      return new Error("to must be defined");
+  },
+  variant: r.oneOf(x)
+};
+export {
+  l 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";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`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`,m=p.default.img`
+  animation: ${y} 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;

package/dist/Loader/Loader.js

@@ -0,0 +1,37 @@
+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`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`, c = m.img`
+  animation: ${p} 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: !1
+};
+o.propTypes = {
+  children: t.node.isRequired,
+  small: t.bool
+};
+export {
+  o as Loader
+};

package/dist/Loader/assets/loader.cjs

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