@northlight/ui 2.32.4 → 2.33.0

package/dist/umd/northlight.cjs

@@ -4,6 +4,24 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.northlight = {}, global.react, global.React, global.chakraReactSelect, global.ramda, global.focus, global.reactHookForm, global.system, global.tokens, global.icons, global.joi, global.checkbox$1, global.radio$1, global.utils, global.radio, global.checkbox, global.themeTools, global.datepicker, global.datepicker$1, global.date, global.button, global.i18n, global.calendar$1, global.calendar, global.reactRouterDom, global.clickable, global.framerMotion, global.core, global.utilities, global.sortable, global.modifiers, global.reactWindow, global.AutoSizer, global.AvatarEditor, global.reactNumberFormat, global.InputMask, global.yafu));
 })(this, (function (exports, react, React, chakraReactSelect, ramda, focus, reactHookForm, system, tokens, icons, joi, checkbox$1, radio$1, utils, radio, checkbox, themeTools, datepicker, datepicker$1, date, button, i18n, calendar$1, calendar, reactRouterDom, clickable, framerMotion, core, utilities, sortable, modifiers, reactWindow, AutoSizer, AvatarEditor, reactNumberFormat, InputMask, yafu) { 'use strict';
 
+  var __defProp$2s = Object.defineProperty;
+  var __getOwnPropSymbols$2s = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2s = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2s = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2s = (obj, key, value) => key in obj ? __defProp$2s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2s = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$2s.call(b, prop))
+        __defNormalProp$2s(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2s)
+      for (var prop of __getOwnPropSymbols$2s(b)) {
+        if (__propIsEnum$2s.call(b, prop))
+          __defNormalProp$2s(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const Accordion = (props) => /* @__PURE__ */ React.createElement(react.Accordion, __spreadValues$2s({}, props));
+
   var __defProp$2r = Object.defineProperty;
   var __getOwnPropSymbols$2r = Object.getOwnPropertySymbols;
   var __hasOwnProp$2r = Object.prototype.hasOwnProperty;
@@ -20,7 +38,7 @@
       }
     return a;
   };
-  const Accordion = (props) => /* @__PURE__ */ React.createElement(react.Accordion, __spreadValues$2r({}, props));
+  const AccordionButton = (props) => /* @__PURE__ */ React.createElement(react.AccordionButton, __spreadValues$2r({}, props));
 
   var __defProp$2q = Object.defineProperty;
   var __getOwnPropSymbols$2q = Object.getOwnPropertySymbols;
@@ -38,7 +56,7 @@
       }
     return a;
   };
-  const AccordionButton = (props) => /* @__PURE__ */ React.createElement(react.AccordionButton, __spreadValues$2q({}, props));
+  const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(react.AccordionPanel, __spreadValues$2q({}, props));
 
   var __defProp$2p = Object.defineProperty;
   var __getOwnPropSymbols$2p = Object.getOwnPropertySymbols;
@@ -56,25 +74,7 @@
       }
     return a;
   };
-  const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(react.AccordionPanel, __spreadValues$2p({}, props));
-
-  var __defProp$2o = Object.defineProperty;
-  var __getOwnPropSymbols$2o = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2o = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2o = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2o = (obj, key, value) => key in obj ? __defProp$2o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2o = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$2o.call(b, prop))
-        __defNormalProp$2o(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2o)
-      for (var prop of __getOwnPropSymbols$2o(b)) {
-        if (__propIsEnum$2o.call(b, prop))
-          __defNormalProp$2o(a, prop, b[prop]);
-      }
-    return a;
-  };
-  const AccordionItem = (props) => /* @__PURE__ */ React.createElement(react.AccordionItem, __spreadValues$2o({}, props));
+  const AccordionItem = (props) => /* @__PURE__ */ React.createElement(react.AccordionItem, __spreadValues$2p({}, props));
 
   const useDebounce = (value, delay) => {
     const [debouncedValue, setDebouncedValue] = React.useState(value);
@@ -393,6 +393,24 @@
     return fieldError;
   }
 
+  var __defProp$2o = Object.defineProperty;
+  var __getOwnPropSymbols$2o = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2o = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2o = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2o = (obj, key, value) => key in obj ? __defProp$2o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2o = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$2o.call(b, prop))
+        __defNormalProp$2o(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2o)
+      for (var prop of __getOwnPropSymbols$2o(b)) {
+        if (__propIsEnum$2o.call(b, prop))
+          __defNormalProp$2o(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const passPropsToChild = (child, styles) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$2o({}, styles)) : child;
+
   var __defProp$2n = Object.defineProperty;
   var __getOwnPropSymbols$2n = Object.getOwnPropertySymbols;
   var __hasOwnProp$2n = Object.prototype.hasOwnProperty;
@@ -409,27 +427,9 @@
       }
     return a;
   };
-  const passPropsToChild = (child, styles) => React.isValidElement(child) ? React.cloneElement(child, __spreadValues$2n({}, styles)) : child;
-
-  var __defProp$2m = Object.defineProperty;
-  var __getOwnPropSymbols$2m = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2m = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2m = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2m = (obj, key, value) => key in obj ? __defProp$2m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2m = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$2m.call(b, prop))
-        __defNormalProp$2m(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2m)
-      for (var prop of __getOwnPropSymbols$2m(b)) {
-        if (__propIsEnum$2m.call(b, prop))
-          __defNormalProp$2m(a, prop, b[prop]);
-      }
-    return a;
-  };
   const getChildrenWithProps = (children, styles, predicate = ramda.T) => {
     const childrenAsArr = React.Children.toArray(children);
-    const childrenWithoutFocus = childrenAsArr.map((child, i) => predicate(child, i) ? passPropsToChild(child, __spreadValues$2m({}, styles)) : child);
+    const childrenWithoutFocus = childrenAsArr.map((child, i) => predicate(child, i) ? passPropsToChild(child, __spreadValues$2n({}, styles)) : child);
     return childrenWithoutFocus;
   };
 
@@ -503,80 +503,80 @@
     };
   };
 
