@bolttech/atoms-segmented-control 0.14.3 → 0.16.0

package/README.md

@@ -64,17 +64,17 @@ export default App;
 
 The **SegmentedControl** component accepts the following props:
 
-| Prop           | Type     | Description                                        |
-| -------------- | -------- | -------------------------------------------------- |
-| `id`           | string   | The HTML `id` attribute for the segmented control. |
-| `dataTestId`   | string   | The data-testid attribute for testing purposes.    |
-| `value`        | string   | The currently selected option value.               |
-| `options`      | Option[] | An array of option objects to be displayed.        |
-| `fullWidth`    | boolean  | Boolean representing if should take full width.    |
-| `errorMessage` | string   | An optional error message to display.              |
-| `onChange`     | function | A callback function triggered on option change.    |
-| `onBlur`       | function | A callback function triggered on blur event.       |
-| `onFocus`      | function | A callback function triggered on focus event.      |
+| Prop           | Type     | Description                                                                       |
+| -------------- | -------- | --------------------------------------------------------------------------------- |
+| `id`           | string   | The HTML `id` attribute for the segmented control.                                |
+| `dataTestId`   | string   | The data-testid attribute for testing purposes.                                   |
+| `value`        | string   | The currently selected option value.                                              |
+| `options`      | Option[] | An array of option objects to be displayed.                                       |
+| `fullWidth`    | boolean  | Boolean representing if should take the containers full width on desktop devices. |
+| `errorMessage` | string   | An optional error message to display.                                             |
+| `onChange`     | function | A callback function triggered on option change.                                   |
+| `onBlur`       | function | A callback function triggered on blur event.                                      |
+| `onFocus`      | function | A callback function triggered on focus event.                                     |
 
 ## Example
 

package/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var frontendFoundations = require('@bolttech/frontend-foundations');
 var styled = require('styled-components');
 var uiUtils = require('@bolttech/ui-utils');
 
@@ -15,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
@@ -44,7 +45,7 @@ var fails$d = fails$e;
 // Detect IE8's incomplete defineProperty implementation
 var descriptors = !fails$d(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$c = fails$e;
@@ -123,7 +124,7 @@ var indexedObject = fails$b(function () {
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$3('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$3(it) == 'String' ? split(it, '') : $Object$3(it);
+  return classof$3(it) === 'String' ? split(it, '') : $Object$3(it);
 } : $Object$3;
 
 // we can't use just `it == null` since of `document.all` special case
@@ -139,7 +140,7 @@ var $TypeError$6 = TypeError;
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible$4 = function (it) {
-  if (isNullOrUndefined$2(it)) throw $TypeError$6("Can't call method on " + it);
+  if (isNullOrUndefined$2(it)) throw new $TypeError$6("Can't call method on " + it);
   return it;
 };
 
@@ -231,7 +232,6 @@ if (!version && userAgent) {
 var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
-
 var V8_VERSION = engineV8Version;
 var fails$a = fails$e;
 var global$b = global$e;
@@ -240,7 +240,7 @@ var $String$4 = global$b.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$a(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,
@@ -251,7 +251,6 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$a(func
 });
 
 /* eslint-disable es/no-symbol -- required for testing */
-
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
 var useSymbolAsUid = NATIVE_SYMBOL$1
@@ -290,7 +289,7 @@ var $TypeError$5 = TypeError;
 // `Assert: IsCallable(argument) is true`
 var aCallable$1 = function (argument) {
   if (isCallable$9(argument)) return argument;
-  throw $TypeError$5(tryToString(argument) + ' is not a function');
+  throw new $TypeError$5(tryToString(argument) + ' is not a function');
 };
 
 var aCallable = aCallable$1;
@@ -316,7 +315,7 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   if (pref === 'string' && isCallable$8(fn = input.toString) && !isObject$4(val = call$7(fn, input))) return val;
   if (isCallable$8(fn = input.valueOf) && !isObject$4(val = call$7(fn, input))) return val;
   if (pref !== 'string' && isCallable$8(fn = input.toString) && !isObject$4(val = call$7(fn, input))) return val;
-  throw $TypeError$4("Can't convert object to primitive value");
+  throw new $TypeError$4("Can't convert object to primitive value");
 };
 
 var shared$4 = {exports: {}};
@@ -347,10 +346,10 @@ var store$2 = sharedStore;
 (shared$4.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'
 });
 
@@ -425,7 +424,7 @@ var toPrimitive$1 = function (input, pref) {
     if (pref === undefined) pref = 'default';
     result = call$6(exoticToPrim, input, pref);
     if (!isObject$3(result) || isSymbol$1(result)) return result;
-    throw $TypeError$3("Can't convert object to primitive value");
+    throw new $TypeError$3("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -461,7 +460,7 @@ var ie8DomDefine = !DESCRIPTORS$8 && !fails$9(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$7 = descriptors;
@@ -499,7 +498,7 @@ var v8PrototypeDefineBug = DESCRIPTORS$6 && fails$8(function () {
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
     writable: false
-  }).prototype != 42;
+  }).prototype !== 42;
 });
 
 var isObject$1 = isObject$5;
