@sebgroup/green-react 1.0.0-beta.11 → 1.0.0-beta.12

package/index.esm.js

@@ -10,7 +10,7 @@ var check = function (it) {
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
 var global$r =
-  // eslint-disable-next-line es/no-global-this -- safe
+  // eslint-disable-next-line es-x/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
   // eslint-disable-next-line no-restricted-globals -- safe
@@ -33,13 +33,14 @@ var fails$9 = fails$a;
 
 // Detect IE8's incomplete defineProperty implementation
 var descriptors = !fails$9(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
 });
 
 var fails$8 = fails$a;
 
 var functionBindNative = !fails$8(function () {
+  // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
   return typeof test != 'function' || test.hasOwnProperty('prototype');
@@ -56,7 +57,7 @@ var functionCall = NATIVE_BIND$1 ? call$6.bind(call$6) : function () {
 var objectPropertyIsEnumerable = {};
 
 var $propertyIsEnumerable = {}.propertyIsEnumerable;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
 var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
 // Nashorn ~ JDK8 bug
@@ -197,12 +198,12 @@ if (!version && userAgent) {
 
 var engineV8Version = version;
 
-/* eslint-disable es/no-symbol -- required for testing */
+/* eslint-disable es-x/no-symbol -- required for testing */
 
 var V8_VERSION = engineV8Version;
 var fails$6 = fails$a;
 
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
+// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
 var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$6(function () {
   var symbol = Symbol();
   // Chrome 38 Symbol has incorrect toString conversion
@@ -212,7 +213,7 @@ var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$6(function () {
     !Symbol.sham && V8_VERSION && V8_VERSION < 41;
 });
 
-/* eslint-disable es/no-symbol -- required for testing */
+/* eslint-disable es-x/no-symbol -- required for testing */
 
 var NATIVE_SYMBOL$2 = nativeSymbol;
 
@@ -289,7 +290,7 @@ var shared$3 = {exports: {}};
 
 var global$i = global$r;
 
-// eslint-disable-next-line es/no-object-defineproperty -- safe
+// eslint-disable-next-line es-x/no-object-defineproperty -- safe
 var defineProperty$4 = Object.defineProperty;
 
 var setGlobal$3 = function (key, value) {
@@ -313,10 +314,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.21.1',
+  version: '3.22.2',
   mode: 'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.21.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.22.2/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -338,6 +339,7 @@ var hasOwnProperty = uncurryThis$8({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
+// eslint-disable-next-line es-x/no-object-hasown -- safe
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject$2(it), key);
 };
@@ -431,7 +433,7 @@ var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
 var ie8DomDefine = !DESCRIPTORS$9 && !fails$5(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
   }).a != 7;
@@ -446,7 +448,7 @@ var toPropertyKey$1 = toPropertyKey$2;
 var hasOwn$8 = hasOwnProperty_1;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
 var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
 // `Object.getOwnPropertyDescriptor` method
@@ -468,7 +470,7 @@ var fails$4 = fails$a;
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
 var v8PrototypeDefineBug = DESCRIPTORS$7 && fails$4(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
     writable: false
@@ -495,9 +497,9 @@ var anObject$4 = anObject$5;
 var toPropertyKey = toPropertyKey$2;
 
 var TypeError$3 = global$b.TypeError;
-// eslint-disable-next-line es/no-object-defineproperty -- safe
+// eslint-disable-next-line es-x/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
 var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 var ENUMERABLE = 'enumerable';
 var CONFIGURABLE$1 = 'configurable';
@@ -653,7 +655,7 @@ var DESCRIPTORS$4 = descriptors;
 var hasOwn$6 = hasOwnProperty_1;
 
 var FunctionPrototype = Function.prototype;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
 var getDescriptor = DESCRIPTORS$4 && Object.getOwnPropertyDescriptor;
 
 var EXISTS = hasOwn$6(FunctionPrototype, 'name');
@@ -830,14 +832,14 @@ var hiddenKeys$1 = enumBugKeys$2.concat('length', 'prototype');
 
 // `Object.getOwnPropertyNames` method
 // https://tc39.es/ecma262/#sec-object.getownpropertynames
-// eslint-disable-next-line es/no-object-getownpropertynames -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
 objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
   return internalObjectKeys$1(O, hiddenKeys$1);
 };
 
 var objectGetOwnPropertySymbols = {};
 
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$1 = getBuiltIn$4;
@@ -956,7 +958,7 @@ var enumBugKeys$1 = enumBugKeys$3;
 
 // `Object.keys` method
 // https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es/no-object-keys -- safe
+// eslint-disable-next-line es-x/no-object-keys -- safe
 var objectKeys$2 = Object.keys || function keys(O) {
   return internalObjectKeys(O, enumBugKeys$1);
 };
@@ -971,9 +973,9 @@ var propertyIsEnumerableModule = objectPropertyIsEnumerable;
 var toObject$1 = toObject$3;
 var IndexedObject = indexedObject;
 
-// eslint-disable-next-line es/no-object-assign -- safe
+// eslint-disable-next-line es-x/no-object-assign -- safe
 var $assign = Object.assign;
-// eslint-disable-next-line es/no-object-defineproperty -- required for testing
+// eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
 var defineProperty$3 = Object.defineProperty;
 var concat = uncurryThis$2([].concat);
 
@@ -993,7 +995,7 @@ var objectAssign = !$assign || fails$2(function () {
   // should work with symbols and should have deterministic property order (V8 bug)
   var A = {};
   var B = {};
-  // eslint-disable-next-line es/no-symbol -- safe
+  // eslint-disable-next-line es-x/no-symbol -- safe
   var symbol = Symbol();
   var alphabet = 'abcdefghijklmnopqrst';
   A[symbol] = 7;
@@ -1023,12 +1025,12 @@ var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-// eslint-disable-next-line es/no-object-assign -- required for testing
+// eslint-disable-next-line es-x/no-object-assign -- required for testing
 $$2({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
   assign: assign
 });
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -1072,7 +1074,7 @@ function Button({
   if (onClick) props.onClick = onClick;
   return jsx("button", Object.assign({}, props, {
     children: children
-  }), void 0);
+  }));
 }
 
 const ModalHeader = ({
@@ -1088,7 +1090,7 @@ const ModalHeader = ({
   }, {
     children: [jsx("h3", {
       children: _header
-    }, void 0), jsx("button", Object.assign({
+    }), jsx("button", Object.assign({
       className: "close",
       onClick: handleClose
     }, {
@@ -1096,9 +1098,9 @@ const ModalHeader = ({
         className: "sr-only"
       }, {
         children: "Close"
-      }), void 0)
-    }), void 0)]
-  }), void 0);
+      }))
+    }))]
+  }));
 };
 
 const ModalBody = ({
@@ -1108,7 +1110,7 @@ const ModalBody = ({
     className: "body"
   }, {
     children: children
-  }), void 0);
+  }));
 };
 
 const ModalFooter = ({
@@ -1136,13 +1138,13 @@ const ModalFooter = ({
       onClick: handleDismiss
     }, {
       children: dismiss
-    }), void 0), confirm && jsx(Button, Object.assign({
+    })), confirm && jsx(Button, Object.assign({
       variant: "primary",
       onClick: handleConfirm
     }, {
       children: confirm
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 };
 
 const Modal = _a => {
@@ -1159,8 +1161,8 @@ const Modal = _a => {
           return jsxs("aside", Object.assign({
             role: "dialog"
           }, {
-            children: [jsx(ModalHeader, Object.assign({}, props), void 0), jsx(ModalBody, Object.assign({}, props), void 0), jsx(ModalFooter, Object.assign({}, props), void 0)]
-          }), void 0);
+            children: [jsx(ModalHeader, Object.assign({}, props)), jsx(ModalBody, Object.assign({}, props)), jsx(ModalFooter, Object.assign({}, props))]
+          }));
         }
 
       case 'takeover':
@@ -1168,8 +1170,8 @@ const Modal = _a => {
           return jsxs("main", Object.assign({
             role: "dialog"
           }, {
-            children: [jsx(ModalHeader, Object.assign({}, props), void 0), jsx(ModalBody, Object.assign({}, props), void 0), jsx(ModalFooter, Object.assign({}, props), void 0)]
-          }), void 0);
+            children: [jsx(ModalHeader, Object.assign({}, props)), jsx(ModalBody, Object.assign({}, props)), jsx(ModalFooter, Object.assign({}, props))]
+          }));
         }
 
       default:
