@banyan_cloud/roots 1.0.114 → 1.0.116

package/dist/cjs/index.js

@@ -5403,6 +5403,8 @@ var CheckboxIcon = {
     var className = props.className;
     return /*#__PURE__*/jsxRuntime.jsxs("svg", {
       className: className,
+      width: "1.5rem",
+      height: "1.5rem",
       viewBox: "0 0 20 20",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -5412,7 +5414,7 @@ var CheckboxIcon = {
         width: "19",
         height: "19",
         rx: "5.5",
-        fill: "white"
+        fill: "#EDF5FF"
       }), /*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M14.6668 6.5L8.25016 12.9167L5.3335 10",
         stroke: "#0F62FE",
@@ -5433,6 +5435,8 @@ var CheckboxIcon = {
     var className = props.className;
     return /*#__PURE__*/jsxRuntime.jsxs("svg", {
       className: className,
+      width: "1.5rem",
+      height: "1.5rem",
       viewBox: "0 0 20 20",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -5449,7 +5453,39 @@ var CheckboxIcon = {
         width: "19",
         height: "19",
         rx: "5.5",
-        stroke: "#888888"
+        stroke: "#333333"
+      })]
+    });
+  },
+  Intermediate: function Intermediate(_ref) {
+    var className = _ref.className;
+    return /*#__PURE__*/jsxRuntime.jsxs("svg", {
+      className: className,
+      width: "1.5rem",
+      height: "1.5rem",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/*#__PURE__*/jsxRuntime.jsx("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "19",
+        height: "19",
+        rx: "5.5",
+        fill: "#EDF5FF"
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        d: "M5.9165 10H14.0832",
+        stroke: "#0F62FE",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }), /*#__PURE__*/jsxRuntime.jsx("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "19",
+        height: "19",
+        rx: "5.5",
+        stroke: "#0F62FE"
       })]
     });
   }
@@ -20694,134 +20730,126 @@ function c(Prism) {
   delete Prism.languages.c['boolean'];
 }
 
