@strapi/design-system 0.0.0-jsoninput.0

package/dist/BaseCheckbox/BaseCheckbox.js

@@ -0,0 +1,125 @@
+var x = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var s = (e, o, r) => o in e ? x(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, u = (e, o) => {
+  for (var r in o || (o = {}))
+    d.call(o, r) && s(e, r, o[r]);
+  if (l)
+    for (var r of l(o))
+      p.call(o, r) && s(e, r, o[r]);
+  return e;
+};
+var m = (e, o) => {
+  var r = {};
+  for (var t in e)
+    d.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && l)
+    for (var t of l(e))
+      o.indexOf(t) < 0 && p.call(e, t) && (r[t] = e[t]);
+  return r;
+};
+import b, { useRef as $, useEffect as y } from "react";
+import a from "prop-types";
+import C from "styled-components";
+import { Box as w } from "../Box/Box.js";
+import { getCheckboxSize as f } from "./utils.js";
+import R from "./assets/checkmark.js";
+import v from "./assets/checkmark-black.js";
+const z = C.input`
+  margin: 0;
+  height: ${f};
+  min-width: ${f};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  border: 1px solid ${({ theme: e }) => e.colors.neutral300};
+  -webkit-appearance: none;
+  background-color: ${({ theme: e }) => e.colors.neutral0};
+  cursor: pointer;
+
+  &:checked {
+    background-color: ${({ theme: e }) => e.colors.primary600};
+    border: 1px solid ${({ theme: e }) => e.colors.primary600};
+
+    &:after {
+      content: '';
+      display: block;
+      position: relative;
+      background: url(${R}) no-repeat no-repeat center center;
+      width: 10px;
+      height: 10px;
+      left: 50%;
+      top: 50%;
+      transform: translateX(-50%) translateY(-50%);
+    }
+
+    &:disabled:after {
+      background: url(${v}) no-repeat no-repeat center center;
+    }
+  }
+
+  &:disabled {
+    background-color: ${({ theme: e }) => e.colors.neutral200};
+    border: 1px solid ${({ theme: e }) => e.colors.neutral300};
+  }
+
+  &:indeterminate {
+    background-color: ${({ theme: e }) => e.colors.primary600};
+    border: 1px solid ${({ theme: e }) => e.colors.primary600};
+
+    &:after {
+      content: '';
+      display: block;
+      position: relative;
+      color: white;
+      height: 2px;
+      width: 10px;
+      background-color: ${({ theme: e }) => e.colors.neutral0};
+      left: 50%;
+      top: 50%;
+      transform: translateX(-50%) translateY(-50%);
+    }
+
+    &:disabled {
+      background-color: ${({ theme: e }) => e.colors.neutral200};
+      border: 1px solid ${({ theme: e }) => e.colors.neutral300};
+      &:after {
+        background-color: ${({ theme: e }) => e.colors.neutral500};
+      }
+    }
+  }
+`, c = (B) => {
+  var i = B, { indeterminate: e, size: o, name: r, value: t, onValueChange: h } = i, k = m(i, ["indeterminate", "size", "name", "value", "onValueChange"]);
+  const n = $();
+  y(() => {
+    n.current && e ? n.current.indeterminate = e : n.current.indeterminate = !1;
+  }, [e]);
+  const g = () => {
+    h(!t);
+  };
+  return /* @__PURE__ */ b.createElement(w, null, /* @__PURE__ */ b.createElement(z, u({
+    size: o,
+    checked: t,
+    onChange: g,
+    type: "checkbox",
+    ref: n,
+    name: r
+  }, k)));
+};
+c.displayName = "BaseCheckbox";
+c.defaultProps = {
+  indeterminate: !1,
+  name: null,
+  onValueChange() {
+  },
+  size: "M",
+  value: !1
+};
+c.propTypes = {
+  indeterminate: a.bool,
+  name: a.string,
+  onValueChange: a.func,
+  size: a.oneOf(["M", "L"]),
+  value: a.bool
+};
+export {
+  c as BaseCheckbox
+};

