@northlight/ui 2.9.2 → 2.10.0

package/dist/es/northlight.mjs

@@ -1,5 +1,5 @@
-import { Accordion as Accordion$1, AccordionButton as AccordionButton$1, AccordionPanel as AccordionPanel$1, AccordionItem as AccordionItem$1, useMultiStyleConfig, chakra, Alert as Alert$2, AspectRatio as AspectRatio$1, forwardRef, useStyleConfig, Icon as Icon$2, Box, Heading, Text, FormLabel as FormLabel$1, VisuallyHidden, HStack, Badge as Badge$1, Button as Button$2, Checkbox as Checkbox$2, useInterval, useMediaQuery, FormControl, Stack, FormErrorMessage, Flex, IconButton as IconButton$1, useDisclosure, useBoolean, useToken as useToken$1, Popover, PopoverTrigger, PopoverContent, PopoverHeader, PopoverBody, SimpleGrid, SlideFade as SlideFade$1, Table, Thead, Tbody, Tr, Select as Select$2, PopoverAnchor, InputGroup, InputRightElement, Link as Link$1, Fade as Fade$1, ScaleFade as ScaleFade$1, Slide as Slide$1, Collapse as Collapse$1, Portal, CloseButton as CloseButton$1, Radio as Radio$2, RadioGroup as RadioGroup$1, Center, Tag as Tag$2, TagLabel, TagRightIcon, useEditableControls, useEditableState, Editable, InputLeftElement, Input as Input$1, EditablePreview, EditableInput, Modal as Modal$2, ModalOverlay, ModalContent, ModalCloseButton, ModalHeader, ModalBody, Slider, SliderTrack, SliderFilledTrack, SliderThumb, ModalFooter, VStack, Progress, Spinner as Spinner$2, Image as Image$1, keyframes, extendTheme, ChakraProvider, 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, Circle, TagLeftIcon, AlertTitle, AlertDescription, Tab, TabList, useClipboard, Tooltip as Tooltip$1, Grid, GridItem } 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, Menu, MenuButton, MenuCommand, MenuDivider, MenuGroup, MenuIcon, MenuItem, MenuItemOption, MenuList, MenuOptionGroup, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, NumberDecrementStepper, NumberIncrementStepper, OrderedList, PinInputField, Popover, 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, Table, TableCaption, TableContainer, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon, Tbody, Td, Text, Tfoot, Th, Thead, Tooltip, Tr, UnorderedList, VStack, VisuallyHidden, VisuallyHiddenInput, Wrap, WrapItem, 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 { Accordion as Accordion$1, AccordionButton as AccordionButton$1, AccordionPanel as AccordionPanel$1, AccordionItem as AccordionItem$1, useMultiStyleConfig, chakra, Alert as Alert$2, AspectRatio as AspectRatio$1, forwardRef, useStyleConfig, Icon as Icon$2, Box, Heading, Text, FormLabel as FormLabel$1, VisuallyHidden, HStack, Badge as Badge$1, Button as Button$2, Checkbox as Checkbox$2, useInterval, useMediaQuery, FormControl, Stack, FormErrorMessage, Flex, IconButton as IconButton$1, useDisclosure, useBoolean, useToken as useToken$1, Popover, PopoverTrigger, PopoverContent, PopoverHeader, PopoverBody, SimpleGrid, SlideFade as SlideFade$1, Table as Table$2, Thead, Tbody, Tr, Select as Select$2, PopoverAnchor, InputGroup, InputRightElement, Link as Link$1, Fade as Fade$1, ScaleFade as ScaleFade$1, Slide as Slide$1, Collapse as Collapse$1, Portal, CloseButton as CloseButton$1, Radio as Radio$2, RadioGroup as RadioGroup$1, Center, Tag as Tag$2, TagLabel, TagRightIcon, useEditableControls, useEditableState, Editable, InputLeftElement, Input as Input$1, EditablePreview, EditableInput, Modal as Modal$2, ModalOverlay, ModalContent, ModalCloseButton, ModalHeader, ModalBody, Slider, SliderTrack, SliderFilledTrack, SliderThumb, ModalFooter, VStack, Progress, Spinner as Spinner$2, Image as Image$1, keyframes, extendTheme, ChakraProvider, 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, Circle, TagLeftIcon, AlertTitle, AlertDescription, Tab, TabList, useClipboard, Tooltip as Tooltip$1, Grid, GridItem } 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, Menu, MenuButton, MenuCommand, MenuDivider, MenuGroup, MenuIcon, MenuItem, MenuItemOption, MenuList, MenuOptionGroup, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, NumberDecrementStepper, NumberIncrementStepper, OrderedList, PinInputField, Popover, 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, Tooltip, Tr, UnorderedList, VStack, VisuallyHidden, VisuallyHiddenInput, Wrap, WrapItem, 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, { isValidElement, cloneElement, Children, createContext, useContext, useState, useRef, useEffect, forwardRef as forwardRef$1, useImperativeHandle, memo, useMemo, useCallback } from 'react';
 import { UserSquareDuo, BusinessContactDuo, CheckDuo, ChevronUpDuo, ChevronDownDuo, ColorsDuo, CheckSolid, CalendarDuo, ChevronLeftSolid, ChevronRightSolid, XCloseSolid, ChevronUpSolid, ChevronDownSolid, ArrowCircleLeftDuo, ArrowCircleRightDuo, ChevronSelectorVerticalSolid, SearchDuo, DotsMatrixSolid, DragDuo, EditDuo, ZoomInDuo, Image03Solid, UploadCloudSolid, FileBlankDuo, EditBoxDuo, DownloadDuo, TrashFullDuo, Image03Duo, CheckCircleSolid, AlertTriangleSolid, AlertCircleSolid, BellSolid, StatusWorkingSolid, HourglassSolid, CDeleteSolid, CopyDuo } from '@northlight/icons';
 import { useToken, useMultiStyleConfig as useMultiStyleConfig$1, chakra as chakra$1 } from '@chakra-ui/system';
@@ -39,6 +39,24 @@ import AvatarEditor from 'react-avatar-editor';
 import { randomColor } from '@chakra-ui/theme-tools';
 import InputMask from 'react-input-mask';
 
+var __defProp$26 = Object.defineProperty;
+var __getOwnPropSymbols$26 = Object.getOwnPropertySymbols;
+var __hasOwnProp$26 = Object.prototype.hasOwnProperty;
+var __propIsEnum$26 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$26 = (obj, key, value) => key in obj ? __defProp$26(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$26 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$26.call(b, prop))
+      __defNormalProp$26(a, prop, b[prop]);
+  if (__getOwnPropSymbols$26)
+    for (var prop of __getOwnPropSymbols$26(b)) {
+      if (__propIsEnum$26.call(b, prop))
+        __defNormalProp$26(a, prop, b[prop]);
+    }
+  return a;
+};
+const Accordion = (props) => /* @__PURE__ */ React.createElement(Accordion$1, __spreadValues$26({}, props));
+
 var __defProp$25 = Object.defineProperty;
 var __getOwnPropSymbols$25 = Object.getOwnPropertySymbols;
 var __hasOwnProp$25 = Object.prototype.hasOwnProperty;
@@ -55,7 +73,7 @@ var __spreadValues$25 = (a, b) => {
     }
   return a;
 };
-const Accordion = (props) => /* @__PURE__ */ React.createElement(Accordion$1, __spreadValues$25({}, props));
+const AccordionButton = (props) => /* @__PURE__ */ React.createElement(AccordionButton$1, __spreadValues$25({}, props));
 
 var __defProp$24 = Object.defineProperty;
 var __getOwnPropSymbols$24 = Object.getOwnPropertySymbols;
@@ -73,7 +91,7 @@ var __spreadValues$24 = (a, b) => {
     }
   return a;
 };
-const AccordionButton = (props) => /* @__PURE__ */ React.createElement(AccordionButton$1, __spreadValues$24({}, props));
+const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(AccordionPanel$1, __spreadValues$24({}, props));
 
 var __defProp$23 = Object.defineProperty;
 var __getOwnPropSymbols$23 = Object.getOwnPropertySymbols;
@@ -91,7 +109,7 @@ var __spreadValues$23 = (a, b) => {
     }
   return a;
 };
-const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(AccordionPanel$1, __spreadValues$23({}, props));
+const AccordionItem = (props) => /* @__PURE__ */ React.createElement(AccordionItem$1, __spreadValues$23({}, props));
 
 var __defProp$22 = Object.defineProperty;
 var __getOwnPropSymbols$22 = Object.getOwnPropertySymbols;
@@ -109,32 +127,14 @@ var __spreadValues$22 = (a, b) => {
     }
   return a;
 };
