@bolttech/atoms-checkbox 0.15.1 → 0.16.1

package/index.cjs

@@ -16,7 +16,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var check = function (it) {
-  return it && it.Math == Math && it;
+  return it && it.Math === Math && it;
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
@@ -45,7 +45,7 @@ var fails$8 = fails$9;
 // Detect IE8's incomplete defineProperty implementation
 var descriptors = !fails$8(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
+  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
 var fails$7 = fails$9;
@@ -124,7 +124,7 @@ var indexedObject = fails$6(function () {
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$2('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof(it) == 'String' ? split(it, '') : $Object$2(it);
+  return classof(it) === 'String' ? split(it, '') : $Object$2(it);
 } : $Object$2;
 
 // we can't use just `it == null` since of `document.all` special case
@@ -140,7 +140,7 @@ var $TypeError$5 = TypeError;
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible$2 = function (it) {
-  if (isNullOrUndefined$1(it)) throw $TypeError$5("Can't call method on " + it);
+  if (isNullOrUndefined$1(it)) throw new $TypeError$5("Can't call method on " + it);
   return it;
 };
 
@@ -232,7 +232,6 @@ if (!version && userAgent) {
 var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
-
 var V8_VERSION = engineV8Version;
 var fails$5 = fails$9;
 var global$8 = global$b;
@@ -241,7 +240,7 @@ var $String$3 = global$8.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$5(function () {
-  var symbol = Symbol();
+  var symbol = Symbol('symbol detection');
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
   // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
@@ -252,7 +251,6 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$5(func
 });
 
 /* eslint-disable es/no-symbol -- required for testing */
-
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
 var useSymbolAsUid = NATIVE_SYMBOL$1
@@ -291,7 +289,7 @@ var $TypeError$4 = TypeError;
 // `Assert: IsCallable(argument) is true`
 var aCallable$1 = function (argument) {
   if (isCallable$6(argument)) return argument;
-  throw $TypeError$4(tryToString(argument) + ' is not a function');
+  throw new $TypeError$4(tryToString(argument) + ' is not a function');
 };
 
 var aCallable = aCallable$1;
@@ -317,7 +315,7 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   if (pref === 'string' && isCallable$5(fn = input.toString) && !isObject$4(val = call$3(fn, input))) return val;
   if (isCallable$5(fn = input.valueOf) && !isObject$4(val = call$3(fn, input))) return val;
   if (pref !== 'string' && isCallable$5(fn = input.toString) && !isObject$4(val = call$3(fn, input))) return val;
-  throw $TypeError$3("Can't convert object to primitive value");
+  throw new $TypeError$3("Can't convert object to primitive value");
 };
 
 var shared$3 = {exports: {}};
@@ -348,10 +346,10 @@ var store$2 = sharedStore;
 (shared$3.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.30.2',
+  version: '3.33.2',
   mode: 'global',
   copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.30.2/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.33.2/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -426,7 +424,7 @@ var toPrimitive$1 = function (input, pref) {
     if (pref === undefined) pref = 'default';
     result = call$2(exoticToPrim, input, pref);
     if (!isObject$3(result) || isSymbol$1(result)) return result;
-    throw $TypeError$2("Can't convert object to primitive value");
+    throw new $TypeError$2("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -462,7 +460,7 @@ var ie8DomDefine = !DESCRIPTORS$7 && !fails$4(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
-  }).a != 7;
+  }).a !== 7;
 });
 
 var DESCRIPTORS$6 = descriptors;
@@ -500,7 +498,7 @@ var v8PrototypeDefineBug = DESCRIPTORS$5 && fails$3(function () {
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
     writable: false
-  }).prototype != 42;
+  }).prototype !== 42;
 });
 
 var isObject$1 = isObject$5;
@@ -511,7 +509,7 @@ var $TypeError$1 = TypeError;
 // `Assert: Type(argument) is Object`
 var anObject$2 = function (argument) {
   if (isObject$1(argument)) return argument;
-  throw $TypeError$1($String$1(argument) + ' is not an object');
+  throw new $TypeError$1($String$1(argument) + ' is not an object');
 };
 
 var DESCRIPTORS$4 = descriptors;
