@papillonbits/components 1.13.1 → 1.14.0

package/build/primer/ErrorBoundary/ErrorBoundary.js

@@ -1,59 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ErrorBoundary = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = require("react");
-var _ErrorBoundary = require("./ErrorBoundary.prop");
-var _jsxRuntime = require("react/jsx-runtime");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable no-unused-vars, no-console */
-var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_Component) {
-  function ErrorBoundary(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ErrorBoundary);
-    _this = _callSuper(this, ErrorBoundary, [props]);
-    _this.state = {
+/* eslint-disable no-unused-vars, no-console */
+import { Component } from 'react';
+import { propTypes } from './ErrorBoundary.prop';
+import { jsx as _jsx } from "react/jsx-runtime";
+export class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       hasError: false
     };
-    return _this;
   }
-  (0, _inherits2["default"])(ErrorBoundary, _Component);
-  return (0, _createClass2["default"])(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      // You can also log the error to an error reporting service
-      console.log('~error~', error);
-      console.log('~errorInfo~', errorInfo);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var hasError = this.state.hasError;
-      var children = this.props.children;
-      if (hasError) {
-        // You can render any custom fallback UI
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          children: "Something went wrong."
-        });
-      }
-      return children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      // Update state so the next render will show the fallback UI.
-      return {
-        hasError: true
-      };
+  static getDerivedStateFromError(error) {
+    // Update state so the next render will show the fallback UI.
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    // You can also log the error to an error reporting service
+    console.log('~error~', error);
+    console.log('~errorInfo~', errorInfo);
+  }
+  render() {
+    const {
+      hasError
+    } = this.state;
+    const {
+      children
+    } = this.props;
+    if (hasError) {
+      // You can render any custom fallback UI
+      return /*#__PURE__*/_jsx("h1", {
+        children: "Something went wrong."
+      });
     }
-  }]);
-}(_react.Component);
-ErrorBoundary.propTypes = _ErrorBoundary.propTypes;
+    return children;
+  }
+}
+ErrorBoundary.propTypes = propTypes;

package/build/primer/ErrorBoundary/ErrorBoundary.prop.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var propTypes = exports.propTypes = {
-  children: _propTypes.node.isRequired
+import { node } from 'prop-types';
+export const propTypes = {
+  children: node.isRequired
 };
-var defaultProps = exports.defaultProps = {};
+export const defaultProps = {};

package/build/primer/ErrorBoundary/index.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ErrorBoundary", {
-  enumerable: true,
-  get: function get() {
-    return _ErrorBoundary.ErrorBoundary;
-  }
-});
-var _ErrorBoundary = require("./ErrorBoundary");
+export { ErrorBoundary } from './ErrorBoundary';

package/build/primer/Form/Checkbox/Checkbox.js

