@hyphen/hyphen-components 7.9.0 → 8.0.0

package/dist/hyphen-components.esm.js

@@ -544,7 +544,7 @@ var Icon = forwardRef2(
 Icon.displayName = "Icon";
 
 // src/components/Alert/Alert.module.scss
-var Alert_module_default = { "alert": "alert__9XZ4A", "close-icon": "close-icon__NDL4K", "alert-heading": "alert-heading__XCRu3", "alert__default": "alert__default__3qStp", "alert__info": "alert__info__BOSxI", "alert__success": "alert__success__NPujz", "alert__warning": "alert__warning__sS3f7", "alert__danger": "alert__danger__6ZwUi", "alert__icon__default": "alert__icon__default__kvFlP", "alert__icon__info": "alert__icon__info__YcT5d", "alert__icon__success": "alert__icon__success__hzZYf", "alert__icon__warning": "alert__icon__warning__ACoYh", "alert__icon__danger": "alert__icon__danger__Piw3b" };
+var Alert_module_default = { "alert": "alert__9XZ4A", "close-icon": "close-icon__NDL4K", "alert-heading": "alert-heading__XCRu3", "alert__default": "alert__default__3qStp", "alert__info": "alert__info__BOSxI", "alert__success": "alert__success__NPujz", "alert__warning": "alert__warning__sS3f7", "alert__danger": "alert__danger__6ZwUi" };
 
 // src/components/Alert/Alert.constants.ts
 var ALERT_ICONS_MAP = {
@@ -561,7 +561,6 @@ var AlertComponent = ({
   className = "",
   hasIcon = false,
   isCompact = false,
-  message = "",
   onClose = void 0,
   render = void 0,
   title = "",
@@ -587,7 +586,7 @@ var AlertComponent = ({
   );
   const alertIcon = useMemo(() => {
     if (!hasIcon) return null;
-    return /* @__PURE__ */ React2.createElement(Box, { fontSize: "md", className: Alert_module_default[`alert__icon__${variant}`] }, /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React2.createElement(Box, { fontSize: "md" }, /* @__PURE__ */ React2.createElement(
       Icon,
       {
         name: ALERT_ICONS_MAP[variant].icon,
@@ -597,30 +596,22 @@ var AlertComponent = ({
   }, [hasIcon, variant]);
   const closeIcon = useMemo(() => {
     if (!onClose) return null;
-    return /* @__PURE__ */ React2.createElement(
-      Box,
+    return /* @__PURE__ */ React2.createElement(Box, { margin: "0 0 0 auto", className: Alert_module_default["close-icon"] }, /* @__PURE__ */ React2.createElement(
+      "button",
       {
-        margin: "0 0 0 auto",
-        color: "secondary",
-        className: Alert_module_default["close-icon"]
+        type: "button",
+        onClick: handleClose,
+        onKeyUp: handleCloseKeyPress,
+        "aria-label": "dismiss"
       },
-      /* @__PURE__ */ React2.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: handleClose,
-          onKeyUp: handleCloseKeyPress,
-          "aria-label": "dismiss"
-        },
-        /* @__PURE__ */ React2.createElement(Icon, { name: "remove", "data-testid": "alert-close-icon-test-id" })
-      )
-    );
+      /* @__PURE__ */ React2.createElement(Icon, { name: "remove", "data-testid": "alert-close-icon-test-id" })
+    ));
   }, [onClose, handleClose, handleCloseKeyPress]);
   const content = useMemo(() => {
     if (render) {
       return render();
     }
-    return /* @__PURE__ */ React2.createElement(Box, { display: "block", childGap: message && title ? "2xs" : void 0 }, title && /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React2.createElement(Box, { display: "block", childGap: children && title ? "2xs" : void 0 }, title && /* @__PURE__ */ React2.createElement(
       Box,
       {
         as: "h4",
@@ -629,8 +620,8 @@ var AlertComponent = ({
         className: Alert_module_default["alert-heading"]
       },
       title
-    ), children ?? (message && (typeof message === "string" ? /* @__PURE__ */ React2.createElement("p", null, message) : message)));
-  }, [render, message, title, children]);
+    ), children);
+  }, [render, title, children]);
   return /* @__PURE__ */ React2.createElement(
     Box,
     {
@@ -656,18 +647,29 @@ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/Badge/Badge.tsx
-import React3, { forwardRef as forwardRef3 } from "react";
+import React3, { Children as Children2, forwardRef as forwardRef3 } from "react";
 import classNames4 from "classnames";
 
 // src/components/Badge/Badge.module.scss
-var Badge_module_default = { "badge": "badge__wbyII", "size-sm": "size-sm__v5iQ5", "size-md": "size-md__t0Qz1", "size-lg": "size-lg__HQPfE", "inverse": "inverse__gQfNV", "default": "default__DFAbi", "secondary": "secondary__ZPoaQ", "danger": "danger__ImdGy", "outline": "outline__jrc2I", "purple": "purple__81ewe", "green": "green__ZMiGE", "red": "red__XGDtA", "blue": "blue__2kZV5", "yellow": "yellow__BQ41f", "light-grey": "light-grey__sXLPP", "dark-grey": "dark-grey__OKyFH", "orange": "orange__6Hwzb", "hyphen": "hyphen__nvWRN", "size-sm-tablet": "size-sm-tablet__IkjZY", "size-md-tablet": "size-md-tablet__kMUva", "size-lg-tablet": "size-lg-tablet__ldE4r", "size-sm-desktop": "size-sm-desktop__alYyy", "size-md-desktop": "size-md-desktop__AvaSK", "size-lg-desktop": "size-lg-desktop__5graA", "size-sm-hd": "size-sm-hd__74Pms", "size-md-hd": "size-md-hd__cEiUq", "size-lg-hd": "size-lg-hd__Qi3ic" };
+var Badge_module_default = { "badge": "badge__wbyII", "size-sm": "size-sm__v5iQ5", "label": "label__pDVHA", "size-md": "size-md__t0Qz1", "size-lg": "size-lg__HQPfE", "color-grey": "color-grey__expYg", "color-blue": "color-blue__W6WO3", "color-green": "color-green__Tb6Do", "color-yellow": "color-yellow__rs3OW", "color-red": "color-red__yD5FI", "color-purple": "color-purple__JH5Qe", "color-orange": "color-orange__Q7DOt", "color-brand": "color-brand__Ri3JN", "solid": "solid__A3Y54", "soft": "soft__Bj0sP", "surface": "surface__IcVyX", "outline": "outline__jrc2I", "radius-none": "radius-none__h6tIW", "radius-sm": "radius-sm__Ioju2", "radius-md": "radius-md__gmDDk", "radius-lg": "radius-lg__08R9C", "radius-full": "radius-full__arYCj", "size-sm-tablet": "size-sm-tablet__IkjZY", "size-md-tablet": "size-md-tablet__kMUva", "size-lg-tablet": "size-lg-tablet__ldE4r", "size-sm-desktop": "size-sm-desktop__alYyy", "size-md-desktop": "size-md-desktop__AvaSK", "size-lg-desktop": "size-lg-desktop__5graA", "size-sm-hd": "size-sm-hd__74Pms", "size-md-hd": "size-md-hd__cEiUq", "size-lg-hd": "size-lg-hd__Qi3ic" };
 
 // src/components/Badge/Badge.tsx
+var BADGE_COLOR_ALIASES = {
+  danger: "red",
+  success: "green",
+  warning: "yellow",
+  info: "blue"
+};
+var renderBadgeChildren = (children) => Children2.map(
+  children,
+  (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ React3.createElement("span", { className: Badge_module_default.label }, child) : child
+);
 var Badge = forwardRef3(
   ({
     className = "",
-    message = "",
-    variant = "default",
+    color = "grey",
+    radius = "full",
+    variant = "soft",
     size = "md",
     children,
     ...restProps
@@ -675,13 +677,14 @@ var Badge = forwardRef3(
     const responsiveClasses = generateResponsiveClasses("size", size).map(
       (c) => Badge_module_default[c]
     );
+    const hue = BADGE_COLOR_ALIASES[color] ?? color;
     const badgeClasses = classNames4(
       Badge_module_default.badge,
       className,
       responsiveClasses,
-      {
-        [Badge_module_default[variant]]: variant
-      }
+      Badge_module_default[variant],
+      Badge_module_default[`color-${hue}`],
+      Badge_module_default[`radius-${radius}`]
     );
     return /* @__PURE__ */ React3.createElement(
       Box,
@@ -693,7 +696,7 @@ var Badge = forwardRef3(
         direction: "row",
         ...restProps
       },
-      children || message
+      renderBadgeChildren(children)
     );
   }
 );
@@ -2393,8 +2396,8 @@ var handleReactRouterClick = (event, onClick, target, navigate) => {
 var resolveValue = (valOrFunction, arg) => isFunction(valOrFunction) ? valOrFunction(arg) : valOrFunction;
 
 // src/lib/react-children-utilities/filter.ts
-import { Children as Children2 } from "react";
-var filter = (children, filterFn) => Children2.toArray(children).filter(filterFn);
+import { Children as Children3 } from "react";
+var filter = (children, filterFn) => Children3.toArray(children).filter(filterFn);
 
 // src/lib/tokens.ts
 import designTokens from "@hyphen/hyphen-design-tokens/build/json/variables";
@@ -3447,21 +3450,32 @@ var TimePicker = ({
         value: currentTime.toISOString(),
         label: currentTime.toLocaleTimeString(locales, dateDisplayOptions)
       });
-      currentTime.setSeconds(first.getSeconds() + interval);
+      currentTime.setSeconds(currentTime.getSeconds() + interval);
     }
     return timeOptions;
   };
+  const options = generateTimes();
+  let valueDate;
+  if (typeof value === "string") {
+    valueDate = new Date(value);
+  } else if (typeof value === "number") {
+    valueDate = new Date(value);
+  }
+  const matchingOption = valueDate && !Number.isNaN(valueDate.getTime()) ? options.find(({ value: optionValue }) => {
+    const optionDate = new Date(optionValue);
+    return optionDate.getHours() === valueDate.getHours() && optionDate.getMinutes() === valueDate.getMinutes() && optionDate.getSeconds() === valueDate.getSeconds();
+  }) : void 0;
   return /* @__PURE__ */ React41.createElement(
-    SelectInput,
+    SelectInputNative,
     {
       ...restProps,
       id,
       name,
       label,
       onChange,
-      options: generateTimes(),
+      options,
       placeholder,
-      value
+      value: matchingOption?.value ?? value
     }
   );
 };
@@ -3470,7 +3484,6 @@ var TimePicker = ({
 var FormikTimePicker = ({
   field: { name, onBlur, onChange: formikOnChange, value },
   form: { touched, errors },
-  options,
   onChange,
   ...props
 }) => /* @__PURE__ */ React42.createElement(
@@ -3481,96 +3494,18 @@ var FormikTimePicker = ({
     onBlur,
     onChange: onChange ?? formikOnChange,
     value,
-    error: getIn10(touched, name) && getIn10(errors, name),
-    options
+    error: getIn10(touched, name) && getIn10(errors, name)
   }
 );
 
-// src/components/Formik/FormikTimePickerNative/FormikTimePickerNative.tsx
+// src/components/Formik/FormikSwitch/FormikSwitch.tsx
 import React44 from "react";
 import {
   getIn as getIn11
 } from "formik";
 
-// src/components/TimePickerNative/TimePickerNative.tsx
-import React43 from "react";
-var TimePickerNative = ({
-  id,
-  name,
-  label,
-  onChange,
-  value,
-  dateDisplayOptions = { hour: "2-digit", minute: "2-digit" },
-  endTime = void 0,
-  interval = 900,
-  locales = "en-US",
-  placeholder = "HH:MM",
-  startTime = void 0,
-  ...restProps
-}) => {
-  const generateTimes = () => {
-    const first = /* @__PURE__ */ new Date();
-    first.setHours(startTime?.hour || 0, startTime?.minute || 0, 0, 0);
-    const last = /* @__PURE__ */ new Date();
-    last.setHours(
-      endTime?.hour || first.getHours() + 24,
-      endTime?.minute || 0,
-      0,
-      0
-    );
-    const timeOptions = [];
-    const currentTime = new Date(first);
-    while (currentTime < last) {
-      timeOptions.push({
-        value: currentTime.toISOString(),
-        label: currentTime.toLocaleTimeString(locales, dateDisplayOptions)
-      });
-      currentTime.setSeconds(first.getSeconds() + interval);
-    }
-    return timeOptions;
-  };
-  const options = generateTimes();
-  return /* @__PURE__ */ React43.createElement(
-    SelectInputNative,
-    {
-      ...restProps,
-      id,
-      name,
-      label,
-      onChange,
-      options,
-      placeholder,
-      value
-    }
-  );
-};
-
-// src/components/Formik/FormikTimePickerNative/FormikTimePickerNative.tsx
-var FormikTimePickerNative = ({
-  field: { name, onBlur, onChange: formikOnChange, value },
-  form: { touched, errors },
-  onChange,
-  ...props
-}) => /* @__PURE__ */ React44.createElement(
-  TimePickerNative,
-  {
-    ...props,
-    name,
-    onBlur,
-    onChange: onChange ?? formikOnChange,
-    value,
-    error: getIn11(touched, name) && getIn11(errors, name)
-  }
-);
-
-// src/components/Formik/FormikSwitch/FormikSwitch.tsx
-import React46 from "react";
-import {
-  getIn as getIn12
-} from "formik";
-
 // src/components/Switch/Switch.tsx
-import React45 from "react";
+import React43 from "react";
 import classNames27 from "classnames";
 
 // src/components/Switch/Switch.module.scss
@@ -3643,22 +3578,22 @@ var Switch = ({
     requiredIndicator,
     size
   };
-  return /* @__PURE__ */ React45.createElement(Box, { className }, /* @__PURE__ */ React45.createElement(Box, { className: wrapperClasses }, /* @__PURE__ */ React45.createElement(FormLabel, { ...labelProps }, /* @__PURE__ */ React45.createElement("input", { ...inputProps }), /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React43.createElement(Box, { className }, /* @__PURE__ */ React43.createElement(Box, { className: wrapperClasses }, /* @__PURE__ */ React43.createElement(FormLabel, { ...labelProps }, /* @__PURE__ */ React43.createElement("input", { ...inputProps }), /* @__PURE__ */ React43.createElement(
     "span",
     {
       "aria-hidden": "true",
       className: trackClasses,
       "data-testid": "switchTrack"
     },
-    /* @__PURE__ */ React45.createElement("span", { className: thumbClasses, "data-testid": "switchThumb" })
-  ), !hideLabel && /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React43.createElement("span", { className: thumbClasses, "data-testid": "switchThumb" })
+  ), !hideLabel && /* @__PURE__ */ React43.createElement(
     Box,
     {
       gap: "2xs",
       className: helpText && (size === "md" || size === "lg") ? "m-top-2xs" : ""
     },
-    label && /* @__PURE__ */ React45.createElement("div", null, label),
-    helpText && /* @__PURE__ */ React45.createElement(
+    label && /* @__PURE__ */ React43.createElement("div", null, label),
+    helpText && /* @__PURE__ */ React43.createElement(
       Box,
       {
         as: "p",
@@ -3669,7 +3604,7 @@ var Switch = ({
       },
       helpText
     )
-  ))), error && error !== true && /* @__PURE__ */ React45.createElement(InputValidationMessage, null, error));
+  ))), error && error !== true && /* @__PURE__ */ React43.createElement(InputValidationMessage, null, error));
 };
 
 // src/components/Formik/FormikSwitch/FormikSwitch.tsx
@@ -3684,10 +3619,10 @@ var FormikSwitch = ({
   },
   form: { touched, errors },
   ...props
-}) => /* @__PURE__ */ React46.createElement(
+}) => /* @__PURE__ */ React44.createElement(
   Switch,
   {
-    error: getIn12(touched, name) && getIn12(errors, name),
+    error: getIn11(touched, name) && getIn11(errors, name),
     isChecked: value,
     onBlur,
     onChange,
@@ -3696,13 +3631,13 @@ var FormikSwitch = ({
 );
 
 // src/components/Formik/FormikToggleGroup/FormikToggleGroup.tsx
-import React48 from "react";
+import React46 from "react";
 import {
-  getIn as getIn13
+  getIn as getIn12
 } from "formik";
 
 // src/components/ToggleGroup/ToggleGroup.tsx
-import React47, { createContext as createContext2, useContext as useContext2, forwardRef as forwardRef11 } from "react";
+import React45, { createContext as createContext2, useContext as useContext2, forwardRef as forwardRef11 } from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 
 // src/components/ToggleGroup/ToggleGroup.module.scss
@@ -3714,7 +3649,7 @@ var ToggleGroupContext = createContext2({
   variant: "default"
 });
 var ToggleGroup = forwardRef11(
-  ({ className, variant = "default", children, gap = "xs", error, ...props }, ref) => /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement(
+  ({ className, variant = "default", children, gap = "xs", error, ...props }, ref) => /* @__PURE__ */ React45.createElement("div", null, /* @__PURE__ */ React45.createElement(
     ToggleGroupPrimitive.Root,
     {
       ref,
@@ -3725,14 +3660,14 @@ var ToggleGroup = forwardRef11(
       ),
       ...props
     },
-    /* @__PURE__ */ React47.createElement(ToggleGroupContext.Provider, { value: { variant } }, children)
-  ), error && /* @__PURE__ */ React47.createElement(InputValidationMessage, null, error))
+    /* @__PURE__ */ React45.createElement(ToggleGroupContext.Provider, { value: { variant } }, children)
+  ), error && /* @__PURE__ */ React45.createElement(InputValidationMessage, null, error))
 );
 ToggleGroup.displayName = "ToggleGroup";
 var ToggleGroupItem = forwardRef11(({ className, children, value, variant, ...props }, ref) => {
   const { variant: contextVariant } = useContext2(ToggleGroupContext);
   const appliedVariant = variant || contextVariant;
-  return /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React45.createElement(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -3760,7 +3695,7 @@ var FormikToggleGroup = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ React48.createElement(Box, { gap: "sm" }, (label || helpText) && /* @__PURE__ */ React48.createElement("div", null, label && /* @__PURE__ */ React48.createElement(Box, { fontSize: "sm" }, label), helpText && /* @__PURE__ */ React48.createElement(HelpText, null, helpText)), /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React46.createElement(Box, { gap: "sm" }, (label || helpText) && /* @__PURE__ */ React46.createElement("div", null, label && /* @__PURE__ */ React46.createElement(Box, { fontSize: "sm" }, label), helpText && /* @__PURE__ */ React46.createElement(HelpText, null, helpText)), /* @__PURE__ */ React46.createElement(
     ToggleGroup,
     {
       ...props,
@@ -3768,10 +3703,10 @@ var FormikToggleGroup = ({
       onBlur,
       onValueChange: (value2) => setFieldValue(name, value2),
       value,
-      error: getIn13(touched, name) && getIn13(errors, name),
+      error: getIn12(touched, name) && getIn12(errors, name),
       type: "single"
     },
-    children ? children : options.map((option) => /* @__PURE__ */ React48.createElement(
+    children ? children : options.map((option) => /* @__PURE__ */ React46.createElement(
       ToggleGroupItem,
       {
         id: option.id,
@@ -3785,7 +3720,7 @@ var FormikToggleGroup = ({
 };
 
 // src/components/Formik/FormikToggleGroupMulti/FormikToggleGroupMulti.tsx
-import React49 from "react";
+import React47 from "react";
 import { FieldArray, useField } from "formik";
 var FormikToggleGroupMulti = ({
   name,
@@ -3798,7 +3733,7 @@ var FormikToggleGroupMulti = ({
   ...props
 }) => {
   const [field, meta, helpers] = useField(name);
-  return /* @__PURE__ */ React49.createElement(Box, { gap: "sm" }, (label || helpText) && /* @__PURE__ */ React49.createElement("div", null, label && /* @__PURE__ */ React49.createElement(Box, { fontSize: "sm" }, label), helpText && /* @__PURE__ */ React49.createElement(HelpText, null, helpText)), /* @__PURE__ */ React49.createElement(FieldArray, { name }, () => /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React47.createElement(Box, { gap: "sm" }, (label || helpText) && /* @__PURE__ */ React47.createElement("div", null, label && /* @__PURE__ */ React47.createElement(Box, { fontSize: "sm" }, label), helpText && /* @__PURE__ */ React47.createElement(HelpText, null, helpText)), /* @__PURE__ */ React47.createElement(FieldArray, { name }, () => /* @__PURE__ */ React47.createElement(
     ToggleGroup,
     {
       ...props,
@@ -3813,7 +3748,7 @@ var FormikToggleGroupMulti = ({
       type: "multiple",
       variant
     },
-    children ? children : options.map((option) => /* @__PURE__ */ React49.createElement(
+    children ? children : options.map((option) => /* @__PURE__ */ React47.createElement(
       ToggleGroupItem,
       {
         key: option.id,
@@ -3827,14 +3762,14 @@ var FormikToggleGroupMulti = ({
 };
 
 // src/components/Modal/Modal.tsx
-import React53, { forwardRef as forwardRef12, useCallback as useCallback3 } from "react";
+import React51, { forwardRef as forwardRef12, useCallback as useCallback3 } from "react";
 import ReactModal2 from "react-modal";
 import FocusLock2 from "react-focus-lock";
 import { RemoveScroll as RemoveScroll2 } from "react-remove-scroll";
 import classNames29 from "classnames";
 
 // src/components/Modal/components/ModalFooter/ModalFooter.tsx
-import React50 from "react";
+import React48 from "react";
 var ModalFooter = ({
   children,
   padding,
@@ -3844,7 +3779,7 @@ var ModalFooter = ({
   gap = "md",
   style,
   ...restProps
-}) => /* @__PURE__ */ React50.createElement(
+}) => /* @__PURE__ */ React48.createElement(
   Box,
   {
     padding,
@@ -3862,7 +3797,7 @@ var ModalFooter = ({
 );
 
 // src/components/Modal/components/ModalHeader/ModalHeader.tsx
-import React51 from "react";
+import React49 from "react";
 var ModalHeader = ({
   id,
   onDismiss,
@@ -3874,7 +3809,7 @@ var ModalHeader = ({
   ...restProps
 }) => {
   const justifyContentValue = title || children ? "space-between" : "flex-end";
-  return /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React49.createElement(
     Box,
     {
       direction,
@@ -3887,8 +3822,8 @@ var ModalHeader = ({
       },
       ...restProps
     },
-    (title || children) && /* @__PURE__ */ React51.createElement(Box, { gap: "2xs" }, title && /* @__PURE__ */ React51.createElement(Box, { as: "h4", fontSize: { base: "md", tablet: "lg" }, id }, title), children),
-    onDismiss && /* @__PURE__ */ React51.createElement(
+    (title || children) && /* @__PURE__ */ React49.createElement(Box, { gap: "2xs" }, title && /* @__PURE__ */ React49.createElement(Box, { as: "h4", fontSize: { base: "md", tablet: "lg" }, id }, title), children),
+    onDismiss && /* @__PURE__ */ React49.createElement(
       Button,
       {
         "aria-label": "close",
@@ -3903,14 +3838,14 @@ var ModalHeader = ({
 };
 
 // src/components/Modal/components/ModalBody/ModalBody.tsx
-import React52 from "react";
+import React50 from "react";
 var ModalBody = ({
   children,
   flex = "auto",
   overflow = "auto",
   height = "100",
   ...restProps
-}) => /* @__PURE__ */ React52.createElement(
+}) => /* @__PURE__ */ React50.createElement(
   Box,
   {
     flex,
@@ -3965,7 +3900,7 @@ var ModalBaseComponent = forwardRef12(
     );
     if (!isOpen) return null;
     const parentElement = containerRef?.current ? containerRef.current : void 0;
-    return /* @__PURE__ */ React53.createElement(
+    return /* @__PURE__ */ React51.createElement(
       FocusLock2,
       {
         autoFocus: true,
@@ -3974,7 +3909,7 @@ var ModalBaseComponent = forwardRef12(
         onActivation: activateFocusLock,
         crossFrame: true
       },
-      /* @__PURE__ */ React53.createElement(RemoveScroll2, { allowPinchZoom, enabled: isOpen }, /* @__PURE__ */ React53.createElement(Box, { ref }, /* @__PURE__ */ React53.createElement(
+      /* @__PURE__ */ React51.createElement(RemoveScroll2, { allowPinchZoom, enabled: isOpen }, /* @__PURE__ */ React51.createElement(Box, { ref }, /* @__PURE__ */ React51.createElement(
         ReactModal2,
         {
           isOpen,
@@ -3986,7 +3921,7 @@ var ModalBaseComponent = forwardRef12(
           style: { content: { ...maxWidthCss.styles, ...style } },
           ...restProps
         },
-        /* @__PURE__ */ React53.createElement(
+        /* @__PURE__ */ React51.createElement(
           Box,
           {
             "aria-label": ariaLabel,
@@ -4012,7 +3947,7 @@ var Modal = (() => {
 })();
 
 // src/components/Pagination/Pagination.tsx
-import React54, { useMemo as useMemo3 } from "react";
+import React52, { useMemo as useMemo3 } from "react";
 import classNames30 from "classnames";
 
 // src/components/Pagination/Pagination.utilities.ts
@@ -4089,7 +4024,7 @@ var Pagination = ({
     }
     return `Showing ${activeListRange.first}-${activeListRange.last} of ${totalItemsCount}`;
   }, [activeListRange, totalItemsCount]);
-  return /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React52.createElement(
     Box,
     {
       as: "nav",
@@ -4098,7 +4033,7 @@ var Pagination = ({
       justifyContent: "space-between",
       className: paginationClassNames
     },
-    /* @__PURE__ */ React54.createElement(
+    /* @__PURE__ */ React52.createElement(
       Box,
       {
         direction: "row",
@@ -4106,7 +4041,7 @@ var Pagination = ({
         flex: { base: "auto", tablet: "none" },
         gap: isCompact ? "xs" : "sm"
       },
-      /* @__PURE__ */ React54.createElement(
+      /* @__PURE__ */ React52.createElement(
         Button,
         {
           variant: "secondary",
@@ -4116,8 +4051,8 @@ var Pagination = ({
         },
         prevPageText
       ),
-      arePagesVisible && /* @__PURE__ */ React54.createElement(Box, { direction: "row", gap: "2xs" }, pages.map(({ pageNumber, isPage }, index) => {
-        return isPage ? /* @__PURE__ */ React54.createElement(
+      arePagesVisible && /* @__PURE__ */ React52.createElement(Box, { direction: "row", gap: "2xs" }, pages.map(({ pageNumber, isPage }, index) => {
+        return isPage ? /* @__PURE__ */ React52.createElement(
           Button,
           {
             key: pageNumber,
@@ -4130,7 +4065,7 @@ var Pagination = ({
             className
           },
           pageNumber
-        ) : /* @__PURE__ */ React54.createElement(
+        ) : /* @__PURE__ */ React52.createElement(
           Box,
           {
             key: `ellipsis-${index}`,
@@ -4144,7 +4079,7 @@ var Pagination = ({
           "..."
         );
       })),
-      /* @__PURE__ */ React54.createElement(
+      /* @__PURE__ */ React52.createElement(
         Button,
         {
           variant: "secondary",
@@ -4155,7 +4090,7 @@ var Pagination = ({
         nextPageText
       )
     ),
-    /* @__PURE__ */ React54.createElement(
+    /* @__PURE__ */ React52.createElement(
       Box,
       {
         as: "p",
@@ -4171,7 +4106,7 @@ var Pagination = ({
 };
 
 // src/components/Popover/Popover.tsx
-import React55, { forwardRef as forwardRef13 } from "react";
+import React53, { forwardRef as forwardRef13 } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import classNames31 from "classnames";
 
@@ -4184,7 +4119,7 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverPortal = PopoverPrimitive.Portal;
 var PopoverContent = forwardRef13(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
-  return /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React53.createElement(
     PopoverPrimitive.Content,
     {
       ref,
@@ -4198,7 +4133,7 @@ var PopoverContent = forwardRef13(({ className, align = "center", sideOffset = 4
 PopoverContent.displayName = "PopoverContent";
 
 // src/components/RangeInput/RangeInput.tsx
-import React56 from "react";
+import React54 from "react";
 import classNames32 from "classnames";
 
 // src/components/RangeInput/RangeInput.module.scss
@@ -4215,7 +4150,7 @@ var RangeInput = ({
   ...restProps
 }) => {
   const currentProgress = value > 0 ? value / max * 100 : 0;
-  return /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React54.createElement(
     "input",
     {
       ...restProps,
@@ -4240,7 +4175,7 @@ var RangeInput = ({
 };
 
 // src/components/ResponsiveProvider/ResponsiveProvider.tsx
-import React57, { useState as useState2, createContext as createContext3 } from "react";
+import React55, { useState as useState2, createContext as createContext3 } from "react";
 
 // src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts
 import { useLayoutEffect, useEffect } from "react";
@@ -4279,7 +4214,7 @@ var ResponsiveProvider = ({
       };
     }
   }, [throttle]);
-  return /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React55.createElement(
     ResponsiveContext.Provider,
     {
       value: {
@@ -4295,7 +4230,7 @@ var ResponsiveProvider = ({
 };
 
 // src/components/Sidebar/Sidebar.tsx
-import React60, {
+import React58, {
   useCallback as useCallback4,
   useMemo as useMemo4,
   useState as useState4,
@@ -4306,14 +4241,14 @@ import { Slot as Slot3 } from "@radix-ui/react-slot";
 import classNames34 from "classnames";
 
 // src/hooks/useIsMobile/useIsMobile.tsx
-import * as React58 from "react";
+import * as React56 from "react";
 var desktopBreakpoint = BREAKPOINTS.find((b) => b.name === "desktop");
 var MOBILE_BREAKPOINT = desktopBreakpoint ? desktopBreakpoint.minWidth : 0;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React58.useState(
+  const [isMobile, setIsMobile] = React56.useState(
     void 0
   );
-  React58.useEffect(() => {
+  React56.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -4329,7 +4264,7 @@ function useIsMobile() {
 var Sidebar_module_default = { "rail": "rail__OwBtB", "group-data-": "group-data-__af4bi" };
 
 // src/components/Tooltip/Tooltip.tsx
-import * as React59 from "react";
+import * as React57 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
 // src/components/Tooltip/Tooltip.module.scss
@@ -4341,7 +4276,7 @@ var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipPortal = TooltipPrimitive.Portal;
-var TooltipContent = React59.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var TooltipContent = React57.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React57.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -4362,14 +4297,14 @@ var SIDEBAR_RIGHT_WIDTH = "24rem";
 var SIDEBAR_WIDTH_ICON = "44px";
 var SIDEBAR_KEYBOARD_SHORTCUT_LEFT = "[";
 var SIDEBAR_KEYBOARD_SHORTCUT_RIGHT = "]";
-var SidebarIsMobileContext = React60.createContext(null);
-var SidebarLeftContext = React60.createContext(
+var SidebarIsMobileContext = React58.createContext(null);
+var SidebarLeftContext = React58.createContext(
   null
 );
-var SidebarRightContext = React60.createContext(
+var SidebarRightContext = React58.createContext(
   null
 );
-var SidebarSideContext = React60.createContext("left");
+var SidebarSideContext = React58.createContext("left");
 var resolveSideValue = (value, side, fallback) => {
   if (typeof value === "boolean") {
     return value;
@@ -4473,13 +4408,13 @@ var useSidebarSideState = ({
   );
 };
 function useSidebar(sideOverride) {
-  const isMobile = React60.useContext(SidebarIsMobileContext);
+  const isMobile = React58.useContext(SidebarIsMobileContext);
   if (typeof isMobile !== "boolean") {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
-  const contextSide = React60.useContext(SidebarSideContext);
+  const contextSide = React58.useContext(SidebarSideContext);
   const side = sideOverride ?? contextSide;
-  const sideContext = React60.useContext(
+  const sideContext = React58.useContext(
     side === "left" ? SidebarLeftContext : SidebarRightContext
   );
   if (!sideContext) {
@@ -4503,9 +4438,9 @@ var SidebarProvider = forwardRef15(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const lastToggledSideRef = React60.useRef("left");
-    const leftToggleRef = React60.useRef(null);
-    const rightToggleRef = React60.useRef(null);
+    const lastToggledSideRef = React58.useRef("left");
+    const leftToggleRef = React58.useRef(null);
+    const rightToggleRef = React58.useRef(null);
     const leftState = useSidebarSideState({
       side: "left",
       isMobile,
@@ -4547,7 +4482,7 @@ var SidebarProvider = forwardRef15(
       window.addEventListener("keydown", handleKeyDown);
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, []);
-    return /* @__PURE__ */ React60.createElement(SidebarIsMobileContext.Provider, { value: isMobile }, /* @__PURE__ */ React60.createElement(SidebarLeftContext.Provider, { value: leftState }, /* @__PURE__ */ React60.createElement(SidebarRightContext.Provider, { value: rightState }, /* @__PURE__ */ React60.createElement(TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React60.createElement(
+    return /* @__PURE__ */ React58.createElement(SidebarIsMobileContext.Provider, { value: isMobile }, /* @__PURE__ */ React58.createElement(SidebarLeftContext.Provider, { value: leftState }, /* @__PURE__ */ React58.createElement(SidebarRightContext.Provider, { value: rightState }, /* @__PURE__ */ React58.createElement(TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React58.createElement(
       "div",
       {
         style: {
@@ -4568,23 +4503,23 @@ var SidebarProvider = forwardRef15(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React60.forwardRef(
+var Sidebar = React58.forwardRef(
   ({ side = "left", collapsible = "offcanvas", className, children, ...props }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar(side);
     const sidebarWidth = side === "right" ? SIDEBAR_RIGHT_WIDTH : SIDEBAR_WIDTH;
     if (isMobile) {
-      return /* @__PURE__ */ React60.createElement(SidebarSideContext.Provider, { value: side }, /* @__PURE__ */ React60.createElement(
+      return /* @__PURE__ */ React58.createElement(SidebarSideContext.Provider, { value: side }, /* @__PURE__ */ React58.createElement(
         Drawer,
         {
           isOpen: openMobile,
           onDismiss: () => setOpenMobile(false),
           placement: side
         },
-        /* @__PURE__ */ React60.createElement(Box, { "data-sidebar": "sidebar", "data-mobile": "true", height: "100" }, children)
+        /* @__PURE__ */ React58.createElement(Box, { "data-sidebar": "sidebar", "data-mobile": "true", height: "100" }, children)
       ));
     }
     if (collapsible === "none") {
-      return /* @__PURE__ */ React60.createElement(SidebarSideContext.Provider, { value: side }, /* @__PURE__ */ React60.createElement(
+      return /* @__PURE__ */ React58.createElement(SidebarSideContext.Provider, { value: side }, /* @__PURE__ */ React58.createElement(
         "div",
         {
           className: classNames34(
@@ -4601,7 +4536,7 @@ var Sidebar = React60.forwardRef(
         children
       ));
     }
-    return /* @__PURE__ */ React60.createElement(SidebarSideContext.Provider, { value: side }, /* @__PURE__ */ React60.createElement(
+    return /* @__PURE__ */ React58.createElement(SidebarSideContext.Provider, { value: side }, /* @__PURE__ */ React58.createElement(
       Box,
       {
         ref,
@@ -4618,7 +4553,7 @@ var Sidebar = React60.forwardRef(
         "data-side": side,
         className: "group"
       },
-      /* @__PURE__ */ React60.createElement(
+      /* @__PURE__ */ React58.createElement(
         "div",
         {
           style: {
@@ -4633,7 +4568,7 @@ var Sidebar = React60.forwardRef(
           className: classNames34("position-relative", className)
         }
       ),
-      /* @__PURE__ */ React60.createElement(
+      /* @__PURE__ */ React58.createElement(
         "div",
         {
           className: classNames34(
@@ -4655,7 +4590,7 @@ var Sidebar = React60.forwardRef(
           },
           ...props
         },
-        /* @__PURE__ */ React60.createElement(
+        /* @__PURE__ */ React58.createElement(
           "div",
           {
             "data-sidebar": "sidebar",
@@ -4673,9 +4608,9 @@ var Sidebar = React60.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React60.forwardRef(({ className, onClick, side, iconName = "dock-left", ...props }, ref) => {
+var SidebarTrigger = React58.forwardRef(({ className, onClick, side, iconName = "dock-left", ...props }, ref) => {
   const { toggleSidebar, side: contextSide } = useSidebar(side);
-  return /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React58.createElement(
     Button,
     {
       ref,
@@ -4700,8 +4635,8 @@ var SidebarTrigger = React60.forwardRef(({ className, onClick, side, iconName =
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarInset = React60.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React60.createElement(
+var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     "main",
     {
       ref,
@@ -4714,10 +4649,10 @@ var SidebarInset = React60.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarHeader = React60.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React58.forwardRef(({ className, ...props }, ref) => {
   const { state } = useSidebar();
   const isCollapsed = state === "collapsed";
-  return /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React58.createElement(
     "div",
     {
       ref,
@@ -4732,8 +4667,8 @@ var SidebarHeader = React60.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React60.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React60.createElement(
+var SidebarFooter = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     "div",
     {
       ref,
@@ -4747,8 +4682,8 @@ var SidebarFooter = React60.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarContent = React60.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React60.createElement(
+var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     "div",
     {
       ref,
@@ -4763,7 +4698,7 @@ var SidebarContent = React60.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarMenu = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React60.createElement(
+var SidebarMenu = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   "ul",
   {
     ref,
@@ -4779,7 +4714,7 @@ var SidebarMenu = React60.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React60.createElement(
+var SidebarMenuItem = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   "li",
   {
     ref,
@@ -4790,11 +4725,11 @@ var SidebarMenuItem = React60.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuItem.displayName = "SidebarMenuItem";
-var SidebarMenuButton = React60.forwardRef(
+var SidebarMenuButton = React58.forwardRef(
   ({ asChild = false, isActive = false, tooltip, className, ...props }, ref) => {
     const Comp = asChild ? Slot3 : "button";
     const { isMobile, state, side } = useSidebar();
-    const button = /* @__PURE__ */ React60.createElement(
+    const button = /* @__PURE__ */ React58.createElement(
       Comp,
       {
         ref,
@@ -4820,7 +4755,7 @@ var SidebarMenuButton = React60.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ React60.createElement(Tooltip, null, /* @__PURE__ */ React60.createElement(TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React60.createElement(
+    return /* @__PURE__ */ React58.createElement(Tooltip, null, /* @__PURE__ */ React58.createElement(TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React58.createElement(
       TooltipContent,
       {
         side: side === "right" ? "left" : "right",
@@ -4832,8 +4767,8 @@ var SidebarMenuButton = React60.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarGroup = React60.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React60.createElement(
+var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     "div",
     {
       ref,
@@ -4847,8 +4782,8 @@ var SidebarGroup = React60.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React60.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React60.createElement(
+var SidebarGroupLabel = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     "div",
     {
       ref,
@@ -4862,7 +4797,7 @@ var SidebarGroupLabel = React60.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarMenuSub = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React60.createElement(
+var SidebarMenuSub = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   "ul",
   {
     ref,
@@ -4878,11 +4813,11 @@ var SidebarMenuSub = React60.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React60.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React60.createElement("li", { ref, ...props }));
+var SidebarMenuSubItem = React58.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React58.createElement("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React60.forwardRef(({ asChild = false, isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot3 : "a";
-  return /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React58.createElement(
     Comp,
     {
       ref,
@@ -4901,9 +4836,9 @@ var SidebarMenuSubButton = React60.forwardRef(({ asChild = false, isActive, clas
   );
 });
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
-var SidebarMenuAction = React60.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot3 : "button";
-  return /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React58.createElement(
     Comp,
     {
       ref,
@@ -4921,11 +4856,11 @@ var SidebarMenuAction = React60.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarRail = React60.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React58.forwardRef(({ className, ...props }, ref) => {
   const { open, toggleSidebar, side } = useSidebar();
   const shortcutLabel = side === "left" ? SIDEBAR_KEYBOARD_SHORTCUT_LEFT : SIDEBAR_KEYBOARD_SHORTCUT_RIGHT;
   const caretIcon = open ? side === "right" ? "caret-sm-right" : "caret-sm-left" : side === "right" ? "caret-sm-left" : "caret-sm-right";
-  return /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React58.createElement(
     "button",
     {
       ref,
@@ -4953,7 +4888,7 @@ var SidebarRail = React60.forwardRef(({ className, ...props }, ref) => {
       type: "button",
       ...props
     },
-    /* @__PURE__ */ React60.createElement(
+    /* @__PURE__ */ React58.createElement(
       Box,
       {
         radius: "xl",
@@ -4976,12 +4911,12 @@ var SidebarRail = React60.forwardRef(({ className, ...props }, ref) => {
           className
         )
       },
-      /* @__PURE__ */ React60.createElement(Icon, { name: caretIcon })
+      /* @__PURE__ */ React58.createElement(Icon, { name: caretIcon })
     )
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarMenuBadge = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React60.createElement(
+var SidebarMenuBadge = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   "div",
   {
     ref,
@@ -5000,28 +4935,28 @@ var SidebarMenuBadge = React60.forwardRef(({ className, ...props }, ref) => /* @
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
 
 // src/components/Table/Table.tsx
-import React66 from "react";
+import React64 from "react";
 import classNames40 from "classnames";
 
 // src/components/Table/Table.module.scss
 var Table_module_default = { "container": "container__zReWp", "loading-mask": "loading-mask__gwG6j", "scroll-container": "scroll-container__79zJk", "table": "table__ojslm", "auto": "auto__bXEGP", "fixed": "fixed__zPdl3", "borderless": "borderless__AlDGM", "scrollable": "scrollable__HSxT1", "scrollable-x": "scrollable-x__aKmx8", "scrollable-y": "scrollable-y__8nNit", "table-bordered": "table-bordered__oTd6P", "full-height": "full-height__YPJfE" };
 
 // src/components/Table/TableBody/TableBody.tsx
-import React64 from "react";
+import React62 from "react";
 import classNames38 from "classnames";
 
 // src/components/Table/TableBody/TableBody.module.scss
 var TableBody_module_default = { "table-body": "table-body__cX0OQ", "striped": "striped__1Epqn", "hover": "hover__I3QF4" };
 
 // src/components/Table/common/TableRow/TableRow.tsx
-import React63 from "react";
+import React61 from "react";
 import classNames37 from "classnames";
 
 // src/components/Table/common/TableRow/TableRow.module.scss
 var TableRow_module_default = { "table-row": "table-row__BdHbx", "hoverable": "hoverable__Bdemq" };
 
 // src/components/Table/TableBody/TableBodyCell/TableBodyCell.tsx
-import React61 from "react";
+import React59 from "react";
 import classNames35 from "classnames";
 
 // src/components/Table/TableBody/TableBodyCell/TableBodyCell.module.scss
@@ -5054,7 +4989,7 @@ var TableBodyCell = ({
     },
     className
   );
-  return /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React59.createElement(
     Box,
     {
       as: columnIsSticky ? "th" : "td",
@@ -5072,7 +5007,7 @@ var TableBodyCell = ({
 var TableBodyCell_default = TableBodyCell;
 
 // src/components/Table/TableHead/TableHeaderCell/TableHeaderCell.tsx
-import React62 from "react";
+import React60 from "react";
 import classNames36 from "classnames";
 
 // src/components/Table/TableHead/TableHeaderCell/TableHeaderCell.module.scss
@@ -5099,7 +5034,7 @@ var TableHeaderCell = ({
   const renderIcon = () => {
     const renderArrows = () => {
       if (getSortDirection() === "ascending") {
-        return /* @__PURE__ */ React62.createElement(
+        return /* @__PURE__ */ React60.createElement(
           Icon,
           {
             name: "caret-sm-up",
@@ -5108,7 +5043,7 @@ var TableHeaderCell = ({
         );
       }
       if (getSortDirection() === "descending") {
-        return /* @__PURE__ */ React62.createElement(
+        return /* @__PURE__ */ React60.createElement(
           Icon,
           {
             name: "caret-sm-down",
@@ -5116,7 +5051,7 @@ var TableHeaderCell = ({
           }
         );
       }
-      return /* @__PURE__ */ React62.createElement(
+      return /* @__PURE__ */ React60.createElement(
         Box,
         {
           display: "inline-block",
@@ -5127,7 +5062,7 @@ var TableHeaderCell = ({
         }
       );
     };
-    return /* @__PURE__ */ React62.createElement("span", { className: TableHeaderCell_module_default["sort-icon"] }, renderArrows());
+    return /* @__PURE__ */ React60.createElement("span", { className: TableHeaderCell_module_default["sort-icon"] }, renderArrows());
   };
   const handleKeyPress = (event) => {
     if (!onSort || !isSortable) return;
@@ -5159,7 +5094,7 @@ var TableHeaderCell = ({
     },
     className
   );
-  return /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React60.createElement(
     Box,
     {
       as: "th",
@@ -5172,7 +5107,7 @@ var TableHeaderCell = ({
       onKeyDown: handleKeyPress,
       scope: "col"
     },
-    /* @__PURE__ */ React62.createElement("div", { className: TableHeaderCell_module_default.heading }, column.heading, isSortable && renderIcon())
+    /* @__PURE__ */ React60.createElement("div", { className: TableHeaderCell_module_default.heading }, column.heading, isSortable && renderIcon())
   );
 };
 
@@ -5214,8 +5149,8 @@ var TableRow = ({
     }
     return void 0;
   };
-  return /* @__PURE__ */ React63.createElement("tr", { className: tableRowClasses }, Object.values(columns).map(
-    (column, columnIndex) => isTableHead ? /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React61.createElement("tr", { className: tableRowClasses }, Object.values(columns).map(
+    (column, columnIndex) => isTableHead ? /* @__PURE__ */ React61.createElement(
       TableHeaderCell,
       {
         column,
@@ -5233,7 +5168,7 @@ var TableRow = ({
         hasStickyHeader,
         sticky: column.sticky
       }
-    ) : /* @__PURE__ */ React63.createElement(
+    ) : /* @__PURE__ */ React61.createElement(
       TableBodyCell_default,
       {
         align: column.align || align,
@@ -5272,7 +5207,7 @@ var TableBody = ({
     },
     className
   );
-  return /* @__PURE__ */ React64.createElement("tbody", { className: tableBodyClasses }, rows.map((row, rowIndex) => /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React62.createElement("tbody", { className: tableBodyClasses }, rows.map((row, rowIndex) => /* @__PURE__ */ React62.createElement(
     TableRow,
     {
       columns,
@@ -5289,7 +5224,7 @@ var TableBody = ({
 };
 
 // src/components/Table/TableHead/TableHead.tsx
-import React65 from "react";
+import React63 from "react";
 import classNames39 from "classnames";
 var TableHead = ({
   columns,
@@ -5303,7 +5238,7 @@ var TableHead = ({
   truncateOverflow = false
 }) => {
   const tableHeadClasses = classNames39(className);
-  return /* @__PURE__ */ React65.createElement("thead", { className: tableHeadClasses }, /* @__PURE__ */ React65.createElement(
+  return /* @__PURE__ */ React63.createElement("thead", { className: tableHeadClasses }, /* @__PURE__ */ React63.createElement(
     TableRow,
     {
       columns,
@@ -5357,13 +5292,13 @@ var Table = ({
     [Table_module_default.borderless]: isBorderless,
     [Table_module_default.compact]: isCompact
   });
-  return /* @__PURE__ */ React66.createElement("div", { className: containerClasses }, isLoading && /* @__PURE__ */ React66.createElement("div", { className: Table_module_default["loading-mask"] }, /* @__PURE__ */ React66.createElement(Spinner, { size: "xl" })), /* @__PURE__ */ React66.createElement(
+  return /* @__PURE__ */ React64.createElement("div", { className: containerClasses }, isLoading && /* @__PURE__ */ React64.createElement("div", { className: Table_module_default["loading-mask"] }, /* @__PURE__ */ React64.createElement(Spinner, { size: "xl" })), /* @__PURE__ */ React64.createElement(
     "div",
     {
       className: scrollContainerClasses,
       "data-testid": "tableContainerDiv-testid"
     },
-    /* @__PURE__ */ React66.createElement("table", { className: tableClasses }, /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React64.createElement("table", { className: tableClasses }, /* @__PURE__ */ React64.createElement(
       TableHead,
       {
         columns,
@@ -5375,7 +5310,7 @@ var Table = ({
         truncateOverflow,
         hasStickyHeader
       }
-    ), /* @__PURE__ */ React66.createElement(
+    ), /* @__PURE__ */ React64.createElement(
       TableBody,
       {
         rows,
@@ -5394,7 +5329,7 @@ var Table = ({
 };
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React67, { createContext as createContext4, useState as useState5, useEffect as useEffect4 } from "react";
+import React65, { createContext as createContext4, useState as useState5, useEffect as useEffect4 } from "react";
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -5428,14 +5363,14 @@ function ThemeProvider({
     },
     isDarkMode
   };
-  return /* @__PURE__ */ React67.createElement(ThemeProviderContext.Provider, { ...props, value }, children);
+  return /* @__PURE__ */ React65.createElement(ThemeProviderContext.Provider, { ...props, value }, children);
 }
 
 // src/components/Toast/ToastContainer.tsx
-import React69 from "react";
+import React67 from "react";
 
 // src/components/Toast/ToastNotification.tsx
-import React68 from "react";
+import React66 from "react";
 import classNames41 from "classnames";
 
 // src/components/Toast/ToastNotification.module.scss
@@ -5468,12 +5403,12 @@ var renderToastIcon = (toast2) => {
     iconName = "c-warning";
     iconColor = "white";
   }
-  const icon = type !== "loading" ? /* @__PURE__ */ React68.createElement(Icon, { name: iconName, color: iconColor }) : /* @__PURE__ */ React68.createElement(Spinner, null);
-  return /* @__PURE__ */ React68.createElement(Box, { justifyContent: "center", height: "100" }, icon);
+  const icon = type !== "loading" ? /* @__PURE__ */ React66.createElement(Icon, { name: iconName, color: iconColor }) : /* @__PURE__ */ React66.createElement(Spinner, null);
+  return /* @__PURE__ */ React66.createElement(Box, { justifyContent: "center", height: "100" }, icon);
 };
 var renderDismissIcon = (toast2, onDismiss) => {
   if (!toast2.canDismiss) return;
-  return /* @__PURE__ */ React68.createElement(
+  return /* @__PURE__ */ React66.createElement(
     Box,
     {
       as: "button",
@@ -5488,12 +5423,12 @@ var renderDismissIcon = (toast2, onDismiss) => {
       onClick: onDismiss,
       "aria-label": "dismiss notification"
     },
-    /* @__PURE__ */ React68.createElement(Icon, { name: "remove" })
+    /* @__PURE__ */ React66.createElement(Icon, { name: "remove" })
   );
 };
-var ToastNotification = React68.memo(
+var ToastNotification = React66.memo(
   ({ toast: toast2, position = "top-center", style, children, onDismiss }) => {
-    const message = /* @__PURE__ */ React68.createElement(
+    const message = /* @__PURE__ */ React66.createElement(
       Box,
       {
         direction: "row",
@@ -5515,7 +5450,7 @@ var ToastNotification = React68.memo(
         [ToastNotification_module_default["toast-error"]]: toast2.type === "error"
       }
     );
-    return /* @__PURE__ */ React68.createElement(
+    return /* @__PURE__ */ React66.createElement(
       Box,
       {
         alignItems: "center",
@@ -5532,7 +5467,7 @@ var ToastNotification = React68.memo(
       },
       typeof children === "function" ? children({
         message
-      }) : /* @__PURE__ */ React68.createElement(React68.Fragment, null, renderToastIcon(toast2), message, renderDismissIcon(toast2, onDismiss))
+      }) : /* @__PURE__ */ React66.createElement(React66.Fragment, null, renderToastIcon(toast2), message, renderDismissIcon(toast2, onDismiss))
     );
   }
 );
@@ -5869,7 +5804,7 @@ var renderNotification = (currentToast, children, containerPosition) => {
   if (children) {
     return children(currentToast);
   }
-  return /* @__PURE__ */ React69.createElement(
+  return /* @__PURE__ */ React67.createElement(
     ToastNotification,
     {
       toast: currentToast,
@@ -5889,7 +5824,7 @@ var ToastContainer = ({
   ...restProps
 }) => {
   const { toasts, handlers } = useToasts(toastOptions);
-  return /* @__PURE__ */ React69.createElement(
+  return /* @__PURE__ */ React67.createElement(
     Box,
     {
       style: {
@@ -5919,7 +5854,7 @@ var ToastContainer = ({
       const ref = t.height ? void 0 : createRectRef((rect) => {
         handlers.updateHeight(t.id, rect.height);
       });
-      return /* @__PURE__ */ React69.createElement(
+      return /* @__PURE__ */ React67.createElement(
         Box,
         {
           ref,
@@ -5937,7 +5872,7 @@ var ToastContainer = ({
 };
 
 // src/components/Toggle/Toggle.tsx
-import React70, { forwardRef as forwardRef16 } from "react";
+import React68, { forwardRef as forwardRef16 } from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 
 // src/components/Toggle/Toggle.module.scss
@@ -5945,7 +5880,7 @@ var Toggle_module_default = { "item": "item__PrPsJ", "outline": "outline__Lkabh"
 
 // src/components/Toggle/Toggle.tsx
 import classNames42 from "classnames";
-var Toggle = forwardRef16(({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ React70.createElement(
+var Toggle = forwardRef16(({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   TogglePrimitive.Root,
   {
     ref,
@@ -5965,9 +5900,9 @@ Toggle.displayName = "Toggle";
 import { useState as useState7 } from "react";
 
 // src/hooks/useWindowSize/useWindowSize.ts
-import React71 from "react";
+import React69 from "react";
 var useWindowSize = () => {
-  const { innerWidth, innerHeight, outerHeight, outerWidth, isCreated } = React71.useContext(ResponsiveContext);
+  const { innerWidth, innerHeight, outerHeight, outerWidth, isCreated } = React69.useContext(ResponsiveContext);
   if (isCreated) {
     return {
       innerHeight,
@@ -6055,9 +5990,9 @@ var useOpenClose = (props = {}) => {
 };
 
 // src/hooks/useTheme/useTheme.ts
-import React72 from "react";
+import React70 from "react";
 var useTheme = () => {
-  const context = React72.useContext(ThemeProviderContext);
+  const context = React70.useContext(ThemeProviderContext);
   if (context === void 0)
     throw new Error(
       "useTheme must be used within a ThemeProvider. Be sure your App is wrapped in ThemeProvider."
@@ -6127,7 +6062,6 @@ export {
   FormikTextareaInput,
   FormikTextareaInputInset,
   FormikTimePicker,
-  FormikTimePickerNative,
   FormikToggleGroup,
   FormikToggleGroupMulti,
   HEADING_SIZE_OPTIONS,
@@ -6180,7 +6114,6 @@ export {
   ThemeProvider,
   ThemeProviderContext,
   TimePicker,
-  TimePickerNative,
   ToastContainer,
   Toggle,
   ToggleGroup,