@@ -553,7 +551,7 @@ objectDefineProperty.f = DESCRIPTORS$4 ? V8_PROTOTYPE_DEFINE_BUG ? function defi
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -644,7 +642,7 @@ var getterFor = function (TYPE) {
   return function (it) {
     var state;
     if (!isObject(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError$1('Incompatible receiver, ' + TYPE + ' required');
+      throw new TypeError$1('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
 };
@@ -657,7 +655,7 @@ if (NATIVE_WEAK_MAP || shared.state) {
   store.set = store.set;
   /* eslint-enable no-self-assign -- prototype methods protection */
   set = function (it, metadata) {
-    if (store.has(it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (store.has(it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     store.set(it, metadata);
     return metadata;
@@ -672,7 +670,7 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var STATE = sharedKey('state');
   hiddenKeys$2[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwn$3(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$3(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$1(it, STATE, metadata);
     return metadata;
@@ -843,10 +841,10 @@ var createMethod = function (IS_INCLUDES) {
     var value;
     // Array#includes uses SameValueZero equality algorithm
     // eslint-disable-next-line no-self-compare -- NaN check
-    if (IS_INCLUDES && el != el) while (length > index) {
+    if (IS_INCLUDES && el !== el) while (length > index) {
       value = O[index++];
       // eslint-disable-next-line no-self-compare -- NaN check
-      if (value != value) return true;
+      if (value !== value) return true;
     // Array#indexOf ignores holes, Array#includes - not
     } else for (;length > index; index++) {
       if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
@@ -951,8 +949,8 @@ var replacement = /#|\.prototype\./;
 
 var isForced$1 = function (feature, detection) {
   var value = data[normalize(feature)];
-  return value == POLYFILL ? true
-    : value == NATIVE ? false
+  return value === POLYFILL ? true
+    : value === NATIVE ? false
     : isCallable(detection) ? fails$1(detection)
     : !!detection;
 };
@@ -1065,11 +1063,11 @@ var objectAssign = !$assign || fails(function () {
   var A = {};
   var B = {};
   // eslint-disable-next-line es/no-symbol -- safe
-  var symbol = Symbol();
+  var symbol = Symbol('assign detection');
   var alphabet = 'abcdefghijklmnopqrst';
   A[symbol] = 7;
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
-  return $assign({}, A)[symbol] != 7 || objectKeys($assign({}, B)).join('') != alphabet;
+  return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
   var T = toObject(target);
   var argumentsLength = arguments.length;
@@ -1124,7 +1122,12 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 const CheckboxContainer = /*#__PURE__*/styled__default["default"].section.withConfig({
   displayName: "atoms-checkboxstyles__CheckboxContainer",
@@ -1137,20 +1140,10 @@ const Input = /*#__PURE__*/styled__default["default"].input.attrs({
 }).withConfig({
   displayName: "atoms-checkboxstyles__Input",
   componentId: "sc-1gq944z-1"
-})(["appearance:none;margin:0;flex-shrink:0;cursor:pointer;width:14px;height:14px;outline:1px solid ", ";outline-offset:-1px;display:grid;place-content:center;&:checked{background-color:", ";&::before{content:'';width:8px;height:8px;transform:scale(0);clip-path:polygon(11% 38%,0 53%,49% 90%,100% 24%,87% 11%,47% 65%);box-shadow:inset 12px 12px ", ";}&:not(:disabled){&:hover{background-color:", ";}}}&:focus{box-shadow:0 0 0 1px ", ",0 0 0 2px ", ";outline:none;}&:not(:disabled){&:focus{box-shadow:0 0 0 1px ", ",0 0 0 2px ", ";outline:none;}&:not(:checked){&:hover::before{content:'';width:8px;height:8px;transform:scale(1);box-shadow:inset 8px 8px ", ";}}}&:checked::before{transform:scale(1);}:disabled{outline:1px solid ", ";cursor:not-allowed;&:checked{background-color:", ";&::before{box-shadow:inset 12px 12px ", ";}}}"], ({
+})(["appearance:none;margin:0;flex-shrink:0;cursor:pointer;width:14px;height:14px;outline:1px solid ", ";outline-offset:-1px;display:grid;place-content:center;&:focus{box-shadow:0 0 0 1px ", ",0 0 0 2px ", ";outline:none;}&:hover{&::before{content:'';width:8px;height:8px;transform:scale(1);box-shadow:inset 8px 8px ", ";}}&:disabled{outline:1px solid ", ";cursor:not-allowed;}&:checked{background-color:", ";&::before{content:'';width:8px;height:8px;clip-path:polygon(11% 38%,0 53%,49% 90%,100% 24%,87% 11%,47% 65%);box-shadow:inset 12px 12px ", ";transform:scale(1);}&:hover{background-color:", ";}&:disabled{background-color:", ";&::before{box-shadow:inset 12px 12px ", ";}}}&:disabled:not(:checked)&:hover{background-color:", ";&::before{box-shadow:inset 12px 12px ", ";}}"], ({
   theme,
-  error
-}) => error ? theme.components.checkbox.square.color.error : theme.components.checkbox.square.color.default, ({
-  theme
-}) => theme.components.checkbox.innerSquare.color.selected, ({
-  theme
-}) => theme.components.checkbox.checkmark.color.selected, ({
-  theme
-}) => theme.components.checkbox.innerSquare.color.hoverSelected, ({
-  theme
-}) => theme.components.checkbox.focus.color.focus, ({
-  theme
-}) => theme.components.checkbox.focus.color.focus, ({
+  $error
+}) => $error ? theme.components.checkbox.square.color.error : theme.components.checkbox.square.color.default, ({
   theme
 }) => theme.components.checkbox.focus.color.focus, ({
   theme
@@ -1160,9 +1153,19 @@ const Input = /*#__PURE__*/styled__default["default"].input.attrs({
   theme
 }) => theme.components.checkbox.square.color.disable, ({
   theme
+}) => theme.components.checkbox.innerSquare.color.selected, ({
+  theme
+}) => theme.components.checkbox.checkmark.color.selected, ({
+  theme
+}) => theme.components.checkbox.innerSquare.color.hoverSelected, ({
+  theme
 }) => theme.components.checkbox.innerSquare.color.disableSelected, ({
   theme
-}) => theme.components.checkbox.checkmark.color.selectedDisable);
+}) => theme.components.checkbox.checkmark.color.selectedDisable, ({
+  theme
+}) => theme.components.checkbox.innerSquare.color.disable, ({
+  theme
+}) => theme.components.checkbox.checkmark.color.disable);
 const Label = /*#__PURE__*/styled__default["default"](frontendFoundations.Typography).withConfig({
   displayName: "atoms-checkboxstyles__Label",
   componentId: "sc-1gq944z-2"
@@ -1178,13 +1181,9 @@ const Label = /*#__PURE__*/styled__default["default"](frontendFoundations.Typogr
 }) => theme.components.checkbox.fieldLabel.fontSize, ({
   theme
 }) => theme.components.checkbox.fieldLabel.letterSpacing);
-const CheckboxContainerError = /*#__PURE__*/styled__default["default"].section.withConfig({
-  displayName: "atoms-checkboxstyles__CheckboxContainerError",
-  componentId: "sc-1gq944z-3"
-})([""]);
 const LabelError = /*#__PURE__*/styled__default["default"].label.withConfig({
   displayName: "atoms-checkboxstyles__LabelError",
-  componentId: "sc-1gq944z-4"
+  componentId: "sc-1gq944z-3"
 })(["color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";"], ({
   theme
 }) => theme.components.checkbox.text.color.errorLabel.error, ({
@@ -1216,7 +1215,7 @@ const Checkbox = /*#__PURE__*/react.forwardRef((_a, ref) => {
       children: [jsxRuntime.jsx(Input, Object.assign({
         id: id,
         disabled: disabled,
-        error: errorMessage,
+        "$error": errorMessage,
         checked: checked,
         type: "checkbox",
         "data-testid": `${id}-test`,
@@ -1231,7 +1230,7 @@ const Checkbox = /*#__PURE__*/react.forwardRef((_a, ref) => {
       }, uiUtils.applyDataAttributes(props, 'label'), {
         children: label
       }))]
-    })), errorMessage && jsxRuntime.jsx(CheckboxContainerError, {
+    })), errorMessage && jsxRuntime.jsx("section", {
       children: jsxRuntime.jsx(LabelError, {
         children: errorMessage
       })

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@bolttech/atoms-checkbox",
-  "version": "0.15.1",
+  "version": "0.16.1",
   "main": "./index.cjs",
   "type": "commonjs",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@bolttech/default-theme": "0.0.3",
+    "@bolttech/default-theme": "0.1.1",
     "@bolttech/form-engine": "0.5.0",
-    "@bolttech/frontend-foundations": "0.0.3",
-    "@bolttech/ui-utils": "0.1.3",
+    "@bolttech/frontend-foundations": "0.3.1",
+    "@bolttech/ui-utils": "0.2.2",
     "react": "18.2.0",
-    "styled-components": "5.3.6"
+    "styled-components": "6.1.1"
   },
   "peerDependencies": {}
 }

package/src/lib/atoms-checkbox.styles.d.ts

@@ -1,15 +1,597 @@
 /// <reference types="react" />
-interface LabelProps {
-    disabled?: boolean;
-}
-interface InputProps {
-    error?: string;
-}
-declare const CheckboxContainer: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
-declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
-    type: "checkbox";
-} & InputProps, "type">;
-declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("dist/libs/utils/src").DefaultProps & {
+/// <reference types="react" />
+declare const CheckboxContainer: import("styled-components").IStyledComponent<"web", {
+    ref?: import("react").LegacyRef<HTMLElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+}>;
+declare const Input: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    form?: string | undefined;
+    pattern?: string | undefined;
+    type?: import("react").HTMLInputTypeAttribute | undefined;
+    accept?: string | undefined;
+    alt?: string | undefined;
+    autoComplete?: string | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    checked?: boolean | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    disabled?: boolean | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    formAction?: string | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    height?: string | number | undefined;
+    list?: string | undefined;
+    max?: string | number | undefined;
+    maxLength?: number | undefined;
+    min?: string | number | undefined;
+    minLength?: number | undefined;
+    multiple?: boolean | undefined;
+    name?: string | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    size?: number | undefined;
+    src?: string | undefined;
+    step?: string | number | undefined;
+    value?: string | number | readonly string[] | undefined;
+    width?: string | number | undefined;
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}, {
+    $error?: string | undefined;
+}>>;
+declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("dist/libs/utils/src").DefaultProps & {
+    id?: string | undefined;
+    dataTestId?: string | undefined;
+    className?: string | undefined;
+    children?: string | string[] | undefined;
+    type?: string | undefined;
+    variant?: string | undefined;
+    align?: "center" | "left" | "right" | undefined;
+    text?: string | undefined;
+    htmlFor?: string | undefined;
+} & import("react").RefAttributes<HTMLHeadingElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement | null>, {
+    disabled?: boolean | undefined;
+}>> & import("react").ForwardRefExoticComponent<import("dist/libs/utils/src").DefaultProps & {
+    id?: string | undefined;
+    dataTestId?: string | undefined;
     className?: string | undefined;
     children?: string | string[] | undefined;
     type?: string | undefined;
@@ -17,7 +599,279 @@ declare const Label: import("styled-components").StyledComponent<import("react")
     align?: "center" | "left" | "right" | undefined;
     text?: string | undefined;
     htmlFor?: string | undefined;
-} & import("react").RefAttributes<HTMLHeadingElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement | null>>, import("styled-components").DefaultTheme, LabelProps, never>;
-declare const CheckboxContainerError: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
-declare const LabelError: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
-export { CheckboxContainer, Input, Label, CheckboxContainerError, LabelError };
+} & import("react").RefAttributes<HTMLHeadingElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement | null>>;
+declare const LabelError: import("styled-components").IStyledComponent<"web", {
+    ref?: import("react").LegacyRef<HTMLLabelElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    form?: string | undefined;
+    htmlFor?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLLabelElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLLabelElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLLabelElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLLabelElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+}>;
+export { CheckboxContainer, Input, Label, LabelError };