-  var __defProp$2l = Object.defineProperty;
+  var __defProp$2m = Object.defineProperty;
   var __defProps$x = Object.defineProperties;
   var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$2l = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2l = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2l = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2l = (obj, key, value) => key in obj ? __defProp$2l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2l = (a, b) => {
+  var __getOwnPropSymbols$2m = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2m = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2m = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2m = (obj, key, value) => key in obj ? __defProp$2m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2m = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$2l.call(b, prop))
-        __defNormalProp$2l(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2l)
-      for (var prop of __getOwnPropSymbols$2l(b)) {
-        if (__propIsEnum$2l.call(b, prop))
-          __defNormalProp$2l(a, prop, b[prop]);
+      if (__hasOwnProp$2m.call(b, prop))
+        __defNormalProp$2m(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2m)
+      for (var prop of __getOwnPropSymbols$2m(b)) {
+        if (__propIsEnum$2m.call(b, prop))
+          __defNormalProp$2m(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
   const customSelectStyles = {
-    container: (provided) => __spreadProps$x(__spreadValues$2l({}, provided), {
+    container: (provided) => __spreadProps$x(__spreadValues$2m({}, provided), {
       width: "100%",
       color: "text.default"
     }),
-    option: (provided, state) => __spreadProps$x(__spreadValues$2l({}, provided), {
+    option: (provided, state) => __spreadProps$x(__spreadValues$2m({}, provided), {
       background: state.isFocused && "background.select.option-focus",
       overflowWrap: "anywhere",
       _active: {
         background: "background.select.option-active"
       }
     }),
-    valueContainer: (provided) => __spreadProps$x(__spreadValues$2l({}, provided), {
+    valueContainer: (provided) => __spreadProps$x(__spreadValues$2m({}, provided), {
       paddingInlineStart: "padding-inline.select.default"
     }),
-    downChevron: (provided) => __spreadProps$x(__spreadValues$2l({}, provided), {
+    downChevron: (provided) => __spreadProps$x(__spreadValues$2m({}, provided), {
       color: "icon.select.default"
     }),
-    placeholder: (provided) => __spreadProps$x(__spreadValues$2l({}, provided), {
+    placeholder: (provided) => __spreadProps$x(__spreadValues$2m({}, provided), {
       color: "text.select.placeholder"
     }),
     multiValue: (provided, state) => {
       var _a;
       const background = state.data.isFixed ? "background.select.option-disabled" : (_a = state.data.color) != null ? _a : provided.bgColor;
-      return __spreadProps$x(__spreadValues$2l({}, provided), {
+      return __spreadProps$x(__spreadValues$2m({}, provided), {
         bgColor: background,
         color: getContrastColor(background)
       });
     },
-    menuList: (provided) => __spreadProps$x(__spreadValues$2l({}, provided), {
+    menuList: (provided) => __spreadProps$x(__spreadValues$2m({}, provided), {
       bgColor: "background.default"
     })
   };
 
-  var __defProp$2k = Object.defineProperty;
+  var __defProp$2l = Object.defineProperty;
   var __defProps$w = Object.defineProperties;
   var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$2k = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2k = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2k = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2k = (obj, key, value) => key in obj ? __defProp$2k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2k = (a, b) => {
+  var __getOwnPropSymbols$2l = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2l = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2l = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2l = (obj, key, value) => key in obj ? __defProp$2l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2l = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$2k.call(b, prop))
-        __defNormalProp$2k(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2k)
-      for (var prop of __getOwnPropSymbols$2k(b)) {
-        if (__propIsEnum$2k.call(b, prop))
-          __defNormalProp$2k(a, prop, b[prop]);
+      if (__hasOwnProp$2l.call(b, prop))
+        __defNormalProp$2l(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2l)
+      for (var prop of __getOwnPropSymbols$2l(b)) {
+        if (__propIsEnum$2l.call(b, prop))
+          __defNormalProp$2l(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
-  const tagsInputStyles = (isFocused, borderColor) => __spreadProps$w(__spreadValues$2k({}, customSelectStyles), {
-    container: (provided) => __spreadProps$w(__spreadValues$2k({}, provided), {
+  const tagsInputStyles = (isFocused, borderColor) => __spreadProps$w(__spreadValues$2l({}, customSelectStyles), {
+    container: (provided) => __spreadProps$w(__spreadValues$2l({}, provided), {
       w: "full",
       height: "100%",
       resize: "vertical",
@@ -589,45 +589,45 @@
       color: "text.default",
       boxShadow: isFocused ? `0 0 0 1px ${borderColor}` : "none"
     }),
-    control: (provided) => __spreadProps$w(__spreadValues$2k({}, provided), {
+    control: (provided) => __spreadProps$w(__spreadValues$2l({}, provided), {
       minHeight: "20",
       height: "100%",
       alignItems: "start"
     }),
-    valueContainer: (provided) => __spreadProps$w(__spreadValues$2k({}, provided), {
+    valueContainer: (provided) => __spreadProps$w(__spreadValues$2l({}, provided), {
       paddingInlineStart: "padding-inline.select.default",
       overflowY: "auto",
       maxH: "100%"
     })
   });
 
-  var __defProp$2j = Object.defineProperty;
+  var __defProp$2k = Object.defineProperty;
   var __defProps$v = Object.defineProperties;
   var __getOwnPropDescs$v = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$2j = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2j = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2j = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2j = (obj, key, value) => key in obj ? __defProp$2j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2j = (a, b) => {
+  var __getOwnPropSymbols$2k = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2k = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2k = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2k = (obj, key, value) => key in obj ? __defProp$2k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2k = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$2j.call(b, prop))
-        __defNormalProp$2j(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2j)
-      for (var prop of __getOwnPropSymbols$2j(b)) {
-        if (__propIsEnum$2j.call(b, prop))
-          __defNormalProp$2j(a, prop, b[prop]);
+      if (__hasOwnProp$2k.call(b, prop))
+        __defNormalProp$2k(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2k)
+      for (var prop of __getOwnPropSymbols$2k(b)) {
+        if (__propIsEnum$2k.call(b, prop))
+          __defNormalProp$2k(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
-  var __objRest$1P = (source, exclude) => {
+  var __objRest$1Q = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$2j.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$2k.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$2j)
-      for (var prop of __getOwnPropSymbols$2j(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$2j.call(source, prop))
+    if (source != null && __getOwnPropSymbols$2k)
+      for (var prop of __getOwnPropSymbols$2k(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$2k.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -640,7 +640,7 @@
       loadingList = () => null,
       "data-testid": testId,
       value = []
-    } = _b, rest = __objRest$1P(_b, [
+    } = _b, rest = __objRest$1Q(_b, [
       "options",
       "onChange",
       "isLoading",
@@ -708,7 +708,7 @@
     };
     return /* @__PURE__ */ React.createElement(react.Box, { w: "full", "data-testid": testId }, /* @__PURE__ */ React.createElement(
       CustomSelect,
-      __spreadValues$2j(__spreadProps$v(__spreadValues$2j({
+      __spreadValues$2k(__spreadProps$v(__spreadValues$2k({
         isMulti: true,
         menuPortalTarget: document.body,
         placeholder: "Type something and press Enter or comma...",
@@ -741,30 +741,30 @@
     ));
   }
 
-  var __defProp$2i = Object.defineProperty;
-  var __getOwnPropSymbols$2i = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2i = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2i = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2i = (obj, key, value) => key in obj ? __defProp$2i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2i = (a, b) => {
+  var __defProp$2j = Object.defineProperty;
+  var __getOwnPropSymbols$2j = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2j = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2j = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2j = (obj, key, value) => key in obj ? __defProp$2j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2j = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$2i.call(b, prop))
-        __defNormalProp$2i(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2i)
-      for (var prop of __getOwnPropSymbols$2i(b)) {
-        if (__propIsEnum$2i.call(b, prop))
-          __defNormalProp$2i(a, prop, b[prop]);
+      if (__hasOwnProp$2j.call(b, prop))
+        __defNormalProp$2j(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2j)
+      for (var prop of __getOwnPropSymbols$2j(b)) {
+        if (__propIsEnum$2j.call(b, prop))
+          __defNormalProp$2j(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1O = (source, exclude) => {
+  var __objRest$1P = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$2i.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$2j.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$2i)
-      for (var prop of __getOwnPropSymbols$2i(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$2i.call(source, prop))
+    if (source != null && __getOwnPropSymbols$2j)
+      for (var prop of __getOwnPropSymbols$2j(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$2j.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -774,7 +774,7 @@
       name,
       image,
       variant = "square"
-    } = _b, rest = __objRest$1O(_b, [
+    } = _b, rest = __objRest$1P(_b, [
       "name",
       "image",
       "variant"
@@ -783,10 +783,10 @@
     const {
       container,
       text
-    } = react.useMultiStyleConfig("Avatar", __spreadValues$2i({ variant, image }, rest));
+    } = react.useMultiStyleConfig("Avatar", __spreadValues$2j({ variant, image }, rest));
     return /* @__PURE__ */ React.createElement(
       react.chakra.div,
-      __spreadValues$2i({
+      __spreadValues$2j({
         __css: container,
         "data-testid": "organization-logo-test-id"
       }, rest),
@@ -800,30 +800,30 @@
     );
   };
 
-  var __defProp$2h = Object.defineProperty;
-  var __getOwnPropSymbols$2h = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2h = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2h = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2h = (obj, key, value) => key in obj ? __defProp$2h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2h = (a, b) => {
+  var __defProp$2i = Object.defineProperty;
+  var __getOwnPropSymbols$2i = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2i = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2i = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2i = (obj, key, value) => key in obj ? __defProp$2i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2i = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$2h.call(b, prop))
-        __defNormalProp$2h(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2h)
-      for (var prop of __getOwnPropSymbols$2h(b)) {
-        if (__propIsEnum$2h.call(b, prop))
-          __defNormalProp$2h(a, prop, b[prop]);
+      if (__hasOwnProp$2i.call(b, prop))
+        __defNormalProp$2i(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2i)
+      for (var prop of __getOwnPropSymbols$2i(b)) {
+        if (__propIsEnum$2i.call(b, prop))
+          __defNormalProp$2i(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1N = (source, exclude) => {
+  var __objRest$1O = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$2h.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$2i.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$2h)
-      for (var prop of __getOwnPropSymbols$2h(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$2h.call(source, prop))
+    if (source != null && __getOwnPropSymbols$2i)
+      for (var prop of __getOwnPropSymbols$2i(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$2i.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -832,12 +832,30 @@
     var _b = _a, {
       variant = "success",
       children
-    } = _b, rest = __objRest$1N(_b, [
+    } = _b, rest = __objRest$1O(_b, [
       "variant",
       "children"
     ]);
-    return /* @__PURE__ */ React.createElement(react.Alert, __spreadValues$2h({ variant }, rest), children);
+    return /* @__PURE__ */ React.createElement(react.Alert, __spreadValues$2i({ variant }, rest), children);
+  };
+
+  var __defProp$2h = Object.defineProperty;
+  var __getOwnPropSymbols$2h = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2h = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2h = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2h = (obj, key, value) => key in obj ? __defProp$2h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2h = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$2h.call(b, prop))
+        __defNormalProp$2h(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2h)
+      for (var prop of __getOwnPropSymbols$2h(b)) {
+        if (__propIsEnum$2h.call(b, prop))
+          __defNormalProp$2h(a, prop, b[prop]);
+      }
+    return a;
   };
+  const AspectRatio = (props) => /* @__PURE__ */ React.createElement(react.AspectRatio, __spreadValues$2h({}, props));
 
   var __defProp$2g = Object.defineProperty;
   var __getOwnPropSymbols$2g = Object.getOwnPropertySymbols;
@@ -855,32 +873,14 @@
       }
     return a;
   };
-  const AspectRatio = (props) => /* @__PURE__ */ React.createElement(react.AspectRatio, __spreadValues$2g({}, props));
-
-  var __defProp$2f = Object.defineProperty;
-  var __getOwnPropSymbols$2f = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2f = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2f = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2f = (obj, key, value) => key in obj ? __defProp$2f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2f = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$2f.call(b, prop))
-        __defNormalProp$2f(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2f)
-      for (var prop of __getOwnPropSymbols$2f(b)) {
-        if (__propIsEnum$2f.call(b, prop))
-          __defNormalProp$2f(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$1M = (source, exclude) => {
+  var __objRest$1N = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$2f.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$2g.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$2f)
-      for (var prop of __getOwnPropSymbols$2f(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$2f.call(source, prop))
+    if (source != null && __getOwnPropSymbols$2g)
+      for (var prop of __getOwnPropSymbols$2g(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$2g.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -891,7 +891,7 @@
       size,
       color,
       boxSize
-    } = _b, rest = __objRest$1M(_b, [
+    } = _b, rest = __objRest$1N(_b, [
       "as",
       "size",
       "color",
@@ -901,7 +901,7 @@
     const styles = react.useStyleConfig("Icon", { size, color, boxSize });
     return /* @__PURE__ */ React.createElement(
       react.Icon,
-      __spreadValues$2f({
+      __spreadValues$2g({
         ref,
         sx: styles
       }, rest),
@@ -916,30 +916,30 @@
     return /* @__PURE__ */ React.createElement(react.chakra.span, { sx: badge }, notificationCount > 999 ? "999+" : notificationCount);
   };
 
-  var __defProp$2e = Object.defineProperty;
-  var __getOwnPropSymbols$2e = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2e = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2e = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2e = (obj, key, value) => key in obj ? __defProp$2e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2e = (a, b) => {
+  var __defProp$2f = Object.defineProperty;
+  var __getOwnPropSymbols$2f = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2f = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2f = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2f = (obj, key, value) => key in obj ? __defProp$2f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2f = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$2e.call(b, prop))
-        __defNormalProp$2e(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2e)
-      for (var prop of __getOwnPropSymbols$2e(b)) {
-        if (__propIsEnum$2e.call(b, prop))
-          __defNormalProp$2e(a, prop, b[prop]);
+      if (__hasOwnProp$2f.call(b, prop))
+        __defNormalProp$2f(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2f)
+      for (var prop of __getOwnPropSymbols$2f(b)) {
+        if (__propIsEnum$2f.call(b, prop))
+          __defNormalProp$2f(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1L = (source, exclude) => {
+  var __objRest$1M = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$2e.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$2f.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$2e)
-      for (var prop of __getOwnPropSymbols$2e(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$2e.call(source, prop))
+    if (source != null && __getOwnPropSymbols$2f)
+      for (var prop of __getOwnPropSymbols$2f(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$2f.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -952,7 +952,7 @@
       image,
       size,
       bgColor
-    } = _b, rest = __objRest$1L(_b, [
+    } = _b, rest = __objRest$1M(_b, [
       "variant",
       "notificationCount",
       "name",
@@ -967,7 +967,7 @@
       name,
       bgColor
     });
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$2e({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$2f({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
       react.chakra.img,
       {
         alt: name,
@@ -984,6 +984,54 @@
     ), notificationCount > 0 && /* @__PURE__ */ React.createElement(AvatarBadge, { notificationCount }));
   };
 
+  var __defProp$2e = Object.defineProperty;
+  var __getOwnPropSymbols$2e = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2e = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2e = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2e = (obj, key, value) => key in obj ? __defProp$2e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2e = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$2e.call(b, prop))
+        __defNormalProp$2e(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2e)
+      for (var prop of __getOwnPropSymbols$2e(b)) {
+        if (__propIsEnum$2e.call(b, prop))
+          __defNormalProp$2e(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$1L = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$2e.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$2e)
+      for (var prop of __getOwnPropSymbols$2e(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$2e.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const H1$1 = React.forwardRef((_a, ref) => {
+    var _b = _a, {
+      children,
+      sx = {}
+    } = _b, rest = __objRest$1L(_b, [
+      "children",
+      "sx"
+    ]);
+    const styles = react.useStyleConfig("H1", { sx });
+    return /* @__PURE__ */ React.createElement(
+      react.Heading,
+      __spreadValues$2e({
+        as: "h1",
+        sx: styles,
+        ref
+      }, rest),
+      children
+    );
+  });
+
   var __defProp$2d = Object.defineProperty;
   var __getOwnPropSymbols$2d = Object.getOwnPropertySymbols;
   var __hasOwnProp$2d = Object.prototype.hasOwnProperty;
@@ -1012,7 +1060,7 @@
       }
     return target;
   };
-  const H1$1 = React.forwardRef((_a, ref) => {
+  const H2$1 = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1020,11 +1068,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H1", { sx });
+    const styles = react.useStyleConfig("H2", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$2d({
-        as: "h1",
+        as: "h2",
         sx: styles,
         ref
       }, rest),
@@ -1060,7 +1108,7 @@
       }
     return target;
   };
-  const H2$1 = React.forwardRef((_a, ref) => {
+  const H3$1 = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1068,11 +1116,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H2", { sx });
+    const styles = react.useStyleConfig("H3", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$2c({
-        as: "h2",
+        as: "h3",
         sx: styles,
         ref
       }, rest),
@@ -1108,7 +1156,7 @@
       }
     return target;
   };
-  const H3$1 = React.forwardRef((_a, ref) => {
+  const H4$1 = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1116,11 +1164,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H3", { sx });
+    const styles = react.useStyleConfig("H4", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$2b({
-        as: "h3",
+        as: "h4",
         sx: styles,
         ref
       }, rest),
@@ -1156,7 +1204,7 @@
       }
     return target;
   };
-  const H4$1 = React.forwardRef((_a, ref) => {
+  const H5$1 = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1164,11 +1212,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H4", { sx });
+    const styles = react.useStyleConfig("H5", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$2a({
-        as: "h4",
+        as: "h5",
         sx: styles,
         ref
       }, rest),
@@ -1204,7 +1252,7 @@
       }
     return target;
   };
-  const H5$1 = React.forwardRef((_a, ref) => {
+  const H6$1 = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1212,11 +1260,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H5", { sx });
+    const styles = react.useStyleConfig("H6", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Heading,
       __spreadValues$29({
-        as: "h5",
+        as: "h6",
         sx: styles,
         ref
       }, rest),
@@ -1252,25 +1300,26 @@
       }
     return target;
   };
-  const H6$1 = React.forwardRef((_a, ref) => {
+  const P$1 = (_a) => {
     var _b = _a, {
       children,
+      variant = "16",
       sx = {}
     } = _b, rest = __objRest$1F(_b, [
       "children",
+      "variant",
       "sx"
     ]);
-    const styles = react.useStyleConfig("H6", { sx });
+    const styles = react.useStyleConfig("P", { variant, sx });
     return /* @__PURE__ */ React.createElement(
-      react.Heading,
+      react.Text,
       __spreadValues$28({
-        as: "h6",
-        sx: styles,
-        ref
+        variant,
+        sx: styles
       }, rest),
       children
     );
-  });
+  };
 
   var __defProp$27 = Object.defineProperty;
   var __getOwnPropSymbols$27 = Object.getOwnPropertySymbols;
@@ -1300,25 +1349,10 @@
       }
     return target;
   };
-  const P$1 = (_a) => {
-    var _b = _a, {
-      children,
-      variant = "16",
-      sx = {}
-    } = _b, rest = __objRest$1E(_b, [
-      "children",
-      "variant",
-      "sx"
-    ]);
-    const styles = react.useStyleConfig("P", { variant, sx });
-    return /* @__PURE__ */ React.createElement(
-      react.Text,
-      __spreadValues$27({
-        variant,
-        sx: styles
-      }, rest),
-      children
-    );
+  const Blockquote$1 = (_a) => {
+    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1E(_b, ["children", "sx"]);
+    const styles = react.useStyleConfig("Blockquote", { sx });
+    return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$27({ as: "span", sx: styles }, rest), children);
   };
 
   var __defProp$26 = Object.defineProperty;
@@ -1349,10 +1383,23 @@
       }
     return target;
   };
-  const Blockquote$1 = (_a) => {
-    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1D(_b, ["children", "sx"]);
-    const styles = react.useStyleConfig("Blockquote", { sx });
-    return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$26({ as: "span", sx: styles }, rest), children);
+  const Capitalized$1 = (_a) => {
+    var _b = _a, {
+      children,
+      sx = {}
+    } = _b, rest = __objRest$1D(_b, [
+      "children",
+      "sx"
+    ]);
+    const styles = react.useStyleConfig("Capitalized", { sx });
+    return /* @__PURE__ */ React.createElement(
+      react.Text,
+      __spreadValues$26({
+        as: "span",
+        sx: styles
+      }, rest),
+      children
+    );
   };
 
   var __defProp$25 = Object.defineProperty;
@@ -1383,7 +1430,7 @@
       }
     return target;
   };
-  const Capitalized$1 = (_a) => {
+  const Lead$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1391,7 +1438,7 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("Capitalized", { sx });
+    const styles = react.useStyleConfig("Lead", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Text,
       __spreadValues$25({
@@ -1430,7 +1477,7 @@
       }
     return target;
   };
-  const Lead$1 = (_a) => {
+  const Small$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1438,11 +1485,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("Lead", { sx });
+    const styles = react.useStyleConfig("Small", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Text,
       __spreadValues$24({
-        as: "span",
+        as: "small",
         sx: styles
       }, rest),
       children
@@ -1477,7 +1524,7 @@
       }
     return target;
   };
-  const Small$1 = (_a) => {
+  const Tiny$1 = (_a) => {
     var _b = _a, {
       children,
       sx = {}
@@ -1485,11 +1532,11 @@
       "children",
       "sx"
     ]);
-    const styles = react.useStyleConfig("Small", { sx });
+    const styles = react.useStyleConfig("Tiny", { sx });
     return /* @__PURE__ */ React.createElement(
       react.Text,
       __spreadValues$23({
-        as: "small",
+        as: "span",
         sx: styles
       }, rest),
       children
@@ -1524,24 +1571,27 @@
       }
     return target;
   };
-  const Tiny$1 = (_a) => {
+  const Label$1 = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
+      size = "sm",
       sx = {}
     } = _b, rest = __objRest$1z(_b, [
       "children",
+      "size",
       "sx"
     ]);
-    const styles = react.useStyleConfig("Tiny", { sx });
+    const styles = react.useStyleConfig("Label", { sx, size });
     return /* @__PURE__ */ React.createElement(
-      react.Text,
+      react.FormLabel,
       __spreadValues$22({
-        as: "span",
-        sx: styles
+        sx: styles,
+        requiredIndicator: /* @__PURE__ */ React.createElement(react.VisuallyHidden, null),
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$21 = Object.defineProperty;
   var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
@@ -1571,63 +1621,13 @@
       }
     return target;
   };
-  const Label$1 = React.forwardRef((_a, ref) => {
-    var _b = _a, {
-      children,
-      size = "sm",
-      sx = {}
-    } = _b, rest = __objRest$1y(_b, [
-      "children",
-      "size",
-      "sx"
-    ]);
-    const styles = react.useStyleConfig("Label", { sx, size });
-    return /* @__PURE__ */ React.createElement(
-      react.FormLabel,
-      __spreadValues$21({
-        sx: styles,
-        requiredIndicator: /* @__PURE__ */ React.createElement(react.VisuallyHidden, null),
-        ref
-      }, rest),
-      children
-    );
-  });
-
-  var __defProp$20 = Object.defineProperty;
-  var __getOwnPropSymbols$20 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$20 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$20 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$20 = (obj, key, value) => key in obj ? __defProp$20(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$20 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$20.call(b, prop))
-        __defNormalProp$20(a, prop, b[prop]);
-    if (__getOwnPropSymbols$20)
-      for (var prop of __getOwnPropSymbols$20(b)) {
-        if (__propIsEnum$20.call(b, prop))
-          __defNormalProp$20(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$1x = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$20.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$20)
-      for (var prop of __getOwnPropSymbols$20(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$20.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
   const NumVal$1 = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { children, size = "sm", sx = {} } = _b, rest = __objRest$1x(_b, ["children", "size", "sx"]);
+      var _b = _a, { children, size = "sm", sx = {} } = _b, rest = __objRest$1y(_b, ["children", "size", "sx"]);
       const styles = react.useStyleConfig("NumVal", { sx, size });
       return /* @__PURE__ */ React.createElement(
         react.Text,
-        __spreadValues$20({
+        __spreadValues$21({
           as: "span",
           sx: styles,
           ref
@@ -1717,30 +1717,30 @@
     return { rect, containerRef };
   };
 
-  var __defProp$1$ = Object.defineProperty;
-  var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1$ = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1$ = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1$ = (obj, key, value) => key in obj ? __defProp$1$(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1$ = (a, b) => {
+  var __defProp$20 = Object.defineProperty;
+  var __getOwnPropSymbols$20 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$20 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$20 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$20 = (obj, key, value) => key in obj ? __defProp$20(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$20 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1$.call(b, prop))
-        __defNormalProp$1$(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1$)
-      for (var prop of __getOwnPropSymbols$1$(b)) {
-        if (__propIsEnum$1$.call(b, prop))
-          __defNormalProp$1$(a, prop, b[prop]);
+      if (__hasOwnProp$20.call(b, prop))
+        __defNormalProp$20(a, prop, b[prop]);
+    if (__getOwnPropSymbols$20)
+      for (var prop of __getOwnPropSymbols$20(b)) {
+        if (__propIsEnum$20.call(b, prop))
+          __defNormalProp$20(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1w = (source, exclude) => {
+  var __objRest$1x = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1$.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$20.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1$)
-      for (var prop of __getOwnPropSymbols$1$(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1$.call(source, prop))
+    if (source != null && __getOwnPropSymbols$20)
+      for (var prop of __getOwnPropSymbols$20(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$20.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1750,7 +1750,7 @@
       children,
       max = Infinity,
       spacing = "-4"
-    } = _b, rest = __objRest$1w(_b, [
+    } = _b, rest = __objRest$1x(_b, [
       "children",
       "max",
       "spacing"
@@ -1761,8 +1761,26 @@
       { ml: spacing },
       (_child, idx) => idx > 0
     );
-    return /* @__PURE__ */ React.createElement(react.HStack, __spreadValues$1$({ bgColor: "background.default" }, rest), /* @__PURE__ */ React.createElement(react.HStack, { spacing: 0 }, /* @__PURE__ */ React.createElement(OverflowGroup, { max, onChange: setNbrRemainingAvatars }, childrenWithMargin)), nbrRemainingAvatars > 0 && /* @__PURE__ */ React.createElement(Small$1, { sx: { color: "blue.500" } }, "+", nbrRemainingAvatars));
+    return /* @__PURE__ */ React.createElement(react.HStack, __spreadValues$20({ bgColor: "background.default" }, rest), /* @__PURE__ */ React.createElement(react.HStack, { spacing: 0 }, /* @__PURE__ */ React.createElement(OverflowGroup, { max, onChange: setNbrRemainingAvatars }, childrenWithMargin)), nbrRemainingAvatars > 0 && /* @__PURE__ */ React.createElement(Small$1, { sx: { color: "blue.500" } }, "+", nbrRemainingAvatars));
+  };
+
+  var __defProp$1$ = Object.defineProperty;
+  var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1$ = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1$ = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1$ = (obj, key, value) => key in obj ? __defProp$1$(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1$ = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1$.call(b, prop))
+        __defNormalProp$1$(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1$)
+      for (var prop of __getOwnPropSymbols$1$(b)) {
+        if (__propIsEnum$1$.call(b, prop))
+          __defNormalProp$1$(a, prop, b[prop]);
+      }
+    return a;
   };
+  const Badge$1 = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(react.Badge, __spreadValues$1$({ ref }, props)));
 
   var __defProp$1_ = Object.defineProperty;
   var __getOwnPropSymbols$1_ = Object.getOwnPropertySymbols;
@@ -1780,7 +1798,31 @@
       }
     return a;
   };
-  const Badge$1 = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(react.Badge, __spreadValues$1_({ ref }, props)));
+  var __objRest$1w = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$1_.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$1_)
+      for (var prop of __getOwnPropSymbols$1_(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1_.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const Blinker$1 = (_a) => {
+    var _b = _a, {
+      color = "",
+      size,
+      isBlinking = true
+    } = _b, rest = __objRest$1w(_b, [
+      "color",
+      "size",
+      "isBlinking"
+    ]);
+    const styles = react.useStyleConfig("Blinker", { color, size, isBlinking });
+    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$1_({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+  };
 
   var __defProp$1Z = Object.defineProperty;
   var __getOwnPropSymbols$1Z = Object.getOwnPropertySymbols;
@@ -1810,18 +1852,9 @@
       }
     return target;
   };
-  const Blinker$1 = (_a) => {
-    var _b = _a, {
-      color = "",
-      size,
-      isBlinking = true
-    } = _b, rest = __objRest$1v(_b, [
-      "color",
-      "size",
-      "isBlinking"
-    ]);
-    const styles = react.useStyleConfig("Blinker", { color, size, isBlinking });
-    return /* @__PURE__ */ React.createElement(react.Box, __spreadValues$1Z({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+  const Spinner$1 = (_a) => {
+    var rest = __objRest$1v(_a, []);
+    return /* @__PURE__ */ React.createElement(react.Spinner, __spreadValues$1Z({}, rest));
   };
 
   var __defProp$1Y = Object.defineProperty;
@@ -1852,39 +1885,6 @@
       }
     return target;
   };
-  const Spinner$1 = (_a) => {
-    var rest = __objRest$1u(_a, []);
-    return /* @__PURE__ */ React.createElement(react.Spinner, __spreadValues$1Y({}, rest));
-  };
-
-  var __defProp$1X = Object.defineProperty;
-  var __getOwnPropSymbols$1X = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1X = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1X = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1X = (obj, key, value) => key in obj ? __defProp$1X(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1X = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$1X.call(b, prop))
-        __defNormalProp$1X(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1X)
-      for (var prop of __getOwnPropSymbols$1X(b)) {
-        if (__propIsEnum$1X.call(b, prop))
-          __defNormalProp$1X(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __objRest$1t = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$1X.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1X)
-      for (var prop of __getOwnPropSymbols$1X(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1X.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
   const SpinnerSizeMap = {
     xs: "xs",
     sm: "sm",
@@ -1893,10 +1893,10 @@
   };
   const Button$1 = React.forwardRef(
     (_a, ref) => {
-      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1t(_b, ["variant", "children", "size"]);
+      var _b = _a, { variant = "default", children, size = "md" } = _b, rest = __objRest$1u(_b, ["variant", "children", "size"]);
       return /* @__PURE__ */ React.createElement(
         react.Button,
-        __spreadValues$1X({
+        __spreadValues$1Y({
           variant,
           ref,
           size,
@@ -1912,30 +1912,30 @@
     }
   );
 
-  var __defProp$1W = Object.defineProperty;
-  var __getOwnPropSymbols$1W = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1W = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1W = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1W = (obj, key, value) => key in obj ? __defProp$1W(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1W = (a, b) => {
+  var __defProp$1X = Object.defineProperty;
+  var __getOwnPropSymbols$1X = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1X = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1X = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1X = (obj, key, value) => key in obj ? __defProp$1X(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1X = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1W.call(b, prop))
-        __defNormalProp$1W(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1W)
-      for (var prop of __getOwnPropSymbols$1W(b)) {
-        if (__propIsEnum$1W.call(b, prop))
-          __defNormalProp$1W(a, prop, b[prop]);
+      if (__hasOwnProp$1X.call(b, prop))
+        __defNormalProp$1X(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1X)
+      for (var prop of __getOwnPropSymbols$1X(b)) {
+        if (__propIsEnum$1X.call(b, prop))
+          __defNormalProp$1X(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1s = (source, exclude) => {
+  var __objRest$1t = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1W.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1X.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1W)
-      for (var prop of __getOwnPropSymbols$1W(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1W.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1X)
+      for (var prop of __getOwnPropSymbols$1X(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1X.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1947,22 +1947,22 @@
       name,
       size = "md",
       variant = "default"
-    } = _b, rest = __objRest$1s(_b, [
+    } = _b, rest = __objRest$1t(_b, [
       "value",
       "onChange",
       "name",
       "size",
       "variant"
     ]);
+    const controlledValue = typeof value === "boolean" ? { isChecked: value } : { value };
     return /* @__PURE__ */ React.createElement(
       react.Checkbox,
-      __spreadValues$1W({
+      __spreadValues$1X(__spreadValues$1X({
         size,
         id: name,
         onChange,
-        isChecked: value,
         variant
-      }, rest)
+      }, controlledValue), rest)
     );
   };
 
@@ -1982,30 +1982,30 @@
     return newObj;
   };
 
-  var __defProp$1V = Object.defineProperty;
-  var __getOwnPropSymbols$1V = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1V = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1V = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1V = (obj, key, value) => key in obj ? __defProp$1V(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1V = (a, b) => {
+  var __defProp$1W = Object.defineProperty;
+  var __getOwnPropSymbols$1W = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1W = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1W = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1W = (obj, key, value) => key in obj ? __defProp$1W(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1W = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1V.call(b, prop))
-        __defNormalProp$1V(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1V)
-      for (var prop of __getOwnPropSymbols$1V(b)) {
-        if (__propIsEnum$1V.call(b, prop))
-          __defNormalProp$1V(a, prop, b[prop]);
+      if (__hasOwnProp$1W.call(b, prop))
+        __defNormalProp$1W(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1W)
+      for (var prop of __getOwnPropSymbols$1W(b)) {
+        if (__propIsEnum$1W.call(b, prop))
+          __defNormalProp$1W(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1r = (source, exclude) => {
+  var __objRest$1s = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1V.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1W.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1V)
-      for (var prop of __getOwnPropSymbols$1V(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1V.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1W)
+      for (var prop of __getOwnPropSymbols$1W(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1W.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2022,7 +2022,7 @@
       shouldTrim = true,
       innerFormStyle = {},
       joiSchema
-    } = _b, rest = __objRest$1r(_b, [
+    } = _b, rest = __objRest$1s(_b, [
       "initialValues",
       "onSubmit",
       "children",
@@ -2045,7 +2045,7 @@
         return joi.joiResolver(joiSchema);
       return void 0;
     };
-    const newMethods = methods || reactHookForm.useForm(__spreadValues$1V({
+    const newMethods = methods || reactHookForm.useForm(__spreadValues$1W({
       defaultValues: initialValues,
       resolver: getResolver()
     }, formSettings));
@@ -2071,36 +2071,36 @@
       newMethods.trigger();
       e.preventDefault();
     };
-    return /* @__PURE__ */ React.createElement(reactHookForm.FormProvider, __spreadValues$1V(__spreadValues$1V({}, newMethods), rest), /* @__PURE__ */ React.createElement("form", { style: __spreadValues$1V({ width: "100%" }, innerFormStyle), onSubmit: handleSubmit }, typeof children === "function" ? children(newMethods) : children));
+    return /* @__PURE__ */ React.createElement(reactHookForm.FormProvider, __spreadValues$1W(__spreadValues$1W({}, newMethods), rest), /* @__PURE__ */ React.createElement("form", { style: __spreadValues$1W({ width: "100%" }, innerFormStyle), onSubmit: handleSubmit }, typeof children === "function" ? children(newMethods) : children));
   });
 
-  var __defProp$1U = Object.defineProperty;
+  var __defProp$1V = Object.defineProperty;
   var __defProps$u = Object.defineProperties;
   var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1U = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1U = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1U = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1U = (obj, key, value) => key in obj ? __defProp$1U(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1U = (a, b) => {
+  var __getOwnPropSymbols$1V = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1V = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1V = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1V = (obj, key, value) => key in obj ? __defProp$1V(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1V = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1U.call(b, prop))
-        __defNormalProp$1U(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1U)
-      for (var prop of __getOwnPropSymbols$1U(b)) {
-        if (__propIsEnum$1U.call(b, prop))
-          __defNormalProp$1U(a, prop, b[prop]);
+      if (__hasOwnProp$1V.call(b, prop))
+        __defNormalProp$1V(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1V)
+      for (var prop of __getOwnPropSymbols$1V(b)) {
+        if (__propIsEnum$1V.call(b, prop))
+          __defNormalProp$1V(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
-  var __objRest$1q = (source, exclude) => {
+  var __objRest$1r = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1U.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1V.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1U)
-      for (var prop of __getOwnPropSymbols$1U(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1U.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1V)
+      for (var prop of __getOwnPropSymbols$1V(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1V.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2108,12 +2108,12 @@
   const FormLabel = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children: label
-    } = _b, rest = __objRest$1q(_b, [
+    } = _b, rest = __objRest$1r(_b, [
       "children"
     ]);
     return /* @__PURE__ */ React.createElement(
       Label$1,
-      __spreadProps$u(__spreadValues$1U({
+      __spreadProps$u(__spreadValues$1V({
         size: "sm",
         sx: {
           width: "80%",
@@ -2129,30 +2129,30 @@
     );
   });
 
-  var __defProp$1T = Object.defineProperty;
-  var __getOwnPropSymbols$1T = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1T = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1T = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1T = (obj, key, value) => key in obj ? __defProp$1T(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1T = (a, b) => {
+  var __defProp$1U = Object.defineProperty;
+  var __getOwnPropSymbols$1U = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1U = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1U = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1U = (obj, key, value) => key in obj ? __defProp$1U(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1U = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1T.call(b, prop))
-        __defNormalProp$1T(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1T)
-      for (var prop of __getOwnPropSymbols$1T(b)) {
-        if (__propIsEnum$1T.call(b, prop))
-          __defNormalProp$1T(a, prop, b[prop]);
+      if (__hasOwnProp$1U.call(b, prop))
+        __defNormalProp$1U(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1U)
+      for (var prop of __getOwnPropSymbols$1U(b)) {
+        if (__propIsEnum$1U.call(b, prop))
+          __defNormalProp$1U(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1p = (source, exclude) => {
+  var __objRest$1q = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1T.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1U.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1T)
-      for (var prop of __getOwnPropSymbols$1T(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1T.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1U)
+      for (var prop of __getOwnPropSymbols$1U(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1U.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2167,7 +2167,7 @@
       noLabelConnection = false,
       validate,
       control: passedControl
-    } = _b, rest = __objRest$1p(_b, [
+    } = _b, rest = __objRest$1q(_b, [
       "name",
       "label",
       "children",
@@ -2183,7 +2183,7 @@
     const fieldError = getFieldError(name, errors);
     return /* @__PURE__ */ React.createElement(react.FormControl, { isInvalid: !!fieldError, isRequired, ref }, /* @__PURE__ */ React.createElement(
       react.Stack,
-      __spreadValues$1T({
+      __spreadValues$1U({
         spacing: "auto",
         direction,
         alignItems: direction === "column" ? "stretch" : "center"
@@ -2211,30 +2211,30 @@
     return setValueRefreshed;
   };
 
-  var __defProp$1S = Object.defineProperty;
-  var __getOwnPropSymbols$1S = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1S = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1S = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1S = (obj, key, value) => key in obj ? __defProp$1S(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1S = (a, b) => {
+  var __defProp$1T = Object.defineProperty;
+  var __getOwnPropSymbols$1T = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1T = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1T = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1T = (obj, key, value) => key in obj ? __defProp$1T(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1T = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1S.call(b, prop))
-        __defNormalProp$1S(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1S)
-      for (var prop of __getOwnPropSymbols$1S(b)) {
-        if (__propIsEnum$1S.call(b, prop))
-          __defNormalProp$1S(a, prop, b[prop]);
+      if (__hasOwnProp$1T.call(b, prop))
+        __defNormalProp$1T(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1T)
+      for (var prop of __getOwnPropSymbols$1T(b)) {
+        if (__propIsEnum$1T.call(b, prop))
+          __defNormalProp$1T(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1o = (source, exclude) => {
+  var __objRest$1p = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$1S.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$1T.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1S)
-      for (var prop of __getOwnPropSymbols$1S(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1S.call(source, prop))
+    if (source != null && __getOwnPropSymbols$1T)
+      for (var prop of __getOwnPropSymbols$1T(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1T.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -2250,7 +2250,7 @@
       direction = "row",
       labelPlacement = "left",
       labelSize = "md"
-    } = _b, rest = __objRest$1o(_b, [
+    } = _b, rest = __objRest$1p(_b, [
       "name",
       "label",
       "variant",
@@ -2285,7 +2285,7 @@
           },
           /* @__PURE__ */ React.createElement(
             Checkbox$1,
-            __spreadValues$1S({
+            __spreadValues$1T({
               name,
               onChange: (e) => {
                 onChange(e);
@@ -2302,6 +2302,77 @@
     );
   });
 
+  var __defProp$1S = Object.defineProperty;
+  var __getOwnPropSymbols$1S = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1S = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1S = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1S = (obj, key, value) => key in obj ? __defProp$1S(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1S = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1S.call(b, prop))
+        __defNormalProp$1S(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1S)
+      for (var prop of __getOwnPropSymbols$1S(b)) {
+        if (__propIsEnum$1S.call(b, prop))
+          __defNormalProp$1S(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __objRest$1o = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$1S.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$1S)
+      for (var prop of __getOwnPropSymbols$1S(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$1S.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const CheckboxGroupField = React.forwardRef((_a, ref) => {
+    var _b = _a, {
+      name,
+      label,
+      children,
+      isRequired,
+      direction,
+      validate,
+      onChange: onChangeCallback = ramda.identity
+    } = _b, rest = __objRest$1o(_b, [
+      "name",
+      "label",
+      "children",
+      "isRequired",
+      "direction",
+      "validate",
+      "onChange"
+    ]);
+    return /* @__PURE__ */ React.createElement(react.Box, { w: label ? "full" : "fit-content" }, /* @__PURE__ */ React.createElement(
+      Field,
+      {
+        name,
+        label,
+        isRequired,
+        validate,
+        direction,
+        ref
+      },
+      ({ onChange, value }) => /* @__PURE__ */ React.createElement(
+        react.CheckboxGroup,
+        __spreadValues$1S({
+          onChange: (e) => {
+            onChange(e);
+            onChangeCallback(e);
+          },
+          value,
+          "data-testid": "checkbox-group-field-test-id"
+        }, rest),
+        children
+      )
+    ));
+  });
+
   var __defProp$1R = Object.defineProperty;
   var __getOwnPropSymbols$1R = Object.getOwnPropertySymbols;
   var __hasOwnProp$1R = Object.prototype.hasOwnProperty;
@@ -4819,6 +4890,11 @@
         bgColor: color["destructive-alt"],
         [$arrowBg.variable]: color["destructive-alt"]
       }),
+      error: ({ theme: { colors: color } }) => ({
+        color: "text.over.error",
+        bgColor: color["destructive-alt"],
+        [$arrowBg.variable]: color["destructive-alt"]
+      }),
       ai: ({ theme: { colors: color } }) => ({
         bgColor: color.bg.ai.default,
         [$arrowBg.variable]: color.bg.ai.default
@@ -7745,12 +7821,12 @@
     );
   });
 
-  const toastIconMap = {
+  const tooltipIconMap = {
     success: icons.CheckCircleSolid,
     warning: icons.AlertTriangleSolid,
     error: icons.AlertCircleSolid,
-    danger: icons.AlertCircleSolid,
-    info: icons.BellSolid,
+    danger: icons.AlertOctagonSolid,
+    info: icons.InfoSolid,
     ai: icons.BrightnessSolid,
     default: icons.HelpCircleSolid,
     ghost: icons.HelpCircleSolid
@@ -7799,7 +7875,7 @@
       "hasIcon"
     ]);
     const iconVariant = variant;
-    const icon = toastIconMap[iconVariant];
+    const icon = tooltipIconMap[iconVariant];
     const TooltipContent = /* @__PURE__ */ React.createElement(react.HStack, { alignItems: "flex-start" }, hasIcon && /* @__PURE__ */ React.createElement(Icon$1, { as: icon, color: `icon.toast.${iconVariant}` }), /* @__PURE__ */ React.createElement(react.VStack, { spacing: 0, alignItems: "flex-start" }, /* @__PURE__ */ React.createElement(Label$1, { size: "sm" }, title), /* @__PURE__ */ React.createElement(
       P$1,
       {
@@ -13336,6 +13412,17 @@
     );
   });
 
+  const toastIconMap = {
+    success: icons.CheckCircleSolid,
+    warning: icons.AlertTriangleSolid,
+    error: icons.AlertCircleSolid,
+    danger: icons.AlertCircleSolid,
+    info: icons.BellSolid,
+    ai: icons.BrightnessSolid,
+    default: icons.HelpCircleSolid,
+    ghost: icons.HelpCircleSolid
+  };
+
   var __defProp$g = Object.defineProperty;
   var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
   var __hasOwnProp$g = Object.prototype.hasOwnProperty;
@@ -15216,6 +15303,7 @@
   exports.Carousel = Carousel;
   exports.Checkbox = Checkbox$1;
   exports.CheckboxField = CheckboxField;
+  exports.CheckboxGroupField = CheckboxGroupField;
   exports.Clickable = Clickable;
   exports.ClipboardInput = ClipboardInput;
   exports.Collapse = Collapse;