@@ -1,49 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Checkbox = Checkbox;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
-var _Checkbox = require("./Checkbox.prop");
-var _Checkbox2 = _interopRequireDefault(require("./Checkbox.scss"));
-var _index = _interopRequireDefault(require("../index.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Checkbox(_ref) {
-  var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Checkbox.defaultProps.dataTest : _ref$dataTest,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Checkbox.defaultProps.className : _ref$className,
-    _ref$htmlFor = _ref.htmlFor,
-    htmlFor = _ref$htmlFor === void 0 ? _Checkbox.defaultProps.htmlFor : _ref$htmlFor,
-    ariaAttr = _ref.ariaAttr,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Checkbox.defaultProps.inputType : _ref$inputType,
-    _ref$isChecked = _ref.isChecked,
-    isChecked = _ref$isChecked === void 0 ? _Checkbox.defaultProps.isChecked : _ref$isChecked,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? _Checkbox.defaultProps.text : _ref$text,
-    _onChange = _ref.onChange,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Checkbox.defaultProps.state : _ref$state;
-  var describedBy = ariaAttr.describedBy;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+import cx from 'classnames';
+import marginStyles from '@papillonbits/css/build/primer/utilities/margin.scss';
+import { propTypes, defaultProps, checkboxState } from './Checkbox.prop';
+import styles from './Checkbox.scss';
+import formStyles from '../index.scss';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Checkbox({
+  dataTest = defaultProps.dataTest,
+  className = defaultProps.className,
+  htmlFor = defaultProps.htmlFor,
+  ariaAttr,
+  inputType = defaultProps.inputType,
+  isChecked = defaultProps.isChecked,
+  text = defaultProps.text,
+  onChange,
+  state = defaultProps.state
+}) {
+  const {
+    describedBy
+  } = ariaAttr;
+  return /*#__PURE__*/_jsx("div", {
     "data-test": dataTest,
-    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Checkbox2["default"]['checkbox-inactive'], state === _Checkbox.checkboxState.inactive)),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    className: cx(className, marginStyles['m-0'], formStyles['form-checkbox'], {
+      [styles['checkbox-inactive']]: state === checkboxState.inactive
+    }),
+    children: /*#__PURE__*/_jsxs("label", {
       htmlFor: htmlFor,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      children: [/*#__PURE__*/_jsx("input", {
         type: inputType,
         "aria-describedby": describedBy,
-        onChange: function onChange(event) {
-          _onChange(event);
+        onChange: event => {
+          onChange(event);
         },
         checked: isChecked
       }), text]
     })
   });
 }
-Checkbox.propTypes = _Checkbox.propTypes;
+Checkbox.propTypes = propTypes;

package/build/primer/Form/Checkbox/Checkbox.prop.js

@@ -1,31 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.inputType = exports.defaultProps = exports.checkboxState = void 0;
-var _propTypes = require("prop-types");
-var checkboxState = exports.checkboxState = {
+import { string, shape, oneOf, bool, func } from 'prop-types';
+export const checkboxState = {
   active: 'active',
   inactive: 'inactive'
 };
-var inputType = exports.inputType = {
+export const inputType = {
   checkbox: 'checkbox'
 };
-var propTypes = exports.propTypes = {
-  dataTest: _propTypes.string,
-  className: _propTypes.string,
-  htmlFor: _propTypes.string,
-  ariaAttr: (0, _propTypes.shape)({
-    describedBy: _propTypes.string
+export const propTypes = {
+  dataTest: string,
+  className: string,
+  htmlFor: string,
+  ariaAttr: shape({
+    describedBy: string
   }).isRequired,
-  inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
-  isChecked: _propTypes.bool,
-  text: _propTypes.string,
-  onChange: _propTypes.func.isRequired,
-  state: (0, _propTypes.oneOf)(Object.keys(checkboxState))
+  inputType: oneOf(Object.keys(inputType)),
+  isChecked: bool,
+  text: string,
+  onChange: func.isRequired,
+  state: oneOf(Object.keys(checkboxState))
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   dataTest: null,
   className: null,
   htmlFor: 'checkbox',

package/build/primer/Form/Checkbox/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox.Checkbox;
-  }
-});
-Object.defineProperty(exports, "checkboxState", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox2.checkboxState;
-  }
-});
-var _Checkbox = require("./Checkbox");
-var _Checkbox2 = require("./Checkbox.prop");
+export { Checkbox } from './Checkbox';
+export { checkboxState } from './Checkbox.prop';

package/build/primer/Form/Input/Input.js

@@ -1,49 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = Input;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Input = require("./Input.prop");
-var _Input2 = _interopRequireDefault(require("./Input.scss"));
-var _index = _interopRequireDefault(require("../index.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Input(_ref) {
-  var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Input.defaultProps.dataTest : _ref$dataTest,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? _Input.defaultProps.id : _ref$id,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Input.defaultProps.className : _ref$className,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? _Input.defaultProps.placeholder : _ref$placeholder,
-    _ref$ariaAttr = _ref.ariaAttr,
-    ariaAttr = _ref$ariaAttr === void 0 ? _Input.defaultProps.ariaAttr : _ref$ariaAttr,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Input.defaultProps.inputType : _ref$inputType,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    _onKeyUp = _ref.onKeyUp,
-    _ref$onFocus = _ref.onFocus,
-    onFocus = _ref$onFocus === void 0 ? _Input.defaultProps.onFocus : _ref$onFocus,
-    _ref$onBlur = _ref.onBlur,
-    onBlur = _ref$onBlur === void 0 ? _Input.defaultProps.onBlur : _ref$onBlur,
-    autoFocus = _ref.autoFocus,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Input.defaultProps.state : _ref$state;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+import cx from 'classnames';
+import { propTypes, defaultProps, inputState } from './Input.prop';
+import styles from './Input.scss';
+import formStyles from '../index.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Input({
+  dataTest = defaultProps.dataTest,
+  id = defaultProps.id,
+  className = defaultProps.className,
+  placeholder = defaultProps.placeholder,
+  ariaAttr = defaultProps.ariaAttr,
+  inputType = defaultProps.inputType,
+  value,
+  onChange,
+  onKeyUp,
+  onFocus = defaultProps.onFocus,
+  onBlur = defaultProps.onBlur,
+  autoFocus,
+  state = defaultProps.state
+}) {
+  return /*#__PURE__*/_jsx("input", {
     "data-test": dataTest,
     id: id,
-    className: (0, _classnames["default"])(className, _index["default"]['form-control'], (0, _defineProperty2["default"])({}, _Input2["default"]['input-inactive'], state === _Input.inputState.inactive)),
+    className: cx(className, formStyles['form-control'], {
+      [styles['input-inactive']]: state === inputState.inactive
+    }),
     value: value,
-    onChange: function onChange(event) {
-      _onChange(event);
+    onChange: event => {
+      onChange(event);
     },
-    onKeyUp: function onKeyUp(event) {
-      _onKeyUp(event);
+    onKeyUp: event => {
+      onKeyUp(event);
     },
     onFocus: onFocus,
     onBlur: onBlur,
@@ -53,4 +39,4 @@ function Input(_ref) {
     autoFocus: autoFocus // eslint-disable-line
   });
 }
-Input.propTypes = _Input.propTypes;
+Input.propTypes = propTypes;

package/build/primer/Form/Input/Input.prop.js

@@ -1,34 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.inputType = exports.inputState = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var inputState = exports.inputState = {
+import { string, shape, oneOf, func } from 'prop-types';
+export const inputState = {
   active: 'active',
   inactive: 'inactive'
 };
-var inputType = exports.inputType = {
+export const inputType = {
   text: 'text',
   password: 'password'
 };
-var propTypes = exports.propTypes = {
-  dataTest: _propTypes.string,
-  id: _propTypes.string,
-  className: _propTypes.string,
-  placeholder: _propTypes.string,
-  ariaAttr: (0, _propTypes.shape)({
-    label: _propTypes.string
+export const propTypes = {
+  dataTest: string,
+  id: string,
+  className: string,
+  placeholder: string,
+  ariaAttr: shape({
+    label: string
   }),
-  inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
-  onChange: _propTypes.func.isRequired,
-  onKeyUp: _propTypes.func.isRequired,
-  onFocus: _propTypes.func,
-  onBlur: _propTypes.func,
-  state: (0, _propTypes.oneOf)(Object.keys(inputState))
+  inputType: oneOf(Object.keys(inputType)),
+  onChange: func.isRequired,
+  onKeyUp: func.isRequired,
+  onFocus: func,
+  onBlur: func,
+  state: oneOf(Object.keys(inputState))
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   dataTest: null,
   id: null,
   className: null,
@@ -37,7 +31,7 @@ var defaultProps = exports.defaultProps = {
     input: ''
   },
   inputType: inputType.text,
-  onFocus: function onFocus() {},
-  onBlur: function onBlur() {},
+  onFocus: () => {},
+  onBlur: () => {},
   state: inputState.active
 };

package/build/primer/Form/Input/index.js

@@ -1,25 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function get() {
-    return _Input.Input;
-  }
-});
-Object.defineProperty(exports, "inputState", {
-  enumerable: true,
-  get: function get() {
-    return _Input2.inputState;
-  }
-});
-Object.defineProperty(exports, "inputType", {
-  enumerable: true,
-  get: function get() {
-    return _Input2.inputType;
-  }
-});
-var _Input = require("./Input");
-var _Input2 = require("./Input.prop");
+export { Input } from './Input';
+export { inputType, inputState } from './Input.prop';

package/build/primer/Form/Radio/Radio.js

@@ -1,48 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Radio = Radio;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
-var _Radio = require("./Radio.prop");
-var _Radio2 = _interopRequireDefault(require("./Radio.scss"));
-var _index = _interopRequireDefault(require("../index.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Radio(_ref) {
-  var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Radio.defaultProps.dataTest : _ref$dataTest,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Radio.defaultProps.className : _ref$className,
-    _ref$htmlFor = _ref.htmlFor,
-    htmlFor = _ref$htmlFor === void 0 ? _Radio.defaultProps.htmlFor : _ref$htmlFor,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Radio.defaultProps.inputType : _ref$inputType,
-    name = _ref.name,
-    _ref$isChecked = _ref.isChecked,
-    isChecked = _ref$isChecked === void 0 ? _Radio.defaultProps.isChecked : _ref$isChecked,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? _Radio.defaultProps.text : _ref$text,
-    _onChange = _ref.onChange,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Radio.defaultProps.state : _ref$state;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+import cx from 'classnames';
+import marginStyles from '@papillonbits/css/build/primer/utilities/margin.scss';
+import { propTypes, defaultProps, radioState } from './Radio.prop';
+import styles from './Radio.scss';
+import formStyles from '../index.scss';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Radio({
+  dataTest = defaultProps.dataTest,
+  className = defaultProps.className,
+  htmlFor = defaultProps.htmlFor,
+  inputType = defaultProps.inputType,
+  name,
+  isChecked = defaultProps.isChecked,
+  text = defaultProps.text,
+  onChange,
+  state = defaultProps.state
+}) {
+  return /*#__PURE__*/_jsx("div", {
     "data-test": dataTest,
-    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio2["default"]['radio-inactive'], state === _Radio.radioState.inactive)),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    className: cx(className, marginStyles['m-0'], formStyles['form-checkbox'], {
+      [styles['radio-inactive']]: state === radioState.inactive
+    }),
+    children: /*#__PURE__*/_jsxs("label", {
       htmlFor: htmlFor,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      children: [/*#__PURE__*/_jsx("input", {
         type: inputType,
         name: name,
-        onChange: function onChange(event) {
-          _onChange(event);
+        onChange: event => {
+          onChange(event);
         },
         checked: isChecked
       }), text]
     })
   });
 }
-Radio.propTypes = _Radio.propTypes;
+Radio.propTypes = propTypes;

package/build/primer/Form/Radio/Radio.prop.js

@@ -1,29 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.radioState = exports.propTypes = exports.inputType = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var radioState = exports.radioState = {
+import { string, oneOf, bool, func } from 'prop-types';
+export const radioState = {
   active: 'active',
   inactive: 'inactive'
 };
-var inputType = exports.inputType = {
+export const inputType = {
   radio: 'radio'
 };
-var propTypes = exports.propTypes = {
-  dataTest: _propTypes.string,
-  className: _propTypes.string,
-  htmlFor: _propTypes.string,
-  inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
-  name: _propTypes.string.isRequired,
-  isChecked: _propTypes.bool,
-  text: _propTypes.string,
-  onChange: _propTypes.func.isRequired,
-  state: (0, _propTypes.oneOf)(Object.keys(radioState))
+export const propTypes = {
+  dataTest: string,
+  className: string,
+  htmlFor: string,
+  inputType: oneOf(Object.keys(inputType)),
+  name: string.isRequired,
+  isChecked: bool,
+  text: string,
+  onChange: func.isRequired,
+  state: oneOf(Object.keys(radioState))
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   dataTest: null,
   className: null,
   htmlFor: 'checkbox',

package/build/primer/Form/Radio/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Radio", {
-  enumerable: true,
-  get: function get() {
-    return _Radio.Radio;
-  }
-});
-Object.defineProperty(exports, "radioState", {
-  enumerable: true,
-  get: function get() {
-    return _Radio2.radioState;
-  }
-});
-var _Radio = require("./Radio");
-var _Radio2 = require("./Radio.prop");
+export { Radio } from './Radio';
+export { radioState } from './Radio.prop';

package/build/primer/Form/index.js

@@ -1,24 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Form = void 0;
-var _Checkbox = require("./Checkbox");
-var _Input = require("./Input");
-var _Radio = require("./Radio");
-var Form = exports.Form = {
+import { Checkbox, checkboxState } from './Checkbox';
+import { Input, inputType, inputState } from './Input';
+import { Radio, radioState } from './Radio';
+export const Form = {
   Checkbox: {
-    Checkbox: _Checkbox.Checkbox,
-    checkboxState: _Checkbox.checkboxState
+    Checkbox,
+    checkboxState
   },
   Input: {
-    Input: _Input.Input,
-    inputType: _Input.inputType,
-    inputState: _Input.inputState
+    Input,
+    inputType,
+    inputState
   },
   Radio: {
-    Radio: _Radio.Radio,
-    radioState: _Radio.radioState
+    Radio,
+    radioState
   }
 };