package/dist/BaseCheckbox/assets/checkmark-black.cjs

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

package/dist/BaseCheckbox/assets/checkmark-black.js

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

package/dist/BaseCheckbox/assets/checkmark.cjs

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

package/dist/BaseCheckbox/assets/checkmark.js

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

package/dist/BaseCheckbox/index.cjs

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

package/dist/BaseCheckbox/index.js

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

package/dist/BaseCheckbox/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=({size:e})=>e==="M"?"18px":"20px";exports.getCheckboxSize=t;

package/dist/BaseCheckbox/utils.js

@@ -0,0 +1,4 @@
+const r = ({ size: e }) => e === "M" ? "18px" : "20px";
+export {
+  r as getCheckboxSize
+};

package/dist/BaseLink/BaseLink.cjs

@@ -0,0 +1,3 @@
+"use strict";var k=Object.defineProperty;var o=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var u=(e,r,t)=>r in e?k(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&u(e,t,r[t]);if(o)for(var t of o(r))c.call(r,t)&&u(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var a in e)i.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&o)for(var a of o(e))r.indexOf(a)<0&&c.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),v=require("prop-types"),L=require("styled-components"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},_=n(m),l=n(v),P=n(L),T=P.default.a`
+  cursor: pointer;
+`,s=_.default.forwardRef((h,b)=>{var f=h,{href:e,rel:r,target:t,disabled:a,isExternal:d}=f,g=y(f,["href","rel","target","disabled","isExternal"]);return _.default.createElement(T,p({ref:b,target:d?"_blank":t,rel:d?r:void 0,href:a?"#":e,disabled:a},g))});s.displayName="BaseLink";s.defaultProps={disabled:!1,href:void 0,isExternal:!1,rel:"noreferrer noopener",target:"_self"};s.propTypes={disabled:l.default.bool,href:l.default.string,isExternal:l.default.bool,rel:l.default.string,target:l.default.string};exports.BaseLink=s;

package/dist/BaseLink/BaseLink.js

@@ -0,0 +1,53 @@
+var y = Object.defineProperty;
+var s = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var i = (e, o, r) => o in e ? y(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, m = (e, o) => {
+  for (var r in o || (o = {}))
+    p.call(o, r) && i(e, r, o[r]);
+  if (s)
+    for (var r of s(o))
+      d.call(o, r) && i(e, r, o[r]);
+  return e;
+};
+var g = (e, o) => {
+  var r = {};
+  for (var t in e)
+    p.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && s)
+    for (var t of s(e))
+      o.indexOf(t) < 0 && d.call(e, t) && (r[t] = e[t]);
+  return r;
+};
+import c from "react";
+import a from "prop-types";
+import _ from "styled-components";
+const h = _.a`
+  cursor: pointer;
+`, l = c.forwardRef((k, u) => {
+  var f = k, { href: e, rel: o, target: r, disabled: t, isExternal: n } = f, b = g(f, ["href", "rel", "target", "disabled", "isExternal"]);
+  return /* @__PURE__ */ c.createElement(h, m({
+    ref: u,
+    target: n ? "_blank" : r,
+    rel: n ? o : void 0,
+    href: t ? "#" : e,
+    disabled: t
+  }, b));
+});
+l.displayName = "BaseLink";
+l.defaultProps = {
+  disabled: !1,
+  href: void 0,
+  isExternal: !1,
+  rel: "noreferrer noopener",
+  target: "_self"
+};
+l.propTypes = {
+  disabled: a.bool,
+  href: a.string,
+  isExternal: a.bool,
+  rel: a.string,
+  target: a.string
+};
+export {
+  l as BaseLink
+};

package/dist/BaseLink/index.cjs

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

package/dist/BaseLink/index.js

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

package/dist/BaseRadio/BaseRadio.cjs