@@ -1177,8 +1179,8 @@ const Modal = _a => {
           return jsxs("section", Object.assign({
             role: "dialog"
           }, {
-            children: [jsx(ModalHeader, Object.assign({}, props), void 0), jsx(ModalBody, Object.assign({}, props), void 0), jsx(ModalFooter, Object.assign({}, props), void 0)]
-          }), void 0);
+            children: [jsx(ModalHeader, Object.assign({}, props)), jsx(ModalBody, Object.assign({}, props)), jsx(ModalFooter, Object.assign({}, props))]
+          }));
         }
     }
   };
@@ -1197,7 +1199,7 @@ var objectKeys = objectKeys$2;
 
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es/no-object-defineproperties -- safe
+// eslint-disable-next-line es-x/no-object-defineproperties -- safe
 objectDefineProperties.f = DESCRIPTORS$2 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
   anObject$2(O);
   var props = toIndexedObject$1(Properties);
@@ -1285,6 +1287,7 @@ hiddenKeys[IE_PROTO$1] = true;
 
 // `Object.create` method
 // https://tc39.es/ecma262/#sec-object.create
+// eslint-disable-next-line es-x/no-object-create -- safe
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
@@ -1325,7 +1328,7 @@ var fails$1 = fails$a;
 var correctPrototypeGetter = !fails$1(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
-  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
+  // eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
@@ -1364,7 +1367,7 @@ var BUGGY_SAFARI_ITERATORS$1 = false;
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-object
 var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;
 
-/* eslint-disable es/no-array-prototype-keys -- safe */
+/* eslint-disable es-x/no-array-prototype-keys -- safe */
 if ([].keys) {
   arrayIterator = [].keys();
   // Safari 8 has buggy iterators w/o `next`
@@ -1445,13 +1448,13 @@ var aPossiblePrototype = aPossiblePrototype$1;
 // `Object.setPrototypeOf` method
 // https://tc39.es/ecma262/#sec-object.setprototypeof
 // Works with __proto__ only. Old v8 can't work with null proto objects.
-// eslint-disable-next-line es/no-object-setprototypeof -- safe
+// eslint-disable-next-line es-x/no-object-setprototypeof -- safe
 var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
   var CORRECT_SETTER = false;
   var test = {};
   var setter;
   try {
-    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+    // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
     setter = uncurryThis$1(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
     setter(test, []);
     CORRECT_SETTER = test instanceof Array;
@@ -1741,7 +1744,7 @@ const Flexbox = _a => {
     className: flexClassName
   }, props, {
     children: children
-  }), void 0);
+  }));
 };
 
 function Card({
@@ -1754,12 +1757,12 @@ function Card({
   }, {
     children: [jsx("header", {
       children: header
-    }, void 0), jsx("p", {
+    }), jsx("p", {
       children: children
-    }, void 0), jsx("footer", {
+    }), jsx("footer", {
       children: footer
-    }, void 0)]
-  }), void 0);
+    })]
+  }));
 }
 
 function Alert({
@@ -1782,10 +1785,10 @@ function Alert({
           className: "sr-only"
         }, {
           children: closeText
-        }), void 0)
-      }), void 0));else setCloseButton(jsx("button", {
+        }))
+      })));else setCloseButton(jsx("button", {
         className: "close"
-      }, void 0));
+      }));
     }
   }, [isCloseable, closeText]);
   return jsxs("div", Object.assign({
@@ -1795,13 +1798,13 @@ function Alert({
     children: [header && jsxs("header", {
       children: [/*#__PURE__*/React.isValidElement(header) ? header : jsx("h3", {
         children: header
-      }, void 0), closeButton]
-    }, void 0), jsx("p", {
+      }), closeButton]
+    }), jsx("p", {
       children: children
-    }, void 0), footer && jsx("footer", {
+    }), footer && jsx("footer", {
       children: footer
-    }, void 0)]
-  }), void 0);
+    })]
+  }));
 }
 
 const ButtonGroup = ({
@@ -1829,7 +1832,7 @@ const ButtonGroup = ({
   }, [children, selected, variant]);
   return jsx(Group, {
     children: buttons.map(props => jsx(Button, Object.assign({}, props), props.key))
-  }, void 0);
+  });
 };
 
 const validateInputValue = (target, rules, setError) => {
@@ -1935,12 +1938,12 @@ const FormProvider = _a => {
       onReset: resetForm
     }, {
       children: children
-    }), void 0)
-  }), void 0);
+    }))
+  }));
 };
 
 const Form = props => {
-  return jsx(FormProvider, Object.assign({}, props), void 0);
+  return jsx(FormProvider, Object.assign({}, props));
 };
 
 const FormItems = ({
@@ -2024,12 +2027,12 @@ function Group({
       className: groupClassName
     }, {
       children: children
-    }), void 0), error && jsx("span", Object.assign({
+    })), error && jsx("span", Object.assign({
       className: "form-info"
     }, {
       children: errorMessage
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 }
 
 const useInput = (props, onChanges, onChangeInput) => {
@@ -2083,7 +2086,7 @@ const RenderInput = (type, props, onChange, onChangeInput, label, info, validato
   if (!label && !info) return jsx("input", Object.assign({
     type: type,
     value: value
-  }, propsWithDescription), void 0);
+  }, propsWithDescription));
   return jsxs("div", Object.assign({
     className: "form-group"
   }, {
@@ -2091,22 +2094,22 @@ const RenderInput = (type, props, onChange, onChangeInput, label, info, validato
       htmlFor: inputProps.id
     }, {
       children: label
-    }), void 0), info && jsx("span", Object.assign({
+    })), info && jsx("span", Object.assign({
       className: "form-info",
       id: `${inputProps.id}_info`
     }, {
       children: info
-    }), void 0), jsx("input", Object.assign({
+    })), jsx("input", Object.assign({
       type: type,
       value: value
     }, propsWithDescription, {
       className: validator && validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)
-    }), void 0), validator && jsx("span", Object.assign({
+    })), validator && jsx("span", Object.assign({
       className: "form-info"
     }, {
       children: validator.message
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 };
 const TextInput = _a => {
   var {
@@ -2161,13 +2164,13 @@ const Checkbox = _a => {
     }, {
       children: [label, jsx("input", Object.assign({
         type: "checkbox"
-      }, inputProps), void 0), jsx("span", {}, void 0), jsx("i", {}, void 0)]
-    }), void 0), validator && jsx("span", Object.assign({
+      }, inputProps)), jsx("span", {}), jsx("i", {})]
+    })), validator && jsx("span", Object.assign({
       className: "form-info"
     }, {
       children: validator.message
-    }), void 0)]
-  }, void 0);
+    }))]
+  });
 };
 const RadioButton = /*#__PURE__*/React.forwardRef((_a, ref) => {
   var {
@@ -2189,10 +2192,10 @@ const RadioButton = /*#__PURE__*/React.forwardRef((_a, ref) => {
     }, props, {
       className: validator,
       ref: ref
-    }), void 0), jsx("span", {
+    })), jsx("span", {
       children: label
-    }, void 0), jsx("i", {}, void 0)]
-  }), void 0);
+    }), jsx("i", {})]
+  }));
 });
 
 const Text = ({
@@ -2201,7 +2204,7 @@ const Text = ({
   className: "form-text"
 }, {
   children: children
-}), void 0);
+}));
 
 var wellKnownSymbol$1 = wellKnownSymbol$8;
 
