@northlight/ui 2.32.4 → 2.33.0

package/dist/es/northlight.js

@@ -1,4 +1,4 @@
-import { Accordion as Accordion$1, AccordionButton as AccordionButton$1, AccordionPanel as AccordionPanel$1, AccordionItem as AccordionItem$1, useInterval, useMediaQuery, useToken as useToken$1, Box, useMultiStyleConfig, chakra, Alert as Alert$2, AspectRatio as AspectRatio$1, forwardRef, useStyleConfig, Icon as Icon$2, Heading, Text, FormLabel as FormLabel$1, VisuallyHidden, HStack, Badge as Badge$2, Spinner as Spinner$2, Button as Button$2, Checkbox as Checkbox$2, FormControl, Stack, FormErrorMessage, Flex, IconButton as IconButton$1, Popover as Popover$2, useDisclosure, useBoolean, PopoverTrigger, PopoverContent, PopoverHeader, PopoverBody, SimpleGrid, SlideFade as SlideFade$1, keyframes, extendTheme, Table as Table$2, Thead, Tr, Tbody, Select as Select$2, PopoverAnchor, InputGroup, InputRightElement, Link as Link$1, Spacer, useOutsideClick, Portal, Tooltip as Tooltip$2, VStack, Circle, Center, Fade as Fade$1, ScaleFade as ScaleFade$1, Slide as Slide$1, Collapse as Collapse$1, CloseButton as CloseButton$1, Radio as Radio$2, RadioGroup as RadioGroup$1, Tag as Tag$2, TagLabel, TagRightIcon, useEditableControls, useEditableState, Editable, InputLeftElement, Input as Input$1, EditablePreview, EditableInput, Modal as Modal$2, ModalOverlay, ModalContent, ModalCloseButton, ModalBody as ModalBody$1, ModalHeader, Slider, SliderTrack, SliderFilledTrack, SliderThumb, ModalFooter, Progress, Image as Image$1, ChakraProvider, Menu as Menu$2, NumberInputStepper as NumberInputStepper$1, Divider, NumberIncrementStepper, NumberDecrementStepper, NumberInput as NumberInput$2, NumberInputField as NumberInputField$1, PinInput as PinInput$2, Switch as Switch$2, TabPanel as TabPanel$1, Tabs as Tabs$2, Textarea as Textarea$2, useToast as useToast$1, AlertTitle, AlertDescription, Tab, TabList, useClipboard, Grid, GridItem, theme as theme$1 } from '@chakra-ui/react';
+import { Accordion as Accordion$1, AccordionButton as AccordionButton$1, AccordionPanel as AccordionPanel$1, AccordionItem as AccordionItem$1, useInterval, useMediaQuery, useToken as useToken$1, Box, useMultiStyleConfig, chakra, Alert as Alert$2, AspectRatio as AspectRatio$1, forwardRef, useStyleConfig, Icon as Icon$2, Heading, Text, FormLabel as FormLabel$1, VisuallyHidden, HStack, Badge as Badge$2, Spinner as Spinner$2, Button as Button$2, Checkbox as Checkbox$2, FormControl, Stack, FormErrorMessage, Flex, CheckboxGroup, IconButton as IconButton$1, Popover as Popover$2, useDisclosure, useBoolean, PopoverTrigger, PopoverContent, PopoverHeader, PopoverBody, SimpleGrid, SlideFade as SlideFade$1, keyframes, extendTheme, Table as Table$2, Thead, Tr, Tbody, Select as Select$2, PopoverAnchor, InputGroup, InputRightElement, Link as Link$1, Spacer, useOutsideClick, Portal, Tooltip as Tooltip$2, VStack, Circle, Center, Fade as Fade$1, ScaleFade as ScaleFade$1, Slide as Slide$1, Collapse as Collapse$1, CloseButton as CloseButton$1, Radio as Radio$2, RadioGroup as RadioGroup$1, Tag as Tag$2, TagLabel, TagRightIcon, useEditableControls, useEditableState, Editable, InputLeftElement, Input as Input$1, EditablePreview, EditableInput, Modal as Modal$2, ModalOverlay, ModalContent, ModalCloseButton, ModalBody as ModalBody$1, ModalHeader, Slider, SliderTrack, SliderFilledTrack, SliderThumb, ModalFooter, Progress, Image as Image$1, ChakraProvider, Menu as Menu$2, NumberInputStepper as NumberInputStepper$1, Divider, NumberIncrementStepper, NumberDecrementStepper, NumberInput as NumberInput$2, NumberInputField as NumberInputField$1, PinInput as PinInput$2, Switch as Switch$2, TabPanel as TabPanel$1, Tabs as Tabs$2, Textarea as Textarea$2, useToast as useToast$1, AlertTitle, AlertDescription, Tab, TabList, useClipboard, Grid, GridItem, theme as theme$1 } from '@chakra-ui/react';
 export { AbsoluteCenter, AccordionIcon, AlertDescription, AlertDialog, AlertDialogBody, AlertDialogCloseButton, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertIcon, AlertTitle, Box, BreadcrumbItem as Breadcrumb, BreadcrumbLink, BreadcrumbSeparator, Breadcrumb as Breadcrumbs, ButtonGroup, Card, CardBody, CardFooter, CardHeader, Center, Modal as ChakraModal, CheckboxGroup, Circle, CircularProgress, CircularProgressLabel, CloseButton, Code, Container, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Editable, EditableInput, EditablePreview, Flex, FormControl, FormErrorMessage, FormHelperText, Grid, GridItem, HStack, Heading, Hide, Highlight, Image, Input, InputAddon, InputGroup, InputLeftAddon, InputLeftElement, InputRightAddon, InputRightElement, Kbd, Link, LinkBox, LinkOverlay, List, ListIcon, ListItem, Mark, MenuButton, MenuCommand, MenuDivider, MenuGroup, MenuIcon, MenuItem, MenuItemOption, MenuList, MenuOptionGroup, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, NumberDecrementStepper, NumberIncrementStepper, OrderedList, PinInputField, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, Portal, RangeSlider, RangeSliderFilledTrack, RangeSliderMark, RangeSliderThumb, RangeSliderTrack, Show, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, Slider, SliderFilledTrack, SliderMark, SliderThumb, SliderTrack, Spacer, Stack, StackDivider, Stat, StatArrow, StatGroup, StatHelpText, StatLabel, StatNumber, TabIndicator as StepIndicator, TabPanels as StepPanels, Tab, TabIndicator, TabList, TabPanels, TableCaption, TableContainer, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon, Tbody, Td, Text, Tfoot, Th, Thead, Tr, UnorderedList, VStack, VisuallyHidden, VisuallyHiddenInput, Wrap, WrapItem, keyframes, useBoolean, useBreakpoint, useBreakpointValue, useClipboard, useControllableProp, useControllableState, useDisclosure, useEditable, useEditableControls, useEditableState, useInterval, useMediaQuery, useMergeRefs, useNumberInput, useOutsideClick, usePrefersReducedMotion, useRadio, useRadioGroup, useTab, useTabs, useTheme, useToken } from '@chakra-ui/react';
 import React, { useState, useEffect, useRef, isValidElement, cloneElement, Children, createContext, useContext, forwardRef as forwardRef$1, useImperativeHandle, memo, useMemo, useCallback } from 'react';
 import { CreatableSelect, chakraComponents, AsyncSelect, Select as Select$3 } from 'chakra-react-select';