@@ -0,0 +1,31 @@
+"use strict";var k=Object.defineProperty;var i=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var n=(e,o,t)=>o in e?k(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,f=(e,o)=>{for(var t in o||(o={}))u.call(o,t)&&n(e,t,o[t]);if(i)for(var t of i(o))p.call(o,t)&&n(e,t,o[t]);return e};var b=(e,o)=>{var t={};for(var a in e)u.call(e,a)&&o.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&i)for(var a of i(e))o.indexOf(a)<0&&p.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),m=require("prop-types"),x=require("styled-components"),q=require("./context.cjs"),d=require("./utils.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=c(R),y=c(m),z=c(x),P=z.default.input`
+  margin: 0;
+  padding: 0;
+  background-color: ${({theme:e})=>e.colors.neutral0};
+  border: 1px solid ${({theme:e})=>e.colors.primary600};
+  border-radius: 50%;
+  height: ${d.getRadioSize};
+  width: ${d.getRadioSize};
+  -webkit-appearance: none;
+
+  &:after {
+    border-radius: 50%;
+    content: '';
+    position: relative;
+    z-index: 1;
+    display: block;
+    height: ${d.getSelectedRadioSize};
+    width: ${d.getSelectedRadioSize};
+    left: ${d.getSelectedRadioPosition};
+    top: ${d.getSelectedRadioPosition};
+  }
+
+  &:checked:after {
+    background: ${({theme:e})=>e.colors.primary600};
+  }
+
+  &:disabled {
+    border: 1px solid ${({theme:e})=>e.colors.carbon300};
+    background: ${({theme:e})=>e.colors.neutral200};
+  }
+`,r=g.default.forwardRef((j,a)=>{var l=j,{value:e,disabled:o}=l,t=b(l,["value","disabled"]);const{onChange:S,selected:$,name:h,size:_}=R.useContext(q.RadioContext),s=$===e;return g.default.createElement(P,f({ref:a,type:"radio",name:h,value:e,tabIndex:s?0:-1,"aria-checked":s,checked:s,disabled:o,size:_,onChange:S},t))});r.displayName="Radio";r.defaultProps={disabled:!1};r.propTypes={disabled:y.default.bool,value:y.default.string.isRequired};exports.BaseRadio=r;

package/dist/BaseRadio/BaseRadio.js

@@ -0,0 +1,82 @@
+var x = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var n = (e, r, o) => r in e ? x(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, p = (e, r) => {
+  for (var o in r || (r = {}))
+    c.call(r, o) && n(e, o, r[o]);
+  if (i)
+    for (var o of i(r))
+      l.call(r, o) && n(e, o, r[o]);
+  return e;
+};
+var m = (e, r) => {
+  var o = {};
+  for (var t in e)
+    c.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 && l.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import b, { useContext as S } from "react";
+import u from "prop-types";
+import w from "styled-components";
+import { RadioContext as z } from "./context.js";
+import { getRadioSize as f, getSelectedRadioSize as g, getSelectedRadioPosition as $ } from "./utils.js";
+const C = w.input`
+  margin: 0;
+  padding: 0;
+  background-color: ${({ theme: e }) => e.colors.neutral0};
+  border: 1px solid ${({ theme: e }) => e.colors.primary600};
+  border-radius: 50%;
+  height: ${f};
+  width: ${f};
+  -webkit-appearance: none;
+
+  &:after {
+    border-radius: 50%;
+    content: '';
+    position: relative;
+    z-index: 1;
+    display: block;
+    height: ${g};
+    width: ${g};
+    left: ${$};
+    top: ${$};
+  }
+
+  &:checked:after {
+    background: ${({ theme: e }) => e.colors.primary600};
+  }
+
+  &:disabled {
+    border: 1px solid ${({ theme: e }) => e.colors.carbon300};
+    background: ${({ theme: e }) => e.colors.neutral200};
+  }
+`, a = b.forwardRef((P, t) => {
+  var s = P, { value: e, disabled: r } = s, o = m(s, ["value", "disabled"]);
+  const { onChange: h, selected: R, name: k, size: y } = S(z), d = R === e;
+  return /* @__PURE__ */ b.createElement(C, p({
+    ref: t,
+    type: "radio",
+    name: k,
+    value: e,
+    tabIndex: d ? 0 : -1,
+    "aria-checked": d,
+    checked: d,
+    disabled: r,
+    size: y,
+    onChange: h
+  }, o));
+});
+a.displayName = "Radio";
+a.defaultProps = {
+  disabled: !1
+};
+a.propTypes = {
+  disabled: u.bool,
+  value: u.string.isRequired
+};
+export {
+  a as BaseRadio
+};

package/dist/BaseRadio/RadioGroup.cjs

@@ -0,0 +1 @@
+"use strict";var _=Object.defineProperty;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,r,t)=>r in e?_(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,R=(e,r)=>{for(var t in r||(r={}))f.call(r,t)&&c(e,t,r[t]);if(s)for(var t of s(r))p.call(r,t)&&c(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var o in e)f.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 i=require("react"),m=require("prop-types"),x=require("./context.cjs"),I=require("../helpers/setTabIndexOnFirstItem.cjs"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=g(i),u=g(m),n=v=>{var d=v,{children:e,labelledBy:r,onChange:t,value:o,size:q,name:a}=d,T=y(d,["children","labelledBy","onChange","value","size","name"]);const l=i.useRef(null);return i.useLayoutEffect(()=>{o||I.setTabIndexOnFirstItem(l.current,`[name="${a}"]`)},[o,a]),b.default.createElement(x.RadioContext.Provider,{value:{onChange:t,selected:o,name:a,size:q}},b.default.createElement("div",R({ref:l,role:"radiogroup","aria-labelledby":r},T),e))};n.defaultProps={value:"",size:"M"};n.propTypes={children:u.default.node.isRequired,labelledBy:u.default.string.isRequired,name:u.default.string.isRequired,onChange:u.default.func.isRequired,size:u.default.oneOf(["M","L"]),value:u.default.string};exports.RadioGroup=n;

package/dist/BaseRadio/RadioGroup.js

@@ -0,0 +1,52 @@
+var b = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var u = (e, o, r) => o in e ? b(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, p = (e, o) => {
+  for (var r in o || (o = {}))
+    l.call(o, r) && u(e, r, o[r]);
+  if (n)
+    for (var r of n(o))
+      f.call(o, r) && u(e, r, o[r]);
+  return e;
+};
+var m = (e, o) => {
+  var r = {};
+  for (var i in e)
+    l.call(e, i) && o.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && n)
+    for (var i of n(e))
+      o.indexOf(i) < 0 && f.call(e, i) && (r[i] = e[i]);
+  return r;
+};
+import c, { useRef as q, useLayoutEffect as v } from "react";
+import t from "prop-types";
+import { RadioContext as x } from "./context.js";
+import { setTabIndexOnFirstItem as E } from "../helpers/setTabIndexOnFirstItem.js";
+const R = (P) => {
+  var d = P, { children: e, labelledBy: o, onChange: r, value: i, size: g, name: s } = d, y = m(d, ["children", "labelledBy", "onChange", "value", "size", "name"]);
+  const a = q(null);
+  return v(() => {
+    i || E(a.current, `[name="${s}"]`);
+  }, [i, s]), /* @__PURE__ */ c.createElement(x.Provider, {
+    value: { onChange: r, selected: i, name: s, size: g }
+  }, /* @__PURE__ */ c.createElement("div", p({
+    ref: a,
+    role: "radiogroup",
+    "aria-labelledby": o
+  }, y), e));
+};
+R.defaultProps = {
+  value: "",
+  size: "M"
+};
+R.propTypes = {
+  children: t.node.isRequired,
+  labelledBy: t.string.isRequired,
+  name: t.string.isRequired,
+  onChange: t.func.isRequired,
+  size: t.oneOf(["M", "L"]),
+  value: t.string
+};
+export {
+  R as RadioGroup
+};

package/dist/BaseRadio/context.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext({onChange:()=>{},name:"",size:"M"});exports.RadioContext=t;

package/dist/BaseRadio/context.js

@@ -0,0 +1,6 @@
+import { createContext as o } from "react";
+const t = o({ onChange: () => {
+}, name: "", size: "M" });
+export {
+  t as RadioContext
+};

package/dist/BaseRadio/index.cjs

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

package/dist/BaseRadio/index.js

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

package/dist/BaseRadio/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=({size:e})=>e==="M"?"18px":"20px",i=({size:e})=>e==="M"?"10px":"12px",o=()=>"3px";exports.getRadioSize=t;exports.getSelectedRadioPosition=o;exports.getSelectedRadioSize=i;

package/dist/BaseRadio/utils.js

@@ -0,0 +1,6 @@
+const t = ({ size: e }) => e === "M" ? "18px" : "20px", r = ({ size: e }) => e === "M" ? "10px" : "12px", i = () => "3px";
+export {
+  t as getRadioSize,
+  i as getSelectedRadioPosition,
+  r as getSelectedRadioSize
+};

package/dist/Box/Box.cjs

@@ -0,0 +1,80 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),s=require("../helpers/handleResponsiveValues.cjs"),t=require("./BoxProps.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},$=d(n),l={color:!0},i=$.default.div.withConfig({shouldForwardProp:(e,o)=>!l[e]&&o(e)})`
+  // Font
+  font-size: ${({fontSize:e,theme:o})=>o.fontSizes[e]||e};
+
+  // Colors
+  background: ${({theme:e,background:o})=>e.colors[o]};
+  color: ${({theme:e,color:o})=>e.colors[o]};
+
+  // Spaces
+  ${({theme:e,padding:o})=>s("padding",o,e)}
+  ${({theme:e,paddingTop:o})=>s("padding-top",o,e)}
+  ${({theme:e,paddingRight:o})=>s("padding-right",o,e)}
+  ${({theme:e,paddingBottom:o})=>s("padding-bottom",o,e)}
+  ${({theme:e,paddingLeft:o})=>s("padding-left",o,e)}
+  ${({theme:e,marginLeft:o})=>s("margin-left",o,e)}
+  ${({theme:e,marginRight:o})=>s("margin-right",o,e)}
+  ${({theme:e,marginTop:o})=>s("margin-top",o,e)}
+  ${({theme:e,marginBottom:o})=>s("margin-bottom",o,e)}
+
+  // Responsive hiding
+  ${({theme:e,hiddenS:o})=>o?`${e.mediaQueries.tablet} { display: none; }`:void 0}
+  ${({theme:e,hiddenXS:o})=>o?`${e.mediaQueries.mobile} { display: none; }`:void 0}
+  
+
+  // Borders
+  border-radius: ${({theme:e,hasRadius:o,borderRadius:r})=>o?e.borderRadius:r};
+  border-style: ${({borderStyle:e})=>e};
+  border-width: ${({borderWidth:e})=>e};
+  border-color: ${({borderColor:e,theme:o})=>o.colors[e]};
+  border: ${({theme:e,borderColor:o,borderStyle:r,borderWidth:a})=>{if(o&&!r&&!a)return`1px solid ${e.colors[o]}`}};
+
+  // Shadows
+  box-shadow: ${({theme:e,shadow:o})=>e.shadows[o]};
+
+  // Handlers
+  pointer-events: ${({pointerEvents:e})=>e};
+  &:hover {
+    ${({_hover:e,theme:o})=>e?e(o):void 0}
+  }
+
+  // Display
+  display: ${({display:e})=>e};
+
+  // Position
+  position: ${({position:e})=>e};
+  left: ${({left:e,theme:o})=>o.spaces[e]||e};
+  right: ${({right:e,theme:o})=>o.spaces[e]||e};
+  top: ${({top:e,theme:o})=>o.spaces[e]||e};
+  bottom: ${({bottom:e,theme:o})=>o.spaces[e]||e};
+  z-index: ${({zIndex:e})=>e};
+  overflow: ${({overflow:e})=>e};
+  cursor: ${({cursor:e})=>e};
+
+  // Size
+  width: ${({width:e,theme:o})=>o.spaces[e]||e};
+  max-width: ${({maxWidth:e,theme:o})=>o.spaces[e]||e};
+  min-width: ${({minWidth:e,theme:o})=>o.spaces[e]||e};
+  height: ${({height:e,theme:o})=>o.spaces[e]||e};
+  max-height: ${({maxHeight:e,theme:o})=>o.spaces[e]||e};
+  min-height: ${({minHeight:e,theme:o})=>o.spaces[e]||e};
+
+  // Animation
+  transition: ${({transition:e})=>e};
+  transform: ${({transform:e})=>e};
+  animation: ${({animation:e})=>e};
+
+  //Flexbox children props
+  flex-shrink: ${({shrink:e})=>e};
+  flex-grow: ${({grow:e})=>e};
+  flex-basis: ${({basis:e})=>e};
+  flex: ${({flex:e})=>e};
+
+  // Text
+  text-align: ${({textAlign:e})=>e};
+  text-transform: ${({textTransform:e})=>e};
+  line-height: ${({lineHeight:e})=>e};
+
+  // Cursor
+  cursor: ${({cursor:e})=>e};
+`;i.defaultProps=t.boxDefaultProps;i.propTypes=t.boxPropTypes;exports.Box=i;

package/dist/Box/Box.js

@@ -0,0 +1,95 @@
+import a from "styled-components";
+import r from "../helpers/handleResponsiveValues.js";
+import { boxDefaultProps as t, boxPropTypes as n } from "./BoxProps.js";
+const d = {
+  color: !0
+}, i = a.div.withConfig({
+  shouldForwardProp: (o, s) => !d[o] && s(o)
+})`
+  // Font
+  font-size: ${({ fontSize: o, theme: s }) => s.fontSizes[o] || o};
+
+  // Colors
+  background: ${({ theme: o, background: s }) => o.colors[s]};
+  color: ${({ theme: o, color: s }) => o.colors[s]};
+
+  // Spaces
+  ${({ theme: o, padding: s }) => r("padding", s, o)}
+  ${({ theme: o, paddingTop: s }) => r("padding-top", s, o)}
+  ${({ theme: o, paddingRight: s }) => r("padding-right", s, o)}
+  ${({ theme: o, paddingBottom: s }) => r("padding-bottom", s, o)}
+  ${({ theme: o, paddingLeft: s }) => r("padding-left", s, o)}
+  ${({ theme: o, marginLeft: s }) => r("margin-left", s, o)}
+  ${({ theme: o, marginRight: s }) => r("margin-right", s, o)}
+  ${({ theme: o, marginTop: s }) => r("margin-top", s, o)}
+  ${({ theme: o, marginBottom: s }) => r("margin-bottom", s, o)}
+
+  // Responsive hiding
+  ${({ theme: o, hiddenS: s }) => s ? `${o.mediaQueries.tablet} { display: none; }` : void 0}
+  ${({ theme: o, hiddenXS: s }) => s ? `${o.mediaQueries.mobile} { display: none; }` : void 0}
+  
+
+  // Borders
+  border-radius: ${({ theme: o, hasRadius: s, borderRadius: e }) => s ? o.borderRadius : e};
+  border-style: ${({ borderStyle: o }) => o};
+  border-width: ${({ borderWidth: o }) => o};
+  border-color: ${({ borderColor: o, theme: s }) => s.colors[o]};
+  border: ${({ theme: o, borderColor: s, borderStyle: e, borderWidth: $ }) => {
+  if (s && !e && !$)
+    return `1px solid ${o.colors[s]}`;
+}};
+
+  // Shadows
+  box-shadow: ${({ theme: o, shadow: s }) => o.shadows[s]};
+
+  // Handlers
+  pointer-events: ${({ pointerEvents: o }) => o};
+  &:hover {
+    ${({ _hover: o, theme: s }) => o ? o(s) : void 0}
+  }
+
+  // Display
+  display: ${({ display: o }) => o};
+
+  // Position
+  position: ${({ position: o }) => o};
+  left: ${({ left: o, theme: s }) => s.spaces[o] || o};
+  right: ${({ right: o, theme: s }) => s.spaces[o] || o};
+  top: ${({ top: o, theme: s }) => s.spaces[o] || o};
+  bottom: ${({ bottom: o, theme: s }) => s.spaces[o] || o};
+  z-index: ${({ zIndex: o }) => o};
+  overflow: ${({ overflow: o }) => o};
+  cursor: ${({ cursor: o }) => o};
+
+  // Size
+  width: ${({ width: o, theme: s }) => s.spaces[o] || o};
+  max-width: ${({ maxWidth: o, theme: s }) => s.spaces[o] || o};
+  min-width: ${({ minWidth: o, theme: s }) => s.spaces[o] || o};
+  height: ${({ height: o, theme: s }) => s.spaces[o] || o};
+  max-height: ${({ maxHeight: o, theme: s }) => s.spaces[o] || o};
+  min-height: ${({ minHeight: o, theme: s }) => s.spaces[o] || o};
+
+  // Animation
+  transition: ${({ transition: o }) => o};
+  transform: ${({ transform: o }) => o};
+  animation: ${({ animation: o }) => o};
+
+  //Flexbox children props
+  flex-shrink: ${({ shrink: o }) => o};
+  flex-grow: ${({ grow: o }) => o};
+  flex-basis: ${({ basis: o }) => o};
+  flex: ${({ flex: o }) => o};
+
+  // Text
+  text-align: ${({ textAlign: o }) => o};
+  text-transform: ${({ textTransform: o }) => o};
+  line-height: ${({ lineHeight: o }) => o};
+
+  // Cursor
+  cursor: ${({ cursor: o }) => o};
+`;
+i.defaultProps = t;
+i.propTypes = n;
+export {
+  i as Box
+};

package/dist/Box/BoxProps.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var f=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var u=(d,t,a)=>t in d?s(d,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):d[t]=a,l=(d,t)=>{for(var a in t||(t={}))p.call(t,a)&&u(d,a,t[a]);if(f)for(var a of f(t))g.call(t,a)&&u(d,a,t[a]);return d};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),y=require("prop-types"),r=d=>d&&typeof d=="object"&&"default"in d?d:{default:d},c=r(b),e=r(y),o=d=>c.default.createElement("div",l({},d)),n={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:()=>{}},i={_hover:e.default.func,background:e.default.string,basis:e.default.oneOfType([e.default.string,e.default.string]),borderColor:e.default.string,children:e.default.oneOfType([e.default.node,e.default.string]),color:e.default.string,flex:e.default.oneOfType([e.default.string,e.default.string]),grow:e.default.oneOfType([e.default.string,e.default.string]),hasRadius:e.default.bool,hiddenS:e.default.bool,hiddenXS:e.default.bool,padding:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingBottom:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingLeft:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingRight:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),paddingTop:e.default.oneOfType([e.default.number,e.default.arrayOf(e.default.number)]),shadow:e.default.string,shrink:e.default.oneOfType([e.default.string,e.default.string])};o.defaultProps=n;o.propTypes=i;exports.BoxProps=o;exports.boxDefaultProps=n;exports.boxPropTypes=i;