@strapi/design-system 0.0.0-jsoninput.0

package/dist/Pagination/components.js

@@ -0,0 +1,134 @@
+var R = Object.defineProperty, T = Object.defineProperties;
+var N = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var b = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r) => {
+  for (var t in r || (r = {}))
+    y.call(r, t) && b(e, t, r[t]);
+  if (m)
+    for (var t of m(r))
+      P.call(r, t) && b(e, t, r[t]);
+  return e;
+}, v = (e, r) => T(e, N(r));
+var d = (e, r) => {
+  var t = {};
+  for (var o in e)
+    y.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && m)
+    for (var o of m(e))
+      r.indexOf(o) < 0 && P.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import i from "react";
+import p from "styled-components";
+import c from "prop-types";
+import q from "@strapi/icons/ChevronLeft";
+import W from "@strapi/icons/ChevronRight";
+import { NavLink as C } from "react-router-dom";
+import { VisuallyHidden as u } from "../VisuallyHidden/VisuallyHidden.js";
+import { usePagination as f } from "./PaginationContext.js";
+import { Typography as S } from "../Typography/Typography.js";
+import { buttonFocusStyle as A } from "../themes/utils.js";
+const E = p(S)`
+  line-height: revert;
+`, D = {
+  active: !0
+}, g = p(C).withConfig({
+  shouldForwardProp: (e, r) => !D[e] && r(e)
+})`
+  padding: ${({ theme: e }) => e.spaces[3]};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  box-shadow: ${({ active: e, theme: r }) => e ? r.shadows.filterShadow : void 0};
+  text-decoration: none;
+  display: flex;
+
+  ${A}
+`, F = p(g)`
+  color: ${({ theme: e, active: r }) => r ? e.colors.primary700 : e.colors.neutral800};
+  background: ${({ theme: e, active: r }) => r ? e.colors.neutral0 : void 0};
+
+  &:hover {
+    box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
+  }
+`, k = p(g)`
+  font-size: 0.7rem;
+  svg path {
+    fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
+  }
+
+  &:focus,
+  &:hover {
+    svg path {
+      fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral700};
+    }
+  }
+
+  ${(e) => e["aria-disabled"] ? `
+  pointer-events: none;
+    ` : void 0}
+`, I = p(g)`
+  color: ${({ theme: e }) => e.colors.neutral800};
+`, L = (o) => {
+  var a = o, { children: e, to: r } = a, t = d(a, ["children", "to"]);
+  const { activePage: s } = f(), n = s === 1;
+  return /* @__PURE__ */ i.createElement(k, l({
+    to: n ? "#" : r,
+    "aria-disabled": n,
+    tabIndex: n ? -1 : void 0
+  }, t), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(q, {
+    "aria-hidden": !0
+  }));
+};
+L.displayName = "PreviousLink";
+const $ = (o) => {
+  var a = o, { children: e, to: r } = a, t = d(a, ["children", "to"]);
+  const { activePage: s, pageCount: n } = f(), h = s === n;
+  return /* @__PURE__ */ i.createElement(k, l({
+    to: h ? "#" : r,
+    "aria-disabled": h,
+    tabIndex: h ? -1 : void 0
+  }, t), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(W, {
+    "aria-hidden": !0
+  }));
+};
+$.displayName = "NextLink";
+const x = (o) => {
+  var a = o, { number: e, children: r } = a, t = d(a, ["number", "children"]);
+  const { activePage: s } = f(), n = s === e;
+  return /* @__PURE__ */ i.createElement(F, v(l({}, t), {
+    active: n
+  }), /* @__PURE__ */ i.createElement(u, null, r), /* @__PURE__ */ i.createElement(E, {
+    "aria-hidden": !0,
+    variant: "pi",
+    fontWeight: n ? "bold" : null
+  }, e));
+};
+x.displayName = "PageLink";
+const _ = (t) => {
+  var o = t, { children: e } = o, r = d(o, ["children"]);
+  return /* @__PURE__ */ i.createElement(I, v(l({}, r), {
+    as: "div"
+  }), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(E, {
+    "aria-hidden": !0,
+    variant: "pi"
+  }, "\u2026"));
+};
+x.propTypes = {
+  children: c.node.isRequired,
+  number: c.number.isRequired
+};
+const w = {
+  children: c.node.isRequired,
+  to: c.string.isRequired
+};
+$.propTypes = w;
+L.propTypes = w;
+_.propTypes = {
+  children: c.node.isRequired
+};
+export {
+  _ as Dots,
+  $ as NextLink,
+  x as PageLink,
+  L as PreviousLink
+};