@@ -9,7 +9,7 @@ import { useForm, FormProvider, useFormContext, Controller } from 'react-hook-fo
 export { useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import { useToken, useMultiStyleConfig as useMultiStyleConfig$1, chakra as chakra$1 } from '@chakra-ui/system';
 import { palette, WebappComponentsTokensSet, WebappSystemTokensSet, typography, TottComponentsTokensSet, TottSystemTokensSet, coreZIndex, coreSizing, coreSpacing, coreFontWeight, coreBoxShadow, coreFontSize, coreLineHeight, coreBorderRadius } from '@northlight/tokens';
-import { UserSquareDuo, BusinessContactDuo, CheckDuo, ChevronUpDuo, ChevronDownDuo, ColorsDuo, CheckSolid, CalendarDuo, ChevronLeftSolid, ChevronRightSolid, XCloseSolid, CheckCircleSolid, AlertTriangleSolid, AlertCircleSolid, BellSolid, BrightnessSolid, HelpCircleSolid, TrashDuo, SearchDuo, DotsMatrixSolid, DragDuo, EditDuo, ZoomInDuo, Image03Solid, UploadCloudSolid, FileBlankDuo, EditBoxDuo, DownloadDuo, TrashFullDuo, Image03Duo, ChevronUpSolid, ChevronDownSolid, CopyDuo, PlusSolid } from '@northlight/icons';
+import { UserSquareDuo, BusinessContactDuo, CheckDuo, ChevronUpDuo, ChevronDownDuo, ColorsDuo, CheckSolid, CalendarDuo, ChevronLeftSolid, ChevronRightSolid, XCloseSolid, CheckCircleSolid, AlertTriangleSolid, AlertCircleSolid, AlertOctagonSolid, InfoSolid, BrightnessSolid, HelpCircleSolid, TrashDuo, SearchDuo, DotsMatrixSolid, DragDuo, EditDuo, ZoomInDuo, Image03Solid, UploadCloudSolid, FileBlankDuo, EditBoxDuo, DownloadDuo, TrashFullDuo, Image03Duo, ChevronUpSolid, ChevronDownSolid, BellSolid, CopyDuo, PlusSolid } from '@northlight/icons';
 import { joiResolver } from '@hookform/resolvers/joi';
 import { useCheckboxGroup, useCheckboxGroupItem } from '@react-aria/checkbox';
 import { useRadioGroup, useRadio } from '@react-aria/radio';
@@ -42,6 +42,24 @@ import { NumericFormat, numericFormatter } from 'react-number-format';
 import InputMask from 'react-input-mask';
 import { uniqBy } from 'yafu';
 
+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(Accordion$1, __spreadValues$2s({}, props));
+
 var __defProp$2r = Object.defineProperty;
 var __getOwnPropSymbols$2r = Object.getOwnPropertySymbols;
 var __hasOwnProp$2r = Object.prototype.hasOwnProperty;
@@ -58,7 +76,7 @@ var __spreadValues$2r = (a, b) => {
     }
   return a;
 };