-var cpp_1;
-var hasRequiredCpp;
-
-function requireCpp () {
-	if (hasRequiredCpp) return cpp_1;
-	hasRequiredCpp = 1;
-	var refractorC = c_1;
-	cpp_1 = cpp;
-	cpp.displayName = 'cpp';
-	cpp.aliases = [];
-	function cpp(Prism) {
-	  Prism.register(refractorC)
-	  ;(function (Prism) {
-	    var keyword =
-	      /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/;
-	    var modName = /\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(
-	      /<keyword>/g,
-	      function () {
-	        return keyword.source
-	      }
-	    );
-	    Prism.languages.cpp = Prism.languages.extend('c', {
-	      'class-name': [
-	        {
-	          pattern: RegExp(
-	            /(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(
-	              /<keyword>/g,
-	              function () {
-	                return keyword.source
-	              }
-	            )
-	          ),
-	          lookbehind: true
-	        }, // This is intended to capture the class name of method implementations like:
-	        //   void foo::bar() const {}
-	        // However! The `foo` in the above example could also be a namespace, so we only capture the class name if
-	        // it starts with an uppercase letter. This approximation should give decent results.
-	        /\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/, // This will capture the class name before destructors like:
-	        //   Foo::~Foo() {}
-	        /\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i, // This also intends to capture the class name of method implementations but here the class has template
-	        // parameters, so it can't be a namespace (until C++ adds generic namespaces).
-	        /\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/
-	      ],
-	      keyword: keyword,
-	      number: {
-	        pattern:
-	          /(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,
-	        greedy: true
-	      },
-	      operator:
-	        />>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,
-	      boolean: /\b(?:false|true)\b/
-	    });
-	    Prism.languages.insertBefore('cpp', 'string', {
-	      module: {
-	        // https://en.cppreference.com/w/cpp/language/modules
-	        pattern: RegExp(
-	          /(\b(?:import|module)\s+)/.source +
-	            '(?:' + // header-name
-	            /"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source +
-	            '|' + // module name or partition or both
-	            /<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(
-	              /<mod-name>/g,
-	              function () {
-	                return modName
-	              }
-	            ) +
-	            ')'
-	        ),
-	        lookbehind: true,
-	        greedy: true,
-	        inside: {
-	          string: /^[<"][\s\S]+/,
-	          operator: /:/,
-	          punctuation: /\./
-	        }
-	      },
-	      'raw-string': {
-	        pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,
-	        alias: 'string',
-	        greedy: true
-	      }
-	    });
-	    Prism.languages.insertBefore('cpp', 'keyword', {
-	      'generic-function': {
-	        pattern: /\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,
-	        inside: {
-	          function: /^\w+/,
-	          generic: {
-	            pattern: /<[\s\S]+/,
-	            alias: 'class-name',
-	            inside: Prism.languages.cpp
-	          }
-	        }
-	      }
-	    });
-	    Prism.languages.insertBefore('cpp', 'operator', {
-	      'double-colon': {
-	        pattern: /::/,
-	        alias: 'punctuation'
-	      }
-	    });
-	    Prism.languages.insertBefore('cpp', 'class-name', {
-	      // the base clause is an optional list of parent classes
-	      // https://en.cppreference.com/w/cpp/language/class
-	      'base-clause': {
-	        pattern:
-	          /(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,
-	        lookbehind: true,
-	        greedy: true,
-	        inside: Prism.languages.extend('cpp', {})
-	      }
-	    });
-	    Prism.languages.insertBefore(
-	      'inside',
-	      'double-colon',
-	      {
-	        // All untokenized words that are not namespaces should be class names
-	        'class-name': /\b[a-z_]\w*\b(?!\s*::)/i
-	      },
-	      Prism.languages.cpp['base-clause']
-	    );
-	  })(Prism);
-	}
-	return cpp_1;
+var refractorC$1 = c_1;
+var cpp_1 = cpp;
+cpp.displayName = 'cpp';
+cpp.aliases = [];
+function cpp(Prism) {
+  Prism.register(refractorC$1)
+  ;(function (Prism) {
+    var keyword =
+      /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/;
+    var modName = /\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(
+      /<keyword>/g,
+      function () {
+        return keyword.source
+      }
+    );
+    Prism.languages.cpp = Prism.languages.extend('c', {
+      'class-name': [
+        {
+          pattern: RegExp(
+            /(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(
+              /<keyword>/g,
+              function () {
+                return keyword.source
+              }
+            )
+          ),
+          lookbehind: true
+        }, // This is intended to capture the class name of method implementations like:
+        //   void foo::bar() const {}
+        // However! The `foo` in the above example could also be a namespace, so we only capture the class name if
+        // it starts with an uppercase letter. This approximation should give decent results.
+        /\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/, // This will capture the class name before destructors like:
+        //   Foo::~Foo() {}
+        /\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i, // This also intends to capture the class name of method implementations but here the class has template
+        // parameters, so it can't be a namespace (until C++ adds generic namespaces).
+        /\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/
+      ],
+      keyword: keyword,
+      number: {
+        pattern:
+          /(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,
+        greedy: true
+      },
+      operator:
+        />>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,
+      boolean: /\b(?:false|true)\b/
+    });
+    Prism.languages.insertBefore('cpp', 'string', {
+      module: {
+        // https://en.cppreference.com/w/cpp/language/modules
+        pattern: RegExp(
+          /(\b(?:import|module)\s+)/.source +
+            '(?:' + // header-name
+            /"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source +
+            '|' + // module name or partition or both
+            /<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(
+              /<mod-name>/g,
+              function () {
+                return modName
+              }
+            ) +
+            ')'
+        ),
+        lookbehind: true,
+        greedy: true,
+        inside: {
+          string: /^[<"][\s\S]+/,
+          operator: /:/,
+          punctuation: /\./
+        }
+      },
+      'raw-string': {
+        pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,
+        alias: 'string',
+        greedy: true
+      }
+    });
+    Prism.languages.insertBefore('cpp', 'keyword', {
+      'generic-function': {
+        pattern: /\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,
+        inside: {
+          function: /^\w+/,
+          generic: {
+            pattern: /<[\s\S]+/,
+            alias: 'class-name',
+            inside: Prism.languages.cpp
+          }
+        }
+      }
+    });
+    Prism.languages.insertBefore('cpp', 'operator', {
+      'double-colon': {
+        pattern: /::/,
+        alias: 'punctuation'
+      }
+    });
+    Prism.languages.insertBefore('cpp', 'class-name', {
+      // the base clause is an optional list of parent classes
+      // https://en.cppreference.com/w/cpp/language/class
+      'base-clause': {
+        pattern:
+          /(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,
+        lookbehind: true,
+        greedy: true,
+        inside: Prism.languages.extend('cpp', {})
+      }
+    });
+    Prism.languages.insertBefore(
+      'inside',
+      'double-colon',
+      {
+        // All untokenized words that are not namespaces should be class names
+        'class-name': /\b[a-z_]\w*\b(?!\s*::)/i
+      },
+      Prism.languages.cpp['base-clause']
+    );
+  })(Prism);
 }
 
-var refractorCpp$1 = requireCpp();
+var refractorCpp$1 = cpp_1;
 var arduino_1 = arduino;
 arduino.displayName = 'arduino';
 arduino.aliases = ['ino'];
@@ -22831,7 +22859,7 @@ function cfscript(Prism) {
   Prism.languages.cfc = Prism.languages['cfscript'];
 }
 
-var refractorCpp = requireCpp();
+var refractorCpp = cpp_1;
 var chaiscript_1 = chaiscript;
 chaiscript.displayName = 'chaiscript';
 chaiscript.aliases = [];
@@ -43063,7 +43091,7 @@ refractor.register(requireCobol());
 refractor.register(requireCoffeescript());
 refractor.register(requireConcurnas());
 refractor.register(requireCoq());
-refractor.register(requireCpp());
+refractor.register(cpp_1);
 refractor.register(requireCrystal());
 refractor.register(requireCsharp());
 refractor.register(requireCshtml());
@@ -44584,10 +44612,19 @@ TextField.defaultProps = {
   onKeyDown: function onKeyDown() {}
 };
 
-var css$V = ".CheckBox_module_root__82d23531 {\n  cursor: pointer;\n  gap: 10px;\n}\n.CheckBox_module_root__82d23531.CheckBox_module_positionLeft__82d23531 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.CheckBox_module_root__82d23531.CheckBox_module_positionRight__82d23531 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.CheckBox_module_root__82d23531 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.CheckBox_module_root__82d23531.CheckBox_module_disabled__82d23531 {\n  cursor: default;\n}\n.CheckBox_module_root__82d23531 .CheckBox_module_icon__82d23531 {\n  display: inline-block;\n  border-radius: 0.375rem;\n}\n.CheckBox_module_root__82d23531 .CheckBox_module_icon__82d23531.CheckBox_module_iconSm__82d23531 {\n  width: 1rem;\n  height: 1rem;\n}\n.CheckBox_module_root__82d23531 .CheckBox_module_icon__82d23531.CheckBox_module_iconMd__82d23531 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.CheckBox_module_root__82d23531 .CheckBox_module_icon__82d23531.CheckBox_module_iconLg__82d23531 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.CheckBox_module_root__82d23531 input:focus + .CheckBox_module_icon__82d23531 {\n  box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__82d23531 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
-var modules_066398a2 = {"root":"CheckBox_module_root__82d23531","position-left":"CheckBox_module_positionLeft__82d23531","position-right":"CheckBox_module_positionRight__82d23531","disabled":"CheckBox_module_disabled__82d23531","icon":"CheckBox_module_icon__82d23531","icon-sm":"CheckBox_module_iconSm__82d23531","icon-md":"CheckBox_module_iconMd__82d23531","icon-lg":"CheckBox_module_iconLg__82d23531"};
+var css$V = ".CheckBox_module_root__b2c202fd {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--grey1);\n}\n.CheckBox_module_root__b2c202fd.CheckBox_module_positionLeft__b2c202fd {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.CheckBox_module_root__b2c202fd.CheckBox_module_positionRight__b2c202fd {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.CheckBox_module_root__b2c202fd input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.CheckBox_module_root__b2c202fd.CheckBox_module_disabled__b2c202fd {\n  cursor: default;\n  color: var(--grey4);\n}\n.CheckBox_module_root__b2c202fd.CheckBox_module_disabled__b2c202fd .CheckBox_module_icon__b2c202fd rect:nth-of-type(1) {\n  fill: var(--grey10);\n}\n.CheckBox_module_root__b2c202fd.CheckBox_module_disabled__b2c202fd .CheckBox_module_icon__b2c202fd rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__b2c202fd.CheckBox_module_disabled__b2c202fd .CheckBox_module_icon__b2c202fd path {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__b2c202fd.CheckBox_module_selected__b2c202fd {\n  color: var(--dark-grey);\n}\n.CheckBox_module_root__b2c202fd:hover:not(.CheckBox_module_disabled__b2c202fd) {\n  color: var(--dark-grey);\n}\n.CheckBox_module_root__b2c202fd:hover:not(.CheckBox_module_disabled__b2c202fd) .CheckBox_module_icon__b2c202fd rect:nth-of-type(1) {\n  fill: var(--info-bg);\n}\n.CheckBox_module_root__b2c202fd:hover:not(.CheckBox_module_disabled__b2c202fd) .CheckBox_module_icon__b2c202fd rect:nth-of-type(2) {\n  stroke: var(--highlight);\n}\n.CheckBox_module_root__b2c202fd:hover:not(.CheckBox_module_disabled__b2c202fd) .CheckBox_module_icon__b2c202fd path {\n  stroke: var(--highlight);\n}\n.CheckBox_module_root__b2c202fd .CheckBox_module_icon__b2c202fd {\n  display: inline-block;\n  border-radius: 0.25rem;\n}\n.CheckBox_module_root__b2c202fd .CheckBox_module_icon__b2c202fd.CheckBox_module_iconSm__b2c202fd {\n  width: 1rem;\n  height: 1rem;\n}\n.CheckBox_module_root__b2c202fd .CheckBox_module_icon__b2c202fd.CheckBox_module_iconMd__b2c202fd {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.CheckBox_module_root__b2c202fd .CheckBox_module_icon__b2c202fd.CheckBox_module_iconLg__b2c202fd {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.CheckBox_module_root__b2c202fd input:focus + .CheckBox_module_icon__b2c202fd {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__b2c202fd [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+var modules_066398a2 = {"root":"CheckBox_module_root__b2c202fd","position-left":"CheckBox_module_positionLeft__b2c202fd","position-right":"CheckBox_module_positionRight__b2c202fd","disabled":"CheckBox_module_disabled__b2c202fd","icon":"CheckBox_module_icon__b2c202fd","selected":"CheckBox_module_selected__b2c202fd","icon-sm":"CheckBox_module_iconSm__b2c202fd","icon-md":"CheckBox_module_iconMd__b2c202fd","icon-lg":"CheckBox_module_iconLg__b2c202fd"};
 n(css$V,{});
 
+var getIcon = function getIcon(checked, intermediate) {
+  if (checked) {
+    if (intermediate) {
+      return CheckboxIcon.Intermediate;
+    }
+    return CheckboxIcon.Checked;
+  }
+  return CheckboxIcon.UnChecked;
+};
 var Checkbox = function Checkbox(props) {
   // eslint-disable-next-line object-curly-newline
   var label = props.label,
@@ -44597,7 +44634,8 @@ var Checkbox = function Checkbox(props) {
     position = props.position,
     size = props.size,
     className = props.className,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    intermediate = props.intermediate;
   var _useRef = React.useRef(checked !== undefined),
     isControlled = _useRef.current;
 
@@ -44616,8 +44654,9 @@ var Checkbox = function Checkbox(props) {
     }
   };
   var isChecked = isControlled ? checked : uncontrolledChecked;
+  var Icon = getIcon(isChecked, intermediate);
   return /*#__PURE__*/jsxRuntime.jsxs("label", {
-    className: classes(modules_066398a2.root, modules_066398a2["position-".concat(position)], className, disabled ? modules_066398a2.disabled : ''),
+    className: classes(modules_066398a2.root, modules_066398a2["position-".concat(position)], className, disabled ? modules_066398a2.disabled : '', isChecked ? modules_066398a2.selected : ''),
     children: [/*#__PURE__*/jsxRuntime.jsx("input", _objectSpread2(_objectSpread2({
       disabled: disabled,
       type: "checkbox",
@@ -44626,11 +44665,7 @@ var Checkbox = function Checkbox(props) {
       checked: checked
     } : {}), {}, {
       onChange: handleChange
-    })), isChecked ? /*#__PURE__*/jsxRuntime.jsx(CheckboxIcon.Checked, {
-      "data-elem": "icon",
-      className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
-    }) : /*#__PURE__*/jsxRuntime.jsx(CheckboxIcon.UnChecked, {
-      "data-elem": "icon",
+    })), /*#__PURE__*/jsxRuntime.jsx(Icon, {
       className: classes(modules_066398a2["icon-".concat(size)], modules_066398a2.icon)
     }), label && /*#__PURE__*/jsxRuntime.jsx("span", {
       "data-elem": "label",
@@ -44657,8 +44692,8 @@ Checkbox.defaultProps = {
   onChange: function onChange() {}
 };
 
-var css$U = ".Radio_module_root__0f04dc19 {\n  cursor: pointer;\n  gap: 10px;\n}\n.Radio_module_root__0f04dc19.Radio_module_positionLeft__0f04dc19 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Radio_module_root__0f04dc19.Radio_module_positionRight__0f04dc19 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Radio_module_root__0f04dc19.Radio_module_disabled__0f04dc19 {\n  cursor: default;\n}\n.Radio_module_root__0f04dc19 input[type=radio] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.Radio_module_root__0f04dc19 .Radio_module_icon__0f04dc19 {\n  display: inline-block;\n  border-radius: 50%;\n}\n.Radio_module_root__0f04dc19 .Radio_module_icon__0f04dc19.Radio_module_iconSm__0f04dc19 {\n  width: 1rem;\n  height: 1rem;\n}\n.Radio_module_root__0f04dc19 .Radio_module_icon__0f04dc19.Radio_module_iconMd__0f04dc19 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.Radio_module_root__0f04dc19 .Radio_module_icon__0f04dc19.Radio_module_iconLg__0f04dc19 {\n  width: 1.5rem;\n  height: 2rem;\n}\n.Radio_module_root__0f04dc19 input:focus + .Radio_module_icon__0f04dc19 {\n  box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__0f04dc19 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
-var modules_3705961f = {"root":"Radio_module_root__0f04dc19","position-left":"Radio_module_positionLeft__0f04dc19","position-right":"Radio_module_positionRight__0f04dc19","disabled":"Radio_module_disabled__0f04dc19","icon":"Radio_module_icon__0f04dc19","icon-sm":"Radio_module_iconSm__0f04dc19","icon-md":"Radio_module_iconMd__0f04dc19","icon-lg":"Radio_module_iconLg__0f04dc19"};
+var css$U = ".Radio_module_root__8f69abe5 {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--grey1);\n}\n.Radio_module_root__8f69abe5.Radio_module_positionLeft__8f69abe5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Radio_module_root__8f69abe5.Radio_module_positionRight__8f69abe5 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Radio_module_root__8f69abe5.Radio_module_disabled__8f69abe5 {\n  cursor: default;\n  color: var(--grey4);\n}\n.Radio_module_root__8f69abe5.Radio_module_disabled__8f69abe5 .Radio_module_icon__8f69abe5 rect:nth-of-type(1) {\n  stroke: var(--grey5);\n  fill: var(--grey10);\n}\n.Radio_module_root__8f69abe5.Radio_module_disabled__8f69abe5 .Radio_module_icon__8f69abe5 rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.Radio_module_root__8f69abe5.Radio_module_disabled__8f69abe5 .Radio_module_icon__8f69abe5 circle {\n  fill: var(--grey5);\n}\n.Radio_module_root__8f69abe5.Radio_module_selected__8f69abe5 {\n  color: var(--dark-grey);\n}\n.Radio_module_root__8f69abe5:hover:not(.Radio_module_disabled__8f69abe5) {\n  color: var(--dark-grey);\n}\n.Radio_module_root__8f69abe5:hover:not(.Radio_module_disabled__8f69abe5) .Radio_module_icon__8f69abe5 rect:nth-of-type(1) {\n  stroke: var(--highlight);\n  fill: var(--info-bg);\n}\n.Radio_module_root__8f69abe5 input[type=radio] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.Radio_module_root__8f69abe5 .Radio_module_icon__8f69abe5 {\n  display: inline-block;\n  border-radius: 50%;\n}\n.Radio_module_root__8f69abe5 .Radio_module_icon__8f69abe5.Radio_module_iconSm__8f69abe5 {\n  width: 1rem;\n  height: 1rem;\n}\n.Radio_module_root__8f69abe5 .Radio_module_icon__8f69abe5.Radio_module_iconMd__8f69abe5 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.Radio_module_root__8f69abe5 .Radio_module_icon__8f69abe5.Radio_module_iconLg__8f69abe5 {\n  width: 1.5rem;\n  height: 2rem;\n}\n.Radio_module_root__8f69abe5 input:focus + .Radio_module_icon__8f69abe5 {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__8f69abe5 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+var modules_3705961f = {"root":"Radio_module_root__8f69abe5","position-left":"Radio_module_positionLeft__8f69abe5","position-right":"Radio_module_positionRight__8f69abe5","disabled":"Radio_module_disabled__8f69abe5","icon":"Radio_module_icon__8f69abe5","selected":"Radio_module_selected__8f69abe5","icon-sm":"Radio_module_iconSm__8f69abe5","icon-md":"Radio_module_iconMd__8f69abe5","icon-lg":"Radio_module_iconLg__8f69abe5"};
 n(css$U,{});
 
 var Radio = function Radio(props) {
@@ -44690,7 +44725,7 @@ var Radio = function Radio(props) {
   };
   var isChecked = isControlled ? checked : uncontrolledChecked;
   return /*#__PURE__*/jsxRuntime.jsxs("label", {
-    className: classes(modules_3705961f.root, modules_3705961f["position-".concat(position)], className, disabled ? modules_3705961f.disabled : ''),
+    className: classes(modules_3705961f.root, modules_3705961f["position-".concat(position)], className, disabled ? modules_3705961f.disabled : '', isChecked ? modules_3705961f.selected : ''),
     children: [/*#__PURE__*/jsxRuntime.jsx("input", {
       disabled: disabled,
       type: "radio",
@@ -109422,6 +109457,7 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
   var _seriesOption$length, _seriesData$metaData$, _seriesData$metaData, _seriesData$metaData$2, _seriesData$chartData, _seriesData$chartData13;
   var loading = props.loading,
     title = props.title,
+    titleOptions = props.titleOptions,
     gridContainLabel = props.gridContainLabel,
     gridOptions = props.gridOptions,
     inverse = props.inverse,
@@ -109513,9 +109549,9 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
   };
   return /*#__PURE__*/jsxRuntime.jsx(_default, {
     option: {
-      title: {
+      title: _objectSpread2({
         text: title
-      },
+      }, titleOptions),
       grid: _objectSpread2({
         containLabel: gridContainLabel
       }, gridOptions),
@@ -109557,6 +109593,7 @@ BaseHorizontalBarChart.propTypes = {
   loading: propTypes$1.exports.bool,
   fallback: propTypes$1.exports.bool,
   title: propTypes$1.exports.string,
+  titleOptions: propTypes$1.exports.object,
   gridContainLabel: propTypes$1.exports.bool,
   gridOptions: propTypes$1.exports.object,
   tooltip: propTypes$1.exports.object,
@@ -109585,6 +109622,7 @@ BaseHorizontalBarChart.defaultProps = {
   loading: false,
   fallback: false,
   title: '',
+  titleOptions: {},
   gridContainLabel: false,
   gridOptions: {
     left: 0,