package/dist/Pagination/index.cjs

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

package/dist/Pagination/index.js

@@ -0,0 +1,9 @@
+import { Pagination as e } from "./Pagination.js";
+import { Dots as r, NextLink as t, PageLink as a, PreviousLink as k } from "./components.js";
+export {
+  r as Dots,
+  t as NextLink,
+  a as PageLink,
+  e as Pagination,
+  k as PreviousLink
+};

package/dist/Popover/Popover.cjs

@@ -0,0 +1,26 @@
+"use strict";var W=Object.defineProperty;var i=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?W(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,u=(e,o)=>{for(var t in o||(o={}))P.call(o,t)&&g(e,t,o[t]);if(i)for(var t of i(o))y.call(o,t)&&g(e,t,o[t]);return e};var v=(e,o)=>{var t={};for(var r in e)P.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&i)for(var r of i(e))o.indexOf(r)<0&&y.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),D=require("prop-types"),z=require("styled-components"),s=require("@floating-ui/react-dom"),d=require("../Box/Box.cjs"),A=require("../Portal/Portal.cjs"),C=require("../helpers/useIntersection.cjs"),x=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function N(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=N(L),n=x(D),w=x(z),E=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],I=w.default(d.Box)`
+  box-shadow: ${({theme:e})=>e.shadows.filterShadow};
+  z-index: 4;
+  border: 1px solid ${({theme:e})=>e.colors.neutral150};
+  background: ${({theme:e})=>e.colors.neutral0};
+`,V=w.default(d.Box)`
+  // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
+  max-height: ${3*5}rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  &::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: ${({theme:e})=>e.colors.neutral0};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: ${({theme:e})=>e.colors.neutral150};
+    border-radius: ${({theme:e})=>e.borderRadius};
+    margin-right: 10px;
+  }
+`,f=F=>{var b=F,{source:e,children:o,spacing:t,fullWidth:r,placement:k,onReachEnd:c,intersectionId:l,centered:R}=b,q=v(b,["source","children","spacing","fullWidth","placement","onReachEnd","intersectionId","centered"]);const m=a.useRef(null),[j,S]=a.useState(void 0),{x:T,y:$,reference:h,floating:M,strategy:B}=s.useFloating({strategy:"fixed",placement:R?"bottom":k,middleware:[s.offset({mainAxis:t}),s.shift(),s.flip()],whileElementsMounted:s.autoUpdate});return a.useLayoutEffect(()=>{h(e.current)},[e,h]),a.useLayoutEffect(()=>{r&&S(e.current.offsetWidth)},[r,e]),C.useIntersection(m,c,{selectorToWatch:`#${l}`,skipWhen:!l||!c}),a.createElement(I,{ref:M,style:{left:T,top:$,position:B,width:j||void 0},hasRadius:!0,background:"neutral0",padding:1},a.createElement(V,u({ref:m},q),o,l&&c&&a.createElement(d.Box,{id:l,width:"100%",height:"1px"})))},p=e=>a.createElement(A.Portal,null,a.createElement(f,u({},e))),_={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start",spacing:0},O={centered:n.default.bool,children:n.default.node.isRequired,fullWidth:n.default.bool,intersectionId:n.default.string,onReachEnd:n.default.func,placement:n.default.oneOf(E),source:n.default.shape({current:(typeof Element=="undefined"?n.default.any:n.default.instanceOf(Element)).isRequired}).isRequired,spacing:n.default.number};f.propTypes=O;f.defaultProps=_;p.propTypes=O;p.defaultProps=_;exports.POPOVER_PLACEMENTS=E;exports.Popover=p;

package/dist/Popover/Popover.js

@@ -0,0 +1,149 @@
+var L = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var h = (e, o, t) => o in e ? L(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, p = (e, o) => {
+  for (var t in o || (o = {}))
+    b.call(o, t) && h(e, t, o[t]);
+  if (i)
+    for (var t of i(o))
+      g.call(o, t) && h(e, t, o[t]);
+  return e;
+};
+var w = (e, o) => {
+  var t = {};
+  for (var r in e)
+    b.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && i)
+    for (var r of i(e))
+      o.indexOf(r) < 0 && g.call(e, r) && (t[r] = e[r]);
+  return t;
+};
+import * as s from "react";
+import n from "prop-types";
+import v from "styled-components";
+import { useFloating as z, offset as A, shift as C, flip as M, autoUpdate as B } from "@floating-ui/react-dom";
+import { Box as d } from "../Box/Box.js";
+import { Portal as D } from "../Portal/Portal.js";
+import { useIntersection as F } from "../helpers/useIntersection.js";
+const N = [
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+], U = v(d)`
+  box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
+  z-index: 4;
+  border: 1px solid ${({ theme: e }) => e.colors.neutral150};
+  background: ${({ theme: e }) => e.colors.neutral0};
+`, V = v(d)`
+  // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
+  max-height: ${3 * 5}rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  &::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: ${({ theme: e }) => e.colors.neutral0};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: ${({ theme: e }) => e.colors.neutral150};
+    border-radius: ${({ theme: e }) => e.borderRadius};
+    margin-right: 10px;
+  }
+`, c = (_) => {
+  var f = _, {
+    source: e,
+    children: o,
+    spacing: t,
+    fullWidth: r,
+    placement: P,
+    onReachEnd: l,
+    intersectionId: a,
+    centered: k
+  } = f, R = w(f, [
+    "source",
+    "children",
+    "spacing",
+    "fullWidth",
+    "placement",
+    "onReachEnd",
+    "intersectionId",
+    "centered"
+  ]);
+  const u = s.useRef(null), [$, W] = s.useState(void 0), { x: T, y: O, reference: m, floating: S, strategy: q } = z({
+    strategy: "fixed",
+    placement: k ? "bottom" : P,
+    middleware: [
+      A({
+        mainAxis: t
+      }),
+      C(),
+      M()
+    ],
+    whileElementsMounted: B
+  });
+  return s.useLayoutEffect(() => {
+    m(e.current);
+  }, [e, m]), s.useLayoutEffect(() => {
+    r && W(e.current.offsetWidth);
+  }, [r, e]), F(u, l, {
+    selectorToWatch: `#${a}`,
+    skipWhen: !a || !l
+  }), /* @__PURE__ */ s.createElement(U, {
+    ref: S,
+    style: {
+      left: T,
+      top: O,
+      position: q,
+      width: $ || void 0
+    },
+    hasRadius: !0,
+    background: "neutral0",
+    padding: 1
+  }, /* @__PURE__ */ s.createElement(V, p({
+    ref: u
+  }, R), o, a && l && /* @__PURE__ */ s.createElement(d, {
+    id: a,
+    width: "100%",
+    height: "1px"
+  })));
+}, x = (e) => /* @__PURE__ */ s.createElement(D, null, /* @__PURE__ */ s.createElement(c, p({}, e))), y = {
+  fullWidth: !1,
+  intersectionId: void 0,
+  onReachEnd: void 0,
+  centered: !1,
+  placement: "bottom-start",
+  spacing: 0
+}, E = {
+  centered: n.bool,
+  children: n.node.isRequired,
+  fullWidth: n.bool,
+  intersectionId: n.string,
+  onReachEnd: n.func,
+  placement: n.oneOf(N),
+  source: n.shape({
+    current: (typeof Element == "undefined" ? n.any : n.instanceOf(Element)).isRequired
+  }).isRequired,
+  spacing: n.number
+};
+c.propTypes = E;
+c.defaultProps = y;
+x.propTypes = E;
+x.defaultProps = y;
+export {
+  N as POPOVER_PLACEMENTS,
+  x as Popover
+};

package/dist/Popover/index.cjs

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

package/dist/Popover/index.js

@@ -0,0 +1,5 @@
+import { POPOVER_PLACEMENTS as r, Popover as E } from "./Popover.js";
+export {
+  r as POPOVER_PLACEMENTS,
+  E as Popover
+};

package/dist/Portal/Portal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),a=require("react-dom"),s=require("prop-types"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=l(s),o=({children:e})=>{const t=r.useRef(null),[n,c]=r.useState(!1);return r.useLayoutEffect(()=>(t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),c(!0),()=>{var u;(u=t.current)==null||u.remove()}),[]),!n||!t.current?null:a.createPortal(e,t.current)};o.propTypes={children:d.default.node.isRequired};exports.Portal=o;