-const AccordionItem = (props) => /* @__PURE__ */ React.createElement(AccordionItem$1, __spreadValues$22({}, props));
-
-var __defProp$21 = Object.defineProperty;
-var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
-var __hasOwnProp$21 = Object.prototype.hasOwnProperty;
-var __propIsEnum$21 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$21 = (obj, key, value) => key in obj ? __defProp$21(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$21 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$21.call(b, prop))
-      __defNormalProp$21(a, prop, b[prop]);
-  if (__getOwnPropSymbols$21)
-    for (var prop of __getOwnPropSymbols$21(b)) {
-      if (__propIsEnum$21.call(b, prop))
-        __defNormalProp$21(a, prop, b[prop]);
-    }
-  return a;
-};
 var __objRest$1u = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$21.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$22.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$21)
-    for (var prop of __getOwnPropSymbols$21(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$21.call(source, prop))
+  if (source != null && __getOwnPropSymbols$22)
+    for (var prop of __getOwnPropSymbols$22(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$22.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -153,7 +153,7 @@ const OrganizationLogo = (_a) => {
   const {
     container,
     text
-  } = useMultiStyleConfig("Avatar", __spreadValues$21({ variant, image }, rest));
+  } = useMultiStyleConfig("Avatar", __spreadValues$22({ variant, image }, rest));
   return /* @__PURE__ */ React.createElement(
     chakra.div,
     {
@@ -170,30 +170,30 @@ const OrganizationLogo = (_a) => {
   );
 };
 
-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) => {
+var __defProp$21 = Object.defineProperty;
+var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
+var __hasOwnProp$21 = Object.prototype.hasOwnProperty;
+var __propIsEnum$21 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$21 = (obj, key, value) => key in obj ? __defProp$21(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$21 = (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]);
+    if (__hasOwnProp$21.call(b, prop))
+      __defNormalProp$21(a, prop, b[prop]);
+  if (__getOwnPropSymbols$21)
+    for (var prop of __getOwnPropSymbols$21(b)) {
+      if (__propIsEnum$21.call(b, prop))
+        __defNormalProp$21(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$1t = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$20.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$21.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))
+  if (source != null && __getOwnPropSymbols$21)
+    for (var prop of __getOwnPropSymbols$21(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$21.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -206,8 +206,26 @@ const Alert$1 = (_a) => {
     "variant",
     "children"
   ]);
-  return /* @__PURE__ */ React.createElement(Alert$2, __spreadValues$20({ variant }, rest), children);
+  return /* @__PURE__ */ React.createElement(Alert$2, __spreadValues$21({ variant }, 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;
 };
+const AspectRatio = (props) => /* @__PURE__ */ React.createElement(AspectRatio$1, __spreadValues$20({}, props));
 
 var __defProp$1$ = Object.defineProperty;
 var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
@@ -225,32 +243,14 @@ var __spreadValues$1$ = (a, b) => {
     }
   return a;
 };
-const AspectRatio = (props) => /* @__PURE__ */ React.createElement(AspectRatio$1, __spreadValues$1$({}, props));
-
-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;
-};
 var __objRest$1s = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1_.call(source, prop) && exclude.indexOf(prop) < 0)
+    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))
+  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;
@@ -271,7 +271,7 @@ const Icon$1 = forwardRef((_a, ref) => {
   const styles = useStyleConfig("Icon", { size, color, boxSize });
   return /* @__PURE__ */ React.createElement(
     Icon$2,
-    __spreadValues$1_({
+    __spreadValues$1$({
       ref,
       sx: styles
     }, rest),
@@ -360,6 +360,24 @@ function getFieldError(name, errors) {
   return fieldError;
 }
 
+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 passPropsToChild = (child, styles) => isValidElement(child) ? cloneElement(child, __spreadValues$1_({}, styles)) : child;
+
 var __defProp$1Z = Object.defineProperty;
 var __getOwnPropSymbols$1Z = Object.getOwnPropertySymbols;
 var __hasOwnProp$1Z = Object.prototype.hasOwnProperty;
@@ -376,27 +394,9 @@ var __spreadValues$1Z = (a, b) => {
     }
   return a;
 };
-const passPropsToChild = (child, styles) => isValidElement(child) ? cloneElement(child, __spreadValues$1Z({}, styles)) : child;
-
-var __defProp$1Y = Object.defineProperty;
-var __getOwnPropSymbols$1Y = Object.getOwnPropertySymbols;
-var __hasOwnProp$1Y = Object.prototype.hasOwnProperty;
-var __propIsEnum$1Y = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1Y = (obj, key, value) => key in obj ? __defProp$1Y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1Y = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1Y.call(b, prop))
-      __defNormalProp$1Y(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1Y)
-    for (var prop of __getOwnPropSymbols$1Y(b)) {
-      if (__propIsEnum$1Y.call(b, prop))
-        __defNormalProp$1Y(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$1Y({}, styles)) : child);
+  const childrenWithoutFocus = childrenAsArr.map((child, i) => predicate(child, i) ? passPropsToChild(child, __spreadValues$1Z({}, styles)) : child);
   return childrenWithoutFocus;
 };
 
@@ -430,30 +430,30 @@ const AvatarBadge = ({
   return /* @__PURE__ */ React.createElement(chakra.span, { sx: badge }, notificationCount > 999 ? "999+" : notificationCount);
 };
 
-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) => {
+var __defProp$1Y = Object.defineProperty;
+var __getOwnPropSymbols$1Y = Object.getOwnPropertySymbols;
+var __hasOwnProp$1Y = Object.prototype.hasOwnProperty;
+var __propIsEnum$1Y = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1Y = (obj, key, value) => key in obj ? __defProp$1Y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1Y = (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]);
+    if (__hasOwnProp$1Y.call(b, prop))
+      __defNormalProp$1Y(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1Y)
+    for (var prop of __getOwnPropSymbols$1Y(b)) {
+      if (__propIsEnum$1Y.call(b, prop))
+        __defNormalProp$1Y(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$1r = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1X.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1Y.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))
+  if (source != null && __getOwnPropSymbols$1Y)
+    for (var prop of __getOwnPropSymbols$1Y(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1Y.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -478,7 +478,7 @@ const Avatar$1 = (_a) => {
     size,
     name
   });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues$1X({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues$1Y({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
     chakra.img,
     {
       alt: name,
@@ -495,6 +495,53 @@ const Avatar$1 = (_a) => {
   ), notificationCount > 0 && /* @__PURE__ */ React.createElement(AvatarBadge, { notificationCount }));
 };
 
+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$1q = (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 H1$1 = (_a) => {
+  var _b = _a, {
+    children,
+    sx = {}
+  } = _b, rest = __objRest$1q(_b, [
+    "children",
+    "sx"
+  ]);
+  const styles = useStyleConfig("H1", { sx });
+  return /* @__PURE__ */ React.createElement(
+    Heading,
+    __spreadValues$1X({
+      as: "h1",
+      sx: styles
+    }, rest),
+    children
+  );
+};
+
 var __defProp$1W = Object.defineProperty;
 var __getOwnPropSymbols$1W = Object.getOwnPropertySymbols;
 var __hasOwnProp$1W = Object.prototype.hasOwnProperty;
@@ -511,7 +558,7 @@ var __spreadValues$1W = (a, b) => {
     }
   return a;
 };
-var __objRest$1q = (source, exclude) => {
+var __objRest$1p = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1W.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -523,19 +570,19 @@ var __objRest$1q = (source, exclude) => {
     }
   return target;
 };
-const H1$1 = (_a) => {
+const H2$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1q(_b, [
+  } = _b, rest = __objRest$1p(_b, [
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H1", { sx });
+  const styles = useStyleConfig("H2", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$1W({
-      as: "h1",
+      as: "h2",
       sx: styles
     }, rest),
     children
@@ -558,7 +605,7 @@ var __spreadValues$1V = (a, b) => {
     }
   return a;
 };
-var __objRest$1p = (source, exclude) => {
+var __objRest$1o = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1V.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -570,19 +617,19 @@ var __objRest$1p = (source, exclude) => {
     }
   return target;
 };
-const H2$1 = (_a) => {
+const H3$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1p(_b, [
+  } = _b, rest = __objRest$1o(_b, [
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H2", { sx });
+  const styles = useStyleConfig("H3", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$1V({
-      as: "h2",
+      as: "h3",
       sx: styles
     }, rest),
     children
@@ -605,7 +652,7 @@ var __spreadValues$1U = (a, b) => {
     }
   return a;
 };
-var __objRest$1o = (source, exclude) => {
+var __objRest$1n = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1U.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -617,19 +664,19 @@ var __objRest$1o = (source, exclude) => {
     }
   return target;
 };
-const H3$1 = (_a) => {
+const H4$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1o(_b, [
+  } = _b, rest = __objRest$1n(_b, [
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H3", { sx });
+  const styles = useStyleConfig("H4", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$1U({
-      as: "h3",
+      as: "h4",
       sx: styles
     }, rest),
     children
@@ -652,7 +699,7 @@ var __spreadValues$1T = (a, b) => {
     }
   return a;
 };
-var __objRest$1n = (source, exclude) => {
+var __objRest$1m = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1T.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -664,19 +711,19 @@ var __objRest$1n = (source, exclude) => {
     }
   return target;
 };
-const H4$1 = (_a) => {
+const H5$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1n(_b, [
+  } = _b, rest = __objRest$1m(_b, [
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H4", { sx });
+  const styles = useStyleConfig("H5", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$1T({
-      as: "h4",
+      as: "h5",
       sx: styles
     }, rest),
     children
@@ -699,7 +746,7 @@ var __spreadValues$1S = (a, b) => {
     }
   return a;
 };
-var __objRest$1m = (source, exclude) => {
+var __objRest$1l = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1S.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -711,19 +758,19 @@ var __objRest$1m = (source, exclude) => {
     }
   return target;
 };
-const H5$1 = (_a) => {
+const H6$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1m(_b, [
+  } = _b, rest = __objRest$1l(_b, [
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("H5", { sx });
+  const styles = useStyleConfig("H6", { sx });
   return /* @__PURE__ */ React.createElement(
     Heading,
     __spreadValues$1S({
-      as: "h5",
+      as: "h6",
       sx: styles
     }, rest),
     children
@@ -746,7 +793,7 @@ var __spreadValues$1R = (a, b) => {
     }
   return a;
 };
-var __objRest$1l = (source, exclude) => {
+var __objRest$1k = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1R.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -758,19 +805,21 @@ var __objRest$1l = (source, exclude) => {
     }
   return target;
 };
-const H6$1 = (_a) => {
+const P$1 = (_a) => {
   var _b = _a, {
     children,
+    variant = "16",
     sx = {}
-  } = _b, rest = __objRest$1l(_b, [
+  } = _b, rest = __objRest$1k(_b, [
     "children",
+    "variant",
     "sx"
   ]);
-  const styles = useStyleConfig("H6", { sx });
+  const styles = useStyleConfig("P", { variant, sx });
   return /* @__PURE__ */ React.createElement(
-    Heading,
+    Text,
     __spreadValues$1R({
-      as: "h6",
+      variant,
       sx: styles
     }, rest),
     children
@@ -793,7 +842,7 @@ var __spreadValues$1Q = (a, b) => {
     }
   return a;
 };
-var __objRest$1k = (source, exclude) => {
+var __objRest$1j = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1Q.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -805,25 +854,10 @@ var __objRest$1k = (source, exclude) => {
     }
   return target;
 };
-const P$1 = (_a) => {
-  var _b = _a, {
-    children,
-    variant = "16",
-    sx = {}
-  } = _b, rest = __objRest$1k(_b, [
-    "children",
-    "variant",
-    "sx"
-  ]);
-  const styles = useStyleConfig("P", { variant, sx });
-  return /* @__PURE__ */ React.createElement(
-    Text,
-    __spreadValues$1Q({
-      variant,
-      sx: styles
-    }, rest),
-    children
-  );
+const Blockquote$1 = (_a) => {
+  var _b = _a, { children, sx = {} } = _b, rest = __objRest$1j(_b, ["children", "sx"]);
+  const styles = useStyleConfig("Blockquote", { sx });
+  return /* @__PURE__ */ React.createElement(Text, __spreadValues$1Q({ as: "span", sx: styles }, rest), children);
 };
 
 var __defProp$1P = Object.defineProperty;
@@ -842,7 +876,7 @@ var __spreadValues$1P = (a, b) => {
     }
   return a;
 };
-var __objRest$1j = (source, exclude) => {
+var __objRest$1i = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1P.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -854,10 +888,23 @@ var __objRest$1j = (source, exclude) => {
     }
   return target;
 };
-const Blockquote$1 = (_a) => {
-  var _b = _a, { children, sx = {} } = _b, rest = __objRest$1j(_b, ["children", "sx"]);
-  const styles = useStyleConfig("Blockquote", { sx });
-  return /* @__PURE__ */ React.createElement(Text, __spreadValues$1P({ as: "span", sx: styles }, rest), children);
+const Capitalized$1 = (_a) => {
+  var _b = _a, {
+    children,
+    sx = {}
+  } = _b, rest = __objRest$1i(_b, [
+    "children",
+    "sx"
+  ]);
+  const styles = useStyleConfig("Capitalized", { sx });
+  return /* @__PURE__ */ React.createElement(
+    Text,
+    __spreadValues$1P({
+      as: "span",
+      sx: styles
+    }, rest),
+    children
+  );
 };
 
 var __defProp$1O = Object.defineProperty;
@@ -876,7 +923,7 @@ var __spreadValues$1O = (a, b) => {
     }
   return a;
 };
-var __objRest$1i = (source, exclude) => {
+var __objRest$1h = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1O.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -888,15 +935,15 @@ var __objRest$1i = (source, exclude) => {
     }
   return target;
 };
-const Capitalized$1 = (_a) => {
+const Lead$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1i(_b, [
+  } = _b, rest = __objRest$1h(_b, [
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("Capitalized", { sx });
+  const styles = useStyleConfig("Lead", { sx });
   return /* @__PURE__ */ React.createElement(
     Text,
     __spreadValues$1O({
@@ -923,7 +970,7 @@ var __spreadValues$1N = (a, b) => {
     }
   return a;
 };
-var __objRest$1h = (source, exclude) => {
+var __objRest$1g = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1N.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -935,19 +982,19 @@ var __objRest$1h = (source, exclude) => {
     }
   return target;
 };
-const Lead$1 = (_a) => {
+const Small$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1h(_b, [
+  } = _b, rest = __objRest$1g(_b, [
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("Lead", { sx });
+  const styles = useStyleConfig("Small", { sx });
   return /* @__PURE__ */ React.createElement(
     Text,
     __spreadValues$1N({
-      as: "span",
+      as: "small",
       sx: styles
     }, rest),
     children
@@ -970,7 +1017,7 @@ var __spreadValues$1M = (a, b) => {
     }
   return a;
 };
-var __objRest$1g = (source, exclude) => {
+var __objRest$1f = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1M.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -982,19 +1029,19 @@ var __objRest$1g = (source, exclude) => {
     }
   return target;
 };
-const Small$1 = (_a) => {
+const Tiny$1 = (_a) => {
   var _b = _a, {
     children,
     sx = {}
-  } = _b, rest = __objRest$1g(_b, [
+  } = _b, rest = __objRest$1f(_b, [
     "children",
     "sx"
   ]);
-  const styles = useStyleConfig("Small", { sx });
+  const styles = useStyleConfig("Tiny", { sx });
   return /* @__PURE__ */ React.createElement(
     Text,
     __spreadValues$1M({
-      as: "small",
+      as: "span",
       sx: styles
     }, rest),
     children
@@ -1017,7 +1064,7 @@ var __spreadValues$1L = (a, b) => {
     }
   return a;
 };
-var __objRest$1f = (source, exclude) => {
+var __objRest$1e = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1L.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1029,53 +1076,6 @@ var __objRest$1f = (source, exclude) => {
     }
   return target;
 };
-const Tiny$1 = (_a) => {
-  var _b = _a, {
-    children,
-    sx = {}
-  } = _b, rest = __objRest$1f(_b, [
-    "children",
-    "sx"
-  ]);
-  const styles = useStyleConfig("Tiny", { sx });
-  return /* @__PURE__ */ React.createElement(
-    Text,
-    __spreadValues$1L({
-      as: "span",
-      sx: styles
-    }, rest),
-    children
-  );
-};
-
-var __defProp$1K = Object.defineProperty;
-var __getOwnPropSymbols$1K = Object.getOwnPropertySymbols;
-var __hasOwnProp$1K = Object.prototype.hasOwnProperty;
-var __propIsEnum$1K = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1K = (obj, key, value) => key in obj ? __defProp$1K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1K = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1K.call(b, prop))
-      __defNormalProp$1K(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1K)
-    for (var prop of __getOwnPropSymbols$1K(b)) {
-      if (__propIsEnum$1K.call(b, prop))
-        __defNormalProp$1K(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$1e = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1K.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1K)
-    for (var prop of __getOwnPropSymbols$1K(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1K.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const Label$1 = (_a) => {
   var _b = _a, {
     children,
@@ -1089,7 +1089,7 @@ const Label$1 = (_a) => {
   const styles = useStyleConfig("Label", { sx, size });
   return /* @__PURE__ */ React.createElement(
     FormLabel$1,
-    __spreadValues$1K({
+    __spreadValues$1L({
       sx: styles,
       requiredIndicator: /* @__PURE__ */ React.createElement(VisuallyHidden, null)
     }, rest),
@@ -1177,30 +1177,30 @@ const useOverflowGroup = () => {
   return { rect, containerRef };
 };
 
-var __defProp$1J = Object.defineProperty;
-var __getOwnPropSymbols$1J = Object.getOwnPropertySymbols;
-var __hasOwnProp$1J = Object.prototype.hasOwnProperty;
-var __propIsEnum$1J = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1J = (obj, key, value) => key in obj ? __defProp$1J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1J = (a, b) => {
+var __defProp$1K = Object.defineProperty;
+var __getOwnPropSymbols$1K = Object.getOwnPropertySymbols;
+var __hasOwnProp$1K = Object.prototype.hasOwnProperty;
+var __propIsEnum$1K = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1K = (obj, key, value) => key in obj ? __defProp$1K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1K = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1J.call(b, prop))
-      __defNormalProp$1J(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1J)
-    for (var prop of __getOwnPropSymbols$1J(b)) {
-      if (__propIsEnum$1J.call(b, prop))
-        __defNormalProp$1J(a, prop, b[prop]);
+    if (__hasOwnProp$1K.call(b, prop))
+      __defNormalProp$1K(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1K)
+    for (var prop of __getOwnPropSymbols$1K(b)) {
+      if (__propIsEnum$1K.call(b, prop))
+        __defNormalProp$1K(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$1d = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1J.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1K.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1J)
-    for (var prop of __getOwnPropSymbols$1J(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1J.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1K)
+    for (var prop of __getOwnPropSymbols$1K(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1K.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1216,9 +1216,27 @@ const AvatarGroup = (_a) => {
     "spacing"
   ]);
   const [nbrRemainingAvatars, setNbrRemainingAvatars] = useState(0);
-  return /* @__PURE__ */ React.createElement(HStack, __spreadValues$1J({ bgColor: "background.default" }, rest), /* @__PURE__ */ React.createElement(HStack, { spacing }, /* @__PURE__ */ React.createElement(OverflowGroup, { max, onChange: setNbrRemainingAvatars }, children)), nbrRemainingAvatars > 0 && /* @__PURE__ */ React.createElement(Small$1, { sx: { color: "blue.500" } }, "+", nbrRemainingAvatars));
+  return /* @__PURE__ */ React.createElement(HStack, __spreadValues$1K({ bgColor: "background.default" }, rest), /* @__PURE__ */ React.createElement(HStack, { spacing }, /* @__PURE__ */ React.createElement(OverflowGroup, { max, onChange: setNbrRemainingAvatars }, children)), nbrRemainingAvatars > 0 && /* @__PURE__ */ React.createElement(Small$1, { sx: { color: "blue.500" } }, "+", nbrRemainingAvatars));
 };
 
+var __defProp$1J = Object.defineProperty;
+var __getOwnPropSymbols$1J = Object.getOwnPropertySymbols;
+var __hasOwnProp$1J = Object.prototype.hasOwnProperty;
+var __propIsEnum$1J = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1J = (obj, key, value) => key in obj ? __defProp$1J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1J = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1J.call(b, prop))
+      __defNormalProp$1J(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1J)
+    for (var prop of __getOwnPropSymbols$1J(b)) {
+      if (__propIsEnum$1J.call(b, prop))
+        __defNormalProp$1J(a, prop, b[prop]);
+    }
+  return a;
+};
+const Badge = (props) => /* @__PURE__ */ React.createElement(Badge$1, __spreadValues$1J({}, props));
+
 var __defProp$1I = Object.defineProperty;
 var __getOwnPropSymbols$1I = Object.getOwnPropertySymbols;
 var __hasOwnProp$1I = Object.prototype.hasOwnProperty;
@@ -1235,7 +1253,31 @@ var __spreadValues$1I = (a, b) => {
     }
   return a;
 };
-const Badge = (props) => /* @__PURE__ */ React.createElement(Badge$1, __spreadValues$1I({}, props));
+var __objRest$1c = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1I.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1I)
+    for (var prop of __getOwnPropSymbols$1I(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1I.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Blinker$1 = (_a) => {
+  var _b = _a, {
+    color = "",
+    size,
+    isBlinking = true
+  } = _b, rest = __objRest$1c(_b, [
+    "color",
+    "size",
+    "isBlinking"
+  ]);
+  const styles = useStyleConfig("Blinker", { color, size, isBlinking });
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues$1I({ sx: styles, "data-testid": "blinker-test-id" }, rest));
+};
 
 var __defProp$1H = Object.defineProperty;
 var __getOwnPropSymbols$1H = Object.getOwnPropertySymbols;
@@ -1253,7 +1295,7 @@ var __spreadValues$1H = (a, b) => {
     }
   return a;
 };
-var __objRest$1c = (source, exclude) => {
+var __objRest$1b = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1H.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1265,19 +1307,12 @@ var __objRest$1c = (source, exclude) => {
     }
   return target;
 };
-const Blinker$1 = (_a) => {
-  var _b = _a, {
-    color = "",
-    size,
-    isBlinking = true
-  } = _b, rest = __objRest$1c(_b, [
-    "color",
-    "size",
-    "isBlinking"
-  ]);
-  const styles = useStyleConfig("Blinker", { color, size, isBlinking });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues$1H({ sx: styles, "data-testid": "blinker-test-id" }, rest));
-};
+const Button$1 = forwardRef$1(
+  (_a, ref) => {
+    var _b = _a, { variant = "default", children } = _b, rest = __objRest$1b(_b, ["variant", "children"]);
+    return /* @__PURE__ */ React.createElement(Button$2, __spreadValues$1H({ variant, ref }, rest), children);
+  }
+);
 
 var __defProp$1G = Object.defineProperty;
 var __getOwnPropSymbols$1G = Object.getOwnPropertySymbols;
@@ -1295,7 +1330,7 @@ var __spreadValues$1G = (a, b) => {
     }
   return a;
 };
-var __objRest$1b = (source, exclude) => {
+var __objRest$1a = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1G.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1307,41 +1342,6 @@ var __objRest$1b = (source, exclude) => {
     }
   return target;
 };
-const Button$1 = forwardRef$1(
-  (_a, ref) => {
-    var _b = _a, { variant = "default", children } = _b, rest = __objRest$1b(_b, ["variant", "children"]);
-    return /* @__PURE__ */ React.createElement(Button$2, __spreadValues$1G({ variant, ref }, rest), children);
-  }
-);
-
-var __defProp$1F = Object.defineProperty;
-var __getOwnPropSymbols$1F = Object.getOwnPropertySymbols;
-var __hasOwnProp$1F = Object.prototype.hasOwnProperty;
-var __propIsEnum$1F = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1F = (obj, key, value) => key in obj ? __defProp$1F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1F = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1F.call(b, prop))
-      __defNormalProp$1F(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1F)
-    for (var prop of __getOwnPropSymbols$1F(b)) {
-      if (__propIsEnum$1F.call(b, prop))
-        __defNormalProp$1F(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$1a = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1F.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1F)
-    for (var prop of __getOwnPropSymbols$1F(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1F.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const Checkbox$1 = (_a) => {
   var _b = _a, {
     value,
@@ -1358,7 +1358,7 @@ const Checkbox$1 = (_a) => {
   ]);
   return /* @__PURE__ */ React.createElement(
     Checkbox$2,
-    __spreadValues$1F({
+    __spreadValues$1G({
       size,
       id: name,
       onChange,
@@ -1384,30 +1384,30 @@ const trimFormValues = (obj) => {
   return newObj;
 };
 
-var __defProp$1E = Object.defineProperty;
-var __getOwnPropSymbols$1E = Object.getOwnPropertySymbols;
-var __hasOwnProp$1E = Object.prototype.hasOwnProperty;
-var __propIsEnum$1E = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1E = (obj, key, value) => key in obj ? __defProp$1E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1E = (a, b) => {
+var __defProp$1F = Object.defineProperty;
+var __getOwnPropSymbols$1F = Object.getOwnPropertySymbols;
+var __hasOwnProp$1F = Object.prototype.hasOwnProperty;
+var __propIsEnum$1F = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1F = (obj, key, value) => key in obj ? __defProp$1F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1F = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1E.call(b, prop))
-      __defNormalProp$1E(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1E)
-    for (var prop of __getOwnPropSymbols$1E(b)) {
-      if (__propIsEnum$1E.call(b, prop))
-        __defNormalProp$1E(a, prop, b[prop]);
+    if (__hasOwnProp$1F.call(b, prop))
+      __defNormalProp$1F(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1F)
+    for (var prop of __getOwnPropSymbols$1F(b)) {
+      if (__propIsEnum$1F.call(b, prop))
+        __defNormalProp$1F(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$19 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1E.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1F.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1E)
-    for (var prop of __getOwnPropSymbols$1E(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1E.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1F)
+    for (var prop of __getOwnPropSymbols$1F(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1F.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1438,7 +1438,7 @@ const Form = forwardRef$1((_a, ref) => {
     values,
     errors: validate(values)
   });
-  const newMethods = methods || useForm(__spreadValues$1E({
+  const newMethods = methods || useForm(__spreadValues$1F({
     defaultValues: initialValues,
     resolver: validate ? customResolver : void 0
   }, formSettings));
@@ -1464,33 +1464,33 @@ const Form = forwardRef$1((_a, ref) => {
     newMethods.trigger();
     e.preventDefault();
   };
-  return /* @__PURE__ */ React.createElement(FormProvider, __spreadValues$1E(__spreadValues$1E({}, newMethods), rest), /* @__PURE__ */ React.createElement("form", { style: __spreadValues$1E({ width: "100%" }, innerFormStyle), onSubmit: handleSubmit }, typeof children === "function" ? children(newMethods) : children));
+  return /* @__PURE__ */ React.createElement(FormProvider, __spreadValues$1F(__spreadValues$1F({}, newMethods), rest), /* @__PURE__ */ React.createElement("form", { style: __spreadValues$1F({ width: "100%" }, innerFormStyle), onSubmit: handleSubmit }, typeof children === "function" ? children(newMethods) : children));
 });
 
-var __defProp$1D = Object.defineProperty;
-var __getOwnPropSymbols$1D = Object.getOwnPropertySymbols;
-var __hasOwnProp$1D = Object.prototype.hasOwnProperty;
-var __propIsEnum$1D = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1D = (obj, key, value) => key in obj ? __defProp$1D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1D = (a, b) => {
+var __defProp$1E = Object.defineProperty;
+var __getOwnPropSymbols$1E = Object.getOwnPropertySymbols;
+var __hasOwnProp$1E = Object.prototype.hasOwnProperty;
+var __propIsEnum$1E = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1E = (obj, key, value) => key in obj ? __defProp$1E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1E = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1D.call(b, prop))
-      __defNormalProp$1D(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1D)
-    for (var prop of __getOwnPropSymbols$1D(b)) {
-      if (__propIsEnum$1D.call(b, prop))
-        __defNormalProp$1D(a, prop, b[prop]);
+    if (__hasOwnProp$1E.call(b, prop))
+      __defNormalProp$1E(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1E)
+    for (var prop of __getOwnPropSymbols$1E(b)) {
+      if (__propIsEnum$1E.call(b, prop))
+        __defNormalProp$1E(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$18 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1D.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1E.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1D)
-    for (var prop of __getOwnPropSymbols$1D(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1D.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1E)
+    for (var prop of __getOwnPropSymbols$1E(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1E.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1503,7 +1503,7 @@ const FormLabel = (_a) => {
   ]);
   return /* @__PURE__ */ React.createElement(
     Label$1,
-    __spreadValues$1D({
+    __spreadValues$1E({
       size: "sm",
       sx: {
         width: "80%",
@@ -1740,30 +1740,40 @@ const useScreenSize = () => {
   return "sm";
 };
 
-var __defProp$1C = Object.defineProperty;
-var __getOwnPropSymbols$1C = Object.getOwnPropertySymbols;
-var __hasOwnProp$1C = Object.prototype.hasOwnProperty;
-var __propIsEnum$1C = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1C = (obj, key, value) => key in obj ? __defProp$1C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1C = (a, b) => {
+const useDidUpdateEffect = (effect, dependencies) => {
+  const didMountRef = useRef(false);
+  useEffect(() => {
+    if (didMountRef.current) {
+      effect();
+    }
+    didMountRef.current = true;
+  }, dependencies);
+};
+
+var __defProp$1D = Object.defineProperty;
+var __getOwnPropSymbols$1D = Object.getOwnPropertySymbols;
+var __hasOwnProp$1D = Object.prototype.hasOwnProperty;
+var __propIsEnum$1D = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1D = (obj, key, value) => key in obj ? __defProp$1D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1D = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1C.call(b, prop))
-      __defNormalProp$1C(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1C)
-    for (var prop of __getOwnPropSymbols$1C(b)) {
-      if (__propIsEnum$1C.call(b, prop))
-        __defNormalProp$1C(a, prop, b[prop]);
+    if (__hasOwnProp$1D.call(b, prop))
+      __defNormalProp$1D(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1D)
+    for (var prop of __getOwnPropSymbols$1D(b)) {
+      if (__propIsEnum$1D.call(b, prop))
+        __defNormalProp$1D(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$17 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1C.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1D.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1C)
-    for (var prop of __getOwnPropSymbols$1C(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1C.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1D)
+    for (var prop of __getOwnPropSymbols$1D(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1D.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1794,7 +1804,7 @@ function Field(_a) {
   const fieldError = getFieldError(name, errors);
   return /* @__PURE__ */ React.createElement(FormControl, { isInvalid: !!fieldError, isRequired }, /* @__PURE__ */ React.createElement(
     Stack,
-    __spreadValues$1C({
+    __spreadValues$1D({
       spacing: "auto",
       direction,
       alignItems: direction === "column" ? "stretch" : "center"
@@ -1821,30 +1831,30 @@ const useSetValueRefreshed = () => {
   return setValueRefreshed;
 };
 
-var __defProp$1B = Object.defineProperty;
-var __getOwnPropSymbols$1B = Object.getOwnPropertySymbols;
-var __hasOwnProp$1B = Object.prototype.hasOwnProperty;
-var __propIsEnum$1B = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1B = (obj, key, value) => key in obj ? __defProp$1B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1B = (a, b) => {
+var __defProp$1C = Object.defineProperty;
+var __getOwnPropSymbols$1C = Object.getOwnPropertySymbols;
+var __hasOwnProp$1C = Object.prototype.hasOwnProperty;
+var __propIsEnum$1C = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1C = (obj, key, value) => key in obj ? __defProp$1C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1C = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1B.call(b, prop))
-      __defNormalProp$1B(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1B)
-    for (var prop of __getOwnPropSymbols$1B(b)) {
-      if (__propIsEnum$1B.call(b, prop))
-        __defNormalProp$1B(a, prop, b[prop]);
+    if (__hasOwnProp$1C.call(b, prop))
+      __defNormalProp$1C(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1C)
+    for (var prop of __getOwnPropSymbols$1C(b)) {
+      if (__propIsEnum$1C.call(b, prop))
+        __defNormalProp$1C(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$16 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1B.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1C.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1B)
-    for (var prop of __getOwnPropSymbols$1B(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1B.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1C)
+    for (var prop of __getOwnPropSymbols$1C(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1C.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1894,7 +1904,7 @@ const CheckboxField = (_a) => {
         },
         /* @__PURE__ */ React.createElement(
           Checkbox$1,
-          __spreadValues$1B({
+          __spreadValues$1C({
             name,
             onChange: (e) => {
               onChange(e);
@@ -1911,30 +1921,30 @@ const CheckboxField = (_a) => {
   );
 };
 
-var __defProp$1A = Object.defineProperty;
-var __getOwnPropSymbols$1A = Object.getOwnPropertySymbols;
-var __hasOwnProp$1A = Object.prototype.hasOwnProperty;
-var __propIsEnum$1A = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1A = (obj, key, value) => key in obj ? __defProp$1A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1A = (a, b) => {
+var __defProp$1B = Object.defineProperty;
+var __getOwnPropSymbols$1B = Object.getOwnPropertySymbols;
+var __hasOwnProp$1B = Object.prototype.hasOwnProperty;
+var __propIsEnum$1B = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1B = (obj, key, value) => key in obj ? __defProp$1B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1B = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1A.call(b, prop))
-      __defNormalProp$1A(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1A)
-    for (var prop of __getOwnPropSymbols$1A(b)) {
-      if (__propIsEnum$1A.call(b, prop))
-        __defNormalProp$1A(a, prop, b[prop]);
+    if (__hasOwnProp$1B.call(b, prop))
+      __defNormalProp$1B(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1B)
+    for (var prop of __getOwnPropSymbols$1B(b)) {
+      if (__propIsEnum$1B.call(b, prop))
+        __defNormalProp$1B(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$15 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1A.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1B.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1A)
-    for (var prop of __getOwnPropSymbols$1A(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1A.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1B)
+    for (var prop of __getOwnPropSymbols$1B(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1B.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1955,7 +1965,7 @@ const IconButton = forwardRef$1((_a, ref) => {
   const IconWithSize = cloneElement(IconComponent, { size: rest.size });
   return /* @__PURE__ */ React.createElement(
     IconButton$1,
-    __spreadValues$1A({
+    __spreadValues$1B({
       variant,
       icon: IconWithSize,
       "aria-label": ariaLabel,
@@ -2046,30 +2056,30 @@ const ColorsExpandButton = ({
   );
 };
 
-var __defProp$1z = Object.defineProperty;
-var __getOwnPropSymbols$1z = Object.getOwnPropertySymbols;
-var __hasOwnProp$1z = Object.prototype.hasOwnProperty;
-var __propIsEnum$1z = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1z = (obj, key, value) => key in obj ? __defProp$1z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1z = (a, b) => {
+var __defProp$1A = Object.defineProperty;
+var __getOwnPropSymbols$1A = Object.getOwnPropertySymbols;
+var __hasOwnProp$1A = Object.prototype.hasOwnProperty;
+var __propIsEnum$1A = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1A = (obj, key, value) => key in obj ? __defProp$1A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1A = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1z.call(b, prop))
-      __defNormalProp$1z(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1z)
-    for (var prop of __getOwnPropSymbols$1z(b)) {
-      if (__propIsEnum$1z.call(b, prop))
-        __defNormalProp$1z(a, prop, b[prop]);
+    if (__hasOwnProp$1A.call(b, prop))
+      __defNormalProp$1A(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1A)
+    for (var prop of __getOwnPropSymbols$1A(b)) {
+      if (__propIsEnum$1A.call(b, prop))
+        __defNormalProp$1A(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$14 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1z.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1A.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1z)
-    for (var prop of __getOwnPropSymbols$1z(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1z.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1A)
+    for (var prop of __getOwnPropSymbols$1A(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1A.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2148,7 +2158,7 @@ const ColorPicker$1 = (_a) => {
     },
     /* @__PURE__ */ React.createElement(PopoverTrigger, null, /* @__PURE__ */ React.createElement(
       IconButton,
-      __spreadValues$1z({
+      __spreadValues$1A({
         onClick: onToggle,
         "aria-label": name || "color picker",
         name,
@@ -2197,30 +2207,30 @@ const ColorPicker$1 = (_a) => {
   ));
 };
 
-var __defProp$1y = Object.defineProperty;
-var __getOwnPropSymbols$1y = Object.getOwnPropertySymbols;
-var __hasOwnProp$1y = Object.prototype.hasOwnProperty;
-var __propIsEnum$1y = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1y = (obj, key, value) => key in obj ? __defProp$1y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1y = (a, b) => {
+var __defProp$1z = Object.defineProperty;
+var __getOwnPropSymbols$1z = Object.getOwnPropertySymbols;
+var __hasOwnProp$1z = Object.prototype.hasOwnProperty;
+var __propIsEnum$1z = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1z = (obj, key, value) => key in obj ? __defProp$1z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1z = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1y.call(b, prop))
-      __defNormalProp$1y(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1y)
-    for (var prop of __getOwnPropSymbols$1y(b)) {
-      if (__propIsEnum$1y.call(b, prop))
-        __defNormalProp$1y(a, prop, b[prop]);
+    if (__hasOwnProp$1z.call(b, prop))
+      __defNormalProp$1z(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1z)
+    for (var prop of __getOwnPropSymbols$1z(b)) {
+      if (__propIsEnum$1z.call(b, prop))
+        __defNormalProp$1z(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$13 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1y.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1z.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1y)
-    for (var prop of __getOwnPropSymbols$1y(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1y.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1z)
+    for (var prop of __getOwnPropSymbols$1z(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1z.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2250,7 +2260,7 @@ const ColorPickerField = (_a) => {
     },
     ({ onChange, value }) => /* @__PURE__ */ React.createElement(
       ColorPicker$1,
-      __spreadValues$1y({
+      __spreadValues$1z({
         name,
         onChange,
         value
@@ -2259,21 +2269,21 @@ const ColorPickerField = (_a) => {
   );
 };
 
-var __defProp$1x = Object.defineProperty;
+var __defProp$1y = Object.defineProperty;
 var __defProps$u = Object.defineProperties;
 var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
-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) => {
+var __getOwnPropSymbols$1y = Object.getOwnPropertySymbols;
+var __hasOwnProp$1y = Object.prototype.hasOwnProperty;
+var __propIsEnum$1y = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1y = (obj, key, value) => key in obj ? __defProp$1y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1y = (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]);
+    if (__hasOwnProp$1y.call(b, prop))
+      __defNormalProp$1y(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1y)
+    for (var prop of __getOwnPropSymbols$1y(b)) {
+      if (__propIsEnum$1y.call(b, prop))
+        __defNormalProp$1y(a, prop, b[prop]);
     }
   return a;
 };
@@ -2281,7 +2291,7 @@ var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
 const FlipButtonContext = createContext(null);
 const useFlipButtonState = (props, isMulti) => isMulti ? useCheckboxGroupState(props) : useRadioGroupState(props);
 const useFlipButtonGroup = (props, state, isMulti) => {
-  const propsWithLabel = __spreadProps$u(__spreadValues$1x({}, props), {
+  const propsWithLabel = __spreadProps$u(__spreadValues$1y({}, props), {
     "aria-label": `${isMulti ? "Checkbox" : "Radio"}-button-group`
   });
   return isMulti ? useCheckboxGroup(
@@ -2298,21 +2308,21 @@ const useFlipButton = (props, isMulti) => {
   return { state, flipButtonGroupProps };
 };
 
-var __defProp$1w = Object.defineProperty;
+var __defProp$1x = Object.defineProperty;
 var __defProps$t = Object.defineProperties;
 var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
-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 __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;
 };
@@ -2320,11 +2330,11 @@ var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
 var __objRest$12 = (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;
@@ -2363,7 +2373,7 @@ const FlipButton$1 = (props) => {
   };
   const focusRing = isFocused ? focusStyles : {};
   const isSelected = isMulti ? state.isSelected(value) : state.selectedValue === value;
-  const flipButtonProps = __spreadProps$t(__spreadValues$1w({}, mergeProps(inputProps, focusProps)), {
+  const flipButtonProps = __spreadProps$t(__spreadValues$1x({}, mergeProps(inputProps, focusProps)), {
     ref,
     style: { opacity: "0", width: "0", height: "0" },
     "aria-label": isMulti ? "Checkbox-input" : "Radio-input"
@@ -2375,7 +2385,7 @@ const FlipButton$1 = (props) => {
     as: "label",
     cursor: "pointer"
   };
-  return typeof children === "function" ? children(__spreadValues$1w({
+  return typeof children === "function" ? children(__spreadValues$1x({
     state,
     containerProps,
     flipButtonProps,
@@ -2394,27 +2404,27 @@ const FlipButton$1 = (props) => {
       "aria-disabled": isDisabled,
       as: "label"
     },
-    /* @__PURE__ */ React.createElement("input", __spreadValues$1w({}, flipButtonProps)),
+    /* @__PURE__ */ React.createElement("input", __spreadValues$1x({}, flipButtonProps)),
     icon && iconPlacement !== "none" ? /* @__PURE__ */ React.createElement(Icon$1, { as: icon || CheckSolid, sx: buttonIcon }) : isSelected && iconPlacement !== "none" && /* @__PURE__ */ React.createElement(SlideFade$1, { in: isSelected }, /* @__PURE__ */ React.createElement(Icon$1, { as: icon || CheckSolid, sx: buttonIcon })),
     /* @__PURE__ */ React.createElement(Text, { textAlign: "center" }, children)
   );
 };
 
-var __defProp$1v = Object.defineProperty;
+var __defProp$1w = Object.defineProperty;
 var __defProps$s = Object.defineProperties;
 var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
-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 __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;
 };
@@ -2422,11 +2432,11 @@ var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
 var __objRest$11 = (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;
@@ -2458,7 +2468,7 @@ const FlipButtonGroup = (props) => {
   const { state, flipButtonGroupProps } = useFlipButton(props, isMulti);
   const numberOfButtons = Children.count(children);
   const childrenWithProps = Children.toArray(children).map(
-    (child) => isValidElement(child) ? cloneElement(child, __spreadValues$1v({
+    (child) => isValidElement(child) ? cloneElement(child, __spreadValues$1w({
       key: child.props.value,
       isMulti,
       variant,
@@ -2477,7 +2487,7 @@ const FlipButtonGroup = (props) => {
   const restWithoutOnChange = omit(["onChange"], rest);
   return /* @__PURE__ */ React.createElement(
     Stack,
-    __spreadValues$1v(__spreadProps$s(__spreadValues$1v({}, flipButtonGroupProps), {
+    __spreadValues$1w(__spreadProps$s(__spreadValues$1w({}, flipButtonGroupProps), {
       direction,
       id: name,
       spacing: 0,
@@ -2487,30 +2497,30 @@ const FlipButtonGroup = (props) => {
   );
 };
 
-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) => {
+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) => {
   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 __objRest$10 = (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;
@@ -2546,7 +2556,7 @@ const FlipButtonGroupField = (_a) => {
     },
     ({ onChange, value }) => /* @__PURE__ */ React.createElement(
       FlipButtonGroup,
-      __spreadValues$1u({
+      __spreadValues$1v({
         name,
         onChange: (e) => {
           onChange(e);
@@ -2561,21 +2571,21 @@ const FlipButtonGroupField = (_a) => {
   );
 };
 
-var __defProp$1t = Object.defineProperty;
+var __defProp$1u = Object.defineProperty;
 var __defProps$r = Object.defineProperties;
 var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
-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 __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;
 };
@@ -2586,7 +2596,7 @@ const Trigger = (props) => {
   const { buttonProps } = useButton(props, ref);
   return /* @__PURE__ */ React.createElement(
     Button$1,
-    __spreadProps$r(__spreadValues$1t({}, buttonProps), {
+    __spreadProps$r(__spreadValues$1u({}, buttonProps), {
       ref,
       size: "sm",
       boxSize: 8,
@@ -2599,21 +2609,21 @@ const Trigger = (props) => {
   );
 };
 
-var __defProp$1s = Object.defineProperty;
+var __defProp$1t = Object.defineProperty;
 var __defProps$q = Object.defineProperties;
 var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
-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 __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;
 };
@@ -2626,7 +2636,7 @@ const DateSegment = ({ segment, state }) => {
   const minWidth = `${String(segment.maxValue).length}ch`;
   return /* @__PURE__ */ React.createElement(
     Box,
-    __spreadProps$q(__spreadValues$1s({}, segmentProps), {
+    __spreadProps$q(__spreadValues$1t({}, segmentProps), {
       ref,
       __css: dateSegment,
       minWidth: isDivider ? 0 : minWidth,
@@ -2646,28 +2656,28 @@ const mapFormat = {
 const formatQuery = (query) => mapFormat[toLower(query)[0]];
 const delimeterIncluded = /([.,:;|\-/\\])/;
 
-var __defProp$1r = Object.defineProperty;
+var __defProp$1s = Object.defineProperty;
 var __defProps$p = Object.defineProperties;
 var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1r = Object.getOwnPropertySymbols;
-var __hasOwnProp$1r = Object.prototype.hasOwnProperty;
-var __propIsEnum$1r = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1r = (obj, key, value) => key in obj ? __defProp$1r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1r = (a, b) => {
+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$1r.call(b, prop))
-      __defNormalProp$1r(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1r)
-    for (var prop of __getOwnPropSymbols$1r(b)) {
-      if (__propIsEnum$1r.call(b, prop))
-        __defNormalProp$1r(a, prop, b[prop]);
+    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 __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
 const DateField = (props) => {
   const ref = useRef(null);
-  const state = useDateFieldState(__spreadProps$p(__spreadValues$1r({}, props), {
+  const state = useDateFieldState(__spreadProps$p(__spreadValues$1s({}, props), {
     /* Hard coding the United Kingdom locale,
      this enforces using english characters e.g.
       yyyy and not other such as åååå or chinese, which prevents hard to predict bugs */
@@ -2680,13 +2690,13 @@ const DateField = (props) => {
   const { dateFormat = "dd/mm/yyyy" } = props;
   const getMatchingSegment = (query, index) => find(
     (segment) => segment.placeholder === formatQuery(query)
-  )(segments) || __spreadProps$p(__spreadValues$1r({}, segments[index]), { text: query });
+  )(segments) || __spreadProps$p(__spreadValues$1s({}, segments[index]), { text: query });
   const sortedSegments = split(delimeterIncluded, dateFormat).map(
     (query, index) => getMatchingSegment(query, index)
   );
   return /* @__PURE__ */ React.createElement(
     Box,
-    __spreadProps$p(__spreadValues$1r({}, fieldProps), {
+    __spreadProps$p(__spreadValues$1s({}, fieldProps), {
       ref,
       display: "flex",
       __css: dateField,
@@ -2699,21 +2709,21 @@ const DateField = (props) => {
   );
 };
 
-var __defProp$1q = Object.defineProperty;
+var __defProp$1r = Object.defineProperty;
 var __defProps$o = Object.defineProperties;
 var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1q = Object.getOwnPropertySymbols;
-var __hasOwnProp$1q = Object.prototype.hasOwnProperty;
-var __propIsEnum$1q = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1q = (obj, key, value) => key in obj ? __defProp$1q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1q = (a, b) => {
+var __getOwnPropSymbols$1r = Object.getOwnPropertySymbols;
+var __hasOwnProp$1r = Object.prototype.hasOwnProperty;
+var __propIsEnum$1r = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1r = (obj, key, value) => key in obj ? __defProp$1r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1r = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1q.call(b, prop))
-      __defNormalProp$1q(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1q)
-    for (var prop of __getOwnPropSymbols$1q(b)) {
-      if (__propIsEnum$1q.call(b, prop))
-        __defNormalProp$1q(a, prop, b[prop]);
+    if (__hasOwnProp$1r.call(b, prop))
+      __defNormalProp$1r(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1r)
+    for (var prop of __getOwnPropSymbols$1r(b)) {
+      if (__propIsEnum$1r.call(b, prop))
+        __defNormalProp$1r(a, prop, b[prop]);
     }
   return a;
 };
@@ -2721,11 +2731,11 @@ var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
 var __objRest$$ = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1q.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1r.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1q)
-    for (var prop of __getOwnPropSymbols$1q(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1q.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1r)
+    for (var prop of __getOwnPropSymbols$1r(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1r.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2736,7 +2746,7 @@ const StyledField = forwardRef$1(
     const { styledField } = useMultiStyleConfig("DatePicker", { variant });
     return /* @__PURE__ */ React.createElement(
       Box,
-      __spreadProps$o(__spreadValues$1q({}, rest), {
+      __spreadProps$o(__spreadValues$1r({}, rest), {
         ref,
         "aria-invalid": isInvalid,
         "aria-disabled": isDisabled,
@@ -2750,6 +2760,24 @@ const StyledField = forwardRef$1(
   }
 );
 
+var __defProp$1q = Object.defineProperty;
+var __getOwnPropSymbols$1q = Object.getOwnPropertySymbols;
+var __hasOwnProp$1q = Object.prototype.hasOwnProperty;
+var __propIsEnum$1q = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1q = (obj, key, value) => key in obj ? __defProp$1q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1q = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1q.call(b, prop))
+      __defNormalProp$1q(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1q)
+    for (var prop of __getOwnPropSymbols$1q(b)) {
+      if (__propIsEnum$1q.call(b, prop))
+        __defNormalProp$1q(a, prop, b[prop]);
+    }
+  return a;
+};
+const Table$1 = (props) => /* @__PURE__ */ React.createElement(Table$2, __spreadValues$1q({}, props));
+
 var __defProp$1p = Object.defineProperty;
 var __defProps$n = Object.defineProperties;
 var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
@@ -2841,7 +2869,7 @@ const CalendarGrid = memo(
     const startDate = state.visibleRange.start;
     const { gridProps, headerProps, weekDays } = useCalendarGrid(rest, state);
     const weeksInMonth = getWeeksInMonth(startDate, locale);
-    return /* @__PURE__ */ React.createElement(Table, __spreadValues$1o({ variant: "unstyled" }, gridProps), /* @__PURE__ */ React.createElement(Thead, __spreadValues$1o({}, headerProps), /* @__PURE__ */ React.createElement(DayLabels, { weekDays })), /* @__PURE__ */ React.createElement(Tbody, null, times((weekIndex) => /* @__PURE__ */ React.createElement(Tr, { key: weekIndex }, state.getDatesInWeek(weekIndex, startDate).map(
+    return /* @__PURE__ */ React.createElement(Table$1, __spreadValues$1o({ variant: "unstyled" }, gridProps), /* @__PURE__ */ React.createElement(Thead, __spreadValues$1o({}, headerProps), /* @__PURE__ */ React.createElement(DayLabels, { weekDays })), /* @__PURE__ */ React.createElement(Tbody, null, times((weekIndex) => /* @__PURE__ */ React.createElement(Tr, { key: weekIndex }, state.getDatesInWeek(weekIndex, startDate).map(
       (date) => date ? /* @__PURE__ */ React.createElement(
         CalendarCell,
         {
@@ -5371,10 +5399,11 @@ var __objRest$G = (source, exclude) => {
     }
   return target;
 };
-function getComponents({
-  defaultControl = true
-}) {
-  const control = defaultControl ? {} : {
+function getComponents() {
+  return {
+    DropdownIndicator: (props) => props.selectProps.icon ? /* @__PURE__ */ React.createElement(chakraComponents.DropdownIndicator, __spreadValues$W({}, props), /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.icon })) : /* @__PURE__ */ React.createElement(chakraComponents.DropdownIndicator, __spreadValues$W({}, props)),
+    Option: (props) => props.selectProps.customOption ? /* @__PURE__ */ React.createElement(chakraComponents.Option, __spreadValues$W({}, props), props.selectProps.customOption(props.data)) : /* @__PURE__ */ React.createElement(chakraComponents.Option, __spreadValues$W({}, props)),
+    MultiValueContainer: (props) => props.selectProps.customTag ? /* @__PURE__ */ React.createElement(chakraComponents.MultiValueContainer, __spreadValues$W({}, props), props.selectProps.customTag(props.data)) : /* @__PURE__ */ React.createElement(chakraComponents.MultiValueContainer, __spreadValues$W({}, props)),
     Control: (_a) => {
       var _b = _a, {
         children
@@ -5384,11 +5413,6 @@ function getComponents({
       return props.selectProps.leftIcon ? /* @__PURE__ */ React.createElement(chakraComponents.Control, __spreadValues$W({}, props), /* @__PURE__ */ React.createElement(HStack, { w: "full", pl: "2" }, /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.leftIcon }), /* @__PURE__ */ React.createElement(HStack, { w: "full", justify: "space-between" }, children))) : /* @__PURE__ */ React.createElement(chakraComponents.Control, __spreadValues$W({}, props), children);
     }
   };
-  return __spreadValues$W({
-    DropdownIndicator: (props) => props.selectProps.icon ? /* @__PURE__ */ React.createElement(chakraComponents.DropdownIndicator, __spreadValues$W({}, props), /* @__PURE__ */ React.createElement(Icon$1, { as: props.selectProps.icon })) : /* @__PURE__ */ React.createElement(chakraComponents.DropdownIndicator, __spreadValues$W({}, props)),
-    Option: (props) => props.selectProps.customOption ? /* @__PURE__ */ React.createElement(chakraComponents.Option, __spreadValues$W({}, props), props.selectProps.customOption(props.data)) : /* @__PURE__ */ React.createElement(chakraComponents.Option, __spreadValues$W({}, props)),
-    MultiValueContainer: (props) => props.selectProps.customTag ? /* @__PURE__ */ React.createElement(chakraComponents.MultiValueContainer, __spreadValues$W({}, props), props.selectProps.customTag(props.data)) : /* @__PURE__ */ React.createElement(chakraComponents.MultiValueContainer, __spreadValues$W({}, props))
-  }, control);
 }
 
 var __defProp$V = Object.defineProperty;
@@ -5469,7 +5493,10 @@ const SearchBar = forwardRef$1(
       isMulti,
       value: is(Array, value) ? value : []
     });
-    const customComponents = getComponents({ defaultControl: true });
+    const customComponents = useMemo(
+      () => getComponents(),
+      []
+    );
     const simpleFilter = (query) => filter(
       (option) => test(new RegExp(toLower(query), "g"), toLower(option.label)),
       defaultOptions
@@ -9428,7 +9455,8 @@ const Avatar = {
         height: sizing.avatar["2xs"]
       },
       text: {
-        lineHeight: sizing.avatar["2xs"]
+        lineHeight: sizing.avatar["2xs"],
+        fontSize: "3xs"
       }
     }),
     xs: ({ theme: { sizes: sizing } }) => ({
@@ -9437,7 +9465,8 @@ const Avatar = {
         height: sizing.avatar.xs
       },
       text: {
-        lineHeight: sizing.avatar.xs
+        lineHeight: sizing.avatar.xs,
+        fontSize: "xs"
       }
     }),
     sm: ({ theme: { sizes: sizing } }) => ({
@@ -9446,7 +9475,8 @@ const Avatar = {
         height: sizing.avatar.sm
       },
       text: {
-        lineHeight: sizing.avatar.sm
+        lineHeight: sizing.avatar.sm,
+        fontSize: "sm"
       },
       icon: {
         boxSize: sizing.avatar.sm
@@ -9458,7 +9488,8 @@ const Avatar = {
         height: sizing.avatar.md
       },
       text: {
-        lineHeight: sizing.avatar.md
+        lineHeight: sizing.avatar.md,
+        fontSize: "md"
       },
       icon: {
         boxSize: sizing.avatar.md
@@ -9470,7 +9501,8 @@ const Avatar = {
         height: sizing.avatar.lg
       },
       text: {
-        lineHeight: sizing.avatar.lg
+        lineHeight: sizing.avatar.lg,
+        fontSize: "lg"
       },
       icon: {
         boxSize: sizing.avatar.lg
@@ -9482,7 +9514,8 @@ const Avatar = {
         height: sizing.avatar.xl
       },
       text: {
-        lineHeight: sizing.avatar.xl
+        lineHeight: sizing.avatar.xl,
+        fontSize: "2xl"
       }
     }),
     "2xl": ({ theme: { sizes: sizing } }) => ({
@@ -9491,7 +9524,8 @@ const Avatar = {
         height: sizing.avatar["2xl"]
       },
       text: {
-        lineHeight: sizing.avatar["2xl"]
+        lineHeight: sizing.avatar["2xl"],
+        fontSize: "4xl"
       }
     })
   },
@@ -10398,6 +10432,32 @@ const FilePicker = {
   })
 };
 
+const Table = {
+  parts: ["table", "th", "td"],
+  variants: {
+    rounded: () => ({
+      table: {
+        borderSpacing: "0",
+        borderCollapse: "separate",
+        borderRadius: "st.border.radius.md",
+        borderColor: "border.default",
+        borderWidth: "st.border.width.xs",
+        px: "3"
+      },
+      th: {
+        color: "text.subdued",
+        fontWeight: "bold",
+        textTransform: "none",
+        fontSize: "sm"
+      },
+      td: {
+        borderColor: "border.default",
+        borderTopWidth: "st.border.width.xs"
+      }
+    })
+  }
+};
+
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Alert: Alert,
@@ -10443,6 +10503,7 @@ var components = /*#__PURE__*/Object.freeze({
   Step: Step$1,
   StepList: StepList$1,
   Switch: Switch$1,
+  Table: Table,
   Tabs: Tabs$1,
   Tag: Tag,
   Textarea: Textarea$1,
@@ -10613,6 +10674,7 @@ const NumberInput = (_a) => {
     size = "md",
     onChange = identity,
     onInputChange = identity,
+    enableStepperArrows = false,
     name,
     onlyAcceptPercentage = false
   } = _b, rest = __objRest$k(_b, [
@@ -10620,6 +10682,7 @@ const NumberInput = (_a) => {
     "size",
     "onChange",
     "onInputChange",
+    "enableStepperArrows",
     "name",
     "onlyAcceptPercentage"
   ]);
@@ -10643,7 +10706,7 @@ const NumberInput = (_a) => {
       id: name
     }, percentageProps), rest),
     /* @__PURE__ */ React.createElement(NumberInputField$1, { onChange: handleChange }),
-    /* @__PURE__ */ React.createElement(NumberInputStepper, { includePercentage: onlyAcceptPercentage })
+    enableStepperArrows && /* @__PURE__ */ React.createElement(NumberInputStepper, { includePercentage: onlyAcceptPercentage })
   );
 };
 
@@ -10930,7 +10993,7 @@ var __objRest$g = (source, exclude) => {
     }
   return target;
 };
-function Select(_a) {
+const Select = forwardRef$1((_a, ref) => {
   var _b = _a, {
     options,
     isMulti,
@@ -10966,7 +11029,10 @@ function Select(_a) {
     isMulti,
     value: is(Array, value) ? value : []
   });
-  const customComponents = getComponents({ defaultControl: false });
+  const customComponents = useMemo(
+    () => getComponents(),
+    []
+  );
   const prevOptions = useRef(
     options
   );
@@ -10994,10 +11060,11 @@ function Select(_a) {
       customOption,
       customTag,
       icon,
-      components: customComponents
+      components: customComponents,
+      ref
     }), rest)
   ));
-}
+});
 
 var __defProp$k = Object.defineProperty;
 var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
@@ -12230,5 +12297,5 @@ const StepStack = (_a) => {
   ));
 };
 
-export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel$1 as Carousel, Checkbox$1 as Checkbox, CheckboxField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, CustomTheme, DatePicker$1 as DatePicker, DatePickerField, DateRangePicker, DateRangePickerField, DragAndDrop$1 as DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText$1 as EditableText, Fade, FastGrid, FastList, Field, FilePicker$1 as FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, 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, Label$1 as Label, Lead$1 as Lead, MaskedTextInput, MediatoolThemeProvider, Modal$1 as Modal, ModalBase, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, ProgressBar, Radio$1 as Radio, RadioGroup, RadioGroupField, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusBlock, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Tabs, Tag$1 as Tag, TagGroup, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox$1 as Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, addAlpha, advancedParseFloat, createDebounceFunctionInstance, getChildrenWithProps, getContrastColor, getFieldError, getInitials, getShades, highlight, luminosity, ring, statusIconMap, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useScreenSize, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
+export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel$1 as Carousel, Checkbox$1 as Checkbox, CheckboxField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, CustomTheme, DatePicker$1 as DatePicker, DatePickerField, DateRangePicker, DateRangePickerField, DragAndDrop$1 as DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText$1 as EditableText, Fade, FastGrid, FastList, Field, FilePicker$1 as FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, 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, Label$1 as Label, Lead$1 as Lead, MaskedTextInput, MediatoolThemeProvider, Modal$1 as Modal, ModalBase, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, ProgressBar, Radio$1 as Radio, RadioGroup, RadioGroupField, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusBlock, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Table$1 as Table, Tabs, Tag$1 as Tag, TagGroup, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox$1 as Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, addAlpha, advancedParseFloat, createDebounceFunctionInstance, getChildrenWithProps, getContrastColor, getFieldError, getInitials, getShades, highlight, luminosity, ring, statusIconMap, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useDidUpdateEffect, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useScreenSize, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
 //# sourceMappingURL=northlight.mjs.map