@@ -510,7 +509,7 @@ var $TypeError$2 = TypeError;
 // `Assert: Type(argument) is Object`
 var anObject$7 = function (argument) {
   if (isObject$1(argument)) return argument;
-  throw $TypeError$2($String$2(argument) + ' is not an object');
+  throw new $TypeError$2($String$2(argument) + ' is not an object');
 };
 
 var DESCRIPTORS$5 = descriptors;
@@ -552,7 +551,7 @@ objectDefineProperty.f = DESCRIPTORS$5 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$1('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$1('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -643,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;
   };
 };
@@ -656,7 +655,7 @@ if (NATIVE_WEAK_MAP || shared$1.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;
@@ -671,7 +670,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
   var STATE = sharedKey$1('state');
   hiddenKeys$3[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$2(it, STATE, metadata);
     return metadata;
@@ -842,10 +841,10 @@ var createMethod$1 = 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;
@@ -950,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$3(detection) ? fails$6(detection)
     : !!detection;
 };
@@ -1064,11 +1063,11 @@ var objectAssign = !$assign || fails$5(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$1($assign({}, B)).join('') != alphabet;
+  return $assign({}, A)[symbol] !== 7 || objectKeys$1($assign({}, B)).join('') !== alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
   var T = toObject$1(target);
   var argumentsLength = arguments.length;
@@ -1123,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;
+};
 
 var wellKnownSymbol$3 = wellKnownSymbol$5;
 
@@ -1143,7 +1147,7 @@ var TO_STRING_TAG = wellKnownSymbol$2('toStringTag');
 var $Object = Object;
 
 // ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) == 'Arguments';
+var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) === 'Arguments';
 
 // fallback for IE11 Script Access Denied error
 var tryGet = function (it, key) {
@@ -1161,7 +1165,7 @@ var classof$2 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
     // builtinTag case
     : CORRECT_ARGUMENTS ? classofRaw$1(O)
     // ES3 arguments fallback
-    : (result = classofRaw$1(O)) == 'Object' && isCallable$2(O.callee) ? 'Arguments' : result;
+    : (result = classofRaw$1(O)) === 'Object' && isCallable$2(O.callee) ? 'Arguments' : result;
 };
 
 var classof$1 = classof$2;
