kiban-design-system 1.1.3 → 1.1.4

package/dist/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React3 = require('react');
+var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
 
@@ -21,7 +21,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespaceDefault(React3);
+var React2__namespace = /*#__PURE__*/_interopNamespaceDefault(React2);
 
 const Activity = () => /*#__PURE__*/jsxRuntime.jsx("polyline", {
   points: "22 12 18 12 15 21 9 3 6 12 2 12"
@@ -4442,7 +4442,7 @@ const Icon = ({
   strokeWidth: "2",
   strokeLinecap: "round",
   strokeLinejoin: "round",
-  children: /*#__PURE__*/React3.createElement(Icons[name])
+  children: /*#__PURE__*/React2.createElement(Icons[name])
 });
 
 const MAIN_CLASS$t = 'Alert';
@@ -4556,7 +4556,7 @@ const Button = ({
   });
 };
 
-const ThemeContext = /*#__PURE__*/React3.createContext({
+const ThemeContext = /*#__PURE__*/React2.createContext({
   theme: "CLOUD",
   setTheme: () => null
 });
@@ -4565,8 +4565,8 @@ const ThemeProvider = ({
   children,
   theme
 }) => {
-  const [themeValue, setThemeValue] = React3.useState('CLOUD');
-  React3.useEffect(() => {
+  const [themeValue, setThemeValue] = React2.useState('CLOUD');
+  React2.useEffect(() => {
     if (theme) setThemeValue(theme);
   }, []);
   const setTheme = newTheme => setThemeValue(newTheme);
@@ -4582,7 +4582,7 @@ const useTheme = () => {
   const {
     theme,
     setTheme
-  } = React3.useContext(ThemeContext);
+  } = React2.useContext(ThemeContext);
   return {
     theme,
     setTheme
@@ -4590,7 +4590,7 @@ const useTheme = () => {
 };
 
 const isComponentTypeOf = (childComponent, parentComponent) => {
-  if (childComponent === null || ! /*#__PURE__*/React3.isValidElement(childComponent) || typeof childComponent === "string") {
+  if (childComponent === null || ! /*#__PURE__*/React2.isValidElement(childComponent) || typeof childComponent === "string") {
     return false;
   }
   const {
@@ -6393,13 +6393,13 @@ const Logo = ({
 }) => {
   const logoName = isWhite ? `${name}White` : name;
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/React3.createElement(Logos[logoName], {
+    children: /*#__PURE__*/React2.createElement(Logos[logoName], {
       size
     })
   });
 };
 
-const AlertContext = /*#__PURE__*/React3.createContext({
+const AlertContext = /*#__PURE__*/React2.createContext({
   addAlert: () => null,
   limit: 0,
   deleteAlert: () => {}
@@ -6410,9 +6410,9 @@ const AlertProvider = ({
   limit
 }) => {
   const portalTarget = document.body;
-  const [alertList, setAlertList] = React3.useState([]);
-  const [newAlert, setNewAlert] = React3.useState();
-  React3.useEffect(() => {
+  const [alertList, setAlertList] = React2.useState([]);
+  const [newAlert, setNewAlert] = React2.useState();
+  React2.useEffect(() => {
     if (newAlert) {
       const alerts = alertList.map(alertElem => ({
         ...alertElem
@@ -6439,7 +6439,7 @@ const AlertProvider = ({
     alerts = alerts.filter(alertElement => alertElement.duration === "infinite" || typeof alertElement.duration === "number" && alertElement.duration > 0);
     setAlertList(alerts);
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     const interval = setInterval(() => {
       if (alertList.length > 0) countDownAlerts();else {
         clearInterval(interval);
@@ -6497,13 +6497,13 @@ const AlertProvider = ({
 const useShowAlert = () => {
   const {
     addAlert
-  } = React3.useContext(AlertContext);
+  } = React2.useContext(AlertContext);
   return addAlert;
 };
 const useDeleteAlert = () => {
   const {
     deleteAlert
-  } = React3.useContext(AlertContext);
+  } = React2.useContext(AlertContext);
   return deleteAlert;
 };
 
@@ -6570,7 +6570,7 @@ const AlphaAttributeInput = ({
   label,
   isRequired
 }) => {
-  const [isFocused, setIsFocused] = React3.useState(false);
+  const [isFocused, setIsFocused] = React2.useState(false);
   const className = cssClassName(COMPONENT_NAME$F, isFocused && 'isFocused');
   const handleBlur = callback => {
     setIsFocused(false);
@@ -6598,7 +6598,7 @@ const AlphaAttributeInput = ({
       className: `${COMPONENT_NAME$F}__Divider`,
       children: divider
     }) : null;
-    return /*#__PURE__*/jsxRuntime.jsxs(React3.Fragment, {
+    return /*#__PURE__*/jsxRuntime.jsxs(React2.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: `${COMPONENT_NAME$F}__Item`,
         children: [itemLabelMarkup, /*#__PURE__*/jsxRuntime.jsx("input", {
@@ -6900,14 +6900,14 @@ const Overlay = ({
   theme,
   onClick
 }) => {
-  const tooltipRef = React3.useRef(null);
+  const tooltipRef = React2.useRef(null);
   const overlayClassName = cssClassName(COMPONENT_NAME$z, position && `is-${position}`, appearance && `is-${appearance}`, theme && appearance === 'default' && `is-${theme}`);
-  const [positionStyles, setPositionStyles] = React3.useState({
+  const [positionStyles, setPositionStyles] = React2.useState({
     '--tooltip-overlay-top': 0,
     '--tooltip-overlay-left': 0,
     '--tooltip-overlay-width': 'auto'
   });
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (activator && active && tooltipRef.current) {
       const {
         top,
@@ -6934,7 +6934,7 @@ const Overlay = ({
       setPositionStyles(styles);
     }
   }, [active, activator]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (zIndexOverride) {
       setPositionStyles({
         ...positionStyles,
@@ -6968,20 +6968,20 @@ const AlphaTooltip = ({
   persistence,
   theme
 }) => {
-  const [activatorNode, setActivatorNode] = React3.useState(null);
-  const [isActive, setIsActive] = React3.useState(isActiveProp);
-  const [isActivePersistence, setIsActivePersistence] = React3.useState(false);
-  const isMouseOver = React3.useRef(false);
-  const activatorContainer = React3.useRef(null);
+  const [activatorNode, setActivatorNode] = React2.useState(null);
+  const [isActive, setIsActive] = React2.useState(isActiveProp);
+  const [isActivePersistence, setIsActivePersistence] = React2.useState(false);
+  const isMouseOver = React2.useRef(false);
+  const activatorContainer = React2.useRef(null);
   const WrapperComponent = activatorWrapper;
   const className = cssClassName(COMPONENT_NAME$y);
-  const handleOpen = React3.useCallback(() => {
+  const handleOpen = React2.useCallback(() => {
     if (!isActivePersistence) {
       setIsActive(true);
       onOpen && onOpen();
     }
   }, [isActive, isActivePersistence]);
-  const handleClose = React3.useCallback(() => {
+  const handleClose = React2.useCallback(() => {
     if (!isActivePersistence) {
       setIsActive(false);
       onClose && onClose();
@@ -7015,15 +7015,15 @@ const AlphaTooltip = ({
       onClose && onClose();
     }
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (persistence && isActiveProp !== undefined && isActiveProp !== null) {
       setIsActive(isActiveProp);
     }
   }, [isActiveProp]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isActivePersistence) setIsActive(isActivePersistence);
   }, [isActivePersistence]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isActive && parentTooltip) {
       document.addEventListener('click', handleClickOutside);
     }
@@ -7258,7 +7258,7 @@ function getRangeDate(range, date) {
 }
 
 const COMPONENT_NAME$x = 'DatePicker__Day';
-const Day = /*#__PURE__*/React3.memo(function Day({
+const Day = /*#__PURE__*/React2.memo(function Day({
   day,
   isDisabled,
   isFirstSelectedDay,
@@ -7308,8 +7308,8 @@ const Month = ({
   weekDays
 }) => {
   const className = cssClassName(COMPONENT_NAME$w);
-  const weeks = React3.useMemo(() => getWeeksByMonth(month, year, weekStartsOn), [month, year, weekStartsOn]);
-  const handleDateClick = React3.useCallback(selectedDate => {
+  const weeks = React2.useMemo(() => getWeeksByMonth(month, year, weekStartsOn), [month, year, weekStartsOn]);
+  const handleDateClick = React2.useCallback(selectedDate => {
     if (onChange) {
       onChange(getRangeDate(allowRange ? selected : undefined, selectedDate));
     }
@@ -7394,29 +7394,29 @@ const Header$2 = ({
   onChange,
   months
 }) => {
-  const [yearValue, setYearValue] = React3.useState(year);
+  const [yearValue, setYearValue] = React2.useState(year);
   const headerClassName = cssClassName(COMPONENT_NAME$u);
-  const handleMonthChange = React3.useCallback((month, year) => {
+  const handleMonthChange = React2.useCallback((month, year) => {
     if (onChange) {
       onChange(month, year);
     }
   }, [onChange]);
-  const handleYearChange = React3.useCallback(newYear => {
+  const handleYearChange = React2.useCallback(newYear => {
     if (onChange) {
       onChange(month, newYear);
     }
   }, [onChange, year]);
-  const handleYearBlur = React3.useCallback(() => {
+  const handleYearBlur = React2.useCallback(() => {
     if (!yearValue || yearValue < MINIMUM_SELECTABLE_YEAR) {
       setYearValue(year);
     }
   }, [yearValue, year]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (yearValue && yearValue >= MINIMUM_SELECTABLE_YEAR) {
       handleYearChange(yearValue);
     }
   }, [yearValue]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (year) setYearValue(year);
   }, [year]);
   const montName = !months ? MONT_NAME[month] : months[month];
@@ -7471,7 +7471,7 @@ const DatePicker = ({
   weekDays
 }) => {
   const className = cssClassName(COMPONENT_NAME$t);
-  const handleDateChange = React3.useCallback(dateRange => {
+  const handleDateChange = React2.useCallback(dateRange => {
     if (onChange) {
       onChange(dateRange);
     }
@@ -7512,12 +7512,12 @@ const Tooltip = ({
   const {
     theme
   } = useTheme();
-  const [isTooltipShowed, setIsTooltipShowed] = React3.useState(false);
-  const [coords, setCoords] = React3.useState({
+  const [isTooltipShowed, setIsTooltipShowed] = React2.useState(false);
+  const [coords, setCoords] = React2.useState({
     left: -1,
     top: -1
   });
-  const [coordsParent, setCoordsParent] = React3.useState({
+  const [coordsParent, setCoordsParent] = React2.useState({
     left: 0,
     top: 0,
     width: 0,
@@ -7607,12 +7607,12 @@ const Tooltip = ({
       });
     }
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isTooltipShowed) {
       getCoords();
     }
   }, [isTooltipShowed, coordsParent]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isActive) {
       handleHover();
     } else {
@@ -7702,11 +7702,11 @@ const InputText = ({
   inputMode,
   tooltipLabel
 }) => {
-  const inputRef = React3.useRef(null);
-  const textAreaRef = React3.useRef(null);
-  const inputContainerRef = React3.useRef(null);
-  const [isFocusActive, setIsFocusActive] = React3.useState(false);
-  const [parentCoord, setParentCoords] = React3.useState();
+  const inputRef = React2.useRef(null);
+  const textAreaRef = React2.useRef(null);
+  const inputContainerRef = React2.useRef(null);
+  const [isFocusActive, setIsFocusActive] = React2.useState(false);
+  const [parentCoord, setParentCoords] = React2.useState();
   const handleClickFocus = () => {
     const input = isMultiline ? textAreaRef.current : inputRef.current;
     if (input) input?.focus();
@@ -7729,7 +7729,7 @@ const InputText = ({
   const renderInput = () => {
     const clasessContainer = ['InputText-container__inputBody', disabled && 'InputText-container__inputBody--is-disabled', isErrorMode && 'InputText-container__inputBody--is-error', isHelperMode && 'InputText-container__inputBody--is-help', (isFocused || isFocusActive) && 'InputText-container__inputBody--focus', (isFocused || isFocusActive) && isHelperMode && 'InputText-container__inputBody--focus-help', (isFocused || isFocusActive) && isErrorMode && 'InputText-container__inputBody--focus-error', isMultiline && 'InputText-container__inputBody--multiline'].filter(Boolean).join(' ');
     const clasessInput = ['InputText-container__inputBody-input', isHelperMode && 'InputText-container__inputBody-input--is-help', icon && 'InputText-container__inputBody-input--icon', isErrorMode && 'InputText-container__inputBody-input--is-error', prefix && 'InputText-container__inputBody-input--prefix', disabled && 'InputText-container__inputBody-input--disabled', isMultiline && 'InputText-container__inputBody-input--multiline'].filter(Boolean).join(' ');
-    const input = /*#__PURE__*/React3.createElement(InputComponent, {
+    const input = /*#__PURE__*/React2.createElement(InputComponent, {
       'aria-label': ariaLabel,
       className: clasessInput,
       ref: isMultiline ? textAreaRef : inputRef,
@@ -7785,13 +7785,13 @@ const InputText = ({
     toggleType: isErrorMode ? 'error' : 'primary',
     children: renderInput()
   });
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (inputContainerRef.current) {
       setParentCoords(inputContainerRef.current.getBoundingClientRect());
     }
   }, [inputContainerRef]);
   const showLabelContainer = label || secondaryAction;
-  const tooltipLabelMarkup = React3.useMemo(() => tooltipLabel ? /*#__PURE__*/jsxRuntime.jsx(AlphaTooltip, {
+  const tooltipLabelMarkup = React2.useMemo(() => tooltipLabel ? /*#__PURE__*/jsxRuntime.jsx(AlphaTooltip, {
     content: tooltipLabel.content,
     theme: tooltipLabel.theme,
     width: "default",
@@ -7898,17 +7898,17 @@ const Popover$1 = ({
   isFixed = false,
   className
 }) => {
-  const activatorRef = React3.useRef(null);
-  const popoverRef = React3.useRef(null);
-  const popoverOriginalHeight = React3.useRef(0);
-  const scrollableRef = React3.useRef(null);
-  const [popoverPosition, setPopoverPosition] = React3.useState({
+  const activatorRef = React2.useRef(null);
+  const popoverRef = React2.useRef(null);
+  const popoverOriginalHeight = React2.useRef(0);
+  const scrollableRef = React2.useRef(null);
+  const [popoverPosition, setPopoverPosition] = React2.useState({
     top: undefined,
     left: undefined,
     height: undefined
   });
-  const [popoverWidth, setPopoverWidth] = React3.useState();
-  const setPopoverPositionCallback = React3.useCallback(() => {
+  const [popoverWidth, setPopoverWidth] = React2.useState();
+  const setPopoverPositionCallback = React2.useCallback(() => {
     if (activatorRef.current) {
       return setPosition(activatorRef, {
         ...popoverPosition
@@ -7916,7 +7916,7 @@ const Popover$1 = ({
     }
     return undefined;
   }, [isActive]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     const findScrollableContainer = element => {
       if (!element) return null;
       if (!(element instanceof HTMLElement)) {
@@ -7946,7 +7946,7 @@ const Popover$1 = ({
       }
     }
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     try {
       const observer = new IntersectionObserver(entries => {
         entries.forEach(entry => {
@@ -7969,7 +7969,7 @@ const Popover$1 = ({
       document.removeEventListener("click", handleClickOutside);
     };
   });
-  const handleScroll = React3.useCallback(() => {
+  const handleScroll = React2.useCallback(() => {
     if (isFixed || !isActive && !popoverRef.current) {
       return;
     }
@@ -7980,7 +7980,7 @@ const Popover$1 = ({
       });
     }
   }, [isActive, isFixed]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     const scrollableContainer = scrollableRef.current;
     if (!scrollableContainer) {
       window.addEventListener("scroll", handleScroll);
@@ -7997,12 +7997,12 @@ const Popover$1 = ({
       window.removeEventListener("resize", handleScroll);
     };
   }, [isFixed]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (activatorRef.current && isFullWidth) {
       setPopoverWidth(activatorRef.current.children[0].getBoundingClientRect().width);
     }
   }, [isFullWidth, activatorRef, isActive]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isActive && popoverRef.current) {
       popoverOriginalHeight.current = popoverRef.current.getBoundingClientRect().height;
       const stylesObj = setPopoverPositionCallback();
@@ -8020,7 +8020,7 @@ const Popover$1 = ({
       });
     }
   }, [popoverRef, isActive]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (popoverPosition.top === 0 && popoverPosition.left === 0 || !isActive || !popoverRef.current) {
       return;
     }
@@ -8036,7 +8036,7 @@ const Popover$1 = ({
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       ref: activatorRef,
-      children: React3.Children.only(activator)
+      children: React2.Children.only(activator)
     }), isActive && /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsxRuntime.jsx("div", {
       ref: popoverRef,
       className: `Popover__container${className ? ` ${className}` : ""} 
@@ -9110,18 +9110,10 @@ class Locale {
 
   months(length, format = false) {
     return listStuff(this, length, months, () => {
-      // Workaround for "ja" locale: formatToParts does not label all parts of the month
-      // as "month" and for this locale there is no difference between "format" and "non-format".
-      // As such, just use format() instead of formatToParts() and take the whole string
-      const monthSpecialCase = this.intl === "ja" || this.intl.startsWith("ja-");
-      format &= !monthSpecialCase;
       const intl = format ? { month: length, day: "numeric" } : { month: length },
         formatStr = format ? "format" : "standalone";
       if (!this.monthsCache[formatStr][length]) {
-        const mapper = !monthSpecialCase
-          ? (dt) => this.extract(dt, intl, "month")
-          : (dt) => this.dtFormatter(dt, intl).format();
-        this.monthsCache[formatStr][length] = mapMonths(mapper);
+        this.monthsCache[formatStr][length] = mapMonths((dt) => this.extract(dt, intl, "month"));
       }
       return this.monthsCache[formatStr][length];
     });
@@ -10107,24 +10099,10 @@ function parseMillis(fraction) {
   }
 }
 
-function roundTo(number, digits, rounding = "round") {
-  const factor = 10 ** digits;
-  switch (rounding) {
-    case "expand":
-      return number > 0
-        ? Math.ceil(number * factor) / factor
-        : Math.floor(number * factor) / factor;
-    case "trunc":
-      return Math.trunc(number * factor) / factor;
-    case "round":
-      return Math.round(number * factor) / factor;
-    case "floor":
-      return Math.floor(number * factor) / factor;
-    case "ceil":
-      return Math.ceil(number * factor) / factor;
-    default:
-      throw new RangeError(`Value rounding ${rounding} is out of range`);
-  }
+function roundTo(number, digits, towardZero = false) {
+  const factor = 10 ** digits,
+    rounder = towardZero ? Math.trunc : Math.round;
+  return rounder(number * factor) / factor;
 }
 
 // DATE BASICS
@@ -10232,7 +10210,7 @@ function signedOffset(offHourStr, offMinuteStr) {
 
 function asNumber(value) {
   const numericValue = Number(value);
-  if (typeof value === "boolean" || value === "" || !Number.isFinite(numericValue))
+  if (typeof value === "boolean" || value === "" || Number.isNaN(numericValue))
     throw new InvalidArgumentError(`Invalid unit value ${value}`);
   return numericValue;
 }
@@ -10491,12 +10469,8 @@ class Formatter {
     for (let i = 0; i < fmt.length; i++) {
       const c = fmt.charAt(i);
       if (c === "'") {
-        // turn '' into a literal signal quote instead of just skipping the empty literal
-        if (currentFull.length > 0 || bracketed) {
-          splits.push({
-            literal: bracketed || /^\s+$/.test(currentFull),
-            val: currentFull === "" ? "'" : currentFull,
-          });
+        if (currentFull.length > 0) {
+          splits.push({ literal: bracketed || /^\s+$/.test(currentFull), val: currentFull });
         }
         current = null;
         currentFull = "";
@@ -10560,7 +10534,7 @@ class Formatter {
     return this.dtFormatter(dt, opts).resolvedOptions();
   }
 
-  num(n, p = 0, signDisplay = undefined) {
+  num(n, p = 0) {
     // we get some perf out of doing this here, annoyingly
     if (this.opts.forceSimple) {
       return padStart(n, p);
@@ -10571,9 +10545,6 @@ class Formatter {
     if (p > 0) {
       opts.padTo = p;
     }
-    if (signDisplay) {
-      opts.signDisplay = signDisplay;
-    }
 
     return this.loc.numberFormatter(opts).format(n);
   }
@@ -10809,44 +10780,32 @@ class Formatter {
   }
 
   formatDurationFromString(dur, fmt) {
-    const invertLargest = this.opts.signMode === "negativeLargestOnly" ? -1 : 1;
     const tokenToField = (token) => {
         switch (token[0]) {
           case "S":
-            return "milliseconds";
+            return "millisecond";
           case "s":
-            return "seconds";
+            return "second";
           case "m":
-            return "minutes";
+            return "minute";
           case "h":
-            return "hours";
+            return "hour";
           case "d":
-            return "days";
+            return "day";
           case "w":
-            return "weeks";
+            return "week";
           case "M":
-            return "months";
+            return "month";
           case "y":
-            return "years";
+            return "year";
           default:
             return null;
         }
       },
-      tokenToString = (lildur, info) => (token) => {
+      tokenToString = (lildur) => (token) => {
         const mapped = tokenToField(token);
         if (mapped) {
-          const inversionFactor =
-            info.isNegativeDuration && mapped !== info.largestUnit ? invertLargest : 1;
-          let signDisplay;
-          if (this.opts.signMode === "negativeLargestOnly" && mapped !== info.largestUnit) {
-            signDisplay = "never";
-          } else if (this.opts.signMode === "all") {
-            signDisplay = "always";
-          } else {
-            // "auto" and "negative" are the same, but "auto" has better support
-            signDisplay = "auto";
-          }
-          return this.num(lildur.get(mapped) * inversionFactor, token.length, signDisplay);
+          return this.num(lildur.get(mapped), token.length);
         } else {
           return token;
         }
@@ -10856,14 +10815,8 @@ class Formatter {
         (found, { literal, val }) => (literal ? found : found.concat(val)),
         []
       ),
-      collapsed = dur.shiftTo(...realTokens.map(tokenToField).filter((t) => t)),
-      durationInfo = {
-        isNegativeDuration: collapsed < 0,
-        // this relies on "collapsed" being based on "shiftTo", which builds up the object
-        // in order
-        largestUnit: Object.keys(collapsed.values)[0],
-      };
-    return stringifyTokens(tokens, tokenToString(collapsed, durationInfo));
+      collapsed = dur.shiftTo(...realTokens.map(tokenToField).filter((t) => t));
+    return stringifyTokens(tokens, tokenToString(collapsed));
   }
 }
 
@@ -10924,11 +10877,11 @@ function simpleParse(...keys) {
 }
 
 // ISO and SQL parsing
-const offsetRegex = /(?:([Zz])|([+-]\d\d)(?::?(\d\d))?)/;
+const offsetRegex = /(?:(Z)|([+-]\d\d)(?::?(\d\d))?)/;
 const isoExtendedZone = `(?:${offsetRegex.source}?(?:\\[(${ianaRegex.source})\\])?)?`;
 const isoTimeBaseRegex = /(\d\d)(?::?(\d\d)(?::?(\d\d)(?:[.,](\d{1,30}))?)?)?/;
 const isoTimeRegex = RegExp(`${isoTimeBaseRegex.source}${isoExtendedZone}`);
-const isoTimeExtensionRegex = RegExp(`(?:[Tt]${isoTimeRegex.source})?`);
+const isoTimeExtensionRegex = RegExp(`(?:T${isoTimeRegex.source})?`);
 const isoYmdRegex = /([+-]\d{6}|\d{4})(?:-?(\d\d)(?:-?(\d\d))?)?/;
 const isoWeekRegex = /(\d{4})-?W(\d\d)(?:-?(\d))?/;
 const isoOrdinalRegex = /(\d{4})-?(\d{3})/;
@@ -11643,13 +11596,9 @@ class Duration {
    * @param {string} fmt - the format string
    * @param {Object} opts - options
    * @param {boolean} [opts.floor=true] - floor numerical values
-   * @param {'negative'|'all'|'negativeLargestOnly'} [opts.signMode=negative] - How to handle signs
    * @example Duration.fromObject({ years: 1, days: 6, seconds: 2 }).toFormat("y d s") //=> "1 6 2"
    * @example Duration.fromObject({ years: 1, days: 6, seconds: 2 }).toFormat("yy dd sss") //=> "01 06 002"
    * @example Duration.fromObject({ years: 1, days: 6, seconds: 2 }).toFormat("M S") //=> "12 518402000"
-   * @example Duration.fromObject({ days: 6, seconds: 2 }).toFormat("d s", { signMode: "all" }) //=> "+6 +2"
-   * @example Duration.fromObject({ days: -6, seconds: -2 }).toFormat("d s", { signMode: "all" }) //=> "-6 -2"
-   * @example Duration.fromObject({ days: -6, seconds: -2 }).toFormat("d s", { signMode: "negativeLargestOnly" }) //=> "-6 2"
    * @return {string}
    */
   toFormat(fmt, opts = {}) {
@@ -11669,25 +11618,21 @@ class Duration {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    * @param {Object} opts - Formatting options. Accepts the same keys as the options parameter of the native `Intl.NumberFormat` constructor, as well as `listStyle`.
    * @param {string} [opts.listStyle='narrow'] - How to format the merged list. Corresponds to the `style` property of the options parameter of the native `Intl.ListFormat` constructor.
-   * @param {boolean} [opts.showZeros=true] - Show all units previously used by the duration even if they are zero
    * @example
    * ```js
-   * var dur = Duration.fromObject({ months: 1, weeks: 0, hours: 5, minutes: 6 })
-   * dur.toHuman() //=> '1 month, 0 weeks, 5 hours, 6 minutes'
-   * dur.toHuman({ listStyle: "long" }) //=> '1 month, 0 weeks, 5 hours, and 6 minutes'
-   * dur.toHuman({ unitDisplay: "short" }) //=> '1 mth, 0 wks, 5 hr, 6 min'
-   * dur.toHuman({ showZeros: false }) //=> '1 month, 5 hours, 6 minutes'
+   * var dur = Duration.fromObject({ days: 1, hours: 5, minutes: 6 })
+   * dur.toHuman() //=> '1 day, 5 hours, 6 minutes'
+   * dur.toHuman({ listStyle: "long" }) //=> '1 day, 5 hours, and 6 minutes'
+   * dur.toHuman({ unitDisplay: "short" }) //=> '1 day, 5 hr, 6 min'
    * ```
    */
   toHuman(opts = {}) {
     if (!this.isValid) return INVALID$2;
 
-    const showZeros = opts.showZeros !== false;
-
     const l = orderedUnits$1
       .map((unit) => {
         const val = this.values[unit];
-        if (isUndefined(val) || (val === 0 && !showZeros)) {
+        if (isUndefined(val)) {
           return null;
         }
         return this.loc
@@ -12047,17 +11992,6 @@ class Duration {
     return clone$2(this, { values: negated }, true);
   }
 
-  /**
-   * Removes all units with values equal to 0 from this Duration.
-   * @example Duration.fromObject({ years: 2, days: 0, hours: 0, minutes: 0 }).removeZeros().toObject() //=> { years: 2 }
-   * @return {Duration}
-   */
-  removeZeros() {
-    if (!this.isValid) return this;
-    const vals = removeZeroes(this.values);
-    return clone$2(this, { values: vals }, true);
-  }
-
   /**
    * Get the years.
    * @type {number}
@@ -12368,8 +12302,7 @@ class Interval {
   }
 
   /**
-   * Returns the end of the Interval. This is the first instant which is not part of the interval
-   * (Interval is half-open).
+   * Returns the end of the Interval
    * @type {DateTime}
    */
   get end() {
@@ -13800,22 +13733,21 @@ function toTechFormat(dt, format, allowZ = true) {
     : null;
 }
 
-function toISODate(o, extended, precision) {
+function toISODate(o, extended) {
   const longFormat = o.c.year > 9999 || o.c.year < 0;
   let c = "";
   if (longFormat && o.c.year >= 0) c += "+";
   c += padStart(o.c.year, longFormat ? 6 : 4);
-  if (precision === "year") return c;
+
   if (extended) {
     c += "-";
     c += padStart(o.c.month);
-    if (precision === "month") return c;
     c += "-";
+    c += padStart(o.c.day);
   } else {
     c += padStart(o.c.month);
-    if (precision === "month") return c;
+    c += padStart(o.c.day);
   }
-  c += padStart(o.c.day);
   return c;
 }
 
@@ -13825,39 +13757,26 @@ function toISOTime(
   suppressSeconds,
   suppressMilliseconds,
   includeOffset,
-  extendedZone,
-  precision
+  extendedZone
 ) {
-  let showSeconds = !suppressSeconds || o.c.millisecond !== 0 || o.c.second !== 0,
-    c = "";
-  switch (precision) {
-    case "day":
-    case "month":
-    case "year":
-      break;
-    default:
-      c += padStart(o.c.hour);
-      if (precision === "hour") break;
-      if (extended) {
-        c += ":";
-        c += padStart(o.c.minute);
-        if (precision === "minute") break;
-        if (showSeconds) {
-          c += ":";
-          c += padStart(o.c.second);
-        }
-      } else {
-        c += padStart(o.c.minute);
-        if (precision === "minute") break;
-        if (showSeconds) {
-          c += padStart(o.c.second);
-        }
-      }
-      if (precision === "second") break;
-      if (showSeconds && (!suppressMilliseconds || o.c.millisecond !== 0)) {
-        c += ".";
-        c += padStart(o.c.millisecond, 3);
-      }
+  let c = padStart(o.c.hour);
+  if (extended) {
+    c += ":";
+    c += padStart(o.c.minute);
+    if (o.c.millisecond !== 0 || o.c.second !== 0 || !suppressSeconds) {
+      c += ":";
+    }
+  } else {
+    c += padStart(o.c.minute);
+  }
+
+  if (o.c.millisecond !== 0 || o.c.second !== 0 || !suppressSeconds) {
+    c += padStart(o.c.second);
+
+    if (o.c.millisecond !== 0 || !suppressMilliseconds) {
+      c += ".";
+      c += padStart(o.c.millisecond, 3);
+    }
   }
 
   if (includeOffset) {
@@ -14049,9 +13968,8 @@ function quickDT(obj, opts) {
 
 function diffRelative(start, end, opts) {
   const round = isUndefined(opts.round) ? true : opts.round,
-    rounding = isUndefined(opts.rounding) ? "trunc" : opts.rounding,
     format = (c, unit) => {
-      c = roundTo(c, round || opts.calendary ? 0 : 2, opts.calendary ? "round" : rounding);
+      c = roundTo(c, round || opts.calendary ? 0 : 2, true);
       const formatter = end.loc.clone(opts).relFormatter(opts);
       return formatter.format(c, unit);
     },
@@ -15430,13 +15348,10 @@ class DateTime {
    * @param {boolean} [opts.includeOffset=true] - include the offset, such as 'Z' or '-04:00'
    * @param {boolean} [opts.extendedZone=false] - add the time zone format extension
    * @param {string} [opts.format='extended'] - choose between the basic and extended format
-   * @param {string} [opts.precision='milliseconds'] - truncate output to desired presicion: 'years', 'months', 'days', 'hours', 'minutes', 'seconds' or 'milliseconds'. When precision and suppressSeconds or suppressMilliseconds are used together, precision sets the maximum unit shown in the output, however seconds or milliseconds will still be suppressed if they are 0.
    * @example DateTime.utc(1983, 5, 25).toISO() //=> '1982-05-25T00:00:00.000Z'
    * @example DateTime.now().toISO() //=> '2017-04-22T20:47:05.335-04:00'
    * @example DateTime.now().toISO({ includeOffset: false }) //=> '2017-04-22T20:47:05.335'
    * @example DateTime.now().toISO({ format: 'basic' }) //=> '20170422T204705.335-0400'
-   * @example DateTime.now().toISO({ precision: 'day' }) //=> '2017-04-22Z'
-   * @example DateTime.now().toISO({ precision: 'minute' }) //=> '2017-04-22T20:47Z'
    * @return {string|null}
    */
   toISO({
@@ -15445,26 +15360,16 @@ class DateTime {
     suppressMilliseconds = false,
     includeOffset = true,
     extendedZone = false,
-    precision = "milliseconds",
   } = {}) {
     if (!this.isValid) {
       return null;
     }
 
-    precision = normalizeUnit(precision);
     const ext = format === "extended";
 
-    let c = toISODate(this, ext, precision);
-    if (orderedUnits.indexOf(precision) >= 3) c += "T";
-    c += toISOTime(
-      this,
-      ext,
-      suppressSeconds,
-      suppressMilliseconds,
-      includeOffset,
-      extendedZone,
-      precision
-    );
+    let c = toISODate(this, ext);
+    c += "T";
+    c += toISOTime(this, ext, suppressSeconds, suppressMilliseconds, includeOffset, extendedZone);
     return c;
   }
 
@@ -15472,17 +15377,16 @@ class DateTime {
    * Returns an ISO 8601-compliant string representation of this DateTime's date component
    * @param {Object} opts - options
    * @param {string} [opts.format='extended'] - choose between the basic and extended format
-   * @param {string} [opts.precision='day'] - truncate output to desired precision: 'years', 'months', or 'days'.
    * @example DateTime.utc(1982, 5, 25).toISODate() //=> '1982-05-25'
    * @example DateTime.utc(1982, 5, 25).toISODate({ format: 'basic' }) //=> '19820525'
-   * @example DateTime.utc(1982, 5, 25).toISODate({ precision: 'month' }) //=> '1982-05'
    * @return {string|null}
    */
-  toISODate({ format = "extended", precision = "day" } = {}) {
+  toISODate({ format = "extended" } = {}) {
     if (!this.isValid) {
       return null;
     }
-    return toISODate(this, format === "extended", normalizeUnit(precision));
+
+    return toISODate(this, format === "extended");
   }
 
   /**
@@ -15503,12 +15407,10 @@ class DateTime {
    * @param {boolean} [opts.extendedZone=true] - add the time zone format extension
    * @param {boolean} [opts.includePrefix=false] - include the `T` prefix
    * @param {string} [opts.format='extended'] - choose between the basic and extended format
-   * @param {string} [opts.precision='milliseconds'] - truncate output to desired presicion: 'hours', 'minutes', 'seconds' or 'milliseconds'. When precision and suppressSeconds or suppressMilliseconds are used together, precision sets the maximum unit shown in the output, however seconds or milliseconds will still be suppressed if they are 0.
    * @example DateTime.utc().set({ hour: 7, minute: 34 }).toISOTime() //=> '07:34:19.361Z'
    * @example DateTime.utc().set({ hour: 7, minute: 34, seconds: 0, milliseconds: 0 }).toISOTime({ suppressSeconds: true }) //=> '07:34Z'
    * @example DateTime.utc().set({ hour: 7, minute: 34 }).toISOTime({ format: 'basic' }) //=> '073419.361Z'
    * @example DateTime.utc().set({ hour: 7, minute: 34 }).toISOTime({ includePrefix: true }) //=> 'T07:34:19.361Z'
-   * @example DateTime.utc().set({ hour: 7, minute: 34, second: 56 }).toISOTime({ precision: 'minute' }) //=> '07:34Z'
    * @return {string}
    */
   toISOTime({
@@ -15518,14 +15420,12 @@ class DateTime {
     includePrefix = false,
     extendedZone = false,
     format = "extended",
-    precision = "milliseconds",
   } = {}) {
     if (!this.isValid) {
       return null;
     }
 
-    precision = normalizeUnit(precision);
-    let c = includePrefix && orderedUnits.indexOf(precision) >= 3 ? "T" : "";
+    let c = includePrefix ? "T" : "";
     return (
       c +
       toISOTime(
@@ -15534,8 +15434,7 @@ class DateTime {
         suppressSeconds,
         suppressMilliseconds,
         includeOffset,
-        extendedZone,
-        precision
+        extendedZone
       )
     );
   }
@@ -15813,13 +15712,12 @@ class DateTime {
 
   /**
    * Returns a string representation of a this time relative to now, such as "in two days". Can only internationalize if your
-   * platform supports Intl.RelativeTimeFormat. Rounds towards zero by default.
+   * platform supports Intl.RelativeTimeFormat. Rounds down by default.
    * @param {Object} options - options that affect the output
    * @param {DateTime} [options.base=DateTime.now()] - the DateTime to use as the basis to which this time is compared. Defaults to now.
    * @param {string} [options.style="long"] - the style of units, must be "long", "short", or "narrow"
    * @param {string|string[]} options.unit - use a specific unit or array of units; if omitted, or an array, the method will pick the best unit. Use an array or one of "years", "quarters", "months", "weeks", "days", "hours", "minutes", or "seconds"
    * @param {boolean} [options.round=true] - whether to round the numbers in the output.
-   * @param {string} [options.rounding="trunc"] - rounding method to use when rounding the numbers in the output. Can be "trunc" (toward zero), "expand" (away from zero), "round", "floor", or "ceil".
    * @param {number} [options.padding=0] - padding in milliseconds. This allows you to round up the result if it fits inside the threshold. Don't use in combination with {round: false} because the decimal output will include the padding.
    * @param {string} options.locale - override the locale of this DateTime
    * @param {string} options.numberingSystem - override the numberingSystem of this DateTime. The Intl system may choose not to honor this
@@ -16249,18 +16147,18 @@ const AlphaInputDate = ({
   months,
   weekdays
 }) => {
-  const [isPopoverActive, setIsPopoverActive] = React3.useState(false);
+  const [isPopoverActive, setIsPopoverActive] = React2.useState(false);
   const [{
     month,
     year
-  }, setDate] = React3.useState({
+  }, setDate] = React2.useState({
     month: new Date().getMonth(),
     year: new Date().getFullYear()
   });
-  const [inputValue, setInputValue] = React3.useState();
-  const [isErrorTooltipActive, setIsErrorTooltipActive] = React3.useState(false);
-  const [selectedDate, setSelectedDate] = React3.useState();
-  const inputRef = React3.useRef(null);
+  const [inputValue, setInputValue] = React2.useState();
+  const [isErrorTooltipActive, setIsErrorTooltipActive] = React2.useState(false);
+  const [selectedDate, setSelectedDate] = React2.useState();
+  const inputRef = React2.useRef(null);
   const className = cssClassName(COMPONENT_NAME$s);
   const handleMonthChange = (monthValue, yearValue) => {
     setDate({
@@ -16328,7 +16226,7 @@ const AlphaInputDate = ({
       onBlur();
     }
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (value !== undefined && !selectedDate) {
       setSelectedDate(getValidDate(value) || null);
     }
@@ -16340,7 +16238,7 @@ const AlphaInputDate = ({
       setSelectedDate(undefined);
     }
   }, [value, inputValue]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (inputRef.current) {
       inputRef.current.querySelector('input')?.addEventListener('paste', handlePaste);
     }
@@ -16350,7 +16248,7 @@ const AlphaInputDate = ({
       }
     };
   }, [inputRef]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (inputValue !== undefined) {
       if (getValidDate(inputValue)) {
         setSelectedDate(getValidDate(inputValue) || null);
@@ -16359,7 +16257,7 @@ const AlphaInputDate = ({
       }
     }
   }, [inputValue]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (selectedDate !== undefined) {
       if (selectedDate) {
         setDate({
@@ -16437,8 +16335,8 @@ const OptionList = ({
   const isSelected = ({
     value
   }, selected) => selected.indexOf(value) > -1;
-  const [cursor, setCursor] = React3.useState(-1);
-  const [section, setSection] = React3.useState(0);
+  const [cursor, setCursor] = React2.useState(-1);
+  const [section, setSection] = React2.useState(0);
   const handleSelectItem = item => {
     if (onChange) {
       if (isMultiple) {
@@ -16636,12 +16534,12 @@ const Select = ({
   action,
   showSearch = true
 }) => {
-  const [isActivePopover, setIsActive] = React3.useState(false);
-  const selectActivatorRef = React3.useRef(null);
-  const [parentCoord, setParentCoords] = React3.useState();
-  const [search, setSearch] = React3.useState("");
-  const [sectionsFiltered, setSectionsFiltered] = React3.useState(sections);
-  const [itemsFiltered, setItemsFiltered] = React3.useState(items);
+  const [isActivePopover, setIsActive] = React2.useState(false);
+  const selectActivatorRef = React2.useRef(null);
+  const [parentCoord, setParentCoords] = React2.useState();
+  const [search, setSearch] = React2.useState("");
+  const [sectionsFiltered, setSectionsFiltered] = React2.useState(sections);
+  const [itemsFiltered, setItemsFiltered] = React2.useState(items);
   const {
     theme
   } = useTheme();
@@ -16685,7 +16583,7 @@ const Select = ({
       setIsActive(false);
     }
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isReadOnly && isActivePopover) {
       document.addEventListener("click", handleClickSelectReadOnlyOutside);
       return () => {
@@ -16693,10 +16591,10 @@ const Select = ({
       };
     }
   }, [isActivePopover]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     setSectionsFiltered(sections);
   }, [sections]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     setItemsFiltered(items);
   }, [items]);
   const handleOpenPopover = () => setIsActive(!isActivePopover);
@@ -16761,7 +16659,7 @@ const Select = ({
     } else if (key.key === "Escape") onEscKeyDown();
   };
   const clasessSelect = ["Select__input-container", isDisabled && "Select__input-container--is-disabled", isActivePopover && "Select__input-container--is-focus", isHelperMode && "Select__input-container--is-help", isDanger && "Select__input-container--is-error", isActivePopover && isHelperMode && "Select__input-container--is-focus-help", isActivePopover && isDanger && "Select__input-container--is-focus-error"].filter(Boolean).join(" ");
-  const handleActionClick = React3.useCallback(() => {
+  const handleActionClick = React2.useCallback(() => {
     if (!action) return;
     action.onClick?.();
     setIsActive(false);
@@ -16862,13 +16760,13 @@ const Select = ({
       children: renderInput()
     });
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (selectActivatorRef.current) {
       setParentCoords(selectActivatorRef.current.getBoundingClientRect());
     }
   }, [selectActivatorRef]);
   const showLabelContainer = label || secondaryAction;
-  const tooltipLabelMarkup = React3.useMemo(() => tooltipLabel ? /*#__PURE__*/jsxRuntime.jsx(AlphaTooltip, {
+  const tooltipLabelMarkup = React2.useMemo(() => tooltipLabel ? /*#__PURE__*/jsxRuntime.jsx(AlphaTooltip, {
     content: tooltipLabel.content,
     theme: tooltipLabel.theme,
     width: "default",
@@ -17048,10 +16946,10 @@ const Modal = ({
   const handleOnKeyUp = event => {
     if (isOpen && event.key == 'Escape' && onClose) onClose();
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     document.addEventListener('keyup', handleOnKeyUp);
   });
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isOpen) document.body.style.overflow = 'hidden';else document.body.removeAttribute('style');
   }, [isOpen]);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -17113,8 +17011,8 @@ const Group = ({
   children,
   condensed
 }) => {
-  const itemsMarkup = React3.Children.map(children, (child, index) => {
-    if (! /*#__PURE__*/React3.isValidElement(child)) return child;
+  const itemsMarkup = React2.Children.map(children, (child, index) => {
+    if (! /*#__PURE__*/React2.isValidElement(child)) return child;
     return /*#__PURE__*/jsxRuntime.jsx(Item$3, {
       children: child
     }, index);
@@ -17130,7 +17028,7 @@ const FormLayout = ({
   children
 }) => {
   const renderItems = (child, index) => {
-    if (! /*#__PURE__*/React3.isValidElement(child) || child.type === Group) {
+    if (! /*#__PURE__*/React2.isValidElement(child) || child.type === Group) {
       return child;
     }
     return /*#__PURE__*/jsxRuntime.jsx(Item$3, {
@@ -17139,7 +17037,7 @@ const FormLayout = ({
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "FormLayout",
-    children: React3.Children.map(children, renderItems)
+    children: React2.Children.map(children, renderItems)
   });
 };
 FormLayout.Group = Group;
@@ -17302,7 +17200,7 @@ const FilterField$1 = ({
     } else nValue = newValue;
     if (onChange) onChange(nValue, id);
   };
-  const valueField = React3.useMemo(() => {
+  const valueField = React2.useMemo(() => {
     if (filterValue === null) return undefined;
     if (type === 'DATE' && !filterValue) return undefined;
     return filterValue || '';
@@ -17335,9 +17233,9 @@ const AlphaFilterControl = ({
   title,
   values
 }) => {
-  const [selectedTab, setSelectedTab] = React3.useState(0);
-  const [fieldsSearch, setFieldsSearch] = React3.useState([]);
-  const [filterValues, setFilterValues] = React3.useState(structuredClone(values));
+  const [selectedTab, setSelectedTab] = React2.useState(0);
+  const [fieldsSearch, setFieldsSearch] = React2.useState([]);
+  const [filterValues, setFilterValues] = React2.useState(structuredClone(values));
   const tabsConfig = sections.map(section => ({
     content: section.title,
     id: section.id,
@@ -17385,7 +17283,7 @@ const AlphaFilterControl = ({
       })
     }, `key-${field.key}`);
   };
-  const formMarkup = React3.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(Grid, {
+  const formMarkup = React2.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(Grid, {
     children: fieldsSearch.map(renderField)
   }), [fieldsSearch, filterValues]);
   const handleOnApply = () => {
@@ -17397,16 +17295,16 @@ const AlphaFilterControl = ({
     primaryAction.onClick(filtersValues);
   };
   const handleOnChangeTab = index => setSelectedTab(index);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     setFieldsSearch(sections[selectedTab].fields);
   }, [selectedTab]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     setFieldsSearch(sections[selectedTab].fields);
   }, [sections]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     setFilterValues(values);
   }, [values]);
-  const bodyMarkup = React3.useMemo(() => /*#__PURE__*/jsxRuntime.jsx("div", {
+  const bodyMarkup = React2.useMemo(() => /*#__PURE__*/jsxRuntime.jsx("div", {
     className: `${MAIN_CLASS$g}__BodyWrapper`,
     children: /*#__PURE__*/jsxRuntime.jsx(Tabs, {
       selected: selectedTab,
@@ -17685,8 +17583,8 @@ const InputTag$1 = ({
   tagRemoveIcon,
   helpText
 }) => {
-  const [isFocused, setIsFocused] = React3.useState(false);
-  const inputRef = React3.useRef(null);
+  const [isFocused, setIsFocused] = React2.useState(false);
+  const inputRef = React2.useRef(null);
   const handleInputFocus = () => {
     setIsFocused(true);
     if (onFocus) {
@@ -17792,7 +17690,7 @@ const List = ({
   selected,
   onChange
 }) => {
-  const listWrapperRef = React3.useRef(null);
+  const listWrapperRef = React2.useRef(null);
   const scrollToSelected = () => {
     const listWrapper = listWrapperRef.current;
     if (listWrapper) {
@@ -17811,7 +17709,7 @@ const List = ({
       }
     }
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     scrollToSelected();
   });
   const handleChange = value => {
@@ -17910,9 +17808,9 @@ const AlphaMultiSelectionPicker = ({
       value: number
     }));
   };
-  const headersPicker = React3.useMemo(() => items.map(item => item.plural), [items]);
-  const itemsPicker = React3.useMemo(() => items.map(item => getListItem(item.min, item.max)), [items]);
-  const valuesSelected = React3.useMemo(() => items.map(item => item.value), [items]);
+  const headersPicker = React2.useMemo(() => items.map(item => item.plural), [items]);
+  const itemsPicker = React2.useMemo(() => items.map(item => getListItem(item.min, item.max)), [items]);
+  const valuesSelected = React2.useMemo(() => items.map(item => item.value), [items]);
   const pickerMarkup = /*#__PURE__*/jsxRuntime.jsx(Picker, {
     items: itemsPicker,
     headers: headersPicker,
@@ -17964,7 +17862,7 @@ const AlphaSegmentedControl = ({
   });
 };
 
-const SideMenuContext = /*#__PURE__*/React3.createContext({});
+const SideMenuContext = /*#__PURE__*/React2.createContext({});
 
 const COMPONENT_NAME$h = "AlphaSideMenu__Item";
 const Item$2 = ({
@@ -17988,16 +17886,16 @@ const Item$2 = ({
     collapsed,
     setCurrentTierItems,
     location
-  } = React3.useContext(SideMenuContext);
+  } = React2.useContext(SideMenuContext);
   const isCollapsed = isCollapsedProp !== undefined ? isCollapsedProp : collapsed;
   const AnchorComponent = !isExternal ? anchorComponent || "a" : "a";
-  const isActive = React3.useMemo(() => {
+  const isActive = React2.useMemo(() => {
     if (location?.pathname && url) {
       return isExact ? location.pathname === url : location.pathname.includes(url);
     }
     return isActiveProp;
   }, [location?.pathname, isExact, isActiveProp, url]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isActive && subNavigationItems) {
       setCurrentTierItems?.(subNavigationItems || [], {
         label,
@@ -18020,7 +17918,7 @@ const Item$2 = ({
   const iconSource = icon && isValidIcon(icon?.icon) ? /*#__PURE__*/jsxRuntime.jsx(AlphaIcon, {
     source: icon?.icon,
     outlined: icon?.outlined
-  }) : /*#__PURE__*/jsxRuntime.jsx(React3.Fragment, {
+  }) : /*#__PURE__*/jsxRuntime.jsx(React2.Fragment, {
     children: icon
   });
   const iconMarkup = icon ? /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -18085,7 +17983,7 @@ const Section$1 = ({
 }) => {
   const {
     collapsed
-  } = React3.useContext(SideMenuContext);
+  } = React2.useContext(SideMenuContext);
   const isCollapsed = isCollapsedProp !== undefined ? isCollapsedProp : collapsed;
   const titleClassNames = cssClassName(`${COMPONENT_NAME$g}__TitleWrapper`, (isCollapsed !== undefined ? isCollapsed : collapsed) && "isCollapsed");
   const titleMarkup = title ? /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -18160,7 +18058,7 @@ const Tier = ({
 }) => {
   const {
     collapsed
-  } = React3.useContext(SideMenuContext);
+  } = React2.useContext(SideMenuContext);
   const isMenuCollapsed = isCollapsed !== undefined ? isCollapsed : collapsed;
   const titleMarkup = title ? /*#__PURE__*/jsxRuntime.jsx("div", {
     // layout
@@ -18201,16 +18099,16 @@ const AlphaSideMenu = ({
   collapseExpandIcon,
   location
 }) => {
-  const [isCollapsed, setIsCollapsed] = React3.useState(false);
-  const [subNavigationTierItems, setSubNavigationTierItems] = React3.useState([]);
-  const [subNavigationTierTitle, setSubNavigationTierTitle] = React3.useState(undefined);
-  React3.useEffect(() => {
+  const [isCollapsed, setIsCollapsed] = React2.useState(false);
+  const [subNavigationTierItems, setSubNavigationTierItems] = React2.useState([]);
+  const [subNavigationTierTitle, setSubNavigationTierTitle] = React2.useState(undefined);
+  React2.useEffect(() => {
     if (collapsed !== undefined) {
       setIsCollapsed(collapsed);
     }
   }, [collapsed]);
-  React3.Children.forEach(children, child => {
-    if (! /*#__PURE__*/React3.isValidElement(child) || child.type !== Section$1) {
+  React2.Children.forEach(children, child => {
+    if (! /*#__PURE__*/React2.isValidElement(child) || child.type !== Section$1) {
       console.error("AlphaSideMenu only accepts Section components as children");
     }
   });
@@ -18461,11 +18359,11 @@ const TimeSelector = ({
   if (!theme) {
     return null;
   }
-  const [items, setItems] = React3.useState([]);
-  const [keysValues, setKeysValues] = React3.useState([]);
-  const fieldRef = React3.useRef(null);
-  const [isFocused, setIsFocused] = React3.useState(false);
-  const [isActive, setIsActive] = React3.useState(false);
+  const [items, setItems] = React2.useState([]);
+  const [keysValues, setKeysValues] = React2.useState([]);
+  const fieldRef = React2.useRef(null);
+  const [isFocused, setIsFocused] = React2.useState(false);
+  const [isActive, setIsActive] = React2.useState(false);
   const toggleTimePicker = () => setIsActive(!isActive);
   const hasError = !!error;
   const getMaxMins = () => {
@@ -18622,10 +18520,10 @@ const TimeSelector = ({
     onClose: handleClosePopover,
     children: timePickerMarkup
   });
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     setItems(getItemsMultiSelectionPicker());
   }, []);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     setItems(getItemsMultiSelectionPicker());
   }, [value]);
   const className = cssClassName(COMPONENT_NAME$9, theme, !value && "isEmpty");
@@ -18734,8 +18632,8 @@ const AlphaZipCodeInput = ({
   loading,
   placeholder
 }) => {
-  const [isFocusActive, setIsFocusActive] = React3.useState(false);
-  const [showPopover, setShowPopover] = React3.useState(false);
+  const [isFocusActive, setIsFocusActive] = React2.useState(false);
+  const [showPopover, setShowPopover] = React2.useState(false);
   const handleOnBlur = () => {
     setIsFocusActive(false);
     if (onBlur) onBlur();
@@ -18801,7 +18699,7 @@ const AlphaZipCodeInput = ({
     className: `${COMPONENT_NAME$7}__EmptyItems`,
     children: labelEmpty
   }) : null;
-  const popoverMarkup = React3.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(Popover$1, {
+  const popoverMarkup = React2.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(Popover$1, {
     activator: inputMarkup,
     isActive: showPopover,
     isFullWidth: true,
@@ -18811,7 +18709,7 @@ const AlphaZipCodeInput = ({
       children: [optionListMarkup, emptyItemsMarkup]
     })
   }), [items, value, showPopover, emptyItemsMarkup, optionListMarkup, isFocusActive]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (items) {
       setShowPopover(true);
     } else setShowPopover(false);
@@ -24896,32 +24794,32 @@ const CalendarPicker = ({
   // We get the current date
   const currentDate = new Date();
   // In this state we save the day that the user selects, as the initial value is the current day.Check defaultProps.
-  const [selectedDay, setSelectedDay] = React3.useState(parseInt(date.slice(0, 2), 10));
+  const [selectedDay, setSelectedDay] = React2.useState(parseInt(date.slice(0, 2), 10));
   // In this state we save the month selected by the user, its default value is the current month. The + 1, we put it to normalize the number of months, since the getMonth () method returns them starting from 0, that is, 0 would be equivalent to January, with + 1 the counter is normalized and 1 would be equivalent to January . Check defaultProps.
   const todayMonth = parseInt(date.slice(3, 5), 10);
-  const [month, setMonth] = React3.useState(todayMonth);
-  const [selectedMonth, setSelectedMonth] = React3.useState([`${todayMonth}`]);
+  const [month, setMonth] = React2.useState(todayMonth);
+  const [selectedMonth, setSelectedMonth] = React2.useState([`${todayMonth}`]);
   const months = getMonths(language);
   const weekDays = getDays(language);
   // In this state we save the year selected by the user, its default value is the current year. Check defaultProps.
   const todayYear = parseInt(date.slice(6, 10), 10);
-  const [year, setYear] = React3.useState(parseInt(date.slice(6, 10), 10));
-  const [selectedYear, setSelectedYear] = React3.useState([`${todayYear}`]);
+  const [year, setYear] = React2.useState(parseInt(date.slice(6, 10), 10));
+  const [selectedYear, setSelectedYear] = React2.useState([`${todayYear}`]);
 
   // In this state we save the days to render in the calendar, both the days of the current month and the subsequent and previous days that are shown with opacity.
-  const [dateDays, setDateDays] = React3.useState([]);
+  const [dateDays, setDateDays] = React2.useState([]);
   // In this state we save on which day of the week the month begins, 1 = Sunday, 2 = Monday, 3 = Tuesday, 4 = Wednesday, 5 = Thursday, 6 = Friday, 7 = Saturday. We use it as a parameter to add the opacity to the days that correspond to the last month or the following month that are also shown in the calendar.
-  const [positionDay, setPositionDay] = React3.useState(0);
+  const [positionDay, setPositionDay] = React2.useState(0);
   // In this state we save how many days the selected month brings.
-  const [monthDays, setMonthDays] = React3.useState(0);
+  const [monthDays, setMonthDays] = React2.useState(0);
   // Flag to show or hide the calendar.
-  const [showCalendar, setShowCalendar] = React3.useState(false);
+  const [showCalendar, setShowCalendar] = React2.useState(false);
   // Reference to the input that shows the date already selected.
   // Create ref to show or hidden the calendar
-  const refShow = React3.useRef(null);
+  const refShow = React2.useRef(null);
   // Functions to set the month and year from the select.
-  const [isDelete, setIsDelete] = React3.useState(false);
-  const [isValidDate, setIsValidDate] = React3.useState(false);
+  const [isDelete, setIsDelete] = React2.useState(false);
+  const [isValidDate, setIsValidDate] = React2.useState(false);
   const onMonthChange = month => {
     setMonth(parseInt(month[0]));
     setSelectedMonth(month);
@@ -24944,10 +24842,10 @@ const CalendarPicker = ({
       }
     }
   };
-  const [finalDate, setFinalDate] = React3.useState(`${selectedDay < 10 ? '0' : ''}${selectedDay}/${month < 10 ? '0' : ''}${month}/${year}`);
-  const [showPlaceHolder, setShowPlaceHolder] = React3.useState(placeHolder !== '');
+  const [finalDate, setFinalDate] = React2.useState(`${selectedDay < 10 ? '0' : ''}${selectedDay}/${month < 10 ? '0' : ''}${month}/${year}`);
+  const [showPlaceHolder, setShowPlaceHolder] = React2.useState(placeHolder !== '');
   const dateRgex = /([0-2][0-9]|3[0-1])(\/)(0[1-9]|1[0-2])\2(\d{4})$/;
-  const [calendarPosition, setCalendarPosition] = React3.useState('bottom');
+  const [calendarPosition, setCalendarPosition] = React2.useState('bottom');
   // The arrangement of years to render in the select is created, by default we show a range of 5 years before the current year and 5 after this. This range can be changed using props.
   const years = [];
   for (let i = currentDate.getFullYear() - minYear; i <= currentDate.getFullYear() + maxYear; i++) {
@@ -24959,7 +24857,7 @@ const CalendarPicker = ({
   }
 
   // In this useEffect all the magic happens, it is anchored to the values ​​of the year, month and selected day.
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     // We obtain the days of last month, by passing 0 in the constructor, we are asking for the last day of last month, remember that we homologate the months so that the account will start at 0 and not at 1, that is, 1 is equivalent to January, Therefore, to obtain the number of days last month we have to subtract 1 from the month.
     const daysOfPreviousMonth = new Date(year, month - 1, 0).getDate();
     // We obtain the total days of the current month.
@@ -24987,13 +24885,13 @@ const CalendarPicker = ({
   }, [year, month, selectedDay]);
 
   // The listener is created to identify what is outside the container
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     document.addEventListener('click', handleClickOutside, true);
     return () => {
       document.removeEventListener('click', handleClickOutside, true);
     };
   });
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (finalDate !== '' && dateRgex.test(finalDate)) {
       handleChangeDate(finalDate);
       const dateArray = finalDate.split('/');
@@ -32475,7 +32373,7 @@ const Filedrop = ({
   isMultipleFiles = false,
   isShowButton = true
 }) => {
-  const refInputFile = React3.useRef(null);
+  const refInputFile = React2.useRef(null);
 
   // eslint-disable-next-line jsdoc/require-jsdoc
   async function readFileAsDataURL(file) {
@@ -32512,7 +32410,7 @@ const Filedrop = ({
     }
     return encodeFile;
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (arrayFiles.length && isEncodeBase64) {
       (async () => {
         const encodeFiles = await Promise.all(arrayFiles.map(file => convertFileToBase64(file)));
@@ -32618,7 +32516,7 @@ var hasRequiredLib;
 function requireLib () {
 	if (hasRequiredLib) return lib;
 	hasRequiredLib = 1;
-	lib=function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:false,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=true,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:true,get:n});},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:true});},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:true,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=9)}([function(e,t){e.exports=React3;},function(e,t,r){var n;
+	lib=function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:false,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=true,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:true,get:n});},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:true});},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:true,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=9)}([function(e,t){e.exports=React2;},function(e,t,r){var n;
 	/*!
 	  Copyright (c) 2017 Jed Watson.
 	  Licensed under the MIT License (MIT), see
@@ -33159,9 +33057,9 @@ const InputPhoneNumber = ({
   isRequired,
   tooltipLabel
 }) => {
-  const inputContainerRef = React3.useRef(null);
-  const [isFocusActive, setIsFocusActive] = React3.useState(false);
-  const [parentCoord, setParentCoords] = React3.useState();
+  const inputContainerRef = React2.useRef(null);
+  const [isFocusActive, setIsFocusActive] = React2.useState(false);
+  const [parentCoord, setParentCoords] = React2.useState();
   const handleOnFocus = (_event, dataOnFocus) => {
     setIsFocusActive(true);
     if (onFocus) onFocus(dataOnFocus);
@@ -33177,7 +33075,7 @@ const InputPhoneNumber = ({
       formattedValue
     });
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     const allInputPhone = document.querySelectorAll(".selected-flag");
     allInputPhone.forEach(inputPhone => {
       inputPhone.removeAttribute("tabindex");
@@ -33215,7 +33113,7 @@ const InputPhoneNumber = ({
     toggleType: isErrorMode ? "error" : "primary",
     children: renderInput()
   });
-  const tooltipLabelMarkup = React3.useMemo(() => tooltipLabel ? /*#__PURE__*/jsxRuntime.jsx(AlphaTooltip, {
+  const tooltipLabelMarkup = React2.useMemo(() => tooltipLabel ? /*#__PURE__*/jsxRuntime.jsx(AlphaTooltip, {
     content: tooltipLabel.content,
     theme: tooltipLabel.theme,
     width: "default",
@@ -33227,7 +33125,7 @@ const InputPhoneNumber = ({
       })
     })
   }) : null, [tooltipLabel, parentCoord]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (inputContainerRef.current) {
       setParentCoords(inputContainerRef.current.getBoundingClientRect());
     }
@@ -33430,7 +33328,7 @@ const FormField = ({
   minLength
 }) => {
   const FieldComponent = FORM_FIELDS[type];
-  const [inputTagValue, setInputTagValue] = React3.useState('');
+  const [inputTagValue, setInputTagValue] = React2.useState('');
   const handleInputTagValueChange = newValue => {
     setInputTagValue(newValue);
   };
@@ -33455,7 +33353,7 @@ const FormField = ({
       onChange(nValue);
     }
   };
-  const fieldValue = React3.useMemo(() => {
+  const fieldValue = React2.useMemo(() => {
     if (value === null) return undefined;
     if (typeof value === 'object' && !(value instanceof Date) && value.dialCode) {
       const phoneValue = value;
@@ -33537,7 +33435,7 @@ function Form$1({
   fieldsSection,
   iconHelperText,
   onChange,
-  fieldWrapperElement = /*#__PURE__*/jsxRuntime.jsx(React3.Fragment, {}),
+  fieldWrapperElement = /*#__PURE__*/jsxRuntime.jsx(React2.Fragment, {}),
   tagRemoveIcon,
   extraPropsField
 }) {
@@ -33662,12 +33560,12 @@ function Form$1({
       isReadOnly: isReadOnlyField
     }) : null;
     if (typeof fieldWrapperElement !== "string") {
-      return /*#__PURE__*/React3.cloneElement(fieldWrapperElement, {
+      return /*#__PURE__*/React2.cloneElement(fieldWrapperElement, {
         ...fieldWrapperElement.props,
         key: index
       }, fieldMarkup);
     }
-    return /*#__PURE__*/React3.createElement(fieldWrapperElement, {
+    return /*#__PURE__*/React2.createElement(fieldWrapperElement, {
       key: index
     }, fieldMarkup);
   };
@@ -33680,7 +33578,7 @@ function Form$1({
       label: section
     });
     const fieldsMarkup = fields ? fields.map(renderField) : null;
-    return /*#__PURE__*/jsxRuntime.jsxs(React3.Fragment, {
+    return /*#__PURE__*/jsxRuntime.jsxs(React2.Fragment, {
       children: [dividerMarkup, fieldsMarkup]
     }, `FieldSection-${index}`);
   };
@@ -36571,7 +36469,7 @@ _extends(Remove, {
 Sortable.mount(new AutoScrollPlugin());
 Sortable.mount(Remove, Revert);
 
-const Context = /*#__PURE__*/React3.createContext({});
+const Context = /*#__PURE__*/React2.createContext({});
 
 const COMPONENT_NAME$4 = 'SortableList__Item';
 const Item$1 = ({
@@ -36579,7 +36477,7 @@ const Item$1 = ({
 }) => {
   const {
     hasHandle
-  } = React3.useContext(Context);
+  } = React2.useContext(Context);
   const className = cssClassName(COMPONENT_NAME$4, !hasHandle && 'no-handle');
   const handleMarkup = hasHandle ? /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: `${COMPONENT_NAME$4}__Handle`,
@@ -36606,7 +36504,7 @@ const SortableList = function ({
   onSort,
   hasHandle
 }) {
-  const listRef = React3.useRef(null);
+  const listRef = React2.useRef(null);
   const className = cssClassName(COMPONENT_NAME$3);
   const hasItems = items && items.length > 0;
   const handleSortEnd = event => {
@@ -36621,7 +36519,7 @@ const SortableList = function ({
       onSort([...items]);
     }
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (!listRef.current) return;
     const sortable = Sortable.create(listRef.current, {
       onEnd: handleSortEnd,
@@ -36643,7 +36541,7 @@ const SortableList = function ({
   const listMarkup = hasItems ? /*#__PURE__*/jsxRuntime.jsx("ul", {
     ref: listRef,
     className: listClassName,
-    children: React3.Children.toArray(items.map(renderItemElement))
+    children: React2.Children.toArray(items.map(renderItemElement))
   }) : null;
   const contextValue = {
     hasHandle
@@ -36770,7 +36668,7 @@ const Popover = ({
   selectedAvailableItems = [],
   onCancel
 }) => {
-  const [areAvailableItemsOpen, setAreAvailableItemsOpen] = React3.useState(false);
+  const [areAvailableItemsOpen, setAreAvailableItemsOpen] = React2.useState(false);
   const addVisibleOverflowToShowFullCalendarPicker = () => {
     const popoverContainer = document.getElementsByClassName("Popover__container");
     const popover = document.getElementsByClassName("Filters__popover")[0];
@@ -36781,10 +36679,10 @@ const Popover = ({
       }
     }
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     addVisibleOverflowToShowFullCalendarPicker();
   });
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (!isActive) {
       setAreAvailableItemsOpen(false);
     }
@@ -36904,7 +36802,7 @@ const getFromPopover = props => {
     emptyState,
     ...rest
   } = props;
-  const contentMarkup = React3.Children.toArray(children).length > 0 ? children : emptyState;
+  const contentMarkup = React2.Children.toArray(children).length > 0 ? children : emptyState;
   return /*#__PURE__*/jsxRuntime.jsx(Popover, {
     ...rest,
     children: contentMarkup
@@ -36939,13 +36837,13 @@ const FilterControl = ({
   onCloseSortControl,
   actionGroup
 }) => {
-  const [selectedSorts, setSelectedSorts] = React3.useState([]);
-  const [selectedFilters, setSelectedFilters] = React3.useState([]);
-  const [isActionGroupOpen, setIsActionGroupOpen] = React3.useState(false);
+  const [selectedSorts, setSelectedSorts] = React2.useState([]);
+  const [selectedFilters, setSelectedFilters] = React2.useState([]);
+  const [isActionGroupOpen, setIsActionGroupOpen] = React2.useState(false);
   const toggleActionGroup = () => setIsActionGroupOpen(!isActionGroupOpen);
-  const selectedFiltersRef = React3.useRef([]);
-  const selectedSortsRef = React3.useRef([]);
-  React3.useEffect(() => {
+  const selectedFiltersRef = React2.useRef([]);
+  const selectedSortsRef = React2.useRef([]);
+  React2.useEffect(() => {
     if (appliedFilters) {
       let appliedWithoutNested = [...appliedFilters];
       if (filtersNested) {
@@ -36970,7 +36868,7 @@ const FilterControl = ({
       }
     }
   }, [appliedFilters]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (appliedSorts) {
       selectedSortsRef.current = structuredClone(appliedSorts);
       if (appliedSorts.length !== selectedSorts.length) {
@@ -37071,7 +36969,7 @@ const FilterControl = ({
     }
     if (filterNested && filterNested.options) {
       const keyNested = filterNested.key;
-      return /*#__PURE__*/jsxRuntime.jsxs(React3.Fragment, {
+      return /*#__PURE__*/jsxRuntime.jsxs(React2.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(FilterItem, {
           label: filter.label,
           filter: filter.filter,
@@ -37253,8 +37151,8 @@ const Filters = ({
   extraActions,
   selectedFilters = []
 }) => {
-  const [isPopoverOpen, setIsPopoverOpen] = React3.useState(false);
-  const mainContainerRef = React3.useRef(null);
+  const [isPopoverOpen, setIsPopoverOpen] = React2.useState(false);
+  const mainContainerRef = React2.useRef(null);
   const handleSelectFilter = selected => {
     const [selectedFilter] = selected;
     const foundFilter = filters.find(filter => filter.key === selectedFilter);
@@ -37286,7 +37184,7 @@ const Filters = ({
       onChange: handleSelectFilter
     })
   }) : null;
-  const extraActionsMarkup = extraActions ? extraActions.map((extraAction, index) => /*#__PURE__*/React3.createElement(AlphaButton, {
+  const extraActionsMarkup = extraActions ? extraActions.map((extraAction, index) => /*#__PURE__*/React2.createElement(AlphaButton, {
     ...extraAction,
     key: `extra-action-${index}`
   }, extraAction.label)) : null;
@@ -37501,8 +37399,258 @@ const Header$1 = ({
   });
 };
 
+var dist = {};
+
+var hasRequiredDist;
+
+function requireDist () {
+	if (hasRequiredDist) return dist;
+	hasRequiredDist = 1;
+	Object.defineProperty(dist, "__esModule", { value: true });
+	dist.parse = parse;
+	dist.serialize = serialize;
+	/**
+	 * RegExp to match cookie-name in RFC 6265 sec 4.1.1
+	 * This refers out to the obsoleted definition of token in RFC 2616 sec 2.2
+	 * which has been replaced by the token definition in RFC 7230 appendix B.
+	 *
+	 * cookie-name       = token
+	 * token             = 1*tchar
+	 * tchar             = "!" / "#" / "$" / "%" / "&" / "'" /
+	 *                     "*" / "+" / "-" / "." / "^" / "_" /
+	 *                     "`" / "|" / "~" / DIGIT / ALPHA
+	 *
+	 * Note: Allowing more characters - https://github.com/jshttp/cookie/issues/191
+	 * Allow same range as cookie value, except `=`, which delimits end of name.
+	 */
+	const cookieNameRegExp = /^[\u0021-\u003A\u003C\u003E-\u007E]+$/;
+	/**
+	 * RegExp to match cookie-value in RFC 6265 sec 4.1.1
+	 *
+	 * cookie-value      = *cookie-octet / ( DQUOTE *cookie-octet DQUOTE )
+	 * cookie-octet      = %x21 / %x23-2B / %x2D-3A / %x3C-5B / %x5D-7E
+	 *                     ; US-ASCII characters excluding CTLs,
+	 *                     ; whitespace DQUOTE, comma, semicolon,
+	 *                     ; and backslash
+	 *
+	 * Allowing more characters: https://github.com/jshttp/cookie/issues/191
+	 * Comma, backslash, and DQUOTE are not part of the parsing algorithm.
+	 */
+	const cookieValueRegExp = /^[\u0021-\u003A\u003C-\u007E]*$/;
+	/**
+	 * RegExp to match domain-value in RFC 6265 sec 4.1.1
+	 *
+	 * domain-value      = <subdomain>
+	 *                     ; defined in [RFC1034], Section 3.5, as
+	 *                     ; enhanced by [RFC1123], Section 2.1
+	 * <subdomain>       = <label> | <subdomain> "." <label>
+	 * <label>           = <let-dig> [ [ <ldh-str> ] <let-dig> ]
+	 *                     Labels must be 63 characters or less.
+	 *                     'let-dig' not 'letter' in the first char, per RFC1123
+	 * <ldh-str>         = <let-dig-hyp> | <let-dig-hyp> <ldh-str>
+	 * <let-dig-hyp>     = <let-dig> | "-"
+	 * <let-dig>         = <letter> | <digit>
+	 * <letter>          = any one of the 52 alphabetic characters A through Z in
+	 *                     upper case and a through z in lower case
+	 * <digit>           = any one of the ten digits 0 through 9
+	 *
+	 * Keep support for leading dot: https://github.com/jshttp/cookie/issues/173
+	 *
+	 * > (Note that a leading %x2E ("."), if present, is ignored even though that
+	 * character is not permitted, but a trailing %x2E ("."), if present, will
+	 * cause the user agent to ignore the attribute.)
+	 */
+	const domainValueRegExp = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i;
+	/**
+	 * RegExp to match path-value in RFC 6265 sec 4.1.1
+	 *
+	 * path-value        = <any CHAR except CTLs or ";">
+	 * CHAR              = %x01-7F
+	 *                     ; defined in RFC 5234 appendix B.1
+	 */
+	const pathValueRegExp = /^[\u0020-\u003A\u003D-\u007E]*$/;
+	const __toString = Object.prototype.toString;
+	const NullObject = /* @__PURE__ */ (() => {
+	    const C = function () { };
+	    C.prototype = Object.create(null);
+	    return C;
+	})();
+	/**
+	 * Parse a cookie header.
+	 *
+	 * Parse the given cookie header string into an object
+	 * The object has the various cookies as keys(names) => values
+	 */
+	function parse(str, options) {
+	    const obj = new NullObject();
+	    const len = str.length;
+	    // RFC 6265 sec 4.1.1, RFC 2616 2.2 defines a cookie name consists of one char minimum, plus '='.
+	    if (len < 2)
+	        return obj;
+	    const dec = options?.decode || decode;
+	    let index = 0;
+	    do {
+	        const eqIdx = str.indexOf("=", index);
+	        if (eqIdx === -1)
+	            break; // No more cookie pairs.
+	        const colonIdx = str.indexOf(";", index);
+	        const endIdx = colonIdx === -1 ? len : colonIdx;
+	        if (eqIdx > endIdx) {
+	            // backtrack on prior semicolon
+	            index = str.lastIndexOf(";", eqIdx - 1) + 1;
+	            continue;
+	        }
+	        const keyStartIdx = startIndex(str, index, eqIdx);
+	        const keyEndIdx = endIndex(str, eqIdx, keyStartIdx);
+	        const key = str.slice(keyStartIdx, keyEndIdx);
+	        // only assign once
+	        if (obj[key] === undefined) {
+	            let valStartIdx = startIndex(str, eqIdx + 1, endIdx);
+	            let valEndIdx = endIndex(str, endIdx, valStartIdx);
+	            const value = dec(str.slice(valStartIdx, valEndIdx));
+	            obj[key] = value;
+	        }
+	        index = endIdx + 1;
+	    } while (index < len);
+	    return obj;
+	}
+	function startIndex(str, index, max) {
+	    do {
+	        const code = str.charCodeAt(index);
+	        if (code !== 0x20 /*   */ && code !== 0x09 /* \t */)
+	            return index;
+	    } while (++index < max);
+	    return max;
+	}
+	function endIndex(str, index, min) {
+	    while (index > min) {
+	        const code = str.charCodeAt(--index);
+	        if (code !== 0x20 /*   */ && code !== 0x09 /* \t */)
+	            return index + 1;
+	    }
+	    return min;
+	}
+	/**
+	 * Serialize data into a cookie header.
+	 *
+	 * Serialize a name value pair into a cookie string suitable for
+	 * http headers. An optional options object specifies cookie parameters.
+	 *
+	 * serialize('foo', 'bar', { httpOnly: true })
+	 *   => "foo=bar; httpOnly"
+	 */
+	function serialize(name, val, options) {
+	    const enc = options?.encode || encodeURIComponent;
+	    if (!cookieNameRegExp.test(name)) {
+	        throw new TypeError(`argument name is invalid: ${name}`);
+	    }
+	    const value = enc(val);
+	    if (!cookieValueRegExp.test(value)) {
+	        throw new TypeError(`argument val is invalid: ${val}`);
+	    }
+	    let str = name + "=" + value;
+	    if (!options)
+	        return str;
+	    if (options.maxAge !== undefined) {
+	        if (!Number.isInteger(options.maxAge)) {
+	            throw new TypeError(`option maxAge is invalid: ${options.maxAge}`);
+	        }
+	        str += "; Max-Age=" + options.maxAge;
+	    }
+	    if (options.domain) {
+	        if (!domainValueRegExp.test(options.domain)) {
+	            throw new TypeError(`option domain is invalid: ${options.domain}`);
+	        }
+	        str += "; Domain=" + options.domain;
+	    }
+	    if (options.path) {
+	        if (!pathValueRegExp.test(options.path)) {
+	            throw new TypeError(`option path is invalid: ${options.path}`);
+	        }
+	        str += "; Path=" + options.path;
+	    }
+	    if (options.expires) {
+	        if (!isDate(options.expires) ||
+	            !Number.isFinite(options.expires.valueOf())) {
+	            throw new TypeError(`option expires is invalid: ${options.expires}`);
+	        }
+	        str += "; Expires=" + options.expires.toUTCString();
+	    }
+	    if (options.httpOnly) {
+	        str += "; HttpOnly";
+	    }
+	    if (options.secure) {
+	        str += "; Secure";
+	    }
+	    if (options.partitioned) {
+	        str += "; Partitioned";
+	    }
+	    if (options.priority) {
+	        const priority = typeof options.priority === "string"
+	            ? options.priority.toLowerCase()
+	            : undefined;
+	        switch (priority) {
+	            case "low":
+	                str += "; Priority=Low";
+	                break;
+	            case "medium":
+	                str += "; Priority=Medium";
+	                break;
+	            case "high":
+	                str += "; Priority=High";
+	                break;
+	            default:
+	                throw new TypeError(`option priority is invalid: ${options.priority}`);
+	        }
+	    }
+	    if (options.sameSite) {
+	        const sameSite = typeof options.sameSite === "string"
+	            ? options.sameSite.toLowerCase()
+	            : options.sameSite;
+	        switch (sameSite) {
+	            case true:
+	            case "strict":
+	                str += "; SameSite=Strict";
+	                break;
+	            case "lax":
+	                str += "; SameSite=Lax";
+	                break;
+	            case "none":
+	                str += "; SameSite=None";
+	                break;
+	            default:
+	                throw new TypeError(`option sameSite is invalid: ${options.sameSite}`);
+	        }
+	    }
+	    return str;
+	}
+	/**
+	 * URL-decode string value. Optimized to skip native call when no %.
+	 */
+	function decode(str) {
+	    if (str.indexOf("%") === -1)
+	        return str;
+	    try {
+	        return decodeURIComponent(str);
+	    }
+	    catch (e) {
+	        return str;
+	    }
+	}
+	/**
+	 * Determine if value is a Date.
+	 */
+	function isDate(val) {
+	    return __toString.call(val) === "[object Date]";
+	}
+	
+	return dist;
+}
+
+requireDist();
+
 /**
- * react-router v7.8.2
+ * react-router v7.6.2
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -37701,12 +37849,12 @@ function createBrowserURLImpl(to, isAbsolute = false) {
     base = window.location.origin !== "null" ? window.location.origin : window.location.href;
   }
   invariant(base, "No window.location.(origin|href) available to create URL");
-  let href = typeof to === "string" ? to : createPath(to);
-  href = href.replace(/ $/, "%20");
-  if (!isAbsolute && href.startsWith("//")) {
-    href = base + href;
+  let href2 = typeof to === "string" ? to : createPath(to);
+  href2 = href2.replace(/ $/, "%20");
+  if (!isAbsolute && href2.startsWith("//")) {
+    href2 = base + href2;
   }
-  return new URL(href, base);
+  return new URL(href2, base);
 }
 function matchRoutes(routes, locationArg, basename = "/") {
   return matchRoutesImpl(routes, locationArg, basename, false);
@@ -37730,8 +37878,8 @@ function matchRoutesImpl(routes, locationArg, basename, allowPartial) {
   }
   return matches;
 }
-function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "", _hasParentOptionalSegments = false) {
-  let flattenRoute = (route, index, hasParentOptionalSegments = _hasParentOptionalSegments, relativePath) => {
+function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "") {
+  let flattenRoute = (route, index, relativePath) => {
     let meta = {
       relativePath: relativePath === void 0 ? route.path || "" : relativePath,
       caseSensitive: route.caseSensitive === true,
@@ -37739,9 +37887,6 @@ function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "",
       route
     };
     if (meta.relativePath.startsWith("/")) {
-      if (!meta.relativePath.startsWith(parentPath) && hasParentOptionalSegments) {
-        return;
-      }
       invariant(
         meta.relativePath.startsWith(parentPath),
         `Absolute route path "${meta.relativePath}" nested under path "${parentPath}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
@@ -37757,13 +37902,7 @@ function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "",
         route.index !== true,
         `Index routes must not have child routes. Please remove all child routes from route path "${path}".`
       );
-      flattenRoutes(
-        route.children,
-        branches,
-        routesMeta,
-        path,
-        hasParentOptionalSegments
-      );
+      flattenRoutes(route.children, branches, routesMeta, path);
     }
     if (route.path == null && !route.index) {
       return;
@@ -37779,7 +37918,7 @@ function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "",
       flattenRoute(route, index);
     } else {
       for (let exploded of explodeOptionalSegments(route.path)) {
-        flattenRoute(route, index, true, exploded);
+        flattenRoute(route, index, exploded);
       }
     }
   });
@@ -37943,7 +38082,7 @@ function compilePath(path, caseSensitive = false, end = true) {
       params.push({ paramName, isOptional: isOptional != null });
       return isOptional ? "/?([^\\/]+)?" : "/([^\\/]+)";
     }
-  ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
+  );
   if (path.endsWith("*")) {
     params.push({ paramName: "*" });
     regexpSource += path === "*" || path === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$";
@@ -38086,36 +38225,35 @@ var validRequestMethodsArr = [
   ...validMutationMethodsArr
 ];
 new Set(validRequestMethodsArr);
-var DataRouterContext = React3__namespace.createContext(null);
+var DataRouterContext = React2__namespace.createContext(null);
 DataRouterContext.displayName = "DataRouter";
-var DataRouterStateContext = React3__namespace.createContext(null);
+var DataRouterStateContext = React2__namespace.createContext(null);
 DataRouterStateContext.displayName = "DataRouterState";
-React3__namespace.createContext(false);
-var ViewTransitionContext = React3__namespace.createContext({
+var ViewTransitionContext = React2__namespace.createContext({
   isTransitioning: false
 });
 ViewTransitionContext.displayName = "ViewTransition";
-var FetchersContext = React3__namespace.createContext(
+var FetchersContext = React2__namespace.createContext(
   /* @__PURE__ */ new Map()
 );
 FetchersContext.displayName = "Fetchers";
-var AwaitContext = React3__namespace.createContext(null);
+var AwaitContext = React2__namespace.createContext(null);
 AwaitContext.displayName = "Await";
-var NavigationContext = React3__namespace.createContext(
+var NavigationContext = React2__namespace.createContext(
   null
 );
 NavigationContext.displayName = "Navigation";
-var LocationContext = React3__namespace.createContext(
+var LocationContext = React2__namespace.createContext(
   null
 );
 LocationContext.displayName = "Location";
-var RouteContext = React3__namespace.createContext({
+var RouteContext = React2__namespace.createContext({
   outlet: null,
   matches: [],
   isDataRoute: false
 });
 RouteContext.displayName = "Route";
-var RouteErrorContext = React3__namespace.createContext(null);
+var RouteErrorContext = React2__namespace.createContext(null);
 RouteErrorContext.displayName = "RouteError";
 function useHref(to, { relative } = {}) {
   invariant(
@@ -38124,7 +38262,7 @@ function useHref(to, { relative } = {}) {
     // router loaded. We can help them understand how to avoid that.
     `useHref() may be used only in the context of a <Router> component.`
   );
-  let { basename, navigator } = React3__namespace.useContext(NavigationContext);
+  let { basename, navigator } = React2__namespace.useContext(NavigationContext);
   let { hash, pathname, search } = useResolvedPath(to, { relative });
   let joinedPathname = pathname;
   if (basename !== "/") {
@@ -38133,7 +38271,7 @@ function useHref(to, { relative } = {}) {
   return navigator.createHref({ pathname: joinedPathname, search, hash });
 }
 function useInRouterContext() {
-  return React3__namespace.useContext(LocationContext) != null;
+  return React2__namespace.useContext(LocationContext) != null;
 }
 function useLocation() {
   invariant(
@@ -38142,17 +38280,17 @@ function useLocation() {
     // router loaded. We can help them understand how to avoid that.
     `useLocation() may be used only in the context of a <Router> component.`
   );
-  return React3__namespace.useContext(LocationContext).location;
+  return React2__namespace.useContext(LocationContext).location;
 }
 var navigateEffectWarning = `You should call navigate() in a React.useEffect(), not when your component is first rendered.`;
 function useIsomorphicLayoutEffect(cb) {
-  let isStatic = React3__namespace.useContext(NavigationContext).static;
+  let isStatic = React2__namespace.useContext(NavigationContext).static;
   if (!isStatic) {
-    React3__namespace.useLayoutEffect(cb);
+    React2__namespace.useLayoutEffect(cb);
   }
 }
 function useNavigate() {
-  let { isDataRoute } = React3__namespace.useContext(RouteContext);
+  let { isDataRoute } = React2__namespace.useContext(RouteContext);
   return isDataRoute ? useNavigateStable() : useNavigateUnstable();
 }
 function useNavigateUnstable() {
@@ -38162,16 +38300,16 @@ function useNavigateUnstable() {
     // router loaded. We can help them understand how to avoid that.
     `useNavigate() may be used only in the context of a <Router> component.`
   );
-  let dataRouterContext = React3__namespace.useContext(DataRouterContext);
-  let { basename, navigator } = React3__namespace.useContext(NavigationContext);
-  let { matches } = React3__namespace.useContext(RouteContext);
+  let dataRouterContext = React2__namespace.useContext(DataRouterContext);
+  let { basename, navigator } = React2__namespace.useContext(NavigationContext);
+  let { matches } = React2__namespace.useContext(RouteContext);
   let { pathname: locationPathname } = useLocation();
   let routePathnamesJson = JSON.stringify(getResolveToMatches(matches));
-  let activeRef = React3__namespace.useRef(false);
+  let activeRef = React2__namespace.useRef(false);
   useIsomorphicLayoutEffect(() => {
     activeRef.current = true;
   });
-  let navigate = React3__namespace.useCallback(
+  let navigate = React2__namespace.useCallback(
     (to, options = {}) => {
       warning(activeRef.current, navigateEffectWarning);
       if (!activeRef.current) return;
@@ -38204,12 +38342,12 @@ function useNavigateUnstable() {
   );
   return navigate;
 }
-React3__namespace.createContext(null);
+React2__namespace.createContext(null);
 function useResolvedPath(to, { relative } = {}) {
-  let { matches } = React3__namespace.useContext(RouteContext);
+  let { matches } = React2__namespace.useContext(RouteContext);
   let { pathname: locationPathname } = useLocation();
   let routePathnamesJson = JSON.stringify(getResolveToMatches(matches));
-  return React3__namespace.useMemo(
+  return React2__namespace.useMemo(
     () => resolveTo(
       to,
       JSON.parse(routePathnamesJson),
@@ -38219,15 +38357,15 @@ function useResolvedPath(to, { relative } = {}) {
     [to, routePathnamesJson, locationPathname, relative]
   );
 }
-function useRoutesImpl(routes, locationArg, dataRouterState, unstable_onError, future) {
+function useRoutesImpl(routes, locationArg, dataRouterState, future) {
   invariant(
     useInRouterContext(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     `useRoutes() may be used only in the context of a <Router> component.`
   );
-  let { navigator } = React3__namespace.useContext(NavigationContext);
-  let { matches: parentMatches } = React3__namespace.useContext(RouteContext);
+  let { navigator } = React2__namespace.useContext(NavigationContext);
+  let { matches: parentMatches } = React2__namespace.useContext(RouteContext);
   let routeMatch = parentMatches[parentMatches.length - 1];
   let parentParams = routeMatch ? routeMatch.params : {};
   let parentPathname = routeMatch ? routeMatch.pathname : "/";
@@ -38284,7 +38422,6 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     ),
     parentMatches,
     dataRouterState,
-    unstable_onError,
     future
   );
   return renderedMatches;
@@ -38302,12 +38439,12 @@ function DefaultErrorComponent() {
       "Error handled by React Router default ErrorBoundary:",
       error
     );
-    devInfo = /* @__PURE__ */ React3__namespace.createElement(React3__namespace.Fragment, null, /* @__PURE__ */ React3__namespace.createElement("p", null, "\u{1F4BF} Hey developer \u{1F44B}"), /* @__PURE__ */ React3__namespace.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ React3__namespace.createElement("code", { style: codeStyles }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ React3__namespace.createElement("code", { style: codeStyles }, "errorElement"), " prop on your route."));
+    devInfo = /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement("p", null, "\u{1F4BF} Hey developer \u{1F44B}"), /* @__PURE__ */ React2__namespace.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ React2__namespace.createElement("code", { style: codeStyles }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ React2__namespace.createElement("code", { style: codeStyles }, "errorElement"), " prop on your route."));
   }
-  return /* @__PURE__ */ React3__namespace.createElement(React3__namespace.Fragment, null, /* @__PURE__ */ React3__namespace.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ React3__namespace.createElement("h3", { style: { fontStyle: "italic" } }, message), stack ? /* @__PURE__ */ React3__namespace.createElement("pre", { style: preStyles }, stack) : null, devInfo);
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ React2__namespace.createElement("h3", { style: { fontStyle: "italic" } }, message), stack ? /* @__PURE__ */ React2__namespace.createElement("pre", { style: preStyles }, stack) : null, devInfo);
 }
-var defaultErrorElement = /* @__PURE__ */ React3__namespace.createElement(DefaultErrorComponent, null);
-var RenderErrorBoundary = class extends React3__namespace.Component {
+var defaultErrorElement = /* @__PURE__ */ React2__namespace.createElement(DefaultErrorComponent, null);
+var RenderErrorBoundary = class extends React2__namespace.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -38334,17 +38471,14 @@ var RenderErrorBoundary = class extends React3__namespace.Component {
     };
   }
   componentDidCatch(error, errorInfo) {
-    if (this.props.unstable_onError) {
-      this.props.unstable_onError(error, errorInfo);
-    } else {
-      console.error(
-        "React Router caught the following error during render",
-        error
-      );
-    }
+    console.error(
+      "React Router caught the following error during render",
+      error,
+      errorInfo
+    );
   }
   render() {
-    return this.state.error !== void 0 ? /* @__PURE__ */ React3__namespace.createElement(RouteContext.Provider, { value: this.props.routeContext }, /* @__PURE__ */ React3__namespace.createElement(
+    return this.state.error !== void 0 ? /* @__PURE__ */ React2__namespace.createElement(RouteContext.Provider, { value: this.props.routeContext }, /* @__PURE__ */ React2__namespace.createElement(
       RouteErrorContext.Provider,
       {
         value: this.state.error,
@@ -38354,13 +38488,13 @@ var RenderErrorBoundary = class extends React3__namespace.Component {
   }
 };
 function RenderedRoute({ routeContext, match, children }) {
-  let dataRouterContext = React3__namespace.useContext(DataRouterContext);
+  let dataRouterContext = React2__namespace.useContext(DataRouterContext);
   if (dataRouterContext && dataRouterContext.static && dataRouterContext.staticContext && (match.route.errorElement || match.route.ErrorBoundary)) {
     dataRouterContext.staticContext._deepestRenderedBoundaryId = match.route.id;
   }
-  return /* @__PURE__ */ React3__namespace.createElement(RouteContext.Provider, { value: routeContext }, children);
+  return /* @__PURE__ */ React2__namespace.createElement(RouteContext.Provider, { value: routeContext }, children);
 }
-function _renderMatches(matches, parentMatches = [], dataRouterState = null, unstable_onError = null, future = null) {
+function _renderMatches(matches, parentMatches = [], dataRouterState = null, future = null) {
   if (matches == null) {
     if (!dataRouterState) {
       return null;
@@ -38413,88 +38547,84 @@ function _renderMatches(matches, parentMatches = [], dataRouterState = null, uns
       }
     }
   }
-  return renderedMatches.reduceRight(
-    (outlet, match, index) => {
-      let error;
-      let shouldRenderHydrateFallback = false;
-      let errorElement = null;
-      let hydrateFallbackElement = null;
-      if (dataRouterState) {
-        error = errors && match.route.id ? errors[match.route.id] : void 0;
-        errorElement = match.route.errorElement || defaultErrorElement;
-        if (renderFallback) {
-          if (fallbackIndex < 0 && index === 0) {
-            warningOnce(
-              "route-fallback",
-              false,
-              "No `HydrateFallback` element provided to render during initial hydration"
-            );
-            shouldRenderHydrateFallback = true;
-            hydrateFallbackElement = null;
-          } else if (fallbackIndex === index) {
-            shouldRenderHydrateFallback = true;
-            hydrateFallbackElement = match.route.hydrateFallbackElement || null;
-          }
+  return renderedMatches.reduceRight((outlet, match, index) => {
+    let error;
+    let shouldRenderHydrateFallback = false;
+    let errorElement = null;
+    let hydrateFallbackElement = null;
+    if (dataRouterState) {
+      error = errors && match.route.id ? errors[match.route.id] : void 0;
+      errorElement = match.route.errorElement || defaultErrorElement;
+      if (renderFallback) {
+        if (fallbackIndex < 0 && index === 0) {
+          warningOnce(
+            "route-fallback",
+            false,
+            "No `HydrateFallback` element provided to render during initial hydration"
+          );
+          shouldRenderHydrateFallback = true;
+          hydrateFallbackElement = null;
+        } else if (fallbackIndex === index) {
+          shouldRenderHydrateFallback = true;
+          hydrateFallbackElement = match.route.hydrateFallbackElement || null;
         }
       }
-      let matches2 = parentMatches.concat(renderedMatches.slice(0, index + 1));
-      let getChildren = () => {
-        let children;
-        if (error) {
-          children = errorElement;
-        } else if (shouldRenderHydrateFallback) {
-          children = hydrateFallbackElement;
-        } else if (match.route.Component) {
-          children = /* @__PURE__ */ React3__namespace.createElement(match.route.Component, null);
-        } else if (match.route.element) {
-          children = match.route.element;
-        } else {
-          children = outlet;
-        }
-        return /* @__PURE__ */ React3__namespace.createElement(
-          RenderedRoute,
-          {
-            match,
-            routeContext: {
-              outlet,
-              matches: matches2,
-              isDataRoute: dataRouterState != null
-            },
-            children
-          }
-        );
-      };
-      return dataRouterState && (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? /* @__PURE__ */ React3__namespace.createElement(
-        RenderErrorBoundary,
+    }
+    let matches2 = parentMatches.concat(renderedMatches.slice(0, index + 1));
+    let getChildren = () => {
+      let children;
+      if (error) {
+        children = errorElement;
+      } else if (shouldRenderHydrateFallback) {
+        children = hydrateFallbackElement;
+      } else if (match.route.Component) {
+        children = /* @__PURE__ */ React2__namespace.createElement(match.route.Component, null);
+      } else if (match.route.element) {
+        children = match.route.element;
+      } else {
+        children = outlet;
+      }
+      return /* @__PURE__ */ React2__namespace.createElement(
+        RenderedRoute,
         {
-          location: dataRouterState.location,
-          revalidation: dataRouterState.revalidation,
-          component: errorElement,
-          error,
-          children: getChildren(),
-          routeContext: { outlet: null, matches: matches2, isDataRoute: true },
-          unstable_onError
+          match,
+          routeContext: {
+            outlet,
+            matches: matches2,
+            isDataRoute: dataRouterState != null
+          },
+          children
         }
-      ) : getChildren();
-    },
-    null
-  );
+      );
+    };
+    return dataRouterState && (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? /* @__PURE__ */ React2__namespace.createElement(
+      RenderErrorBoundary,
+      {
+        location: dataRouterState.location,
+        revalidation: dataRouterState.revalidation,
+        component: errorElement,
+        error,
+        children: getChildren(),
+        routeContext: { outlet: null, matches: matches2, isDataRoute: true }
+      }
+    ) : getChildren();
+  }, null);
 }
 function getDataRouterConsoleError(hookName) {
   return `${hookName} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function useDataRouterContext(hookName) {
-  let ctx = React3__namespace.useContext(DataRouterContext);
+  let ctx = React2__namespace.useContext(DataRouterContext);
   invariant(ctx, getDataRouterConsoleError(hookName));
   return ctx;
 }
 function useDataRouterState(hookName) {
-  let state = React3__namespace.useContext(DataRouterStateContext);
+  let state = React2__namespace.useContext(DataRouterStateContext);
   invariant(state, getDataRouterConsoleError(hookName));
   return state;
 }
 function useRouteContext(hookName) {
-  let route = React3__namespace.useContext(RouteContext);
+  let route = React2__namespace.useContext(RouteContext);
   invariant(route, getDataRouterConsoleError(hookName));
   return route;
 }
@@ -38511,7 +38641,7 @@ function useRouteId() {
   return useCurrentRouteId("useRouteId" /* UseRouteId */);
 }
 function useRouteError() {
-  let error = React3__namespace.useContext(RouteErrorContext);
+  let error = React2__namespace.useContext(RouteErrorContext);
   let state = useDataRouterState("useRouteError" /* UseRouteError */);
   let routeId = useCurrentRouteId("useRouteError" /* UseRouteError */);
   if (error !== void 0) {
@@ -38522,11 +38652,11 @@ function useRouteError() {
 function useNavigateStable() {
   let { router } = useDataRouterContext("useNavigate" /* UseNavigateStable */);
   let id = useCurrentRouteId("useNavigate" /* UseNavigateStable */);
-  let activeRef = React3__namespace.useRef(false);
+  let activeRef = React2__namespace.useRef(false);
   useIsomorphicLayoutEffect(() => {
     activeRef.current = true;
   });
-  let navigate = React3__namespace.useCallback(
+  let navigate = React2__namespace.useCallback(
     async (to, options = {}) => {
       warning(activeRef.current, navigateEffectWarning);
       if (!activeRef.current) return;
@@ -38547,14 +38677,13 @@ function warningOnce(key, cond, message) {
     warning(false, message);
   }
 }
-React3__namespace.memo(DataRoutes);
+React2__namespace.memo(DataRoutes);
 function DataRoutes({
   routes,
   future,
-  state,
-  unstable_onError
+  state
 }) {
-  return useRoutesImpl(routes, void 0, state, unstable_onError, future);
+  return useRoutesImpl(routes, void 0, state, future);
 }
 function Router({
   basename: basenameProp = "/",
@@ -38569,7 +38698,7 @@ function Router({
     `You cannot render a <Router> inside another <Router>. You should never have more than one in your app.`
   );
   let basename = basenameProp.replace(/^\/*/, "/");
-  let navigationContext = React3__namespace.useMemo(
+  let navigationContext = React2__namespace.useMemo(
     () => ({
       basename,
       navigator,
@@ -38588,7 +38717,7 @@ function Router({
     state = null,
     key = "default"
   } = locationProp;
-  let locationContext = React3__namespace.useMemo(() => {
+  let locationContext = React2__namespace.useMemo(() => {
     let trailingPathname = stripBasename(pathname, basename);
     if (trailingPathname == null) {
       return null;
@@ -38611,7 +38740,7 @@ function Router({
   if (locationContext == null) {
     return null;
   }
-  return /* @__PURE__ */ React3__namespace.createElement(NavigationContext.Provider, { value: navigationContext }, /* @__PURE__ */ React3__namespace.createElement(LocationContext.Provider, { children, value: locationContext }));
+  return /* @__PURE__ */ React2__namespace.createElement(NavigationContext.Provider, { value: navigationContext }, /* @__PURE__ */ React2__namespace.createElement(LocationContext.Provider, { children, value: locationContext }));
 }
 
 // lib/dom/dom.ts
@@ -38718,7 +38847,6 @@ function getFormSubmissionInfo(target, basename) {
   }
   return { action, method: method.toLowerCase(), encType, formData, body };
 }
-Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
 
 // lib/dom/ssr/invariant.ts
 function invariant2(value, message) {
@@ -38726,22 +38854,6 @@ function invariant2(value, message) {
     throw new Error(message);
   }
 }
-function singleFetchUrl(reqUrl, basename, extension) {
-  let url = typeof reqUrl === "string" ? new URL(
-    reqUrl,
-    // This can be called during the SSR flow via PrefetchPageLinksImpl so
-    // don't assume window is available
-    typeof window === "undefined" ? "server://singlefetch/" : window.location.origin
-  ) : reqUrl;
-  if (url.pathname === "/") {
-    url.pathname = `_root.${extension}`;
-  } else if (basename && stripBasename(url.pathname, basename) === "/") {
-    url.pathname = `${basename.replace(/\/$/, "")}/_root.${extension}`;
-  } else {
-    url.pathname = `${url.pathname.replace(/\/$/, "")}.${extension}`;
-  }
-  return url;
-}
 
 // lib/dom/ssr/routeModules.ts
 async function loadRouteModule(route, routeModulesCache) {
@@ -38888,10 +39000,28 @@ function dedupeLinkDescriptors(descriptors, preloads) {
     return deduped;
   }, []);
 }
+Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
+var NO_BODY_STATUS_CODES = /* @__PURE__ */ new Set([100, 101, 204, 205]);
+function singleFetchUrl(reqUrl, basename) {
+  let url = typeof reqUrl === "string" ? new URL(
+    reqUrl,
+    // This can be called during the SSR flow via PrefetchPageLinksImpl so
+    // don't assume window is available
+    typeof window === "undefined" ? "server://singlefetch/" : window.location.origin
+  ) : reqUrl;
+  if (url.pathname === "/") {
+    url.pathname = "_root.data";
+  } else if (basename && stripBasename(url.pathname, basename) === "/") {
+    url.pathname = `${basename.replace(/\/$/, "")}/_root.data`;
+  } else {
+    url.pathname = `${url.pathname.replace(/\/$/, "")}.data`;
+  }
+  return url;
+}
 
 // lib/dom/ssr/components.tsx
 function useDataRouterContext2() {
-  let context = React3__namespace.useContext(DataRouterContext);
+  let context = React2__namespace.useContext(DataRouterContext);
   invariant2(
     context,
     "You must render this element inside a <DataRouterContext.Provider> element"
@@ -38899,17 +39029,17 @@ function useDataRouterContext2() {
   return context;
 }
 function useDataRouterStateContext() {
-  let context = React3__namespace.useContext(DataRouterStateContext);
+  let context = React2__namespace.useContext(DataRouterStateContext);
   invariant2(
     context,
     "You must render this element inside a <DataRouterStateContext.Provider> element"
   );
   return context;
 }
-var FrameworkContext = React3__namespace.createContext(void 0);
+var FrameworkContext = React2__namespace.createContext(void 0);
 FrameworkContext.displayName = "FrameworkContext";
 function useFrameworkContext() {
-  let context = React3__namespace.useContext(FrameworkContext);
+  let context = React2__namespace.useContext(FrameworkContext);
   invariant2(
     context,
     "You must render this element inside a <HydratedRouter> element"
@@ -38917,12 +39047,12 @@ function useFrameworkContext() {
   return context;
 }
 function usePrefetchBehavior(prefetch, theirElementProps) {
-  let frameworkContext = React3__namespace.useContext(FrameworkContext);
-  let [maybePrefetch, setMaybePrefetch] = React3__namespace.useState(false);
-  let [shouldPrefetch, setShouldPrefetch] = React3__namespace.useState(false);
+  let frameworkContext = React2__namespace.useContext(FrameworkContext);
+  let [maybePrefetch, setMaybePrefetch] = React2__namespace.useState(false);
+  let [shouldPrefetch, setShouldPrefetch] = React2__namespace.useState(false);
   let { onFocus, onBlur, onMouseEnter, onMouseLeave, onTouchStart } = theirElementProps;
-  let ref = React3__namespace.useRef(null);
-  React3__namespace.useEffect(() => {
+  let ref = React2__namespace.useRef(null);
+  React2__namespace.useEffect(() => {
     if (prefetch === "render") {
       setShouldPrefetch(true);
     }
@@ -38939,7 +39069,7 @@ function usePrefetchBehavior(prefetch, theirElementProps) {
       };
     }
   }, [prefetch]);
-  React3__namespace.useEffect(() => {
+  React2__namespace.useEffect(() => {
     if (maybePrefetch) {
       let id = setTimeout(() => {
         setShouldPrefetch(true);
@@ -38982,21 +39112,24 @@ function composeEventHandlers(theirHandler, ourHandler) {
     }
   };
 }
-function PrefetchPageLinks({ page, ...linkProps }) {
+function PrefetchPageLinks({
+  page,
+  ...dataLinkProps
+}) {
   let { router } = useDataRouterContext2();
-  let matches = React3__namespace.useMemo(
+  let matches = React2__namespace.useMemo(
     () => matchRoutes(router.routes, page, router.basename),
     [router.routes, page, router.basename]
   );
   if (!matches) {
     return null;
   }
-  return /* @__PURE__ */ React3__namespace.createElement(PrefetchPageLinksImpl, { page, matches, ...linkProps });
+  return /* @__PURE__ */ React2__namespace.createElement(PrefetchPageLinksImpl, { page, matches, ...dataLinkProps });
 }
 function useKeyedPrefetchLinks(matches) {
   let { manifest, routeModules } = useFrameworkContext();
-  let [keyedPrefetchLinks, setKeyedPrefetchLinks] = React3__namespace.useState([]);
-  React3__namespace.useEffect(() => {
+  let [keyedPrefetchLinks, setKeyedPrefetchLinks] = React2__namespace.useState([]);
+  React2__namespace.useEffect(() => {
     let interrupted = false;
     void getKeyedPrefetchLinks(matches, manifest, routeModules).then(
       (links) => {
@@ -39020,7 +39153,7 @@ function PrefetchPageLinksImpl({
   let { manifest, routeModules } = useFrameworkContext();
   let { basename } = useDataRouterContext2();
   let { loaderData, matches } = useDataRouterStateContext();
-  let newMatchesForData = React3__namespace.useMemo(
+  let newMatchesForData = React2__namespace.useMemo(
     () => getNewMatchesForLinks(
       page,
       nextMatches,
@@ -39031,7 +39164,7 @@ function PrefetchPageLinksImpl({
     ),
     [page, nextMatches, matches, manifest, location]
   );
-  let newMatchesForAssets = React3__namespace.useMemo(
+  let newMatchesForAssets = React2__namespace.useMemo(
     () => getNewMatchesForLinks(
       page,
       nextMatches,
@@ -39042,7 +39175,7 @@ function PrefetchPageLinksImpl({
     ),
     [page, nextMatches, matches, manifest, location]
   );
-  let dataHrefs = React3__namespace.useMemo(() => {
+  let dataHrefs = React2__namespace.useMemo(() => {
     if (page === location.pathname + location.search + location.hash) {
       return [];
     }
@@ -39064,7 +39197,7 @@ function PrefetchPageLinksImpl({
     if (routesParams.size === 0) {
       return [];
     }
-    let url = singleFetchUrl(page, basename, "data");
+    let url = singleFetchUrl(page, basename);
     if (foundOptOutRoute && routesParams.size > 0) {
       url.searchParams.set(
         "_routes",
@@ -39082,15 +39215,15 @@ function PrefetchPageLinksImpl({
     page,
     routeModules
   ]);
-  let moduleHrefs = React3__namespace.useMemo(
+  let moduleHrefs = React2__namespace.useMemo(
     () => getModuleLinkHrefs(newMatchesForAssets, manifest),
     [newMatchesForAssets, manifest]
   );
   let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
-  return /* @__PURE__ */ React3__namespace.createElement(React3__namespace.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React3__namespace.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React3__namespace.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, dataHrefs.map((href2) => /* @__PURE__ */ React2__namespace.createElement("link", { key: href2, rel: "prefetch", as: "fetch", href: href2, ...linkProps })), moduleHrefs.map((href2) => /* @__PURE__ */ React2__namespace.createElement("link", { key: href2, rel: "modulepreload", href: href2, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
-    /* @__PURE__ */ React3__namespace.createElement("link", { key, nonce: linkProps.nonce, ...link })
+    /* @__PURE__ */ React2__namespace.createElement("link", { key, ...link })
   )));
 }
 function mergeRefs(...refs) {
@@ -39104,11 +39237,12 @@ function mergeRefs(...refs) {
     });
   };
 }
+
+// lib/dom/lib.tsx
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
   if (isBrowser) {
-    window.__reactRouterVersion = // @ts-expect-error
-    "7.8.2";
+    window.__reactRouterVersion = "7.6.2";
   }
 } catch (e) {
 }
@@ -39117,23 +39251,23 @@ function BrowserRouter({
   children,
   window: window2
 }) {
-  let historyRef = React3__namespace.useRef();
+  let historyRef = React2__namespace.useRef();
   if (historyRef.current == null) {
     historyRef.current = createBrowserHistory({ window: window2, v5Compat: true });
   }
   let history = historyRef.current;
-  let [state, setStateImpl] = React3__namespace.useState({
+  let [state, setStateImpl] = React2__namespace.useState({
     action: history.action,
     location: history.location
   });
-  let setState = React3__namespace.useCallback(
+  let setState = React2__namespace.useCallback(
     (newState) => {
-      React3__namespace.startTransition(() => setStateImpl(newState));
+      React2__namespace.startTransition(() => setStateImpl(newState));
     },
     [setStateImpl]
   );
-  React3__namespace.useLayoutEffect(() => history.listen(setState), [history, setState]);
-  return /* @__PURE__ */ React3__namespace.createElement(
+  React2__namespace.useLayoutEffect(() => history.listen(setState), [history, setState]);
+  return /* @__PURE__ */ React2__namespace.createElement(
     Router,
     {
       basename,
@@ -39145,7 +39279,7 @@ function BrowserRouter({
   );
 }
 var ABSOLUTE_URL_REGEX2 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-var Link$1 = React3__namespace.forwardRef(
+var Link$1 = React2__namespace.forwardRef(
   function LinkWithRef({
     onClick,
     discover = "render",
@@ -39160,7 +39294,7 @@ var Link$1 = React3__namespace.forwardRef(
     viewTransition,
     ...rest
   }, forwardedRef) {
-    let { basename } = React3__namespace.useContext(NavigationContext);
+    let { basename } = React2__namespace.useContext(NavigationContext);
     let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX2.test(to);
     let absoluteHref;
     let isExternal = false;
@@ -39184,7 +39318,7 @@ var Link$1 = React3__namespace.forwardRef(
         }
       }
     }
-    let href = useHref(to, { relative });
+    let href2 = useHref(to, { relative });
     let [shouldPrefetch, prefetchRef, prefetchHandlers] = usePrefetchBehavior(
       prefetch,
       rest
@@ -39205,12 +39339,12 @@ var Link$1 = React3__namespace.forwardRef(
     }
     let link = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ React3__namespace.createElement(
+      /* @__PURE__ */ React2__namespace.createElement(
         "a",
         {
           ...rest,
           ...prefetchHandlers,
-          href: absoluteHref || href,
+          href: absoluteHref || href2,
           onClick: isExternal || reloadDocument ? onClick : handleClick,
           ref: mergeRefs(forwardedRef, prefetchRef),
           target,
@@ -39218,11 +39352,11 @@ var Link$1 = React3__namespace.forwardRef(
         }
       )
     );
-    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React3__namespace.createElement(React3__namespace.Fragment, null, link, /* @__PURE__ */ React3__namespace.createElement(PrefetchPageLinks, { page: href })) : link;
+    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, link, /* @__PURE__ */ React2__namespace.createElement(PrefetchPageLinks, { page: href2 })) : link;
   }
 );
 Link$1.displayName = "Link";
-var NavLink = React3__namespace.forwardRef(
+var NavLink = React2__namespace.forwardRef(
   function NavLinkWithRef({
     "aria-current": ariaCurrentProp = "page",
     caseSensitive = false,
@@ -39236,8 +39370,8 @@ var NavLink = React3__namespace.forwardRef(
   }, ref) {
     let path = useResolvedPath(to, { relative: rest.relative });
     let location = useLocation();
-    let routerState = React3__namespace.useContext(DataRouterStateContext);
-    let { navigator, basename } = React3__namespace.useContext(NavigationContext);
+    let routerState = React2__namespace.useContext(DataRouterStateContext);
+    let { navigator, basename } = React2__namespace.useContext(NavigationContext);
     let isTransitioning = routerState != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useViewTransitionState(path) && viewTransition === true;
@@ -39273,7 +39407,7 @@ var NavLink = React3__namespace.forwardRef(
       ].filter(Boolean).join(" ");
     }
     let style = typeof styleProp === "function" ? styleProp(renderProps) : styleProp;
-    return /* @__PURE__ */ React3__namespace.createElement(
+    return /* @__PURE__ */ React2__namespace.createElement(
       Link$1,
       {
         ...rest,
@@ -39289,7 +39423,7 @@ var NavLink = React3__namespace.forwardRef(
   }
 );
 NavLink.displayName = "NavLink";
-var Form = React3__namespace.forwardRef(
+var Form = React2__namespace.forwardRef(
   ({
     discover = "render",
     fetcherKey,
@@ -39326,7 +39460,7 @@ var Form = React3__namespace.forwardRef(
         viewTransition
       });
     };
-    return /* @__PURE__ */ React3__namespace.createElement(
+    return /* @__PURE__ */ React2__namespace.createElement(
       "form",
       {
         ref: forwardedRef,
@@ -39344,7 +39478,7 @@ function getDataRouterConsoleError2(hookName) {
   return `${hookName} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function useDataRouterContext3(hookName) {
-  let ctx = React3__namespace.useContext(DataRouterContext);
+  let ctx = React2__namespace.useContext(DataRouterContext);
   invariant(ctx, getDataRouterConsoleError2(hookName));
   return ctx;
 }
@@ -39359,7 +39493,7 @@ function useLinkClickHandler(to, {
   let navigate = useNavigate();
   let location = useLocation();
   let path = useResolvedPath(to, { relative });
-  return React3__namespace.useCallback(
+  return React2__namespace.useCallback(
     (event) => {
       if (shouldProcessLinkClick(event, target)) {
         event.preventDefault();
@@ -39391,9 +39525,9 @@ var fetcherId = 0;
 var getUniqueFetcherId = () => `__${String(++fetcherId)}__`;
 function useSubmit() {
   let { router } = useDataRouterContext3("useSubmit" /* UseSubmit */);
-  let { basename } = React3__namespace.useContext(NavigationContext);
+  let { basename } = React2__namespace.useContext(NavigationContext);
   let currentRouteId = useRouteId();
-  return React3__namespace.useCallback(
+  return React2__namespace.useCallback(
     async (target, options = {}) => {
       let { action, method, encType, formData, body } = getFormSubmissionInfo(
         target,
@@ -39428,8 +39562,8 @@ function useSubmit() {
   );
 }
 function useFormAction(action, { relative } = {}) {
-  let { basename } = React3__namespace.useContext(NavigationContext);
-  let routeContext = React3__namespace.useContext(RouteContext);
+  let { basename } = React2__namespace.useContext(NavigationContext);
+  let routeContext = React2__namespace.useContext(RouteContext);
   invariant(routeContext, "useFormAction must be used inside a RouteContext");
   let [match] = routeContext.matches.slice(-1);
   let path = { ...useResolvedPath(action ? action : ".", { relative }) };
@@ -39454,8 +39588,8 @@ function useFormAction(action, { relative } = {}) {
   }
   return createPath(path);
 }
-function useViewTransitionState(to, { relative } = {}) {
-  let vtContext = React3__namespace.useContext(ViewTransitionContext);
+function useViewTransitionState(to, opts = {}) {
+  let vtContext = React2__namespace.useContext(ViewTransitionContext);
   invariant(
     vtContext != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
@@ -39463,7 +39597,7 @@ function useViewTransitionState(to, { relative } = {}) {
   let { basename } = useDataRouterContext3(
     "useViewTransitionState" /* useViewTransitionState */
   );
-  let path = useResolvedPath(to, { relative });
+  let path = useResolvedPath(to, { relative: opts.relative });
   if (!vtContext.isTransitioning) {
     return false;
   }
@@ -39472,6 +39606,12 @@ function useViewTransitionState(to, { relative } = {}) {
   return matchPath(path.pathname, nextPath) != null || matchPath(path.pathname, currentPath) != null;
 }
 
+// lib/server-runtime/single-fetch.ts
+/* @__PURE__ */ new Set([
+  ...NO_BODY_STATUS_CODES,
+  304
+]);
+
 const Section = ({
   items,
   title,
@@ -39659,11 +39799,11 @@ const InputTag = ({
   isRequired,
   tooltipLabel
 }) => {
-  const [isBoxHover, setIsBoxHover] = React3.useState(false);
-  const hiddenSpan = React3.useRef(null);
-  const inputTagFocus = React3.useRef(null);
-  const inputContainerRef = React3.useRef(null);
-  const [parentCoord, setParentCoords] = React3.useState();
+  const [isBoxHover, setIsBoxHover] = React2.useState(false);
+  const hiddenSpan = React2.useRef(null);
+  const inputTagFocus = React2.useRef(null);
+  const inputContainerRef = React2.useRef(null);
+  const [parentCoord, setParentCoords] = React2.useState();
   const focusInputTag = () => {
     if (inputTagFocus && inputTagFocus.current) {
       inputTagFocus.current.focus();
@@ -39743,7 +39883,7 @@ const InputTag = ({
     toggleType: isDanger ? 'error' : 'primary',
     children: renderInput()
   });
-  const tooltipLabelMarkup = React3.useMemo(() => tooltipLabel ? /*#__PURE__*/jsxRuntime.jsx(AlphaTooltip, {
+  const tooltipLabelMarkup = React2.useMemo(() => tooltipLabel ? /*#__PURE__*/jsxRuntime.jsx(AlphaTooltip, {
     content: tooltipLabel.content,
     theme: tooltipLabel.theme,
     width: "default",
@@ -39755,7 +39895,7 @@ const InputTag = ({
       })
     })
   }) : null, [tooltipLabel, parentCoord]);
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (inputContainerRef.current) {
       setParentCoords(inputContainerRef.current.getBoundingClientRect());
     }
@@ -39787,14 +39927,14 @@ const Accordion = ({
   id,
   isLastSon = false
 }) => {
-  const [isOpen, setIsOpen] = React3.useState(false);
+  const [isOpen, setIsOpen] = React2.useState(false);
   const {
     theme
   } = useTheme();
   const handleAccordion = () => {
     setIsOpen(!isOpen);
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isParentClick === true) {
       setIsOpen(isGlobalOpen);
     }
@@ -39841,8 +39981,8 @@ const JsonViewer = ({
   sortFields,
   keysShowBtnDownload
 }) => {
-  const [isOpen, setIsOpen] = React3.useState(false);
-  const [isParentClick, setIsParentClick] = React3.useState(false);
+  const [isOpen, setIsOpen] = React2.useState(false);
+  const [isParentClick, setIsParentClick] = React2.useState(false);
   const {
     theme
   } = useTheme();
@@ -39870,14 +40010,14 @@ const JsonViewer = ({
     return getPrettyJson(newData);
   };
   const printPrimitiveValues = (primitiveData, id, objectTemplate = []) => {
-    let responseDiv = /*#__PURE__*/jsxRuntime.jsx(React3.Fragment, {});
+    let responseDiv = /*#__PURE__*/jsxRuntime.jsx(React2.Fragment, {});
     const arrayTem = [];
     let i = 0;
     const objToPrint = primitiveData && objectTemplate.length === 0 ? Object.keys(primitiveData) : objectTemplate;
     if (typeof objToPrint !== "string") {
       objToPrint.forEach((key, index) => {
         i = index > 0 && index % 4 === 0 ? i + 1 : i;
-        arrayTem[i] = /*#__PURE__*/jsxRuntime.jsxs(React3.Fragment, {
+        arrayTem[i] = /*#__PURE__*/jsxRuntime.jsxs(React2.Fragment, {
           children: [arrayTem[i], /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "JsonViewer__label",
             children: [/*#__PURE__*/jsxRuntime.jsx("label", {
@@ -39893,7 +40033,7 @@ const JsonViewer = ({
       });
     } else {
       /** String values are added as primitive values */
-      arrayTem.push(/*#__PURE__*/jsxRuntime.jsx(React3.Fragment, {
+      arrayTem.push(/*#__PURE__*/jsxRuntime.jsx(React2.Fragment, {
         children: /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "JsonViewer__label",
           children: primitiveData && /*#__PURE__*/jsxRuntime.jsx("label", {
@@ -39903,7 +40043,7 @@ const JsonViewer = ({
         })
       }, `data-content-${0}-${primitiveData}-${id}`));
     }
-    responseDiv = /*#__PURE__*/jsxRuntime.jsxs(React3.Fragment, {
+    responseDiv = /*#__PURE__*/jsxRuntime.jsxs(React2.Fragment, {
       children: [responseDiv, arrayTem.map((item, index) => {
         return /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "JsonViewer__content",
@@ -39937,7 +40077,7 @@ const JsonViewer = ({
     const primitiveValues = typeof data !== "string" ? getPrimitiveValues(Object(data)) : data; /** Get all primitive values from data, is data is already a string data is returned */
     const objectValues = getObjectValues(data); /** Get all objects from data */
     const objectTemplate = Object.prototype.toString.call(data) === "[object Array]" /** Validate if data is an object */ ? getObjectTemplate(data) /** If it is an array, iterates within it to obtain the object that has more attributes than others to use as a template for the other objects in the array */ : objTemplate.length > 0 && Object.keys(primitiveValues).length === 0 /** If the objTemplate parameter is different from null and primitiveValues exist, it is because it continues to iterate within the same array (it makes recursion in this function) and the template is the same */ ? objTemplate : [];
-    let primitiveRender = /*#__PURE__*/jsxRuntime.jsx(React3.Fragment, {});
+    let primitiveRender = /*#__PURE__*/jsxRuntime.jsx(React2.Fragment, {});
     if (primitiveValues && Object.keys(primitiveValues).length > 0 || objectValues && Object.keys(objectValues).length > 0) {
       primitiveRender = /*#__PURE__*/jsxRuntime.jsx(Accordion, {
         title: levelName,
@@ -39993,7 +40133,7 @@ const JsonViewer = ({
     setIsOpen(!isOpen);
     setIsParentClick(true);
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     setTimeout(() => setIsParentClick(false), 500);
   });
   const sortData = (data = {}) => {
@@ -40091,9 +40231,9 @@ const Nip = ({
   } = useTheme();
 
   // Create a fixed array of refs to avoid conditional hook calls
-  const refsInputs = [React3.useRef(null), React3.useRef(null), React3.useRef(null), React3.useRef(null), React3.useRef(null), React3.useRef(null), React3.useRef(null), React3.useRef(null), React3.useRef(null), React3.useRef(null)];
+  const refsInputs = [React2.useRef(null), React2.useRef(null), React2.useRef(null), React2.useRef(null), React2.useRef(null), React2.useRef(null), React2.useRef(null), React2.useRef(null), React2.useRef(null), React2.useRef(null)];
   const arrayLenght = nipLength ? nipLength : 4;
-  const handleNipChange = React3.useCallback((value, id) => {
+  const handleNipChange = React2.useCallback((value, id) => {
     const index = id;
     if (value.length < 2) {
       const tempoNip = [...nip];
@@ -40106,7 +40246,7 @@ const Nip = ({
       }
     }
   }, [nip]);
-  const handlePaste = React3.useCallback(e => {
+  const handlePaste = React2.useCallback(e => {
     const textPaste = e.clipboardData.getData("text");
     const nipUpdate = [...nip];
     textPaste.split("").map((item, index) => {
@@ -40127,7 +40267,7 @@ const Nip = ({
       }
     }
   };
-  const renderInputs = React3.useCallback(() => {
+  const renderInputs = React2.useCallback(() => {
     const items = [];
     const itemsToMap = Array.from({
       length: arrayLenght
@@ -40405,7 +40545,7 @@ const Panel = ({
   const handleOnKeyUp = event => {
     if (isOpen && event.key == "Escape" && onClose) onClose();
   };
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     document.addEventListener("keyup", handleOnKeyUp);
   });
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -40520,7 +40660,7 @@ const Spinner = ({
   appearance = "info",
   themeAppearance
 }) => {
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (isOpen) document.body.style.overflow = "hidden";else document.body.removeAttribute("style");
   }, [isOpen]);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -40572,7 +40712,7 @@ const Stack = ({
   }, index);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: className,
-    children: React3.Children.map(children, renderItems)
+    children: React2.Children.map(children, renderItems)
   });
 };
 
@@ -40620,7 +40760,7 @@ const Table = ({
   onSelectAllRows,
   areAllRowsSelected
 }) => {
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (headingsTypes) {
       const rows = document.getElementById('tbody')?.children;
       if (rows) {