@strapi/design-system 1.19.0-typescript.0 → 2.0.0-beta.1

package/dist/Badge/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Badge = require('./Badge.js');
-
-
-
-exports.Badge = Badge.Badge;

package/dist/Badge/index.mjs

@@ -1 +0,0 @@
-export { Badge } from './Badge.mjs';

package/dist/BaseButton/BaseButton.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const styled = require('styled-components');
-const utils = require('../themes/utils.js');
-const Flex = require('../Flex/Flex.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const BaseButtonWrapper = styled__default.default(Flex.Flex) `
-  > svg {
-    height: ${({ theme }) => theme.spaces[3]};
-    width: ${({ theme }) => theme.spaces[3]};
-
-    > g,
-    path {
-      fill: ${({ theme }) => theme.colors.neutral0};
-    }
-  }
-
-  &[aria-disabled='true'] {
-    pointer-events: none;
-  }
-
-  ${utils.buttonFocusStyle}
-`;
-const BaseButton = React__namespace.forwardRef(({ disabled, children, background = 'neutral0', ...props }, ref) => {
-    return (jsxRuntime.jsx(BaseButtonWrapper, { ref: ref, "aria-disabled": disabled, as: "button", type: "button", disabled: disabled, padding: 2, hasRadius: true, background: background, borderColor: "neutral200", cursor: "pointer", ...props, children: children }));
-});
-BaseButton.displayName = 'BaseButton';
-
-exports.BaseButton = BaseButton;
-exports.BaseButtonWrapper = BaseButtonWrapper;

package/dist/BaseButton/BaseButton.mjs

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import styled from 'styled-components';
-import { buttonFocusStyle } from '../themes/utils.mjs';
-import { Flex } from '../Flex/Flex.mjs';
-
-const BaseButtonWrapper = styled(Flex) `
-  > svg {
-    height: ${({ theme }) => theme.spaces[3]};
-    width: ${({ theme }) => theme.spaces[3]};
-
-    > g,
-    path {
-      fill: ${({ theme }) => theme.colors.neutral0};
-    }
-  }
-
-  &[aria-disabled='true'] {
-    pointer-events: none;
-  }
-
-  ${buttonFocusStyle}
-`;
-const BaseButton = React.forwardRef(({ disabled, children, background = 'neutral0', ...props }, ref) => {
-    return (jsx(BaseButtonWrapper, { ref: ref, "aria-disabled": disabled, as: "button", type: "button", disabled: disabled, padding: 2, hasRadius: true, background: background, borderColor: "neutral200", cursor: "pointer", ...props, children: children }));
-});
-BaseButton.displayName = 'BaseButton';
-
-export { BaseButton, BaseButtonWrapper };

package/dist/BaseButton/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const BaseButton = require('./BaseButton.js');
-
-
-
-exports.BaseButton = BaseButton.BaseButton;
-exports.BaseButtonWrapper = BaseButton.BaseButtonWrapper;

package/dist/BaseButton/index.mjs

@@ -1 +0,0 @@
-export { BaseButton, BaseButtonWrapper } from './BaseButton.mjs';

package/dist/BaseCheckbox/BaseCheckbox.js

@@ -1,119 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const styled = require('styled-components');
-const checkmarkBlack = require('./assets/checkmark-black.svg.js');
-const checkmark = require('./assets/checkmark.svg.js');
-const utils = require('./utils.js');
-const useComposeRefs = require('../hooks/useComposeRefs.js');
-const Box = require('../Box/Box.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const CheckboxInput = styled__default.default.input `
-  height: ${utils.getCheckboxSize};
-  min-width: ${utils.getCheckboxSize};
-  margin: 0;
-  border-radius: ${({ theme }) => theme.borderRadius};
-  border: 1px solid ${({ theme }) => theme.colors.neutral300};
-  -webkit-appearance: none;
-  background-color: ${({ theme }) => theme.colors.neutral0};
-  cursor: pointer;
-
-  &:checked {
-    background-color: ${({ theme }) => theme.colors.primary600};
-    border: 1px solid ${({ theme }) => theme.colors.primary600};
-
-    &:after {
-      content: '';
-      display: block;
-      position: relative;
-      background: ${() => `url("${checkmark}") no-repeat no-repeat center center`};
-      width: 10px;
-      height: 10px;
-      left: 50%;
-      top: 50%;
-      transform: translateX(-50%) translateY(-50%);
-    }
-
-    &:disabled:after {
-      background: ${() => `url("${checkmarkBlack}") no-repeat no-repeat center center`};
-    }
-  }
-
-  &:disabled {
-    background-color: ${({ theme }) => theme.colors.neutral200};
-    border: 1px solid ${({ theme }) => theme.colors.neutral300};
-  }
-
-  &:indeterminate {
-    background-color: ${({ theme }) => theme.colors.primary600};
-    border: 1px solid ${({ theme }) => theme.colors.primary600};
-
-    &:after {
-      content: '';
-      display: block;
-      position: relative;
-      color: white;
-      height: 2px;
-      width: 10px;
-      background-color: ${({ theme }) => theme.colors.neutral0};
-      left: 50%;
-      top: 50%;
-      transform: translateX(-50%) translateY(-50%);
-    }
-
-    &:disabled {
-      background-color: ${({ theme }) => theme.colors.neutral200};
-      border: 1px solid ${({ theme }) => theme.colors.neutral300};
-      &:after {
-        background-color: ${({ theme }) => theme.colors.neutral500};
-      }
-    }
-  }
-`;
-const BaseCheckbox = React__namespace.forwardRef(({ indeterminate = false, size = 'M', name, value = false, onValueChange, ...inputProps }, forwardedRef) => {
-    const checkboxRef = React__namespace.useRef(null);
-    const composedRefs = useComposeRefs.useComposedRefs(checkboxRef, forwardedRef);
-    React__namespace.useEffect(() => {
-        if (checkboxRef.current && indeterminate) {
-            checkboxRef.current.indeterminate = indeterminate;
-        }
-        else {
-            checkboxRef.current.indeterminate = false;
-        }
-    }, [indeterminate]);
-    const handleValueChange = () => {
-        if (onValueChange) {
-            onValueChange(!value);
-        }
-    };
-    return (jsxRuntime.jsx(Box.Box, { children: jsxRuntime.jsx(CheckboxInput, { size: size, checked: value, onChange: handleValueChange, type: "checkbox", ref: composedRefs, name: name, ...inputProps }) }));
-});
-BaseCheckbox.displayName = 'BaseCheckbox';
-
-exports.BaseCheckbox = BaseCheckbox;

package/dist/BaseCheckbox/BaseCheckbox.mjs

@@ -1,92 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import styled from 'styled-components';
-import checkmarkIconDisabled from './assets/checkmark-black.svg.mjs';
-import checkmarkIcon from './assets/checkmark.svg.mjs';
-import { getCheckboxSize } from './utils.mjs';
-import { useComposedRefs } from '../hooks/useComposeRefs.mjs';
-import { Box } from '../Box/Box.mjs';
-
-const CheckboxInput = styled.input `
-  height: ${getCheckboxSize};
-  min-width: ${getCheckboxSize};
-  margin: 0;
-  border-radius: ${({ theme }) => theme.borderRadius};
-  border: 1px solid ${({ theme }) => theme.colors.neutral300};
-  -webkit-appearance: none;
-  background-color: ${({ theme }) => theme.colors.neutral0};
-  cursor: pointer;
-
-  &:checked {
-    background-color: ${({ theme }) => theme.colors.primary600};
-    border: 1px solid ${({ theme }) => theme.colors.primary600};
-
-    &:after {
-      content: '';
-      display: block;
-      position: relative;
-      background: ${() => `url("${checkmarkIcon}") no-repeat no-repeat center center`};
-      width: 10px;
-      height: 10px;
-      left: 50%;
-      top: 50%;
-      transform: translateX(-50%) translateY(-50%);
-    }
-
-    &:disabled:after {
-      background: ${() => `url("${checkmarkIconDisabled}") no-repeat no-repeat center center`};
-    }
-  }
-
-  &:disabled {
-    background-color: ${({ theme }) => theme.colors.neutral200};
-    border: 1px solid ${({ theme }) => theme.colors.neutral300};
-  }
-
-  &:indeterminate {
-    background-color: ${({ theme }) => theme.colors.primary600};
-    border: 1px solid ${({ theme }) => theme.colors.primary600};
-
-    &:after {
-      content: '';
-      display: block;
-      position: relative;
-      color: white;
-      height: 2px;
-      width: 10px;
-      background-color: ${({ theme }) => theme.colors.neutral0};
-      left: 50%;
-      top: 50%;
-      transform: translateX(-50%) translateY(-50%);
-    }
-
-    &:disabled {
-      background-color: ${({ theme }) => theme.colors.neutral200};
-      border: 1px solid ${({ theme }) => theme.colors.neutral300};
-      &:after {
-        background-color: ${({ theme }) => theme.colors.neutral500};
-      }
-    }
-  }
-`;
-const BaseCheckbox = React.forwardRef(({ indeterminate = false, size = 'M', name, value = false, onValueChange, ...inputProps }, forwardedRef) => {
-    const checkboxRef = React.useRef(null);
-    const composedRefs = useComposedRefs(checkboxRef, forwardedRef);
-    React.useEffect(() => {
-        if (checkboxRef.current && indeterminate) {
-            checkboxRef.current.indeterminate = indeterminate;
-        }
-        else {
-            checkboxRef.current.indeterminate = false;
-        }
-    }, [indeterminate]);
-    const handleValueChange = () => {
-        if (onValueChange) {
-            onValueChange(!value);
-        }
-    };
-    return (jsx(Box, { children: jsx(CheckboxInput, { size: size, checked: value, onChange: handleValueChange, type: "checkbox", ref: composedRefs, name: name, ...inputProps }) }));
-});
-BaseCheckbox.displayName = 'BaseCheckbox';
-
-export { BaseCheckbox };

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

@@ -1,5 +0,0 @@
-'use strict';
-
-const checkmarkIconDisabled = "data:image/svg+xml,%3csvg%20width='10'%20height='8'%20viewBox='0%200%2010%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.55323%200.396973C8.63135%200.316355%208.76051%200.315811%208.83931%200.395768L9.86256%201.43407C9.93893%201.51157%209.93935%201.6359%209.86349%201.7139L4.06401%207.67724C3.9859%207.75755%203.85707%207.75805%203.77834%207.67834L0.13866%203.99333C0.0617798%203.91549%200.0617102%203.79032%200.138504%203.7124L1.16213%202.67372C1.24038%202.59432%201.36843%202.59422%201.4468%202.67348L3.92174%205.17647L8.55323%200.396973Z'%20fill='%238E8EA9'%20/%3e%3c/svg%3e";
-
-module.exports = checkmarkIconDisabled;

package/dist/BaseCheckbox/assets/checkmark-black.svg.mjs

@@ -1,3 +0,0 @@
-const checkmarkIconDisabled = "data:image/svg+xml,%3csvg%20width='10'%20height='8'%20viewBox='0%200%2010%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.55323%200.396973C8.63135%200.316355%208.76051%200.315811%208.83931%200.395768L9.86256%201.43407C9.93893%201.51157%209.93935%201.6359%209.86349%201.7139L4.06401%207.67724C3.9859%207.75755%203.85707%207.75805%203.77834%207.67834L0.13866%203.99333C0.0617798%203.91549%200.0617102%203.79032%200.138504%203.7124L1.16213%202.67372C1.24038%202.59432%201.36843%202.59422%201.4468%202.67348L3.92174%205.17647L8.55323%200.396973Z'%20fill='%238E8EA9'%20/%3e%3c/svg%3e";
-
-export { checkmarkIconDisabled as default };

package/dist/BaseCheckbox/assets/checkmark.svg.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const checkmarkIcon = "data:image/svg+xml,%3csvg%20width='10'%20height='8'%20viewBox='0%200%2010%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.55323%200.396973C8.63135%200.316355%208.76051%200.315811%208.83931%200.395768L9.86256%201.43407C9.93893%201.51157%209.93935%201.6359%209.86349%201.7139L4.06401%207.67724C3.9859%207.75755%203.85707%207.75805%203.77834%207.67834L0.13866%203.99333C0.0617798%203.91549%200.0617102%203.79032%200.138504%203.7124L1.16213%202.67372C1.24038%202.59432%201.36843%202.59422%201.4468%202.67348L3.92174%205.17647L8.55323%200.396973Z'%20fill='white'%20/%3e%3c/svg%3e";
-
-module.exports = checkmarkIcon;

package/dist/BaseCheckbox/assets/checkmark.svg.mjs

@@ -1,3 +0,0 @@
-const checkmarkIcon = "data:image/svg+xml,%3csvg%20width='10'%20height='8'%20viewBox='0%200%2010%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.55323%200.396973C8.63135%200.316355%208.76051%200.315811%208.83931%200.395768L9.86256%201.43407C9.93893%201.51157%209.93935%201.6359%209.86349%201.7139L4.06401%207.67724C3.9859%207.75755%203.85707%207.75805%203.77834%207.67834L0.13866%203.99333C0.0617798%203.91549%200.0617102%203.79032%200.138504%203.7124L1.16213%202.67372C1.24038%202.59432%201.36843%202.59422%201.4468%202.67348L3.92174%205.17647L8.55323%200.396973Z'%20fill='white'%20/%3e%3c/svg%3e";
-
-export { checkmarkIcon as default };

package/dist/BaseCheckbox/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const BaseCheckbox = require('./BaseCheckbox.js');
-
-
-
-exports.BaseCheckbox = BaseCheckbox.BaseCheckbox;

package/dist/BaseCheckbox/index.mjs

@@ -1 +0,0 @@
-export { BaseCheckbox } from './BaseCheckbox.mjs';

package/dist/BaseCheckbox/utils.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-/**
- * TODO: Look into why setting the type to `BaseCheckboxSize` makes the
- * component in `BaseCheckbox` loose all type information to do with the theme.
- */
-const getCheckboxSize = ({ size }) => {
-    if (size === 'M') {
-        return '18px';
-    }
-    return '20px';
-};
-
-exports.getCheckboxSize = getCheckboxSize;

package/dist/BaseCheckbox/utils.mjs

@@ -1,12 +0,0 @@
-/**
- * TODO: Look into why setting the type to `BaseCheckboxSize` makes the
- * component in `BaseCheckbox` loose all type information to do with the theme.
- */
-const getCheckboxSize = ({ size }) => {
-    if (size === 'M') {
-        return '18px';
-    }
-    return '20px';
-};
-
-export { getCheckboxSize };

package/dist/BaseLink/BaseLink.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const Box = require('../Box/Box.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const React__default = /*#__PURE__*/_interopDefault(React);
-
-const BaseLink = React__default.default.forwardRef(({ href, rel = 'noreferrer noopener', target = '_self', disabled = false, isExternal = false, ...props }, ref) => {
-    return (jsxRuntime.jsx(Box.Box, { as: "a", ref: ref, target: isExternal ? '_blank' : target, rel: isExternal ? rel : undefined, href: disabled ? '#' : href, "aria-disabled": disabled, cursor: "pointer", ...props }));
-});
-BaseLink.displayName = 'BaseLink';
-
-exports.BaseLink = BaseLink;

package/dist/BaseLink/BaseLink.mjs

@@ -1,10 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { Box } from '../Box/Box.mjs';
-
-const BaseLink = React__default.forwardRef(({ href, rel = 'noreferrer noopener', target = '_self', disabled = false, isExternal = false, ...props }, ref) => {
-    return (jsx(Box, { as: "a", ref: ref, target: isExternal ? '_blank' : target, rel: isExternal ? rel : undefined, href: disabled ? '#' : href, "aria-disabled": disabled, cursor: "pointer", ...props }));
-});
-BaseLink.displayName = 'BaseLink';
-
-export { BaseLink };

package/dist/BaseLink/__tests__/BaseLink.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/BaseLink/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const BaseLink = require('./BaseLink.js');
-
-
-
-exports.BaseLink = BaseLink.BaseLink;

package/dist/BaseLink/index.mjs

@@ -1 +0,0 @@
-export { BaseLink } from './BaseLink.mjs';

package/dist/BaseRadio/BaseRadio.js

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const styled = require('styled-components');
-const context = require('./context.js');
-const utils = require('./utils.js');
-const useId = require('../hooks/useId.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const React__default = /*#__PURE__*/_interopDefault(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const RadioInput = styled__default.default.input `
-  margin: 0;
-  padding: 0;
-  background-color: ${({ theme }) => theme.colors.neutral0};
-  border: 1px solid ${({ theme }) => theme.colors.primary600};
-  border-radius: 50%;
-  height: ${({ size }) => (typeof size === 'number' ? size : utils.getRadioSize(size))};
-  width: ${({ size }) => (typeof size === 'number' ? size : utils.getRadioSize(size))};
-  -webkit-appearance: none;
-
-  &:after {
-    border-radius: 50%;
-    content: '';
-    position: relative;
-    z-index: 1;
-    display: block;
-    height: ${({ size }) => (typeof size === 'number' ? size : utils.getSelectedRadioSize(size))};
-    width: ${({ size }) => (typeof size === 'number' ? size : utils.getSelectedRadioSize(size))};
-    left: ${utils.getSelectedRadioPosition};
-    top: ${utils.getSelectedRadioPosition};
-  }
-
-  &:checked:after {
-    background: ${({ theme }) => theme.colors.primary600};
-  }
-
-  &:disabled {
-    border: 1px solid ${({ theme }) => theme.colors.neutral300};
-    background: ${({ theme }) => theme.colors.neutral200};
-  }
-`;
-const BaseRadio = React__default.default.forwardRef(({ value, disabled = false, ...props }, ref) => {
-    const generatedId = useId.useId();
-    const { onChange, selected, name, size } = React.useContext(context.RadioContext);
-    const isSelected = selected === value;
-    return (jsxRuntime.jsx(RadioInput, { ref: ref, type: "radio", name: name, value: value, tabIndex: isSelected ? 0 : -1, "aria-checked": isSelected, checked: isSelected, disabled: disabled, id: generatedId, 
-        // @ts-expect-error size is a html prop already.
-        size: size, onChange: onChange, ...props }));
-});
-BaseRadio.displayName = 'Radio';
-
-exports.BaseRadio = BaseRadio;

package/dist/BaseRadio/BaseRadio.mjs

@@ -1,49 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default, { useContext } from 'react';
-import styled from 'styled-components';
-import { RadioContext } from './context.mjs';
-import { getRadioSize, getSelectedRadioSize, getSelectedRadioPosition } from './utils.mjs';
-import { useId } from '../hooks/useId.mjs';
-
-const RadioInput = styled.input `
-  margin: 0;
-  padding: 0;
-  background-color: ${({ theme }) => theme.colors.neutral0};
-  border: 1px solid ${({ theme }) => theme.colors.primary600};
-  border-radius: 50%;
-  height: ${({ size }) => (typeof size === 'number' ? size : getRadioSize(size))};
-  width: ${({ size }) => (typeof size === 'number' ? size : getRadioSize(size))};
-  -webkit-appearance: none;
-
-  &:after {
-    border-radius: 50%;
-    content: '';
-    position: relative;
-    z-index: 1;
-    display: block;
-    height: ${({ size }) => (typeof size === 'number' ? size : getSelectedRadioSize(size))};
-    width: ${({ size }) => (typeof size === 'number' ? size : getSelectedRadioSize(size))};
-    left: ${getSelectedRadioPosition};
-    top: ${getSelectedRadioPosition};
-  }
-
-  &:checked:after {
-    background: ${({ theme }) => theme.colors.primary600};
-  }
-
-  &:disabled {
-    border: 1px solid ${({ theme }) => theme.colors.neutral300};
-    background: ${({ theme }) => theme.colors.neutral200};
-  }
-`;
-const BaseRadio = React__default.forwardRef(({ value, disabled = false, ...props }, ref) => {
-    const generatedId = useId();
-    const { onChange, selected, name, size } = useContext(RadioContext);
-    const isSelected = selected === value;
-    return (jsx(RadioInput, { ref: ref, type: "radio", name: name, value: value, tabIndex: isSelected ? 0 : -1, "aria-checked": isSelected, checked: isSelected, disabled: disabled, id: generatedId, 
-        // @ts-expect-error size is a html prop already.
-        size: size, onChange: onChange, ...props }));
-});
-BaseRadio.displayName = 'Radio';
-
-export { BaseRadio };

package/dist/BaseRadio/RadioGroup.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const context = require('./context.js');
-const setTabIndexOnFirstItem = require('../helpers/setTabIndexOnFirstItem.js');
-
-const RadioGroup = ({ children, labelledBy, onChange, value = '', size = 'M', name, ...props }) => {
-    const radioGroupRef = React.useRef(null);
-    React.useLayoutEffect(() => {
-        if (!value) {
-            setTabIndexOnFirstItem.setTabIndexOnFirstItem(radioGroupRef.current, `[name="${name}"]`);
-        }
-    }, [value, name]);
-    const context$1 = React.useMemo(() => ({ onChange, selected: value, name, size }), [name, onChange, size, value]);
-    return (jsxRuntime.jsx(context.RadioContext.Provider, { value: context$1, children: jsxRuntime.jsx("div", { ref: radioGroupRef, role: "radiogroup", "aria-labelledby": labelledBy, ...props, children: children }) }));
-};
-
-exports.RadioGroup = RadioGroup;

package/dist/BaseRadio/RadioGroup.mjs

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useLayoutEffect, useMemo } from 'react';
-import { RadioContext } from './context.mjs';
-import { setTabIndexOnFirstItem } from '../helpers/setTabIndexOnFirstItem.mjs';
-
-const RadioGroup = ({ children, labelledBy, onChange, value = '', size = 'M', name, ...props }) => {
-    const radioGroupRef = useRef(null);
-    useLayoutEffect(() => {
-        if (!value) {
-            setTabIndexOnFirstItem(radioGroupRef.current, `[name="${name}"]`);
-        }
-    }, [value, name]);
-    const context = useMemo(() => ({ onChange, selected: value, name, size }), [name, onChange, size, value]);
-    return (jsx(RadioContext.Provider, { value: context, children: jsx("div", { ref: radioGroupRef, role: "radiogroup", "aria-labelledby": labelledBy, ...props, children: children }) }));
-};
-
-export { RadioGroup };

package/dist/BaseRadio/context.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-
-const RadioContext = React.createContext({
-    onChange: undefined,
-    name: '',
-    size: 'M',
-    selected: '',
-});
-
-exports.RadioContext = RadioContext;

package/dist/BaseRadio/context.mjs

@@ -1,10 +0,0 @@
-import { createContext } from 'react';
-
-const RadioContext = createContext({
-    onChange: undefined,
-    name: '',
-    size: 'M',
-    selected: '',
-});
-
-export { RadioContext };

package/dist/BaseRadio/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const BaseRadio = require('./BaseRadio.js');
-const RadioGroup = require('./RadioGroup.js');
-
-
-
-exports.BaseRadio = BaseRadio.BaseRadio;
-exports.RadioGroup = RadioGroup.RadioGroup;

package/dist/BaseRadio/index.mjs

@@ -1,2 +0,0 @@
-export { BaseRadio } from './BaseRadio.mjs';
-export { RadioGroup } from './RadioGroup.mjs';