@@ -2354,11 +2357,11 @@ const RadioGroup = ({
     }, {
       children: [jsx("legend", {
         children: title
-      }, void 0), jsx("span", Object.assign({
+      }), jsx("span", Object.assign({
         className: "form-info"
       }, {
         children: description
-      }), void 0), React.Children.map(children, Child => {
+      })), React.Children.map(children, Child => {
         return /*#__PURE__*/React.isValidElement(Child) ? /*#__PURE__*/React.cloneElement(Child, {
           validator: validatorClassName,
           onChange: onChanges,
@@ -2367,12 +2370,12 @@ const RadioGroup = ({
           ref: radioBtnRef
         }) : Child;
       })]
-    }), void 0), (validator === null || validator === void 0 ? void 0 : validator.message) && jsx("span", Object.assign({
+    })), (validator === null || validator === void 0 ? void 0 : validator.message) && jsx("span", Object.assign({
       className: "form-info"
     }, {
       children: validator === null || validator === void 0 ? void 0 : validator.message
-    }), void 0)]
-  }), void 0);
+    }))]
+  }));
 };
 
 const ListItem = _a => {
@@ -2388,15 +2391,15 @@ const ListItem = _a => {
       children: jsxs("div", {
         children: [jsx("dt", {
           children: tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.title
-        }, void 0), tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.definition.map((item, index) => jsx("dd", {
+        }), tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.definition.map((item, index) => jsx("dd", {
           children: item
         }, index))]
-      }, void 0)
-    }, void 0);
+      })
+    });
   } else {
     return jsx("li", Object.assign({}, props, {
       children: children
-    }), void 0);
+    }));
   }
 };
 
