@strapi/design-system 0.0.0-jsoninput.0

package/dist/Select/components.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),s=require("../Box/Box.cjs"),i=require("../Flex/Flex.cjs"),r=require("../themes/utils.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(n),d=t.default(i.Flex)`
+  position: relative;
+  border: 1px solid ${({theme:e,hasError:o})=>o?e.colors.danger600:e.colors.neutral200};
+  padding-right: ${({theme:e})=>e.spaces[3]};
+  border-radius: ${({theme:e})=>e.borderRadius};
+  background: ${({theme:e})=>e.colors.neutral0};
+  overflow: hidden;
+  min-height: ${r.getThemeSize("input")};
+
+  ${({theme:e,disabled:o})=>o?`
+    color: ${e.colors.neutral600};
+    background: ${e.colors.neutral150};
+  `:void 0}
+
+  ${r.inputFocusStyle()}
+`,l=t.default(s.Box)`
+  background: transparent;
+  border: none;
+  position: relative;
+  z-index: 1;
+
+  svg {
+    height: ${11/16}rem;
+    width: ${11/16}rem;
+  }
+
+  svg path {
+    fill: ${({theme:e})=>e.colors.neutral600};
+  }
+`,u=t.default(l)`
+  display: flex;
+  background: none;
+  border: none;
+  cursor: ${({disabled:e})=>e?"not-allowed":void 0};
+
+  svg {
+    width: ${6/16}rem;
+  }
+`;exports.CaretBox=u;exports.IconBox=l;exports.SelectButtonWrapper=d;

package/dist/Select/components.js

@@ -0,0 +1,48 @@
+import e from "styled-components";
+import { Box as t } from "../Box/Box.js";
+import { Flex as n } from "../Flex/Flex.js";
+import { getThemeSize as i, inputFocusStyle as l } from "../themes/utils.js";
+const u = e(n)`
+  position: relative;
+  border: 1px solid ${({ theme: o, hasError: r }) => r ? o.colors.danger600 : o.colors.neutral200};
+  padding-right: ${({ theme: o }) => o.spaces[3]};
+  border-radius: ${({ theme: o }) => o.borderRadius};
+  background: ${({ theme: o }) => o.colors.neutral0};
+  overflow: hidden;
+  min-height: ${i("input")};
+
+  ${({ theme: o, disabled: r }) => r ? `
+    color: ${o.colors.neutral600};
+    background: ${o.colors.neutral150};
+  ` : void 0}
+
+  ${l()}
+`, d = e(t)`
+  background: transparent;
+  border: none;
+  position: relative;
+  z-index: 1;
+
+  svg {
+    height: ${11 / 16}rem;
+    width: ${11 / 16}rem;
+  }
+
+  svg path {
+    fill: ${({ theme: o }) => o.colors.neutral600};
+  }
+`, $ = e(d)`
+  display: flex;
+  background: none;
+  border: none;
+  cursor: ${({ disabled: o }) => o ? "not-allowed" : void 0};
+
+  svg {
+    width: ${6 / 16}rem;
+  }
+`;
+export {
+  $ as CaretBox,
+  d as IconBox,
+  u as SelectButtonWrapper
+};

package/dist/Select/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={Keyboard:"down:keyboard",Mouse:"down:mouse"},o={Keyboard:"up:keyboard",Mouse:"up:mouse"};exports.DownState=e;exports.UpState=o;

package/dist/Select/constants.js

@@ -0,0 +1,8 @@
+const o = {
+  Keyboard: "down:keyboard",
+  Mouse: "down:mouse"
+}, e = { Keyboard: "up:keyboard", Mouse: "up:mouse" };
+export {
+  o as DownState,
+  e as UpState
+};

package/dist/Select/hooks/useButtonRef.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),s=require("../constants.cjs"),c=t=>{const r=e.useRef(null),n=e.useRef(null),u=e.useRef();return t&&(u.current=t),e.useEffect(()=>{!n.current||t||(u.current===s.DownState.Keyboard||u.current===s.UpState.Keyboard)&&r.current.focus()},[t]),e.useEffect(()=>{n.current=!0},[]),r};exports.useButtonRef=c;

package/dist/Select/hooks/useButtonRef.js

@@ -0,0 +1,13 @@
+import { useRef as e, useEffect as n } from "react";
+import { DownState as f, UpState as c } from "../constants.js";
+const m = (t) => {
+  const u = e(null), o = e(null), r = e();
+  return t && (r.current = t), n(() => {
+    !o.current || t || (r.current === f.Keyboard || r.current === c.Keyboard) && u.current.focus();
+  }, [t]), n(() => {
+    o.current = !0;
+  }, []), u;
+};
+export {
+  m as useButtonRef
+};

package/dist/Select/hooks/useListRef.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),s=require("../constants.cjs"),u=require("../utils.cjs"),i=r=>{const e=o.useRef(null);return o.useEffect(()=>{e.current.focus()},[]),o.useEffect(()=>{if(!e.current)return;const n=e.current.querySelector('[aria-selected="true"]'),c=e.current.querySelectorAll('[role="option"]');let t;n?t=n:r===s.UpState.Keyboard?t=c[c.length-1]:r===s.DownState.Keyboard&&(t=c[0]),t&&(r===s.UpState.Keyboard||r===s.DownState.Keyboard)&&u.changeDescendant(e.current,t)},[]),e};exports.useListRef=i;

package/dist/Select/hooks/useListRef.js

@@ -0,0 +1,18 @@
+import { useRef as i, useEffect as c } from "react";
+import { UpState as s, DownState as f } from "../constants.js";
+import { changeDescendant as l } from "../utils.js";
+const y = (r) => {
+  const e = i(null);
+  return c(() => {
+    e.current.focus();
+  }, []), c(() => {
+    if (!e.current)
+      return;
+    const n = e.current.querySelector('[aria-selected="true"]'), o = e.current.querySelectorAll('[role="option"]');
+    let t;
+    n ? t = n : r === s.Keyboard ? t = o[o.length - 1] : r === f.Keyboard && (t = o[0]), t && (r === s.Keyboard || r === f.Keyboard) && l(e.current, t);
+  }, []), e;
+};
+export {
+  y as useListRef
+};

package/dist/Select/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Select.cjs"),t=require("./Option.cjs"),c=require("./OptGroup.cjs"),s=require("./MultiSelectNested.cjs"),i=require("./SelectList.cjs");exports.Select=e.Select;exports.Option=t.Option;exports.OptGroup=c.OptGroup;exports.MultiSelectNested=s.MultiSelectNested;exports.SelectList=i.SelectList;

package/dist/Select/index.js

@@ -0,0 +1,12 @@
+import { Select as o } from "./Select.js";
+import { Option as p } from "./Option.js";
+import { OptGroup as m } from "./OptGroup.js";
+import { MultiSelectNested as l } from "./MultiSelectNested.js";
+import { SelectList as i } from "./SelectList.js";
+export {
+  l as MultiSelectNested,
+  m as OptGroup,
+  p as Option,
+  o as Select,
+  i as SelectList
+};

package/dist/Select/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("compute-scroll-into-view"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=a(s),i=(e,t)=>{e.setAttribute("aria-activedescendant",t.getAttribute("id")),e.querySelectorAll('[role="option"]').forEach(c=>c.classList.remove("is-focused")),t.classList.add("is-focused"),r.default(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"}).forEach(({el:c,top:o,left:n})=>{c.scrollTop=o,c.scrollLeft=n})},l=e=>{const t=e.getAttribute("aria-activedescendant");return e.querySelector(`#${t}`)};exports.changeDescendant=i;exports.getActiveDescendant=l;

package/dist/Select/utils.js

@@ -0,0 +1,17 @@
+import n from "compute-scroll-into-view";
+const d = (e, t) => {
+  e.setAttribute("aria-activedescendant", t.getAttribute("id")), e.querySelectorAll('[role="option"]').forEach((c) => c.classList.remove("is-focused")), t.classList.add("is-focused"), n(t, {
+    scrollMode: "if-needed",
+    block: "nearest",
+    inline: "nearest"
+  }).forEach(({ el: c, top: o, left: s }) => {
+    c.scrollTop = o, c.scrollLeft = s;
+  });
+}, l = (e) => {
+  const t = e.getAttribute("aria-activedescendant");
+  return e.querySelector(`#${t}`);
+};
+export {
+  d as changeDescendant,
+  l as getActiveDescendant
+};

package/dist/SimpleMenu/SimpleMenu.cjs

@@ -0,0 +1,35 @@
+"use strict";var Z=Object.defineProperty;var C=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var $=(e,r,n)=>r in e?Z(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n,i=(e,r)=>{for(var n in r||(r={}))F.call(r,n)&&$(e,n,r[n]);if(C)for(var n of C(r))A.call(r,n)&&$(e,n,r[n]);return e};var D=(e,r)=>{var n={};for(var s in e)F.call(e,s)&&r.indexOf(s)<0&&(n[s]=e[s]);if(e!=null&&C)for(var s of C(e))r.indexOf(s)<0&&A.call(e,s)&&(n[s]=e[s]);return n};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),ee=require("prop-types"),te=require("styled-components"),ne=require("react-router-dom"),N=require("@radix-ui/react-use-callback-ref"),oe=require("@strapi/icons/CarretDown"),I=require("../Typography/Typography.cjs"),re=require("../Link/Link.cjs"),K=require("../Box/Box.cjs"),ae=require("../Flex/Flex.cjs"),V=require("../Button/Button.cjs"),W=require("../Popover/Popover.cjs"),O=require("./utils.cjs"),se=require("../helpers/useId.cjs"),d=require("../helpers/keyboardKeys.cjs"),R=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=R(l),t=R(ee),v=R(te),ue=R(oe),le=v.default.button`
+  border: none;
+  padding: 0;
+  background: transparent;
+  cursor: pointer;
+  ${O.getOptionStyle}
+`,ce=v.default(ne.NavLink)`
+  text-decoration: none;
+  ${O.getOptionStyle}
+`,de=v.default(re.Link)`
+  /* Removing Link hover effect */
+  &:hover {
+    color: currentColor;
+  }
+
+  &:focus-visible {
+    /* Removing Link focus-visible after properties and reset to global outline */
+    outline: 2px solid ${({theme:e})=>e.colors.primary600};
+    outline-offset: 2px;
+    &:after {
+      content: none;
+    }
+  }
+
+  ${O.getOptionStyle}
+`,ie=v.default.span`
+  display: flex;
+  align-items: center;
+  svg {
+    height: 4px;
+    width: 6px;
+  }
+`,fe=v.default(V.Button)`
+  padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[3]}`};
+`,S=w=>{var b=w,{children:e,onClick:r,to:n,isFocused:s,href:f}=b,P=D(b,["children","onClick","to","isFocused","href"]);const c=l.useRef();l.useEffect(()=>{s&&c.current&&c.current.focus()},[s]);const p=i({tabIndex:s?0:-1,ref:c,role:"menuitem"},P),M=y=>{(y.key===d.KeyboardKeys.SPACE||y.key===d.KeyboardKeys.ENTER)&&r()};return n&&!f?a.default.createElement(ce,i({to:n},p),a.default.createElement(K.Box,{padding:2},a.default.createElement(I.Typography,null,e))):f&&!n?a.default.createElement(de,i({isExternal:!0,href:f},p),a.default.createElement(K.Box,{padding:2},a.default.createElement(I.Typography,null,e))):a.default.createElement(le,i({onKeyDown:M,onMouseDown:r,type:"button"},p),a.default.createElement(K.Box,{padding:2},a.default.createElement(I.Typography,null,e)))};S.defaultProps={as:void 0,href:void 0,isFocused:!1,onClick(){},to:void 0};S.propTypes={as:t.default.elementType,children:t.default.node.isRequired,href:t.default.string,isFocused:t.default.bool,onClick:t.default.func,to:t.default.string};const k=M=>{var y=M,{label:e,children:r,id:n,as:s,onOpen:f=()=>{},onClose:P=()=>{},size:w,popoverPlacement:b,onReachEnd:c}=y,p=D(y,["label","children","id","as","onOpen","onClose","size","popoverPlacement","onReachEnd"]);const m=l.useRef(),T=se.useId("simplemenu",n),E=l.useRef(!1),[g,h]=l.useState(!1),[q,B]=l.useState(0),x=l.Children.toArray(r),z=w==="S"?fe:V.Button,U=s||z,j=!!c&&typeof c=="function";l.useEffect(()=>{if(["string","number"].includes(typeof e)){const o=x.findIndex(u=>u.props.children===e);o!==-1&&B(o)}},[e]);const _=N.useCallbackRef(f),L=N.useCallbackRef(P);l.useEffect(()=>{E!=null&&E.current?g?_():L():E.current=!0},[E,L,_,g]),l.useEffect(()=>{a.default.isValidElement(e)&&q===-1&&m.current.focus()},[e,q]);const H=o=>{g&&(o.key===d.KeyboardKeys.ESCAPE&&(o.stopPropagation(),h(!1),m.current.focus()),o.key===d.KeyboardKeys.DOWN&&B(u=>u===x.length-1?0:u+1),o.key===d.KeyboardKeys.UP&&B(u=>u===0?x.length-1:u-1))},G=o=>{(o.key===d.KeyboardKeys.ENTER||o.key===d.KeyboardKeys.SPACE)&&h(u=>!u)},J=o=>{o.preventDefault(),o.currentTarget.contains(o.relatedTarget)||h(!1)},Q=o=>{o.preventDefault(),h(u=>!u)},X=()=>{j&&c()},Y=x.map((o,u)=>a.default.createElement(ae.Flex,{as:"li",key:u,justifyContent:"center",role:"menuitem"},l.cloneElement(o,{onClick(){o.props.onClick(),h(!1),m.current.focus()},isFocused:q===u})));return a.default.createElement("div",{onKeyDown:H},a.default.createElement(U,i({label:a.default.isValidElement(e)?null:e,"aria-haspopup":!0,"aria-expanded":g,"aria-controls":T,onKeyDown:G,onMouseDown:Q,ref:m,type:"button",variant:"ghost",endIcon:a.default.createElement(ie,null,a.default.createElement(ue.default,{"aria-hidden":!0}))},p),e),g&&a.default.createElement(W.Popover,{onBlur:J,placement:b,source:m,onReachEnd:X,intersectionId:j?`popover-${T}`:void 0,spacing:4},a.default.createElement(K.Box,{role:"menu",as:"ul",padding:1,id:T},Y)))};k.defaultProps={as:void 0};k.displayName="SimpleMenu";k.defaultProps={id:void 0,onOpen:void 0,onClose:void 0,onReachEnd:void 0,popoverPlacement:"bottom-start",size:"M"};k.propTypes={as:t.default.any,children:t.default.oneOfType([t.default.arrayOf(t.default.node),t.default.node]).isRequired,id:t.default.string,label:t.default.oneOfType([t.default.string,t.default.number,t.default.element]).isRequired,onClose:t.default.func,onOpen:t.default.func,onReachEnd:t.default.func,popoverPlacement:t.default.oneOf(W.POPOVER_PLACEMENTS),size:t.default.oneOf(["S","M"])};exports.MenuItem=S;exports.SimpleMenu=k;

package/dist/SimpleMenu/SimpleMenu.js

@@ -0,0 +1,229 @@
+var Y = Object.defineProperty;
+var C = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var N = (e, r, t) => r in e ? Y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, p = (e, r) => {
+  for (var t in r || (r = {}))
+    F.call(r, t) && N(e, t, r[t]);
+  if (C)
+    for (var t of C(r))
+      V.call(r, t) && N(e, t, r[t]);
+  return e;
+};
+var b = (e, r) => {
+  var t = {};
+  for (var s in e)
+    F.call(e, s) && r.indexOf(s) < 0 && (t[s] = e[s]);
+  if (e != null && C)
+    for (var s of C(e))
+      r.indexOf(s) < 0 && V.call(e, s) && (t[s] = e[s]);
+  return t;
+};
+import i, { useRef as w, useEffect as P, useState as q, Children as Z, cloneElement as ee } from "react";
+import n from "prop-types";
+import h from "styled-components";
+import { NavLink as ne } from "react-router-dom";
+import { useCallbackRef as W } from "@radix-ui/react-use-callback-ref";
+import te from "@strapi/icons/CarretDown";
+import { Typography as S } from "../Typography/Typography.js";
+import { Link as oe } from "../Link/Link.js";
+import { Box as R } from "../Box/Box.js";
+import { Flex as re } from "../Flex/Flex.js";
+import { Button as _ } from "../Button/Button.js";
+import { POPOVER_PLACEMENTS as ie, Popover as se } from "../Popover/Popover.js";
+import { getOptionStyle as M } from "./utils.js";
+import { useId as ae } from "../helpers/useId.js";
+import { KeyboardKeys as c } from "../helpers/keyboardKeys.js";
+const le = h.button`
+  border: none;
+  padding: 0;
+  background: transparent;
+  cursor: pointer;
+  ${M}
+`, ce = h(ne)`
+  text-decoration: none;
+  ${M}
+`, pe = h(oe)`
+  /* Removing Link hover effect */
+  &:hover {
+    color: currentColor;
+  }
+
+  &:focus-visible {
+    /* Removing Link focus-visible after properties and reset to global outline */
+    outline: 2px solid ${({ theme: e }) => e.colors.primary600};
+    outline-offset: 2px;
+    &:after {
+      content: none;
+    }
+  }
+
+  ${M}
+`, ue = h.span`
+  display: flex;
+  align-items: center;
+  svg {
+    height: 4px;
+    width: 6px;
+  }
+`, me = h(_)`
+  padding: ${({ theme: e }) => `${e.spaces[1]} ${e.spaces[3]}`};
+`, z = (B) => {
+  var v = B, { children: e, onClick: r, to: t, isFocused: s, href: u } = v, D = b(v, ["children", "onClick", "to", "isFocused", "href"]);
+  const l = w();
+  P(() => {
+    s && l.current && l.current.focus();
+  }, [s]);
+  const m = p({
+    tabIndex: s ? 0 : -1,
+    ref: l,
+    role: "menuitem"
+  }, D), K = (f) => {
+    (f.key === c.SPACE || f.key === c.ENTER) && r();
+  };
+  return t && !u ? /* @__PURE__ */ i.createElement(ce, p({
+    to: t
+  }, m), /* @__PURE__ */ i.createElement(R, {
+    padding: 2
+  }, /* @__PURE__ */ i.createElement(S, null, e))) : u && !t ? /* @__PURE__ */ i.createElement(pe, p({
+    isExternal: !0,
+    href: u
+  }, m), /* @__PURE__ */ i.createElement(R, {
+    padding: 2
+  }, /* @__PURE__ */ i.createElement(S, null, e))) : /* @__PURE__ */ i.createElement(le, p({
+    onKeyDown: K,
+    onMouseDown: r,
+    type: "button"
+  }, m), /* @__PURE__ */ i.createElement(R, {
+    padding: 2
+  }, /* @__PURE__ */ i.createElement(S, null, e)));
+};
+z.defaultProps = {
+  as: void 0,
+  href: void 0,
+  isFocused: !1,
+  onClick() {
+  },
+  to: void 0
+};
+z.propTypes = {
+  as: n.elementType,
+  children: n.node.isRequired,
+  href: n.string,
+  isFocused: n.bool,
+  onClick: n.func,
+  to: n.string
+};
+const x = (K) => {
+  var f = K, {
+    label: e,
+    children: r,
+    id: t,
+    as: s,
+    onOpen: u = () => {
+    },
+    onClose: D = () => {
+    },
+    size: B,
+    popoverPlacement: v,
+    onReachEnd: l
+  } = f, m = b(f, [
+    "label",
+    "children",
+    "id",
+    "as",
+    "onOpen",
+    "onClose",
+    "size",
+    "popoverPlacement",
+    "onReachEnd"
+  ]);
+  const d = w(), I = ae("simplemenu", t), y = w(!1), [E, g] = q(!1), [O, T] = q(0), k = Z.toArray(r), j = s || (B === "S" ? me : _), $ = !!l && typeof l == "function";
+  P(() => {
+    if (["string", "number"].includes(typeof e)) {
+      const o = k.findIndex((a) => a.props.children === e);
+      o !== -1 && T(o);
+    }
+  }, [e]);
+  const L = W(u), A = W(D);
+  P(() => {
+    y != null && y.current ? E ? L() : A() : y.current = !0;
+  }, [y, A, L, E]), P(() => {
+    i.isValidElement(e) && O === -1 && d.current.focus();
+  }, [e, O]);
+  const H = (o) => {
+    E && (o.key === c.ESCAPE && (o.stopPropagation(), g(!1), d.current.focus()), o.key === c.DOWN && T((a) => a === k.length - 1 ? 0 : a + 1), o.key === c.UP && T((a) => a === 0 ? k.length - 1 : a - 1));
+  }, U = (o) => {
+    (o.key === c.ENTER || o.key === c.SPACE) && g((a) => !a);
+  }, G = (o) => {
+    o.preventDefault(), o.currentTarget.contains(o.relatedTarget) || g(!1);
+  }, J = (o) => {
+    o.preventDefault(), g((a) => !a);
+  }, Q = () => {
+    $ && l();
+  }, X = k.map((o, a) => /* @__PURE__ */ i.createElement(re, {
+    as: "li",
+    key: a,
+    justifyContent: "center",
+    role: "menuitem"
+  }, ee(o, {
+    onClick() {
+      o.props.onClick(), g(!1), d.current.focus();
+    },
+    isFocused: O === a
+  })));
+  return /* @__PURE__ */ i.createElement("div", {
+    onKeyDown: H
+  }, /* @__PURE__ */ i.createElement(j, p({
+    label: i.isValidElement(e) ? null : e,
+    "aria-haspopup": !0,
+    "aria-expanded": E,
+    "aria-controls": I,
+    onKeyDown: U,
+    onMouseDown: J,
+    ref: d,
+    type: "button",
+    variant: "ghost",
+    endIcon: /* @__PURE__ */ i.createElement(ue, null, /* @__PURE__ */ i.createElement(te, {
+      "aria-hidden": !0
+    }))
+  }, m), e), E && /* @__PURE__ */ i.createElement(se, {
+    onBlur: G,
+    placement: v,
+    source: d,
+    onReachEnd: Q,
+    intersectionId: $ ? `popover-${I}` : void 0,
+    spacing: 4
+  }, /* @__PURE__ */ i.createElement(R, {
+    role: "menu",
+    as: "ul",
+    padding: 1,
+    id: I
+  }, X)));
+};
+x.defaultProps = {
+  as: void 0
+};
+x.displayName = "SimpleMenu";
+x.defaultProps = {
+  id: void 0,
+  onOpen: void 0,
+  onClose: void 0,
+  onReachEnd: void 0,
+  popoverPlacement: "bottom-start",
+  size: "M"
+};
+x.propTypes = {
+  as: n.any,
+  children: n.oneOfType([n.arrayOf(n.node), n.node]).isRequired,
+  id: n.string,
+  label: n.oneOfType([n.string, n.number, n.element]).isRequired,
+  onClose: n.func,
+  onOpen: n.func,
+  onReachEnd: n.func,
+  popoverPlacement: n.oneOf(ie),
+  size: n.oneOf(["S", "M"])
+};
+export {
+  z as MenuItem,
+  x as SimpleMenu
+};

package/dist/SimpleMenu/index.cjs

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

package/dist/SimpleMenu/index.js

@@ -0,0 +1,5 @@
+import { MenuItem as n, SimpleMenu as o } from "./SimpleMenu.js";
+export {
+  n as MenuItem,
+  o as SimpleMenu
+};

package/dist/SimpleMenu/utils.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=({theme:o})=>`
+    text-align: left;
+    width: 100%;
+    color: ${o.colors.neutral800};
+    border-radius: ${o.borderRadius};
+    &:focus {
+        background-color: ${o.colors.primary100};
+    }
+    &:not([aria-disabled]):hover {
+        background-color: ${o.colors.primary100};
+    }
+`;exports.getOptionStyle=r;

package/dist/SimpleMenu/utils.js

@@ -0,0 +1,15 @@
+const r = ({ theme: o }) => `
+    text-align: left;
+    width: 100%;
+    color: ${o.colors.neutral800};
+    border-radius: ${o.borderRadius};
+    &:focus {
+        background-color: ${o.colors.primary100};
+    }
+    &:not([aria-disabled]):hover {
+        background-color: ${o.colors.primary100};
+    }
+`;
+export {
+  r as getOptionStyle
+};

package/dist/Stack/Stack.cjs

@@ -0,0 +1,19 @@
+"use strict";var w=Object.defineProperty;var n=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var u=(e,t,a)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,s=(e,t)=>{for(var a in t||(t={}))p.call(t,a)&&u(e,a,t[a]);if(n)for(var a of n(t))f.call(t,a)&&u(e,a,t[a]);return e};var g=(e,t)=>{var a={};for(var o in e)p.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&n)for(var o of n(e))t.indexOf(o)<0&&f.call(e,o)&&(a[o]=e[o]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),P=require("prop-types"),S=require("styled-components"),h=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=l(y),i=l(P),_=l(S),b={size:!0},F=_.default(h.Flex).withConfig({shouldForwardProp:(e,t)=>!b[e]&&t(e)})`
+  & > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  & > * + * {
+    margin-top: ${({theme:e,spacing:t})=>e.spaces[t]};
+  }
+`,k=_.default(h.Flex).withConfig({shouldForwardProp:(e,t)=>!b[e]&&t(e)})`
+  & > * {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  & > * + * {
+    margin-left: ${({theme:e,spacing:t})=>e.spaces[t]};
+  }
+`,r=y.forwardRef((x,c)=>{var d=x,{horizontal:e,spacing:t,size:a}=d,o=g(d,["horizontal","spacing","size"]);return a&&console.warn('Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'),e?m.default.createElement(k,s({ref:c,spacing:t||a},o)):m.default.createElement(F,s({direction:"column",alignItems:"stretch",ref:c,spacing:t||a},o))});r.displayName="Stack";r.defaultProps={horizontal:!1,size:void 0,spacing:void 0};r.propTypes={horizontal:i.default.bool,size:i.default.number,spacing:i.default.number};exports.Stack=r;

package/dist/Stack/Stack.js

@@ -0,0 +1,76 @@
+var P = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var l = (e, t, o) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, i = (e, t) => {
+  for (var o in t || (t = {}))
+    p.call(t, o) && l(e, o, t[o]);
+  if (a)
+    for (var o of a(t))
+      d.call(t, o) && l(e, o, t[o]);
+  return e;
+};
+var g = (e, t) => {
+  var o = {};
+  for (var r in e)
+    p.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
+  if (e != null && a)
+    for (var r of a(e))
+      t.indexOf(r) < 0 && d.call(e, r) && (o[r] = e[r]);
+  return o;
+};
+import f, { forwardRef as b } from "react";
+import n from "prop-types";
+import u from "styled-components";
+import { Flex as h } from "../Flex/Flex.js";
+const w = {
+  size: !0
+}, k = u(h).withConfig({
+  shouldForwardProp: (e, t) => !w[e] && t(e)
+})`
+  & > * {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  & > * + * {
+    margin-top: ${({ theme: e, spacing: t }) => e.spaces[t]};
+  }
+`, S = u(h).withConfig({
+  shouldForwardProp: (e, t) => !w[e] && t(e)
+})`
+  & > * {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  & > * + * {
+    margin-left: ${({ theme: e, spacing: t }) => e.spaces[t]};
+  }
+`, s = b((y, c) => {
+  var m = y, { horizontal: e, spacing: t, size: o } = m, r = g(m, ["horizontal", "spacing", "size"]);
+  return o && console.warn(
+    'Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'
+  ), e ? /* @__PURE__ */ f.createElement(S, i({
+    ref: c,
+    spacing: t || o
+  }, r)) : /* @__PURE__ */ f.createElement(k, i({
+    direction: "column",
+    alignItems: "stretch",
+    ref: c,
+    spacing: t || o
+  }, r));
+});
+s.displayName = "Stack";
+s.defaultProps = {
+  horizontal: !1,
+  size: void 0,
+  spacing: void 0
+};
+s.propTypes = {
+  horizontal: n.bool,
+  size: n.number,
+  spacing: n.number
+};
+export {
+  s as Stack
+};

package/dist/Stack/index.cjs

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

package/dist/Stack/index.js

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

package/dist/Status/Status.cjs

@@ -0,0 +1,11 @@
+"use strict";var B=Object.defineProperty;var a=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var i=(e,t,o)=>t in e?B(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,y=(e,t)=>{for(var o in t||(t={}))g.call(t,o)&&i(e,o,t[o]);if(a)for(var o of a(t))f.call(t,o)&&i(e,o,t[o]);return e};var h=(e,t)=>{var o={};for(var r in e)g.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&a)for(var r of a(e))t.indexOf(r)<0&&f.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react"),q=require("prop-types"),j=require("styled-components"),C=require("../Box/Box.cjs"),R=require("../Flex/Flex.cjs"),k=require("../Typography/Typography.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=n(S),s=n(q),b=n(j),w=b.default.div`
+  margin-right: ${({theme:e})=>e.spaces[3]};
+  width: ${6/16}rem;
+  height: ${6/16}rem;
+  border-radius: 50%;
+  background: ${({theme:e,backgroundColor:t})=>e.colors[t]};
+`,F=b.default(C.Box)`
+  ${k.Typography} {
+    color: ${({theme:e,textColor:t})=>e.colors[t]};
+  }
+`,u=M=>{var d=M,{variant:e,showBullet:t,size:o,children:r}=d,m=h(d,["variant","showBullet","size","children"]);const $=`${e}100`,x=`${e}200`,T=`${e}600`,_=`${e}600`,c=o==="S"?2:5,p=o==="S"?1:4;return l.default.createElement(F,y({borderColor:x,textColor:_,background:$,hasRadius:!0,paddingTop:p,paddingBottom:p,paddingLeft:c,paddingRight:c},m),t?l.default.createElement(R.Flex,null,l.default.createElement(w,{backgroundColor:T}),r):r)};u.defaultProps={showBullet:!0,size:"M",variant:"primary"};u.propTypes={children:s.default.node.isRequired,showBullet:s.default.bool,size:s.default.oneOf(["S","M"]),variant:s.default.oneOf(["alternative","danger","neutral","primary","secondary","success","warning"])};exports.Status=u;