-const Accordion = (props) => /* @__PURE__ */ React.createElement(Accordion$1, __spreadValues$2r({}, props));
+const AccordionButton = (props) => /* @__PURE__ */ React.createElement(AccordionButton$1, __spreadValues$2r({}, props));
 
 var __defProp$2q = Object.defineProperty;
 var __getOwnPropSymbols$2q = Object.getOwnPropertySymbols;
@@ -76,7 +94,7 @@ var __spreadValues$2q = (a, b) => {
     }
   return a;
 };
-const AccordionButton = (props) => /* @__PURE__ */ React.createElement(AccordionButton$1, __spreadValues$2q({}, props));
+const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(AccordionPanel$1, __spreadValues$2q({}, props));
 
 var __defProp$2p = Object.defineProperty;
 var __getOwnPropSymbols$2p = Object.getOwnPropertySymbols;
@@ -94,25 +112,7 @@ var __spreadValues$2p = (a, b) => {
     }
   return a;
 };
-const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(AccordionPanel$1, __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(AccordionItem$1, __spreadValues$2o({}, props));
+const AccordionItem = (props) => /* @__PURE__ */ React.createElement(AccordionItem$1, __spreadValues$2p({}, props));
 
 const useDebounce = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = useState(value);
@@ -431,6 +431,24 @@ function getFieldError(name, errors) {
   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) => isValidElement(child) ? cloneElement(child, __spreadValues$2o({}, styles)) : child;
+
 var __defProp$2n = Object.defineProperty;
 var __getOwnPropSymbols$2n = Object.getOwnPropertySymbols;
 var __hasOwnProp$2n = Object.prototype.hasOwnProperty;
@@ -447,27 +465,9 @@ var __spreadValues$2n = (a, b) => {
     }
   return a;
 };
-const passPropsToChild = (child, styles) => isValidElement(child) ? 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 = T) => {
   const childrenAsArr = 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;
 };
 
@@ -541,80 +541,80 @@ const useResizeWidth = ({
   };
 };
 