@@ -2414,7 +2417,7 @@ const List = _a => {
       children: children === null || children === void 0 ? void 0 : children.map((child, index) => jsx(ListItem, {
         children: child
       }, index))
-    }), void 0);
+    }));
   } else if (listType !== 'table') {
     return jsx("ul", Object.assign({}, props, {
       className: listType
@@ -2422,20 +2425,20 @@ const List = _a => {
       children: children === null || children === void 0 ? void 0 : children.map((child, index) => jsx(ListItem, {
         children: child
       }, index))
-    }), void 0);
+    }));
   } else {
     return jsxs("figure", {
       children: [jsx("figcaption", Object.assign({
         className: "table-list-caption"
       }, {
         children: tableCaption
-      }), void 0), jsx("dl", {
+      })), jsx("dl", {
         children: tableData === null || tableData === void 0 ? void 0 : tableData.map((data, index) => jsx(ListItem, {
           listType: listType,
           tableRowData: data
         }, index))
-      }, void 0)]
-    }, void 0);
+      })]
+    });
   }
 };
 
@@ -2457,7 +2460,7 @@ const Link = _a => {
   }, [button]);
   return jsx("a", Object.assign({}, anchorProps, {
     children: children
-  }), void 0);
+  }));
 };
 
 const Navbar = ({
@@ -2484,7 +2487,7 @@ const Navbar = ({
       href: _brandLink,
       target: "_blank",
       className: "brand"
-    }, void 0), jsx("div", Object.assign({
+    }), jsx("div", Object.assign({
       className: "container-fluid"
     }, {
       children: jsxs("div", Object.assign({
@@ -2499,55 +2502,58 @@ const Navbar = ({
           }, {
             children: jsx("h1", {
               children: title
-            }, void 0)
-          }), void 0) : jsx("h1", {
+            })
+          })) : jsx("h1", {
             children: title
-          }, void 0)
-        }), void 0), jsx("div", Object.assign({
+          })
+        })), jsx("div", Object.assign({
           className: "col-auto"
         }, {
           children: jsx("div", Object.assign({
             className: "group size-sm"
           }, {
             children: children
-          }), void 0)
-        }), void 0)]
-      }), void 0)
-    }), void 0)]
-  }), void 0);
+          }))
+        }))]
+      }))
+    }))]
+  }));
 };
 
 function Badge(_a) {
   var {
-    title,
+    children,
     badgeType,
     isCloseable,
     closeText
   } = _a,
-      props = __rest(_a, ["title", "badgeType", "isCloseable", "closeText"]);
+      props = __rest(_a, ["children", "badgeType", "isCloseable", "closeText"]);
 
-  return jsxs("span", Object.assign({}, props, {
+  const [isClosed, setIsClosed] = React.useState(false);
+  return !isClosed ? jsxs("span", Object.assign({}, props, {
     className: `badge ${badgeType}`
   }, {
     children: [jsx("strong", {
-      children: title
-    }, void 0), isCloseable && jsx("button", Object.assign({
-      className: "close"
+      children: children
+    }), isCloseable && jsx("button", Object.assign({
+      type: "button",
+      className: "close",
+      onClick: () => setIsClosed(true)
     }, {
-      children: jsx("span", Object.assign({
-        className: "sr-only"
-      }, {
-        children: closeText
-      }), void 0)
-    }), void 0)]
-  }), void 0);
+      children: closeText
+    }))]
+  })) : null;
 }
 
 const useDropdown = ({
   id,
-  text,
+  texts,
   options,
   loop,
+  multiSelect,
+  selectValue,
+  useValue,
+  display,
   togglerRef,
   listboxRef
 }) => {
@@ -2555,10 +2561,11 @@ const useDropdown = ({
   const [dropdown, setDropdown] = useState();
   const [togglerProps, setTogglerProps] = useState({});
   const [listboxProps, setListboxProps] = useState({});
-  const [listItems, setListItems] = useState([]); // When dropdown data changes
+  const [listItems, setListItems] = useState([]);
+  const [multiSelectProps, setMultiSelectProps] = useState({}); // When dropdown data changes
 
   useEffect(() => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
 
     if (!dropdown) return;
     const {
@@ -2569,44 +2576,83 @@ const useDropdown = ({
     } = dropdown;
     const newToggleProps = Object.assign(Object.assign({}, toggler === null || toggler === void 0 ? void 0 : toggler.attributes), {
       className: (_a = toggler === null || toggler === void 0 ? void 0 : toggler.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
-      children: dropdown.text,
+      children: ((_b = dropdown === null || dropdown === void 0 ? void 0 : dropdown.texts) === null || _b === void 0 ? void 0 : _b.select) || ((_c = dropdown === null || dropdown === void 0 ? void 0 : dropdown.texts) === null || _c === void 0 ? void 0 : _c.placeholder),
       onClick: () => handler === null || handler === void 0 ? void 0 : handler.toggle()
     });
     setTogglerProps(newToggleProps);
     const newListboxProps = Object.assign(Object.assign({}, listbox === null || listbox === void 0 ? void 0 : listbox.attributes), {
-      className: (_b = listbox === null || listbox === void 0 ? void 0 : listbox.classes) === null || _b === void 0 ? void 0 : _b.join(' ')
+      className: (_d = listbox === null || listbox === void 0 ? void 0 : listbox.classes) === null || _d === void 0 ? void 0 : _d.join(' ')
     });
     setListboxProps(newListboxProps);
-    const newListItems = dropdown.options.map(o => {
-      var _a;
 
-      return Object.assign(Object.assign({}, o.attributes), {
-        className: (_a = o.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
-        children: o.key,
-        onClick: () => handler === null || handler === void 0 ? void 0 : handler.select(o)
+    if (!dropdown.isMultiSelect) {
+      const newListItems = dropdown.options.map(o => {
+        var _a;
+
+        return Object.assign(Object.assign({}, o.attributes), {
+          className: (_a = o.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
+          children: o[dropdown.display],
+          selected: o.selected,
+          onClick: () => handler === null || handler === void 0 ? void 0 : handler.select(o)
+        });
       });
-    });
-    setListItems(newListItems); // eslint-disable-next-line react-hooks/exhaustive-deps
+      setListItems(newListItems);
+    } else {
+      const checkboxes = dropdown.options.map(o => ({
+        labelProps: Object.assign(Object.assign({}, o.attributes), {
+          className: ['form-control', ...o.classes].join(' ')
+        }),
+        inputProps: {
+          defaultChecked: o.selected,
+          type: 'checkbox',
+          onChange: () => handler === null || handler === void 0 ? void 0 : handler.select(o, false)
+        },
+        spanProps: {
+          children: o[dropdown.display]
+        }
+      }));
+      const newMultiselect = {
+        fieldsetProps: {
+          'aria-describedby': (_g = (_f = (_e = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _e === void 0 ? void 0 : _e.fieldset) === null || _f === void 0 ? void 0 : _f.attributes) === null || _g === void 0 ? void 0 : _g.id,
+          'aria-multiselectable': true,
+          role: 'listbox',
+          tabIndex: -1
+        },
+        legendProps: {
+          className: 'sr-only',
+          id: (_k = (_j = (_h = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _h === void 0 ? void 0 : _h.fieldset) === null || _j === void 0 ? void 0 : _j.attributes) === null || _k === void 0 ? void 0 : _k.id,
+          children: dropdown.texts.optionsDescription
+        },
+        checkboxes
+      };
+      setMultiSelectProps(newMultiselect);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [dropdown]); // When dropdown properties change
 
   useEffect(() => {
     if (!dropdown) return;
     handler === null || handler === void 0 ? void 0 : handler.update({
       id,
-      text,
+      texts,
       options,
-      loop
+      loop,
+      multiSelect
     }); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id, text, options, loop]); // Create dropdown handler
+  }, [id, texts, options, loop, multiSelect, selectValue, useValue, display]); // Create dropdown handler
 
   useEffect(() => {
     if (!handler && togglerRef.current && listboxRef.current) {
       setHandler(createDropdown({
         id,
-        text,
+        texts,
         options,
-        loop
-      }, togglerRef.current, listboxRef.current, setDropdown));
+        loop,
+        multiSelect,
+        selectValue,
+        useValue,
+        display
+      }, togglerRef.current, listboxRef.current, listboxRef.current, dd => setDropdown(dd)));
     }
 
     return () => handler === null || handler === void 0 ? void 0 : handler.destroy(); // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -2615,7 +2661,8 @@ const useDropdown = ({
     dropdown: handler,
     togglerProps,
     listboxProps,
-    listItems
+    listItems,
+    multiSelectProps
   };
 };
 
@@ -2623,22 +2670,33 @@ const Dropdown = ({
   id,
   options,
   loop,
-  children
+  multiSelect,
+  selectValue,
+  useValue,
+  display,
+  texts
 }) => {
+  var _a;
+
   const togglerRef = useRef(null);
   const listboxRef = useRef(null);
   const {
     dropdown,
     listboxProps,
     togglerProps,
-    listItems
+    listItems,
+    multiSelectProps
   } = useDropdown({
     id,
     options,
     loop,
+    multiSelect,
+    selectValue,
+    useValue,
+    display,
     togglerRef,
     listboxRef,
-    text: children
+    texts
   });
   return jsxs("div", {
     children: [jsx("button", Object.assign({
@@ -2648,8 +2706,8 @@ const Dropdown = ({
     }, {
       children: jsx("span", {
         children: togglerProps.children
-      }, void 0)
-    }), void 0), jsxs("div", Object.assign({}, listboxProps, {
+      })
+    })), jsxs("div", Object.assign({}, listboxProps, {
       ref: listboxRef
     }, {
       children: [jsx("button", Object.assign({
@@ -2660,15 +2718,23 @@ const Dropdown = ({
         children: jsx("span", Object.assign({
           className: "sr-only"
         }, {
-          children: "Close"
-        }), void 0)
-      }), void 0), jsx("ul", Object.assign({
+          children: dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.texts.close
+        }))
+      })), (dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.isMultiSelect) ? jsx("div", Object.assign({
+        className: "sg-fieldset-container"
+      }, {
+        children: jsxs("fieldset", Object.assign({}, multiSelectProps.fieldsetProps, {
+          children: [jsx("legend", Object.assign({}, multiSelectProps.legendProps)), (_a = multiSelectProps.checkboxes) === null || _a === void 0 ? void 0 : _a.map(checkboxItem => jsxs("label", Object.assign({}, checkboxItem.labelProps, {
+            children: [jsx("input", Object.assign({}, checkboxItem.inputProps)), jsx("span", Object.assign({}, checkboxItem.spanProps)), jsx("i", {})]
+          }), checkboxItem.labelProps.id))]
+        }))
+      })) : jsx("ul", Object.assign({
         role: "listbox"
       }, {
         children: listItems.map(liProps => jsx("li", Object.assign({}, liProps), liProps.id))
-      }), void 0)]
-    }), void 0)]
-  }, void 0);
+      }))]
+    }))]
+  });
 };
 
 export { Alert, Badge, Button, ButtonGroup, Card, Checkbox, Dropdown, EmailInput, Flexbox, Form, FormItems, Group, Link, List, Modal, Navbar, NumberInput, RadioButton, RadioGroup, RenderInput, Text, TextInput };