package/dist/Portal/Portal.js

@@ -0,0 +1,16 @@
+import { useRef as n, useState as c, useLayoutEffect as a } from "react";
+import { createPortal as d } from "react-dom";
+import p from "prop-types";
+const s = ({ children: t }) => {
+  const e = n(null), [o, u] = c(!1);
+  return a(() => (e.current = document.createElement("div"), e.current.setAttribute("data-react-portal", "true"), document.body.appendChild(e.current), u(!0), () => {
+    var r;
+    (r = e.current) == null || r.remove();
+  }), []), !o || !e.current ? null : d(t, e.current);
+};
+s.propTypes = {
+  children: p.node.isRequired
+};
+export {
+  s as Portal
+};

package/dist/Portal/index.cjs

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

package/dist/Portal/index.js

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

package/dist/ProgressBar/ProgressBar.cjs

@@ -0,0 +1,11 @@
+"use strict";var g=Object.defineProperty;var s=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var d=(e,r,t)=>r in e?g(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))c.call(r,t)&&d(e,t,r[t]);if(s)for(var t of s(r))p.call(r,t)&&d(e,t,r[t]);return e};var b=(e,r)=>{var t={};for(var o in e)c.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&s)for(var o of s(e))r.indexOf(o)<0&&p.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),x=require("prop-types"),_=require("styled-components"),v=require("../Box/Box.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},B=u(y),a=u(x),P=u(_),h=P.default(v.Box)`
+  &:before {
+    background-color: ${({theme:e})=>e.colors.neutral0};
+    border-radius: ${({theme:e})=>e.borderRadius};
+    bottom: 0;
+    content: '';
+    position: absolute;
+    top: 0;
+    width: ${({value:e})=>`${e}%`};
+  }
+`,l=q=>{var i=q,{min:e,max:r,value:t,children:o,size:n}=i,m=b(i,["min","max","value","children","size"]);return B.default.createElement(h,f({background:"neutral600",hasRadius:!0,"aria-label":o,"aria-valuemax":r,"aria-valuemin":e,"aria-valuenow":t,height:n==="S"?1:2,position:"relative",role:"progressbar",value:t,width:n==="S"?"78px":"102px"},m))};l.defaultProps={min:0,max:100,value:0,size:"M"};l.propTypes={children:a.default.node.isRequired,max:a.default.number,min:a.default.number,size:a.default.oneOf(["S","M"]),value:a.default.number};exports.ProgressBar=l;

package/dist/ProgressBar/ProgressBar.js

@@ -0,0 +1,66 @@
+var f = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var u = (r, o, e) => o in r ? f(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, p = (r, o) => {
+  for (var e in o || (o = {}))
+    m.call(o, e) && u(r, e, o[e]);
+  if (i)
+    for (var e of i(o))
+      l.call(o, e) && u(r, e, o[e]);
+  return r;
+};
+var d = (r, o) => {
+  var e = {};
+  for (var a in r)
+    m.call(r, a) && o.indexOf(a) < 0 && (e[a] = r[a]);
+  if (r != null && i)
+    for (var a of i(r))
+      o.indexOf(a) < 0 && l.call(r, a) && (e[a] = r[a]);
+  return e;
+};
+import x from "react";
+import t from "prop-types";
+import g from "styled-components";
+import { Box as h } from "../Box/Box.js";
+const v = g(h)`
+  &:before {
+    background-color: ${({ theme: r }) => r.colors.neutral0};
+    border-radius: ${({ theme: r }) => r.borderRadius};
+    bottom: 0;
+    content: '';
+    position: absolute;
+    top: 0;
+    width: ${({ value: r }) => `${r}%`};
+  }
+`, b = (P) => {
+  var n = P, { min: r, max: o, value: e, children: a, size: s } = n, c = d(n, ["min", "max", "value", "children", "size"]);
+  return /* @__PURE__ */ x.createElement(v, p({
+    background: "neutral600",
+    hasRadius: !0,
+    "aria-label": a,
+    "aria-valuemax": o,
+    "aria-valuemin": r,
+    "aria-valuenow": e,
+    height: s === "S" ? 1 : 2,
+    position: "relative",
+    role: "progressbar",
+    value: e,
+    width: s === "S" ? "78px" : "102px"
+  }, c));
+};
+b.defaultProps = {
+  min: 0,
+  max: 100,
+  value: 0,
+  size: "M"
+};
+b.propTypes = {
+  children: t.node.isRequired,
+  max: t.number,
+  min: t.number,
+  size: t.oneOf(["S", "M"]),
+  value: t.number
+};
+export {
+  b as ProgressBar
+};

package/dist/ProgressBar/index.cjs

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

package/dist/ProgressBar/index.js

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

package/dist/Radio/Radio.cjs

@@ -0,0 +1,4 @@
+"use strict";var f=Object.defineProperty;var r=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var d=(e,t,a)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,c=(e,t)=>{for(var a in t||(t={}))n.call(t,a)&&d(e,a,t[a]);if(r)for(var a of r(t))u.call(t,a)&&d(e,a,t[a]);return e};var i=(e,t)=>{var a={};for(var o in e)n.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&r)for(var o of r(e))t.indexOf(o)<0&&u.call(e,o)&&(a[o]=e[o]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),g=require("prop-types"),T=require("styled-components"),_=require("../BaseRadio/BaseRadio.cjs"),q=require("../Typography/Typography.cjs"),B=require("../Box/Box.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=l(R),p=l(g),x=l(T),m=x.default(q.Typography)`
+  display: flex;
+  align-items: center;
+`,y=a=>{var o=a,{children:e}=o,t=i(o,["children"]);return s.default.createElement(m,{as:"label",textColor:"neutral800"},s.default.createElement(_.BaseRadio,c({},t)),s.default.createElement(B.Box,{paddingLeft:2},e))};y.propTypes={children:p.default.node.isRequired,value:p.default.any.isRequired};exports.Radio=y;

package/dist/Radio/Radio.js

@@ -0,0 +1,45 @@
+var f = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var m = (e, r, t) => r in e ? f(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, n = (e, r) => {
+  for (var t in r || (r = {}))
+    p.call(r, t) && m(e, t, r[t]);
+  if (a)
+    for (var t of a(r))
+      l.call(r, t) && m(e, t, r[t]);
+  return e;
+};
+var d = (e, r) => {
+  var t = {};
+  for (var o in e)
+    p.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 && l.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import i from "react";
+import s from "prop-types";
+import c from "styled-components";
+import { BaseRadio as y } from "../BaseRadio/BaseRadio.js";
+import { Typography as u } from "../Typography/Typography.js";
+import { Box as x } from "../Box/Box.js";
+const R = c(u)`
+  display: flex;
+  align-items: center;
+`, T = (t) => {
+  var o = t, { children: e } = o, r = d(o, ["children"]);
+  return /* @__PURE__ */ i.createElement(R, {
+    as: "label",
+    textColor: "neutral800"
+  }, /* @__PURE__ */ i.createElement(y, n({}, r)), /* @__PURE__ */ i.createElement(x, {
+    paddingLeft: 2
+  }, e));
+};
+T.propTypes = {
+  children: s.node.isRequired,
+  value: s.any.isRequired
+};
+export {
+  T as Radio
+};

package/dist/Radio/index.cjs

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

package/dist/Radio/index.js

@@ -0,0 +1,6 @@
+import { Radio as p } from "./Radio.js";
+import { RadioGroup as d } from "../BaseRadio/RadioGroup.js";
+export {
+  p as Radio,
+  d as RadioGroup
+};

package/dist/RawTable/RawCell.cjs

@@ -0,0 +1 @@
+"use strict";var _=Object.defineProperty,j=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var v=(e,s,a)=>s in e?_(e,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[s]=a,x=(e,s)=>{for(var a in s||(s={}))w.call(s,a)&&v(e,a,s[a]);if(y)for(var a of y(s))F.call(s,a)&&v(e,a,s[a]);return e},R=(e,s)=>j(e,L(s));var I=(e,s)=>{var a={};for(var r in e)w.call(e,r)&&s.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&y)for(var r of y(e))s.indexOf(r)<0&&F.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),O=require("prop-types"),C=require("../Box/Box.cjs"),c=require("../helpers/getFocusableNodes.cjs"),g=require("../helpers/keyboardKeys.cjs"),D=require("./RawTableContext.cjs"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},P=B(b),n=B(O),m=e=>P.default.createElement(h,R(x({},e),{as:"th"})),h=r=>{var E=r,{coords:e,as:s}=E,a=I(E,["coords","as"]);const l=b.useRef(null),{rowIndex:q,colIndex:k,setTableValues:K}=D.useTable(),[d,N]=b.useState(!1),A=t=>{const o=c.getFocusableNodes(l.current,!0);if(o.length===0||o.length===1&&c.getFocusableNodesWithKeyboardNav(o).length===0)return;if(o.length>1&&!o.find(i=>i.tagName!=="BUTTON")){t.preventDefault();const i=o.findIndex(f=>f===document.activeElement);if(t.key===g.KeyboardKeys.RIGHT){const f=o[i+1];f&&(t.stopPropagation(),f.focus())}else if(t.key===g.KeyboardKeys.LEFT){const f=o[i-1];f&&(t.stopPropagation(),f.focus())}return}const u=t.key===g.KeyboardKeys.ENTER;if(u&&!d)N(!0);else if((t.key===g.KeyboardKeys.ESCAPE||u)&&d){if(u&&document.activeElement.tagName==="A")return;N(!1),l.current.focus()}else d&&t.stopPropagation()},p=q===e.row-1&&k===e.col-1;b.useLayoutEffect(()=>{const t=c.getFocusableNodes(l.current,!0);t.length===0||t.length===1&&c.getFocusableNodesWithKeyboardNav(t).length!==0||t.length>1&&Boolean(t.find(o=>o.tagName!=="BUTTON"))?(l.current.setAttribute("tabIndex",!d&&p?0:-1),t.forEach((o,u)=>{o.setAttribute("tabIndex",d?0:-1),d&&u===0&&o.focus()})):t.forEach(o=>{o.setAttribute("tabIndex",p?0:-1)})},[d,p]);const T=b.useCallback(()=>{const t=c.getFocusableNodes(l.current,!0);t.length>=1&&(c.getFocusableNodesWithKeyboardNav(t).length!==0||!t.find(o=>o.tagName!=="BUTTON"))&&N(!0),K({rowIndex:e.row-1,colIndex:e.col-1})},[e,K]);return b.useLayoutEffect(()=>{const t=l.current;return c.getFocusableNodes(t,!0).forEach(u=>{u.addEventListener("focus",T)}),()=>{c.getFocusableNodes(t,!0).forEach(i=>{i.removeEventListener("focus",T)})}},[T]),P.default.createElement(C.Box,x({role:"gridcell",as:s,ref:l,onKeyDown:A},a))};m.defaultProps={children:void 0,coords:{}};m.propTypes={"aria-colindex":n.default.number.isRequired,children:n.default.node,coords:n.default.shape({col:n.default.number,row:n.default.number})};h.defaultProps={as:"td",children:void 0,coords:{}};h.propTypes={"aria-colindex":n.default.number.isRequired,as:n.default.oneOf(["td","th"]),children:n.default.node,coords:n.default.shape({col:n.default.number,row:n.default.number})};exports.RawTd=h;exports.RawTh=m;

package/dist/RawTable/RawCell.js

@@ -0,0 +1,115 @@
+var O = Object.defineProperty, D = Object.defineProperties;
+var U = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var v = (e, n, r) => n in e ? O(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, g = (e, n) => {
+  for (var r in n || (n = {}))
+    I.call(n, r) && v(e, r, n[r]);
+  if (m)
+    for (var r of m(n))
+      w.call(n, r) && v(e, r, n[r]);
+  return e;
+}, R = (e, n) => D(e, U(n));
+var A = (e, n) => {
+  var r = {};
+  for (var c in e)
+    I.call(e, c) && n.indexOf(c) < 0 && (r[c] = e[c]);
+  if (e != null && m)
+    for (var c of m(e))
+      n.indexOf(c) < 0 && w.call(e, c) && (r[c] = e[c]);
+  return r;
+};
+import B, { useRef as q, useState as C, useLayoutEffect as P, useCallback as S } from "react";
+import s from "prop-types";
+import { Box as _ } from "../Box/Box.js";
+import { getFocusableNodes as f, getFocusableNodesWithKeyboardNav as E } from "../helpers/getFocusableNodes.js";
+import { KeyboardKeys as b } from "../helpers/keyboardKeys.js";
+import { useTable as G } from "./RawTableContext.js";
+const F = (e) => /* @__PURE__ */ B.createElement(T, R(g({}, e), {
+  as: "th"
+})), T = (c) => {
+  var x = c, { coords: e, as: n } = x, r = A(x, ["coords", "as"]);
+  const u = q(null), { rowIndex: K, colIndex: k, setTableValues: y } = G(), [l, h] = C(!1), L = (t) => {
+    const o = f(u.current, !0);
+    if (o.length === 0 || o.length === 1 && E(o).length === 0)
+      return;
+    if (o.length > 1 && !o.find((i) => i.tagName !== "BUTTON")) {
+      t.preventDefault();
+      const i = o.findIndex((d) => d === document.activeElement);
+      if (t.key === b.RIGHT) {
+        const d = o[i + 1];
+        d && (t.stopPropagation(), d.focus());
+      } else if (t.key === b.LEFT) {
+        const d = o[i - 1];
+        d && (t.stopPropagation(), d.focus());
+      }
+      return;
+    }
+    const a = t.key === b.ENTER;
+    if (a && !l)
+      h(!0);
+    else if ((t.key === b.ESCAPE || a) && l) {
+      if (a && document.activeElement.tagName === "A")
+        return;
+      h(!1), u.current.focus();
+    } else
+      l && t.stopPropagation();
+  }, p = K === e.row - 1 && k === e.col - 1;
+  P(() => {
+    const t = f(u.current, !0);
+    t.length === 0 || t.length === 1 && E(t).length !== 0 || t.length > 1 && Boolean(t.find((o) => o.tagName !== "BUTTON")) ? (u.current.setAttribute("tabIndex", !l && p ? 0 : -1), t.forEach((o, a) => {
+      o.setAttribute("tabIndex", l ? 0 : -1), l && a === 0 && o.focus();
+    })) : t.forEach((o) => {
+      o.setAttribute("tabIndex", p ? 0 : -1);
+    });
+  }, [l, p]);
+  const N = S(() => {
+    const t = f(u.current, !0);
+    t.length >= 1 && (E(t).length !== 0 || !t.find((o) => o.tagName !== "BUTTON")) && h(!0), y({ rowIndex: e.row - 1, colIndex: e.col - 1 });
+  }, [e, y]);
+  return P(() => {
+    const t = u.current;
+    return f(t, !0).forEach((a) => {
+      a.addEventListener("focus", N);
+    }), () => {
+      f(t, !0).forEach((i) => {
+        i.removeEventListener("focus", N);
+      });
+    };
+  }, [N]), /* @__PURE__ */ B.createElement(_, g({
+    role: "gridcell",
+    as: n,
+    ref: u,
+    onKeyDown: L
+  }, r));
+};
+F.defaultProps = {
+  children: void 0,
+  coords: {}
+};
+F.propTypes = {
+  "aria-colindex": s.number.isRequired,
+  children: s.node,
+  coords: s.shape({
+    col: s.number,
+    row: s.number
+  })
+};
+T.defaultProps = {
+  as: "td",
+  children: void 0,
+  coords: {}
+};
+T.propTypes = {
+  "aria-colindex": s.number.isRequired,
+  as: s.oneOf(["td", "th"]),
+  children: s.node,
+  coords: s.shape({
+    col: s.number,
+    row: s.number
+  })
+};
+export {
+  T as RawTd,
+  F as RawTh
+};

package/dist/RawTable/RawTable.cjs

@@ -0,0 +1 @@
+"use strict";var F=Object.defineProperty;var f=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var T=(e,a,r)=>a in e?F(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,P=(e,a)=>{for(var r in a||(a={}))p.call(a,r)&&T(e,r,a[r]);if(f)for(var r of f(a))R.call(a,r)&&T(e,r,a[r]);return e};var _=(e,a)=>{var r={};for(var u in e)p.call(e,u)&&a.indexOf(u)<0&&(r[u]=e[u]);if(e!=null&&f)for(var u of f(e))a.indexOf(u)<0&&R.call(e,u)&&(r[u]=e[u]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),O=require("prop-types"),h=require("./RawTableContext.cjs"),l=require("../helpers/keyboardKeys.cjs"),G=require("./focusFocusable.cjs"),E=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=E(o),b=E(O),y=M=>{var d=M,{colCount:e,rowCount:a,jumpStep:r,initialCol:u,initialRow:q}=d,w=_(d,["colCount","rowCount","jumpStep","initialCol","initialRow"]);const K=o.useRef(null),i=o.useRef(!1),[D,c]=o.useState(q),[k,n]=o.useState(u),g=o.useCallback(({colIndex:s,rowIndex:t})=>{n(s),c(t)},[]);o.useEffect(()=>{i.current&&G.focusFocusable(K.current),i.current||(i.current=!0)},[k,D]);const j=s=>{switch(s.key){case l.KeyboardKeys.RIGHT:{s.preventDefault(),n(t=>t<e-1?t+1:t);break}case l.KeyboardKeys.LEFT:{s.preventDefault(),n(t=>t>0?t-1:t);break}case l.KeyboardKeys.UP:{s.preventDefault(),c(t=>t>0?t-1:t);break}case l.KeyboardKeys.DOWN:{s.preventDefault(),c(t=>t<a-1?t+1:t);break}case l.KeyboardKeys.HOME:{s.preventDefault(),s.ctrlKey&&c(0),n(0);break}case l.KeyboardKeys.END:{s.preventDefault(),s.ctrlKey&&c(a-1),n(e-1);break}case l.KeyboardKeys.PAGE_DOWN:{s.preventDefault(),c(t=>t+r<a?t+r:a-1);break}case l.KeyboardKeys.PAGE_UP:{s.preventDefault(),c(t=>t-r>0?t-r:0);break}}};return m.default.createElement(h.RawTableContext.Provider,{value:{rowIndex:D,colIndex:k,setTableValues:g}},m.default.createElement("table",P({role:"grid",ref:K,"aria-rowcount":a,"aria-colcount":e,onKeyDown:j},w)))};y.defaultProps={jumpStep:3,initialCol:0,initialRow:0};y.propTypes={colCount:b.default.number.isRequired,initialCol:b.default.number,initialRow:b.default.number,jumpStep:b.default.number,rowCount:b.default.number.isRequired};exports.RawTable=y;