-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",
@@ -627,45 +627,45 @@ const tagsInputStyles = (isFocused, borderColor) => __spreadProps$w(__spreadValu
     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;
@@ -678,7 +678,7 @@ function TagsInput(_a) {
     loadingList = () => null,
     "data-testid": testId,
     value = []
-  } = _b, rest = __objRest$1P(_b, [
+  } = _b, rest = __objRest$1Q(_b, [
     "options",
     "onChange",
     "isLoading",
@@ -746,7 +746,7 @@ function TagsInput(_a) {
   };
   return /* @__PURE__ */ React.createElement(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...",
@@ -779,30 +779,30 @@ function TagsInput(_a) {
   ));
 }
 
-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;
@@ -812,7 +812,7 @@ const OrganizationLogo = (_a) => {
     name,
     image,
     variant = "square"
-  } = _b, rest = __objRest$1O(_b, [
+  } = _b, rest = __objRest$1P(_b, [
     "name",
     "image",
     "variant"
@@ -821,10 +821,10 @@ const OrganizationLogo = (_a) => {
   const {
     container,
     text
-  } = useMultiStyleConfig("Avatar", __spreadValues$2i({ variant, image }, rest));
+  } = useMultiStyleConfig("Avatar", __spreadValues$2j({ variant, image }, rest));
   return /* @__PURE__ */ React.createElement(
     chakra.div,
-    __spreadValues$2i({
+    __spreadValues$2j({
       __css: container,
       "data-testid": "organization-logo-test-id"
     }, rest),
@@ -838,30 +838,30 @@ const OrganizationLogo = (_a) => {
   );
 };
 
-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;
@@ -870,12 +870,30 @@ const Alert$1 = (_a) => {
   var _b = _a, {
     variant = "success",
     children
-  } = _b, rest = __objRest$1N(_b, [
+  } = _b, rest = __objRest$1O(_b, [
     "variant",
     "children"
   ]);
-  return /* @__PURE__ */ React.createElement(Alert$2, __spreadValues$2h({ variant }, rest), children);
+  return /* @__PURE__ */ React.createElement(Alert$2, __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(AspectRatio$1, __spreadValues$2h({}, props));
 
 var __defProp$2g = Object.defineProperty;
 var __getOwnPropSymbols$2g = Object.getOwnPropertySymbols;
@@ -893,32 +911,14 @@ var __spreadValues$2g = (a, b) => {
     }
   return a;
 };
-const AspectRatio = (props) => /* @__PURE__ */ React.createElement(AspectRatio$1, __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;
@@ -929,7 +929,7 @@ const Icon$1 = forwardRef((_a, ref) => {
     size,
     color,
     boxSize
-  } = _b, rest = __objRest$1M(_b, [
+  } = _b, rest = __objRest$1N(_b, [
     "as",
     "size",
     "color",
@@ -939,7 +939,7 @@ const Icon$1 = forwardRef((_a, ref) => {
   const styles = useStyleConfig("Icon", { size, color, boxSize });
   return /* @__PURE__ */ React.createElement(
     Icon$2,
-    __spreadValues$2f({
+    __spreadValues$2g({
       ref,
       sx: styles
     }, rest),
@@ -954,30 +954,30 @@ const AvatarBadge = ({
   return /* @__PURE__ */ React.createElement(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;
@@ -990,7 +990,7 @@ const Avatar$1 = (_a) => {
     image,
     size,
     bgColor
-  } = _b, rest = __objRest$1L(_b, [
+  } = _b, rest = __objRest$1M(_b, [
     "variant",
     "notificationCount",
     "name",
@@ -1005,7 +1005,7 @@ const Avatar$1 = (_a) => {
     name,
     bgColor
   });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues$2e({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues$2f({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
     chakra.img,
     {
       alt: name,
@@ -1022,6 +1022,54 @@ const Avatar$1 = (_a) => {
   ), 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 = forwardRef$1((_a, ref) => {
+  var _b = _a, {
+    children,
+    sx = {}
+  } = _b, rest = __objRest$1L(_b, [
+    "children",
+    "sx"
+  ]);
+  const styles = useStyleConfig("H1", { sx });
+  return /* @__PURE__ */ React.createElement(
+    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;
@@ -1050,7 +1098,7 @@ var __objRest$1K = (source, exclude) => {
     }
   return target;
 };
-const H1$1 = forwardRef$1((_a, ref) => {
+const H2$1 = forwardRef$1((_a, ref) => {
   var _b = _a, {
     children,
     sx = {}
@@ -1058,11 +1106,11 @@ const H1$1 = forwardRef$1((_a, ref) => {
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H1", { sx });
+  const styles = useStyleConfig("H2", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$2d({
-      as: "h1",
+      as: "h2",
       sx: styles,
       ref
     }, rest),
@@ -1098,7 +1146,7 @@ var __objRest$1J = (source, exclude) => {
     }
   return target;
 };
-const H2$1 = forwardRef$1((_a, ref) => {
+const H3$1 = forwardRef$1((_a, ref) => {
   var _b = _a, {
     children,
     sx = {}
@@ -1106,11 +1154,11 @@ const H2$1 = forwardRef$1((_a, ref) => {
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H2", { sx });
+  const styles = useStyleConfig("H3", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$2c({
-      as: "h2",
+      as: "h3",
       sx: styles,
       ref
     }, rest),
@@ -1146,7 +1194,7 @@ var __objRest$1I = (source, exclude) => {
     }
   return target;
 };
-const H3$1 = forwardRef$1((_a, ref) => {
+const H4$1 = forwardRef$1((_a, ref) => {
   var _b = _a, {
     children,
     sx = {}
@@ -1154,11 +1202,11 @@ const H3$1 = forwardRef$1((_a, ref) => {
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H3", { sx });
+  const styles = useStyleConfig("H4", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$2b({
-      as: "h3",
+      as: "h4",
       sx: styles,
       ref
     }, rest),
@@ -1194,7 +1242,7 @@ var __objRest$1H = (source, exclude) => {
     }
   return target;
 };
-const H4$1 = forwardRef$1((_a, ref) => {
+const H5$1 = forwardRef$1((_a, ref) => {
   var _b = _a, {
     children,
     sx = {}
@@ -1202,11 +1250,11 @@ const H4$1 = forwardRef$1((_a, ref) => {
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H4", { sx });
+  const styles = useStyleConfig("H5", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$2a({
-      as: "h4",
+      as: "h5",
       sx: styles,
       ref
     }, rest),
@@ -1242,7 +1290,7 @@ var __objRest$1G = (source, exclude) => {
     }
   return target;
 };
-const H5$1 = forwardRef$1((_a, ref) => {
+const H6$1 = forwardRef$1((_a, ref) => {
   var _b = _a, {
     children,
     sx = {}
@@ -1250,11 +1298,11 @@ const H5$1 = forwardRef$1((_a, ref) => {
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H5", { sx });
+  const styles = useStyleConfig("H6", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$29({
-      as: "h5",
+      as: "h6",
       sx: styles,
       ref
     }, rest),
@@ -1290,25 +1338,26 @@ var __objRest$1F = (source, exclude) => {
     }
   return target;
 };
-const H6$1 = forwardRef$1((_a, ref) => {
+const P$1 = (_a) => {
   var _b = _a, {
     children,
+    variant = "16",
     sx = {}
   } = _b, rest = __objRest$1F(_b, [
     "children",
+    "variant",
     "sx"
   ]);
-  const styles = useStyleConfig("H6", { sx });
+  const styles = useStyleConfig("P", { variant, sx });
   return /* @__PURE__ */ React.createElement(
-    Heading,
+    Text,
     __spreadValues$28({
-      as: "h6",
-      sx: styles,
-      ref
+      variant,
+      sx: styles
     }, rest),
     children
   );
-});
+};
 
 var __defProp$27 = Object.defineProperty;
 var __getOwnPropSymbols$27 = Object.getOwnPropertySymbols;
@@ -1338,25 +1387,10 @@ var __objRest$1E = (source, exclude) => {
     }
   return target;
 };
-const P$1 = (_a) => {
-  var _b = _a, {
-    children,
-    variant = "16",
-    sx = {}
-  } = _b, rest = __objRest$1E(_b, [
-    "children",
-    "variant",
-    "sx"
-  ]);
-  const styles = useStyleConfig("P", { variant, sx });
-  return /* @__PURE__ */ React.createElement(
-    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 = useStyleConfig("Blockquote", { sx });
+  return /* @__PURE__ */ React.createElement(Text, __spreadValues$27({ as: "span", sx: styles }, rest), children);
 };
 
 var __defProp$26 = Object.defineProperty;
@@ -1387,10 +1421,23 @@ var __objRest$1D = (source, exclude) => {
     }
   return target;
 };
-const Blockquote$1 = (_a) => {
-  var _b = _a, { children, sx = {} } = _b, rest = __objRest$1D(_b, ["children", "sx"]);
-  const styles = useStyleConfig("Blockquote", { sx });
-  return /* @__PURE__ */ React.createElement(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 = useStyleConfig("Capitalized", { sx });
+  return /* @__PURE__ */ React.createElement(
+    Text,
+    __spreadValues$26({
+      as: "span",
+      sx: styles
+    }, rest),
+    children
+  );
 };
 
 var __defProp$25 = Object.defineProperty;
@@ -1421,7 +1468,7 @@ var __objRest$1C = (source, exclude) => {
     }
   return target;
 };
-const Capitalized$1 = (_a) => {
+const Lead$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
@@ -1429,7 +1476,7 @@ const Capitalized$1 = (_a) => {
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("Capitalized", { sx });
+  const styles = useStyleConfig("Lead", { sx });
   return /* @__PURE__ */ React.createElement(
     Text,
     __spreadValues$25({
@@ -1468,7 +1515,7 @@ var __objRest$1B = (source, exclude) => {
     }
   return target;
 };
-const Lead$1 = (_a) => {
+const Small$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
@@ -1476,11 +1523,11 @@ const Lead$1 = (_a) => {
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("Lead", { sx });
+  const styles = useStyleConfig("Small", { sx });
   return /* @__PURE__ */ React.createElement(
     Text,
     __spreadValues$24({
-      as: "span",
+      as: "small",
       sx: styles
     }, rest),
     children
@@ -1515,7 +1562,7 @@ var __objRest$1A = (source, exclude) => {
     }
   return target;
 };
-const Small$1 = (_a) => {
+const Tiny$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
@@ -1523,11 +1570,11 @@ const Small$1 = (_a) => {
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("Small", { sx });
+  const styles = useStyleConfig("Tiny", { sx });
   return /* @__PURE__ */ React.createElement(
     Text,
     __spreadValues$23({
-      as: "small",
+      as: "span",
       sx: styles
     }, rest),
     children
@@ -1562,24 +1609,27 @@ var __objRest$1z = (source, exclude) => {
     }
   return target;
 };
-const Tiny$1 = (_a) => {
+const Label$1 = forwardRef$1((_a, ref) => {
   var _b = _a, {
     children,
+    size = "sm",
     sx = {}
   } = _b, rest = __objRest$1z(_b, [
     "children",
+    "size",
     "sx"
   ]);
-  const styles = useStyleConfig("Tiny", { sx });
+  const styles = useStyleConfig("Label", { sx, size });
   return /* @__PURE__ */ React.createElement(
-    Text,
+    FormLabel$1,
     __spreadValues$22({
-      as: "span",
-      sx: styles
+      sx: styles,
+      requiredIndicator: /* @__PURE__ */ React.createElement(VisuallyHidden, null),
+      ref
     }, rest),
     children
   );
-};
+});
 
 var __defProp$21 = Object.defineProperty;
 var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
@@ -1609,63 +1659,13 @@ var __objRest$1y = (source, exclude) => {
     }
   return target;
 };
-const Label$1 = forwardRef$1((_a, ref) => {
-  var _b = _a, {
-    children,
-    size = "sm",
-    sx = {}
-  } = _b, rest = __objRest$1y(_b, [
-    "children",
-    "size",
-    "sx"
-  ]);
-  const styles = useStyleConfig("Label", { sx, size });
-  return /* @__PURE__ */ React.createElement(
-    FormLabel$1,
-    __spreadValues$21({
-      sx: styles,
-      requiredIndicator: /* @__PURE__ */ React.createElement(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 = forwardRef$1(
   (_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 = useStyleConfig("NumVal", { sx, size });
     return /* @__PURE__ */ React.createElement(
       Text,
-      __spreadValues$20({
+      __spreadValues$21({
         as: "span",
         sx: styles,
         ref
@@ -1755,30 +1755,30 @@ const useOverflowGroup = () => {
   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;
@@ -1788,7 +1788,7 @@ const AvatarGroup = (_a) => {
     children,
     max = Infinity,
     spacing = "-4"
-  } = _b, rest = __objRest$1w(_b, [
+  } = _b, rest = __objRest$1x(_b, [
     "children",
     "max",
     "spacing"
@@ -1799,8 +1799,26 @@ const AvatarGroup = (_a) => {
     { ml: spacing },
     (_child, idx) => idx > 0
   );
-  return /* @__PURE__ */ React.createElement(HStack, __spreadValues$1$({ bgColor: "background.default" }, rest), /* @__PURE__ */ React.createElement(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(HStack, __spreadValues$20({ bgColor: "background.default" }, rest), /* @__PURE__ */ React.createElement(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 = forwardRef$1((props, ref) => /* @__PURE__ */ React.createElement(Badge$2, __spreadValues$1$({ ref }, props)));
 
 var __defProp$1_ = Object.defineProperty;
 var __getOwnPropSymbols$1_ = Object.getOwnPropertySymbols;
@@ -1818,7 +1836,31 @@ var __spreadValues$1_ = (a, b) => {
     }
   return a;
 };
-const Badge$1 = forwardRef$1((props, ref) => /* @__PURE__ */ React.createElement(Badge$2, __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 = useStyleConfig("Blinker", { color, size, isBlinking });
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues$1_({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+};
 
 var __defProp$1Z = Object.defineProperty;
 var __getOwnPropSymbols$1Z = Object.getOwnPropertySymbols;
@@ -1848,18 +1890,9 @@ var __objRest$1v = (source, exclude) => {
     }
   return target;
 };
-const Blinker$1 = (_a) => {
-  var _b = _a, {
-    color = "",
-    size,
-    isBlinking = true
-  } = _b, rest = __objRest$1v(_b, [
-    "color",
-    "size",
-    "isBlinking"
-  ]);
-  const styles = useStyleConfig("Blinker", { color, size, isBlinking });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues$1Z({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+const Spinner$1 = (_a) => {
+  var rest = __objRest$1v(_a, []);
+  return /* @__PURE__ */ React.createElement(Spinner$2, __spreadValues$1Z({}, rest));
 };
 
 var __defProp$1Y = Object.defineProperty;
@@ -1890,39 +1923,6 @@ var __objRest$1u = (source, exclude) => {
     }
   return target;
 };
-const Spinner$1 = (_a) => {
-  var rest = __objRest$1u(_a, []);
-  return /* @__PURE__ */ React.createElement(Spinner$2, __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",
@@ -1931,10 +1931,10 @@ const SpinnerSizeMap = {
 };
 const Button$1 = forwardRef$1(
   (_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(
       Button$2,
-      __spreadValues$1X({
+      __spreadValues$1Y({
         variant,
         ref,
         size,
@@ -1950,30 +1950,30 @@ const Button$1 = forwardRef$1(
   }
 );
 
-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;
@@ -1985,22 +1985,22 @@ const Checkbox$1 = (_a) => {
     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(
     Checkbox$2,
-    __spreadValues$1W({
+    __spreadValues$1X(__spreadValues$1X({
       size,
       id: name,
       onChange,
-      isChecked: value,
       variant
-    }, rest)
+    }, controlledValue), rest)
   );
 };
 
@@ -2020,30 +2020,30 @@ const trimFormValues = (obj) => {
   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;
@@ -2060,7 +2060,7 @@ const Form = forwardRef$1((_a, ref) => {
     shouldTrim = true,
     innerFormStyle = {},
     joiSchema
-  } = _b, rest = __objRest$1r(_b, [
+  } = _b, rest = __objRest$1s(_b, [
     "initialValues",
     "onSubmit",
     "children",
@@ -2083,7 +2083,7 @@ const Form = forwardRef$1((_a, ref) => {
       return joiResolver(joiSchema);
     return void 0;
   };
-  const newMethods = methods || useForm(__spreadValues$1V({
+  const newMethods = methods || useForm(__spreadValues$1W({
     defaultValues: initialValues,
     resolver: getResolver()
   }, formSettings));
@@ -2109,36 +2109,36 @@ const Form = forwardRef$1((_a, ref) => {
     newMethods.trigger();
     e.preventDefault();
   };
-  return /* @__PURE__ */ React.createElement(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(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;
@@ -2146,12 +2146,12 @@ var __objRest$1q = (source, exclude) => {
 const FormLabel = forwardRef$1((_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%",
@@ -2167,30 +2167,30 @@ const FormLabel = forwardRef$1((_a, ref) => {
   );
 });
 
-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;
@@ -2205,7 +2205,7 @@ const BaseField = (_a, ref) => {
     noLabelConnection = false,
     validate,
     control: passedControl
-  } = _b, rest = __objRest$1p(_b, [
+  } = _b, rest = __objRest$1q(_b, [
     "name",
     "label",
     "children",
@@ -2221,7 +2221,7 @@ const BaseField = (_a, ref) => {
   const fieldError = getFieldError(name, errors);
   return /* @__PURE__ */ React.createElement(FormControl, { isInvalid: !!fieldError, isRequired, ref }, /* @__PURE__ */ React.createElement(
     Stack,
-    __spreadValues$1T({
+    __spreadValues$1U({
       spacing: "auto",
       direction,
       alignItems: direction === "column" ? "stretch" : "center"
@@ -2249,30 +2249,30 @@ const useSetValueRefreshed = () => {
   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;
@@ -2288,7 +2288,7 @@ const CheckboxField = forwardRef$1((_a, ref) => {
     direction = "row",
     labelPlacement = "left",
     labelSize = "md"
-  } = _b, rest = __objRest$1o(_b, [
+  } = _b, rest = __objRest$1p(_b, [
     "name",
     "label",
     "variant",
@@ -2323,7 +2323,7 @@ const CheckboxField = forwardRef$1((_a, ref) => {
         },
         /* @__PURE__ */ React.createElement(
           Checkbox$1,
-          __spreadValues$1S({
+          __spreadValues$1T({
             name,
             onChange: (e) => {
               onChange(e);
@@ -2340,6 +2340,77 @@ const CheckboxField = forwardRef$1((_a, ref) => {
   );
 });
 
+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 = forwardRef$1((_a, ref) => {
+  var _b = _a, {
+    name,
+    label,
+    children,
+    isRequired,
+    direction,
+    validate,
+    onChange: onChangeCallback = identity
+  } = _b, rest = __objRest$1o(_b, [
+    "name",
+    "label",
+    "children",
+    "isRequired",
+    "direction",
+    "validate",
+    "onChange"
+  ]);
+  return /* @__PURE__ */ React.createElement(Box, { w: label ? "full" : "fit-content" }, /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      name,
+      label,
+      isRequired,
+      validate,
+      direction,
+      ref
+    },
+    ({ onChange, value }) => /* @__PURE__ */ React.createElement(
+      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;
@@ -4857,6 +4928,11 @@ const Tooltip$1 = {
       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
@@ -7783,12 +7859,12 @@ const DateRangePickerField = forwardRef$1((_a, ref) => {
   );
 });
 
-const toastIconMap = {
+const tooltipIconMap = {
   success: CheckCircleSolid,
   warning: AlertTriangleSolid,
   error: AlertCircleSolid,
-  danger: AlertCircleSolid,
-  info: BellSolid,
+  danger: AlertOctagonSolid,
+  info: InfoSolid,
   ai: BrightnessSolid,
   default: HelpCircleSolid,
   ghost: HelpCircleSolid
@@ -7837,7 +7913,7 @@ const Tooltip = (_a) => {
     "hasIcon"
   ]);
   const iconVariant = variant;
-  const icon = toastIconMap[iconVariant];
+  const icon = tooltipIconMap[iconVariant];
   const TooltipContent = /* @__PURE__ */ React.createElement(HStack, { alignItems: "flex-start" }, hasIcon && /* @__PURE__ */ React.createElement(Icon$1, { as: icon, color: `icon.toast.${iconVariant}` }), /* @__PURE__ */ React.createElement(VStack, { spacing: 0, alignItems: "flex-start" }, /* @__PURE__ */ React.createElement(Label$1, { size: "sm" }, title), /* @__PURE__ */ React.createElement(
     P$1,
     {
@@ -13374,6 +13450,17 @@ const TextField = forwardRef$1((_a, ref) => {
   );
 });
 
+const toastIconMap = {
+  success: CheckCircleSolid,
+  warning: AlertTriangleSolid,
+  error: AlertCircleSolid,
+  danger: AlertCircleSolid,
+  info: BellSolid,
+  ai: BrightnessSolid,
+  default: HelpCircleSolid,
+  ghost: HelpCircleSolid
+};
+
 var __defProp$g = Object.defineProperty;
 var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
 var __hasOwnProp$g = Object.prototype.hasOwnProperty;
@@ -14525,5 +14612,5 @@ const ComboPickerField = (_a) => {
   );
 };
 
-export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge$1 as Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel, Checkbox$1 as Checkbox, CheckboxField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, ComboPicker, ComboPickerField, CreatableSelectDropdown, CustomTheme, DatePicker, DatePickerField, DatePickerLocaleWrapper, DateRangePicker, DateRangePickerField, DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText, Fade, FastGrid, FastList, Field, FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, FormattedNumberInputField, H1$1 as H1, H2$1 as H2, H3$1 as H3, H4$1 as H4, H5$1 as H5, H6$1 as H6, Icon$1 as Icon, IconButton, IntentButton, Label$1 as Label, Lead$1 as Lead, LoadingBar, MaskedTextInput, MediatoolThemeProvider, Menu, Modal, ModalBase, ModalBody, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumVal$1 as NumVal, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, Popover$1 as Popover, ProgressBar, Radio, RadioGroup, RadioGroupField, ResizeHandle, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Table, Tabs, Tag, TagGroup, TagsInput, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, Tooltip, addAlpha, advancedParseFloat, clamp, createDebounceFunctionInstance, getChildrenWithProps, getConsistentRandomColorFromString, getContrastColor, getFieldError, getInitials, getMatchingValue, getShades, highlight, luminosity, ring, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useDidUpdateEffect, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useResizeWidth, useScreenSize, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
+export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge$1 as Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel, Checkbox$1 as Checkbox, CheckboxField, CheckboxGroupField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, ComboPicker, ComboPickerField, CreatableSelectDropdown, CustomTheme, DatePicker, DatePickerField, DatePickerLocaleWrapper, DateRangePicker, DateRangePickerField, DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText, Fade, FastGrid, FastList, Field, FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, FormattedNumberInputField, H1$1 as H1, H2$1 as H2, H3$1 as H3, H4$1 as H4, H5$1 as H5, H6$1 as H6, Icon$1 as Icon, IconButton, IntentButton, Label$1 as Label, Lead$1 as Lead, LoadingBar, MaskedTextInput, MediatoolThemeProvider, Menu, Modal, ModalBase, ModalBody, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumVal$1 as NumVal, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, Popover$1 as Popover, ProgressBar, Radio, RadioGroup, RadioGroupField, ResizeHandle, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Table, Tabs, Tag, TagGroup, TagsInput, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, Tooltip, addAlpha, advancedParseFloat, clamp, createDebounceFunctionInstance, getChildrenWithProps, getConsistentRandomColorFromString, getContrastColor, getFieldError, getInitials, getMatchingValue, getShades, highlight, luminosity, ring, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useDidUpdateEffect, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useResizeWidth, useScreenSize, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
 //# sourceMappingURL=northlight.js.map