kiban-design-system 1.1.2 → 1.1.3

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-import * as React2 from 'react';
-import React2__default, { createElement, createContext, useState, useEffect, useContext, isValidElement, Fragment as Fragment$1, useRef, useCallback, memo, useMemo, Children, cloneElement } from 'react';
+import * as React3 from 'react';
+import React3__default, { createElement, createContext, useState, useEffect, useContext, isValidElement, Fragment as Fragment$1, useRef, useCallback, memo, useMemo, Children, cloneElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -32598,7 +32598,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=React2__default;},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=React3__default;},function(e,t,r){var n;
 	/*!
 	  Copyright (c) 2017 Jed Watson.
 	  Licensed under the MIT License (MIT), see
@@ -33344,7 +33344,8 @@ const FORM_FIELDS = {
   tag: InputTag$1,
   file: Filedrop,
   select: Select,
-  date: AlphaInputDate
+  date: AlphaInputDate,
+  zipCode: InputText
 };
 
 const XIcon = () => /*#__PURE__*/jsx("svg", {
@@ -37481,7 +37482,7 @@ const Header$1 = ({
 };
 
 /**
- * react-router v7.8.1
+ * react-router v7.8.2
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -38065,36 +38066,36 @@ var validRequestMethodsArr = [
   ...validMutationMethodsArr
 ];
 new Set(validRequestMethodsArr);
-var DataRouterContext = React2.createContext(null);
+var DataRouterContext = React3.createContext(null);
 DataRouterContext.displayName = "DataRouter";
-var DataRouterStateContext = React2.createContext(null);
+var DataRouterStateContext = React3.createContext(null);
 DataRouterStateContext.displayName = "DataRouterState";
-React2.createContext(false);
-var ViewTransitionContext = React2.createContext({
+React3.createContext(false);
+var ViewTransitionContext = React3.createContext({
   isTransitioning: false
 });
 ViewTransitionContext.displayName = "ViewTransition";
-var FetchersContext = React2.createContext(
+var FetchersContext = React3.createContext(
   /* @__PURE__ */ new Map()
 );
 FetchersContext.displayName = "Fetchers";
-var AwaitContext = React2.createContext(null);
+var AwaitContext = React3.createContext(null);
 AwaitContext.displayName = "Await";
-var NavigationContext = React2.createContext(
+var NavigationContext = React3.createContext(
   null
 );
 NavigationContext.displayName = "Navigation";
-var LocationContext = React2.createContext(
+var LocationContext = React3.createContext(
   null
 );
 LocationContext.displayName = "Location";
-var RouteContext = React2.createContext({
+var RouteContext = React3.createContext({
   outlet: null,
   matches: [],
   isDataRoute: false
 });
 RouteContext.displayName = "Route";
-var RouteErrorContext = React2.createContext(null);
+var RouteErrorContext = React3.createContext(null);
 RouteErrorContext.displayName = "RouteError";
 function useHref(to, { relative } = {}) {
   invariant(
@@ -38103,7 +38104,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 } = React2.useContext(NavigationContext);
+  let { basename, navigator } = React3.useContext(NavigationContext);
   let { hash, pathname, search } = useResolvedPath(to, { relative });
   let joinedPathname = pathname;
   if (basename !== "/") {
@@ -38112,7 +38113,7 @@ function useHref(to, { relative } = {}) {
   return navigator.createHref({ pathname: joinedPathname, search, hash });
 }
 function useInRouterContext() {
-  return React2.useContext(LocationContext) != null;
+  return React3.useContext(LocationContext) != null;
 }
 function useLocation() {
   invariant(
@@ -38121,17 +38122,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 React2.useContext(LocationContext).location;
+  return React3.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 = React2.useContext(NavigationContext).static;
+  let isStatic = React3.useContext(NavigationContext).static;
   if (!isStatic) {
-    React2.useLayoutEffect(cb);
+    React3.useLayoutEffect(cb);
   }
 }
 function useNavigate() {
-  let { isDataRoute } = React2.useContext(RouteContext);
+  let { isDataRoute } = React3.useContext(RouteContext);
   return isDataRoute ? useNavigateStable() : useNavigateUnstable();
 }
 function useNavigateUnstable() {
@@ -38141,16 +38142,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 = React2.useContext(DataRouterContext);
-  let { basename, navigator } = React2.useContext(NavigationContext);
-  let { matches } = React2.useContext(RouteContext);
+  let dataRouterContext = React3.useContext(DataRouterContext);
+  let { basename, navigator } = React3.useContext(NavigationContext);
+  let { matches } = React3.useContext(RouteContext);
   let { pathname: locationPathname } = useLocation();
   let routePathnamesJson = JSON.stringify(getResolveToMatches(matches));
-  let activeRef = React2.useRef(false);
+  let activeRef = React3.useRef(false);
   useIsomorphicLayoutEffect(() => {
     activeRef.current = true;
   });
-  let navigate = React2.useCallback(
+  let navigate = React3.useCallback(
     (to, options = {}) => {
       warning(activeRef.current, navigateEffectWarning);
       if (!activeRef.current) return;
@@ -38183,12 +38184,12 @@ function useNavigateUnstable() {
   );
   return navigate;
 }
-React2.createContext(null);
+React3.createContext(null);
 function useResolvedPath(to, { relative } = {}) {
-  let { matches } = React2.useContext(RouteContext);
+  let { matches } = React3.useContext(RouteContext);
   let { pathname: locationPathname } = useLocation();
   let routePathnamesJson = JSON.stringify(getResolveToMatches(matches));
-  return React2.useMemo(
+  return React3.useMemo(
     () => resolveTo(
       to,
       JSON.parse(routePathnamesJson),
@@ -38198,15 +38199,15 @@ function useResolvedPath(to, { relative } = {}) {
     [to, routePathnamesJson, locationPathname, relative]
   );
 }
-function useRoutesImpl(routes, locationArg, dataRouterState, future) {
+function useRoutesImpl(routes, locationArg, dataRouterState, unstable_onError, 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 } = React2.useContext(NavigationContext);
-  let { matches: parentMatches } = React2.useContext(RouteContext);
+  let { navigator } = React3.useContext(NavigationContext);
+  let { matches: parentMatches } = React3.useContext(RouteContext);
   let routeMatch = parentMatches[parentMatches.length - 1];
   let parentParams = routeMatch ? routeMatch.params : {};
   let parentPathname = routeMatch ? routeMatch.pathname : "/";
@@ -38263,6 +38264,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     ),
     parentMatches,
     dataRouterState,
+    unstable_onError,
     future
   );
   return renderedMatches;
@@ -38280,12 +38282,12 @@ function DefaultErrorComponent() {
       "Error handled by React Router default ErrorBoundary:",
       error
     );
-    devInfo = /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("p", null, "\u{1F4BF} Hey developer \u{1F44B}"), /* @__PURE__ */ React2.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ React2.createElement("code", { style: codeStyles }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ React2.createElement("code", { style: codeStyles }, "errorElement"), " prop on your route."));
+    devInfo = /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("p", null, "\u{1F4BF} Hey developer \u{1F44B}"), /* @__PURE__ */ React3.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ React3.createElement("code", { style: codeStyles }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ React3.createElement("code", { style: codeStyles }, "errorElement"), " prop on your route."));
   }
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ React2.createElement("h3", { style: { fontStyle: "italic" } }, message), stack ? /* @__PURE__ */ React2.createElement("pre", { style: preStyles }, stack) : null, devInfo);
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ React3.createElement("h3", { style: { fontStyle: "italic" } }, message), stack ? /* @__PURE__ */ React3.createElement("pre", { style: preStyles }, stack) : null, devInfo);
 }
-var defaultErrorElement = /* @__PURE__ */ React2.createElement(DefaultErrorComponent, null);
-var RenderErrorBoundary = class extends React2.Component {
+var defaultErrorElement = /* @__PURE__ */ React3.createElement(DefaultErrorComponent, null);
+var RenderErrorBoundary = class extends React3.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -38312,14 +38314,17 @@ var RenderErrorBoundary = class extends React2.Component {
     };
   }
   componentDidCatch(error, errorInfo) {
-    console.error(
-      "React Router caught the following error during render",
-      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
+      );
+    }
   }
   render() {
-    return this.state.error !== void 0 ? /* @__PURE__ */ React2.createElement(RouteContext.Provider, { value: this.props.routeContext }, /* @__PURE__ */ React2.createElement(
+    return this.state.error !== void 0 ? /* @__PURE__ */ React3.createElement(RouteContext.Provider, { value: this.props.routeContext }, /* @__PURE__ */ React3.createElement(
       RouteErrorContext.Provider,
       {
         value: this.state.error,
@@ -38329,13 +38334,13 @@ var RenderErrorBoundary = class extends React2.Component {
   }
 };
 function RenderedRoute({ routeContext, match, children }) {
-  let dataRouterContext = React2.useContext(DataRouterContext);
+  let dataRouterContext = React3.useContext(DataRouterContext);
   if (dataRouterContext && dataRouterContext.static && dataRouterContext.staticContext && (match.route.errorElement || match.route.ErrorBoundary)) {
     dataRouterContext.staticContext._deepestRenderedBoundaryId = match.route.id;
   }
-  return /* @__PURE__ */ React2.createElement(RouteContext.Provider, { value: routeContext }, children);
+  return /* @__PURE__ */ React3.createElement(RouteContext.Provider, { value: routeContext }, children);
 }
-function _renderMatches(matches, parentMatches = [], dataRouterState = null, future = null) {
+function _renderMatches(matches, parentMatches = [], dataRouterState = null, unstable_onError = null, future = null) {
   if (matches == null) {
     if (!dataRouterState) {
       return null;
@@ -38420,13 +38425,13 @@ function _renderMatches(matches, parentMatches = [], dataRouterState = null, fut
         } else if (shouldRenderHydrateFallback) {
           children = hydrateFallbackElement;
         } else if (match.route.Component) {
-          children = /* @__PURE__ */ React2.createElement(match.route.Component, null);
+          children = /* @__PURE__ */ React3.createElement(match.route.Component, null);
         } else if (match.route.element) {
           children = match.route.element;
         } else {
           children = outlet;
         }
-        return /* @__PURE__ */ React2.createElement(
+        return /* @__PURE__ */ React3.createElement(
           RenderedRoute,
           {
             match,
@@ -38439,7 +38444,7 @@ function _renderMatches(matches, parentMatches = [], dataRouterState = null, fut
           }
         );
       };
-      return dataRouterState && (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? /* @__PURE__ */ React2.createElement(
+      return dataRouterState && (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? /* @__PURE__ */ React3.createElement(
         RenderErrorBoundary,
         {
           location: dataRouterState.location,
@@ -38447,7 +38452,8 @@ function _renderMatches(matches, parentMatches = [], dataRouterState = null, fut
           component: errorElement,
           error,
           children: getChildren(),
-          routeContext: { outlet: null, matches: matches2, isDataRoute: true }
+          routeContext: { outlet: null, matches: matches2, isDataRoute: true },
+          unstable_onError
         }
       ) : getChildren();
     },
@@ -38458,17 +38464,17 @@ 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 = React2.useContext(DataRouterContext);
+  let ctx = React3.useContext(DataRouterContext);
   invariant(ctx, getDataRouterConsoleError(hookName));
   return ctx;
 }
 function useDataRouterState(hookName) {
-  let state = React2.useContext(DataRouterStateContext);
+  let state = React3.useContext(DataRouterStateContext);
   invariant(state, getDataRouterConsoleError(hookName));
   return state;
 }
 function useRouteContext(hookName) {
-  let route = React2.useContext(RouteContext);
+  let route = React3.useContext(RouteContext);
   invariant(route, getDataRouterConsoleError(hookName));
   return route;
 }
@@ -38485,7 +38491,7 @@ function useRouteId() {
   return useCurrentRouteId("useRouteId" /* UseRouteId */);
 }
 function useRouteError() {
-  let error = React2.useContext(RouteErrorContext);
+  let error = React3.useContext(RouteErrorContext);
   let state = useDataRouterState("useRouteError" /* UseRouteError */);
   let routeId = useCurrentRouteId("useRouteError" /* UseRouteError */);
   if (error !== void 0) {
@@ -38496,11 +38502,11 @@ function useRouteError() {
 function useNavigateStable() {
   let { router } = useDataRouterContext("useNavigate" /* UseNavigateStable */);
   let id = useCurrentRouteId("useNavigate" /* UseNavigateStable */);
-  let activeRef = React2.useRef(false);
+  let activeRef = React3.useRef(false);
   useIsomorphicLayoutEffect(() => {
     activeRef.current = true;
   });
-  let navigate = React2.useCallback(
+  let navigate = React3.useCallback(
     async (to, options = {}) => {
       warning(activeRef.current, navigateEffectWarning);
       if (!activeRef.current) return;
@@ -38521,13 +38527,14 @@ function warningOnce(key, cond, message) {
     warning(false, message);
   }
 }
-React2.memo(DataRoutes);
+React3.memo(DataRoutes);
 function DataRoutes({
   routes,
   future,
-  state
+  state,
+  unstable_onError
 }) {
-  return useRoutesImpl(routes, void 0, state, future);
+  return useRoutesImpl(routes, void 0, state, unstable_onError, future);
 }
 function Router({
   basename: basenameProp = "/",
@@ -38542,7 +38549,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 = React2.useMemo(
+  let navigationContext = React3.useMemo(
     () => ({
       basename,
       navigator,
@@ -38561,7 +38568,7 @@ function Router({
     state = null,
     key = "default"
   } = locationProp;
-  let locationContext = React2.useMemo(() => {
+  let locationContext = React3.useMemo(() => {
     let trailingPathname = stripBasename(pathname, basename);
     if (trailingPathname == null) {
       return null;
@@ -38584,7 +38591,7 @@ function Router({
   if (locationContext == null) {
     return null;
   }
-  return /* @__PURE__ */ React2.createElement(NavigationContext.Provider, { value: navigationContext }, /* @__PURE__ */ React2.createElement(LocationContext.Provider, { children, value: locationContext }));
+  return /* @__PURE__ */ React3.createElement(NavigationContext.Provider, { value: navigationContext }, /* @__PURE__ */ React3.createElement(LocationContext.Provider, { children, value: locationContext }));
 }
 
 // lib/dom/dom.ts
@@ -38864,7 +38871,7 @@ function dedupeLinkDescriptors(descriptors, preloads) {
 
 // lib/dom/ssr/components.tsx
 function useDataRouterContext2() {
-  let context = React2.useContext(DataRouterContext);
+  let context = React3.useContext(DataRouterContext);
   invariant2(
     context,
     "You must render this element inside a <DataRouterContext.Provider> element"
@@ -38872,17 +38879,17 @@ function useDataRouterContext2() {
   return context;
 }
 function useDataRouterStateContext() {
-  let context = React2.useContext(DataRouterStateContext);
+  let context = React3.useContext(DataRouterStateContext);
   invariant2(
     context,
     "You must render this element inside a <DataRouterStateContext.Provider> element"
   );
   return context;
 }
-var FrameworkContext = React2.createContext(void 0);
+var FrameworkContext = React3.createContext(void 0);
 FrameworkContext.displayName = "FrameworkContext";
 function useFrameworkContext() {
-  let context = React2.useContext(FrameworkContext);
+  let context = React3.useContext(FrameworkContext);
   invariant2(
     context,
     "You must render this element inside a <HydratedRouter> element"
@@ -38890,12 +38897,12 @@ function useFrameworkContext() {
   return context;
 }
 function usePrefetchBehavior(prefetch, theirElementProps) {
-  let frameworkContext = React2.useContext(FrameworkContext);
-  let [maybePrefetch, setMaybePrefetch] = React2.useState(false);
-  let [shouldPrefetch, setShouldPrefetch] = React2.useState(false);
+  let frameworkContext = React3.useContext(FrameworkContext);
+  let [maybePrefetch, setMaybePrefetch] = React3.useState(false);
+  let [shouldPrefetch, setShouldPrefetch] = React3.useState(false);
   let { onFocus, onBlur, onMouseEnter, onMouseLeave, onTouchStart } = theirElementProps;
-  let ref = React2.useRef(null);
-  React2.useEffect(() => {
+  let ref = React3.useRef(null);
+  React3.useEffect(() => {
     if (prefetch === "render") {
       setShouldPrefetch(true);
     }
@@ -38912,7 +38919,7 @@ function usePrefetchBehavior(prefetch, theirElementProps) {
       };
     }
   }, [prefetch]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (maybePrefetch) {
       let id = setTimeout(() => {
         setShouldPrefetch(true);
@@ -38957,19 +38964,19 @@ function composeEventHandlers(theirHandler, ourHandler) {
 }
 function PrefetchPageLinks({ page, ...linkProps }) {
   let { router } = useDataRouterContext2();
-  let matches = React2.useMemo(
+  let matches = React3.useMemo(
     () => matchRoutes(router.routes, page, router.basename),
     [router.routes, page, router.basename]
   );
   if (!matches) {
     return null;
   }
-  return /* @__PURE__ */ React2.createElement(PrefetchPageLinksImpl, { page, matches, ...linkProps });
+  return /* @__PURE__ */ React3.createElement(PrefetchPageLinksImpl, { page, matches, ...linkProps });
 }
 function useKeyedPrefetchLinks(matches) {
   let { manifest, routeModules } = useFrameworkContext();
-  let [keyedPrefetchLinks, setKeyedPrefetchLinks] = React2.useState([]);
-  React2.useEffect(() => {
+  let [keyedPrefetchLinks, setKeyedPrefetchLinks] = React3.useState([]);
+  React3.useEffect(() => {
     let interrupted = false;
     void getKeyedPrefetchLinks(matches, manifest, routeModules).then(
       (links) => {
@@ -38993,7 +39000,7 @@ function PrefetchPageLinksImpl({
   let { manifest, routeModules } = useFrameworkContext();
   let { basename } = useDataRouterContext2();
   let { loaderData, matches } = useDataRouterStateContext();
-  let newMatchesForData = React2.useMemo(
+  let newMatchesForData = React3.useMemo(
     () => getNewMatchesForLinks(
       page,
       nextMatches,
@@ -39004,7 +39011,7 @@ function PrefetchPageLinksImpl({
     ),
     [page, nextMatches, matches, manifest, location]
   );
-  let newMatchesForAssets = React2.useMemo(
+  let newMatchesForAssets = React3.useMemo(
     () => getNewMatchesForLinks(
       page,
       nextMatches,
@@ -39015,7 +39022,7 @@ function PrefetchPageLinksImpl({
     ),
     [page, nextMatches, matches, manifest, location]
   );
-  let dataHrefs = React2.useMemo(() => {
+  let dataHrefs = React3.useMemo(() => {
     if (page === location.pathname + location.search + location.hash) {
       return [];
     }
@@ -39055,15 +39062,15 @@ function PrefetchPageLinksImpl({
     page,
     routeModules
   ]);
-  let moduleHrefs = React2.useMemo(
+  let moduleHrefs = React3.useMemo(
     () => getModuleLinkHrefs(newMatchesForAssets, manifest),
     [newMatchesForAssets, manifest]
   );
   let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React2.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React2.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React3.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React3.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
-    /* @__PURE__ */ React2.createElement("link", { key, nonce: linkProps.nonce, ...link })
+    /* @__PURE__ */ React3.createElement("link", { key, nonce: linkProps.nonce, ...link })
   )));
 }
 function mergeRefs(...refs) {
@@ -39081,7 +39088,7 @@ var isBrowser = typeof window !== "undefined" && typeof window.document !== "und
 try {
   if (isBrowser) {
     window.__reactRouterVersion = // @ts-expect-error
-    "7.8.1";
+    "7.8.2";
   }
 } catch (e) {
 }
@@ -39090,23 +39097,23 @@ function BrowserRouter({
   children,
   window: window2
 }) {
-  let historyRef = React2.useRef();
+  let historyRef = React3.useRef();
   if (historyRef.current == null) {
     historyRef.current = createBrowserHistory({ window: window2, v5Compat: true });
   }
   let history = historyRef.current;
-  let [state, setStateImpl] = React2.useState({
+  let [state, setStateImpl] = React3.useState({
     action: history.action,
     location: history.location
   });
-  let setState = React2.useCallback(
+  let setState = React3.useCallback(
     (newState) => {
-      React2.startTransition(() => setStateImpl(newState));
+      React3.startTransition(() => setStateImpl(newState));
     },
     [setStateImpl]
   );
-  React2.useLayoutEffect(() => history.listen(setState), [history, setState]);
-  return /* @__PURE__ */ React2.createElement(
+  React3.useLayoutEffect(() => history.listen(setState), [history, setState]);
+  return /* @__PURE__ */ React3.createElement(
     Router,
     {
       basename,
@@ -39118,7 +39125,7 @@ function BrowserRouter({
   );
 }
 var ABSOLUTE_URL_REGEX2 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-var Link$1 = React2.forwardRef(
+var Link$1 = React3.forwardRef(
   function LinkWithRef({
     onClick,
     discover = "render",
@@ -39133,7 +39140,7 @@ var Link$1 = React2.forwardRef(
     viewTransition,
     ...rest
   }, forwardedRef) {
-    let { basename } = React2.useContext(NavigationContext);
+    let { basename } = React3.useContext(NavigationContext);
     let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX2.test(to);
     let absoluteHref;
     let isExternal = false;
@@ -39178,7 +39185,7 @@ var Link$1 = React2.forwardRef(
     }
     let link = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React3.createElement(
         "a",
         {
           ...rest,
@@ -39191,11 +39198,11 @@ var Link$1 = React2.forwardRef(
         }
       )
     );
-    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, link, /* @__PURE__ */ React2.createElement(PrefetchPageLinks, { page: href })) : link;
+    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, link, /* @__PURE__ */ React3.createElement(PrefetchPageLinks, { page: href })) : link;
   }
 );
 Link$1.displayName = "Link";
-var NavLink = React2.forwardRef(
+var NavLink = React3.forwardRef(
   function NavLinkWithRef({
     "aria-current": ariaCurrentProp = "page",
     caseSensitive = false,
@@ -39209,8 +39216,8 @@ var NavLink = React2.forwardRef(
   }, ref) {
     let path = useResolvedPath(to, { relative: rest.relative });
     let location = useLocation();
-    let routerState = React2.useContext(DataRouterStateContext);
-    let { navigator, basename } = React2.useContext(NavigationContext);
+    let routerState = React3.useContext(DataRouterStateContext);
+    let { navigator, basename } = React3.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;
@@ -39246,7 +39253,7 @@ var NavLink = React2.forwardRef(
       ].filter(Boolean).join(" ");
     }
     let style = typeof styleProp === "function" ? styleProp(renderProps) : styleProp;
-    return /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React3.createElement(
       Link$1,
       {
         ...rest,
@@ -39262,7 +39269,7 @@ var NavLink = React2.forwardRef(
   }
 );
 NavLink.displayName = "NavLink";
-var Form = React2.forwardRef(
+var Form = React3.forwardRef(
   ({
     discover = "render",
     fetcherKey,
@@ -39299,7 +39306,7 @@ var Form = React2.forwardRef(
         viewTransition
       });
     };
-    return /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React3.createElement(
       "form",
       {
         ref: forwardedRef,
@@ -39317,7 +39324,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 = React2.useContext(DataRouterContext);
+  let ctx = React3.useContext(DataRouterContext);
   invariant(ctx, getDataRouterConsoleError2(hookName));
   return ctx;
 }
@@ -39332,7 +39339,7 @@ function useLinkClickHandler(to, {
   let navigate = useNavigate();
   let location = useLocation();
   let path = useResolvedPath(to, { relative });
-  return React2.useCallback(
+  return React3.useCallback(
     (event) => {
       if (shouldProcessLinkClick(event, target)) {
         event.preventDefault();
@@ -39364,9 +39371,9 @@ var fetcherId = 0;
 var getUniqueFetcherId = () => `__${String(++fetcherId)}__`;
 function useSubmit() {
   let { router } = useDataRouterContext3("useSubmit" /* UseSubmit */);
-  let { basename } = React2.useContext(NavigationContext);
+  let { basename } = React3.useContext(NavigationContext);
   let currentRouteId = useRouteId();
-  return React2.useCallback(
+  return React3.useCallback(
     async (target, options = {}) => {
       let { action, method, encType, formData, body } = getFormSubmissionInfo(
         target,
@@ -39401,8 +39408,8 @@ function useSubmit() {
   );
 }
 function useFormAction(action, { relative } = {}) {
-  let { basename } = React2.useContext(NavigationContext);
-  let routeContext = React2.useContext(RouteContext);
+  let { basename } = React3.useContext(NavigationContext);
+  let routeContext = React3.useContext(RouteContext);
   invariant(routeContext, "useFormAction must be used inside a RouteContext");
   let [match] = routeContext.matches.slice(-1);
   let path = { ...useResolvedPath(action ? action : ".", { relative }) };
@@ -39428,7 +39435,7 @@ function useFormAction(action, { relative } = {}) {
   return createPath(path);
 }
 function useViewTransitionState(to, { relative } = {}) {
-  let vtContext = React2.useContext(ViewTransitionContext);
+  let vtContext = React3.useContext(ViewTransitionContext);
   invariant(
     vtContext != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"