@@ -1169,7 +1173,7 @@ var classof$1 = classof$2;
 var $String = String;
 
 var toString$3 = function (argument) {
-  if (classof$1(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+  if (classof$1(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
   return $String(argument);
 };
 
@@ -1200,7 +1204,7 @@ var $RegExp$2 = global$3.RegExp;
 var UNSUPPORTED_Y$1 = fails$4(function () {
   var re = $RegExp$2('a', 'y');
   re.lastIndex = 2;
-  return re.exec('abcd') != null;
+  return re.exec('abcd') !== null;
 });
 
 // UC Browser bug
@@ -1213,7 +1217,7 @@ var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$4(function () {
   // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
   var re = $RegExp$2('^r', 'gy');
   re.lastIndex = 2;
-  return re.exec('str') != null;
+  return re.exec('str') !== null;
 });
 
 var regexpStickyHelpers = {
@@ -1250,7 +1254,6 @@ var getBuiltIn = getBuiltIn$3;
 var html$1 = getBuiltIn('document', 'documentElement');
 
 /* global ActiveXObject -- old IE, WSH */
-
 var anObject$2 = anObject$7;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys = enumBugKeys$3;
@@ -1342,7 +1345,7 @@ var $RegExp$1 = global$2.RegExp;
 
 var regexpUnsupportedDotAll = fails$3(function () {
   var re = $RegExp$1('.', 's');
-  return !(re.dotAll && re.exec('\n') && re.flags === 's');
+  return !(re.dotAll && re.test('\n') && re.flags === 's');
 });
 
 var fails$2 = fails$e;
@@ -1523,7 +1526,7 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
     // String methods call symbol-named RegEp methods
     var O = {};
     O[SYMBOL] = function () { return 7; };
-    return ''[KEY](O) != 7;
+    return ''[KEY](O) !== 7;
   });
 
   var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$1(function () {
@@ -1544,7 +1547,10 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
       re[SYMBOL] = /./[SYMBOL];
     }
 
-    re.exec = function () { execCalled = true; return null; };
+    re.exec = function () {
+      execCalled = true;
+      return null;
+    };
 
     re[SYMBOL]('');
     return !execCalled;
@@ -1687,7 +1693,7 @@ var regexpExecAbstract = function (R, S) {
     return result;
   }
   if (classof(R) === 'RegExp') return call$1(regexpExec, R, S);
-  throw $TypeError('RegExp#exec called on incompatible receiver');
+  throw new $TypeError('RegExp#exec called on incompatible receiver');
 };
 
 var apply = functionApply;
@@ -1779,13 +1785,16 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
       if (!functionalReplace) replaceValue = toString(replaceValue);
 
       var global = rx.global;
+      var fullUnicode;
       if (global) {
-        var fullUnicode = rx.unicode;
+        fullUnicode = rx.unicode;
         rx.lastIndex = 0;
       }
+
       var results = [];
+      var result;
       while (true) {
-        var result = regExpExec(rx, S);
+        result = regExpExec(rx, S);
         if (result === null) break;
 
         push(results, result);
@@ -1803,6 +1812,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         var matched = toString(result[0]);
         var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
+        var replacement;
         // NOTE: This is equivalent to
         //   captures = result.slice(1).map(maybeToString)
         // but for some reason `nativeSlice.call(result, 1, result.length)` (called in
@@ -1813,7 +1823,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         if (functionalReplace) {
           var replacerArgs = concat([matched], captures, position, S);
           if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);
-          var replacement = toString(apply(replaceValue, undefined, replacerArgs));
+          replacement = toString(apply(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
@@ -1822,6 +1832,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
           nextSourcePosition = position + matched.length;
         }
       }
+
       return accumulatedResult + stringSlice(S, nextSourcePosition);
     }
   ];
@@ -1833,13 +1844,13 @@ const Option = /*#__PURE__*/styled__default["default"].button.withConfig({
   componentId: "sc-1lpqq2u-0"
 })(["background-color:", ";border:1px solid ", ";padding:", ";cursor:pointer;", " *{cursor:pointer;}"], ({
   theme,
-  pressed,
-  hasError
-}) => pressed ? hasError ? theme.tokens.red['200'] : theme.components.segmentControl.container.color.pressed : theme.components.segmentControl.container.color.default, ({
+  $pressed,
+  $hasError
+}) => $pressed ? $hasError ? theme.tokens.red['200'] : theme.components.segmentControl.container.color.pressed : theme.components.segmentControl.container.color.default, ({
   theme,
-  pressed,
-  hasError
-}) => hasError ? theme.tokens.red['600'] : pressed ? theme.components.segmentControl.border.color.pressed : theme.components.segmentControl.border.color.default, ({
+  $pressed,
+  $hasError
+}) => $hasError ? theme.tokens.red['600'] : $pressed ? theme.components.segmentControl.border.color.pressed : theme.components.segmentControl.border.color.default, ({
   theme
 }) => `${theme.components.segmentControl.paddingVertical} ${theme.components.segmentControl.paddingVertical}`, ({
   theme
@@ -1847,11 +1858,11 @@ const Option = /*#__PURE__*/styled__default["default"].button.withConfig({
 const SegmentedControlContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-segmented-controlstyles__SegmentedControlContainer",
   componentId: "sc-1lpqq2u-1"
-})(["display:flex;flex-direction:column;gap:", ";", ";"], ({
+})(["display:flex;flex-direction:column;gap:", ";", ";@media only screen and (max-width:", "px){button{flex:1;}}"], ({
   theme
 }) => theme.tokens.padding.XS, ({
-  fullWidth
-}) => fullWidth && styled.css(["button{flex:1;}"]));
+  $fullWidth
+}) => $fullWidth && styled.css(["button{flex:1;}"]), frontendFoundations.ScreenSizes.SM.max);
 const SegmentedControlWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-segmented-controlstyles__SegmentedControlWrapper",
   componentId: "sc-1lpqq2u-2"
@@ -1871,8 +1882,8 @@ const OptionLabel = /*#__PURE__*/styled__default["default"].label.withConfig({
   componentId: "sc-1lpqq2u-3"
 })(["color:", ";font-size:", ";font-weight:", ";letter-spacing:", ";line-height:", ";text-decoration:", ";text-indent:", ";text-transform:", ";"], ({
   theme,
-  pressed
-}) => pressed ? theme.components.segmentControl.text.color.pressed : theme.components.segmentControl.text.color.default, ({
+  $pressed
+}) => $pressed ? theme.components.segmentControl.text.color.pressed : theme.components.segmentControl.text.color.default, ({
   theme
 }) => theme.components.segmentControl.fieldLabel.fontSize, ({
   theme
@@ -1929,12 +1940,12 @@ const SegmentedControl = /*#__PURE__*/react.forwardRef((_a, ref) => {
     return options.map(option => jsxRuntime.jsx(Option, Object.assign({
       "data-testid": `segmentedcontrol-option-${option.value}`,
       onClick: () => onClick(option.value),
-      pressed: option.value === value,
+      "$pressed": option.value === value,
       type: "button",
-      hasError: !!errorMessage
+      "$hasError": !!errorMessage
     }, uiUtils.applyDataAttributes(props, `option-${option.value}`), {
       children: jsxRuntime.jsx(OptionLabel, Object.assign({
-        pressed: option.value === value
+        "$pressed": option.value === value
       }, uiUtils.applyDataAttributes(props, `option-label-${option.label}`), {
         children: option.label
       }))
@@ -1943,7 +1954,7 @@ const SegmentedControl = /*#__PURE__*/react.forwardRef((_a, ref) => {
   return jsxRuntime.jsxs(SegmentedControlContainer, Object.assign({
     id: id,
     "data-testid": dataTestId,
-    fullWidth: fullWidth,
+    "$fullWidth": fullWidth,
     ref: ref
   }, uiUtils.applyDataAttributes(props), {
     children: [jsxRuntime.jsx(SegmentedControlWrapper, {

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@bolttech/atoms-segmented-control",
-  "version": "0.14.3",
+  "version": "0.16.0",
   "main": "./index.cjs",
   "type": "commonjs",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@bolttech/default-theme": "0.0.3",
+    "@bolttech/default-theme": "0.1.0",
     "@bolttech/form-engine": "0.5.0",
-    "@bolttech/frontend-foundations": "0.1.1",
-    "@bolttech/ui-utils": "0.1.3",
+    "@bolttech/frontend-foundations": "0.3.0",
+    "@bolttech/ui-utils": "0.2.0",
     "react": "18.2.0",
-    "styled-components": "5.3.6"
+    "styled-components": "6.1.1"
   },
   "peerDependencies": {}
 }

package/src/lib/atoms-segmented-control.styles.d.ts

@@ -1,12 +1,558 @@
-export declare const Option: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    pressed: boolean;
-    hasError: boolean;
-}, never>;
-export declare const SegmentedControlContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    fullWidth: boolean;
-}, never>;
-export declare const SegmentedControlWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const OptionLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    pressed: boolean;
-}, never>;
-export declare const LabelError: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+/// <reference types="react" />
+export declare const Option: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $pressed: boolean;
+    $hasError: boolean;
+}>>;
+export declare const SegmentedControlContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fullWidth: boolean;
+}>>;
+export declare const SegmentedControlWrapper: import("styled-components").IStyledComponent<"web", {
+    ref?: import("react").LegacyRef<HTMLDivElement> | 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?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | 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?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
+    'aria-busy'?: (boolean | "false" | "true") | undefined;
+    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "step" | "location" | "date" | "time" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "false" | "true") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+    'aria-haspopup'?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "false" | "true") | undefined;
+    'aria-invalid'?: boolean | "false" | "true" | "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 | "false" | "true") | undefined;
+    'aria-multiline'?: (boolean | "false" | "true") | undefined;
+    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-readonly'?: (boolean | "false" | "true") | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "false" | "true") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "false" | "true") | 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<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+}>;
+export declare const OptionLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $pressed: boolean;
+}>>;
+export 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?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | 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?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
+    'aria-busy'?: (boolean | "false" | "true") | undefined;
+    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "step" | "location" | "date" | "time" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "false" | "true") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+    'aria-haspopup'?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "false" | "true") | undefined;
+    'aria-invalid'?: boolean | "false" | "true" | "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 | "false" | "true") | undefined;
+    'aria-multiline'?: (boolean | "false" | "true") | undefined;
+    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-readonly'?: (boolean | "false" | "true") | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "false" | "true") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "false" | "true") | 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;
+}>;