@ruya.sa/ui 3.71.3

package/dist/providers/Root/index.js

@@ -0,0 +1,145 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DndContext, pointerWithin } from '@dnd-kit/core';
+import { ModalContainer, ModalProvider } from '@faceless-ui/modal';
+import { ScrollInfoProvider } from '@faceless-ui/scroll-info';
+import React from 'react';
+import { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js';
+import { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js';
+import { NavProvider } from '../../elements/Nav/context.js';
+import { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js';
+import { StepNavProvider } from '../../elements/StepNav/index.js';
+import { ClickOutsideProvider } from '../../providers/ClickOutside/index.js';
+import { WindowInfoProvider } from '../../providers/WindowInfo/index.js';
+import { AuthProvider } from '../Auth/index.js';
+import { ClientFunctionProvider } from '../ClientFunction/index.js';
+import { ConfigProvider } from '../Config/index.js';
+import { DocumentEventsProvider } from '../DocumentEvents/index.js';
+import { LocaleProvider } from '../Locale/index.js';
+import { ParamsProvider } from '../Params/index.js';
+import { PreferencesProvider } from '../Preferences/index.js';
+import { RouteCache } from '../RouteCache/index.js';
+import { RouteTransitionProvider } from '../RouteTransition/index.js';
+import { SearchParamsProvider } from '../SearchParams/index.js';
+import { ServerFunctionsProvider } from '../ServerFunctions/index.js';
+import { ThemeProvider } from '../Theme/index.js';
+import { ToastContainer } from '../ToastContainer/index.js';
+import { TranslationProvider } from '../Translation/index.js';
+import { UploadHandlersProvider } from '../UploadHandlers/index.js';
+export const RootProvider = t0 => {
+  const $ = _c(16);
+  const {
+    children,
+    config,
+    dateFNSKey,
+    fallbackLang,
+    isNavOpen,
+    languageCode,
+    languageOptions,
+    locale,
+    permissions,
+    serverFunction,
+    switchLanguageServerAction,
+    theme,
+    translations,
+    user
+  } = t0;
+  const dndContextID = React.useId();
+  let t1;
+  if ($[0] !== children || $[1] !== config || $[2] !== dateFNSKey || $[3] !== dndContextID || $[4] !== fallbackLang || $[5] !== isNavOpen || $[6] !== languageCode || $[7] !== languageOptions || $[8] !== locale || $[9] !== permissions || $[10] !== serverFunction || $[11] !== switchLanguageServerAction || $[12] !== theme || $[13] !== translations || $[14] !== user) {
+    t1 = _jsxs(ClickOutsideProvider, {
+      children: [_jsx(ServerFunctionsProvider, {
+        serverFunction,
+        children: _jsx(RouteTransitionProvider, {
+          children: _jsx(RouteCache, {
+            cachingEnabled: process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === "true",
+            children: _jsx(ConfigProvider, {
+              config,
+              children: _jsx(ClientFunctionProvider, {
+                children: _jsx(TranslationProvider, {
+                  dateFNSKey,
+                  fallbackLang,
+                  language: languageCode,
+                  languageOptions,
+                  switchLanguageServerAction,
+                  translations,
+                  children: _jsx(WindowInfoProvider, {
+                    breakpoints: {
+                      l: "(max-width: 1440px)",
+                      m: "(max-width: 1024px)",
+                      s: "(max-width: 768px)",
+                      xs: "(max-width: 400px)"
+                    },
+                    children: _jsx(ScrollInfoProvider, {
+                      children: _jsx(SearchParamsProvider, {
+                        children: _jsxs(ModalProvider, {
+                          classPrefix: "payload",
+                          transTime: 0,
+                          zIndex: "var(--z-modal)",
+                          children: [_jsx(CloseModalOnRouteChange, {}), _jsxs(AuthProvider, {
+                            permissions,
+                            user,
+                            children: [_jsx(PreferencesProvider, {
+                              children: _jsx(ThemeProvider, {
+                                theme,
+                                children: _jsx(ParamsProvider, {
+                                  children: _jsx(LocaleProvider, {
+                                    locale,
+                                    children: _jsx(StepNavProvider, {
+                                      children: _jsx(LoadingOverlayProvider, {
+                                        children: _jsx(DocumentEventsProvider, {
+                                          children: _jsx(NavProvider, {
+                                            initialIsOpen: isNavOpen,
+                                            children: _jsx(UploadHandlersProvider, {
+                                              children: _jsx(DndContext, {
+                                                collisionDetection: pointerWithin,
+                                                id: dndContextID,
+                                                children
+                                              })
+                                            })
+                                          })
+                                        })
+                                      })
+                                    })
+                                  })
+                                })
+                              })
+                            }), _jsx(ModalContainer, {}), _jsx(StayLoggedInModal, {})]
+                          })]
+                        })
+                      })
+                    })
+                  })
+                })
+              })
+            })
+          })
+        })
+      }), _jsx(ToastContainer, {
+        config
+      })]
+    });
+    $[0] = children;
+    $[1] = config;
+    $[2] = dateFNSKey;
+    $[3] = dndContextID;
+    $[4] = fallbackLang;
+    $[5] = isNavOpen;
+    $[6] = languageCode;
+    $[7] = languageOptions;
+    $[8] = locale;
+    $[9] = permissions;
+    $[10] = serverFunction;
+    $[11] = switchLanguageServerAction;
+    $[12] = theme;
+    $[13] = translations;
+    $[14] = user;
+    $[15] = t1;
+  } else {
+    t1 = $[15];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

package/dist/providers/Root/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","DndContext","pointerWithin","ModalContainer","ModalProvider","ScrollInfoProvider","React","CloseModalOnRouteChange","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","ClickOutsideProvider","WindowInfoProvider","AuthProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","LocaleProvider","ParamsProvider","PreferencesProvider","RouteCache","RouteTransitionProvider","SearchParamsProvider","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","UploadHandlersProvider","RootProvider","t0","$","children","config","dateFNSKey","fallbackLang","isNavOpen","languageCode","languageOptions","locale","permissions","serverFunction","switchLanguageServerAction","theme","translations","user","dndContextID","useId","t1","_jsxs","_jsx","cachingEnabled","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen","collisionDetection","id"],"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient, I18nOptions, Language } from '@ruya.sa/translations'\nimport type {\n  ClientConfig,\n  LanguageOptions,\n  Locale,\n  SanitizedPermissions,\n  ServerFunctionClient,\n  TypedUser,\n} from '@ruya.sa/payload'\n\nimport { DndContext, pointerWithin } from '@dnd-kit/core'\nimport { ModalContainer, ModalProvider } from '@faceless-ui/modal'\nimport { ScrollInfoProvider } from '@faceless-ui/scroll-info'\nimport React from 'react'\n\nimport type { Theme } from '../Theme/index.js'\n\nimport { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js'\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { ClickOutsideProvider } from '../../providers/ClickOutside/index.js'\nimport { WindowInfoProvider } from '../../providers/WindowInfo/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { ParamsProvider } from '../Params/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { RouteTransitionProvider } from '../RouteTransition/index.js'\nimport { SearchParamsProvider } from '../SearchParams/index.js'\nimport { ServerFunctionsProvider } from '../ServerFunctions/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { ToastContainer } from '../ToastContainer/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\nimport { UploadHandlersProvider } from '../UploadHandlers/index.js'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n  readonly dateFNSKey: Language['dateFNSKey']\n  readonly fallbackLang: I18nOptions['fallbackLanguage']\n  readonly isNavOpen?: boolean\n  readonly languageCode: string\n  readonly languageOptions: LanguageOptions\n  readonly locale?: Locale['code']\n  readonly permissions: SanitizedPermissions\n  readonly serverFunction: ServerFunctionClient\n  readonly switchLanguageServerAction?: (lang: string) => Promise<void>\n  readonly theme: Theme\n  readonly translations: I18nClient['translations']\n  readonly user: null | TypedUser\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  config,\n  dateFNSKey,\n  fallbackLang,\n  isNavOpen,\n  languageCode,\n  languageOptions,\n  locale,\n  permissions,\n  serverFunction,\n  switchLanguageServerAction,\n  theme,\n  translations,\n  user,\n}) => {\n  const dndContextID = React.useId()\n\n  return (\n    <ClickOutsideProvider>\n      <ServerFunctionsProvider serverFunction={serverFunction}>\n        <RouteTransitionProvider>\n          <RouteCache\n            cachingEnabled={process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true'}\n          >\n            <ConfigProvider config={config}>\n              <ClientFunctionProvider>\n                <TranslationProvider\n                  dateFNSKey={dateFNSKey}\n                  fallbackLang={fallbackLang}\n                  language={languageCode}\n                  languageOptions={languageOptions}\n                  switchLanguageServerAction={switchLanguageServerAction}\n                  translations={translations}\n                >\n                  <WindowInfoProvider\n                    breakpoints={{\n                      l: '(max-width: 1440px)',\n                      m: '(max-width: 1024px)',\n                      s: '(max-width: 768px)',\n                      xs: '(max-width: 400px)',\n                    }}\n                  >\n                    <ScrollInfoProvider>\n                      <SearchParamsProvider>\n                        <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                          <CloseModalOnRouteChange />\n                          <AuthProvider permissions={permissions} user={user}>\n                            <PreferencesProvider>\n                              <ThemeProvider theme={theme}>\n                                <ParamsProvider>\n                                  <LocaleProvider locale={locale}>\n                                    <StepNavProvider>\n                                      <LoadingOverlayProvider>\n                                        <DocumentEventsProvider>\n                                          <NavProvider initialIsOpen={isNavOpen}>\n                                            <UploadHandlersProvider>\n                                              <DndContext\n                                                collisionDetection={pointerWithin}\n                                                id={dndContextID}\n                                              >\n                                                {children}\n                                              </DndContext>\n                                            </UploadHandlersProvider>\n                                          </NavProvider>\n                                        </DocumentEventsProvider>\n                                      </LoadingOverlayProvider>\n                                    </StepNavProvider>\n                                  </LocaleProvider>\n                                </ParamsProvider>\n                              </ThemeProvider>\n                            </PreferencesProvider>\n                            <ModalContainer />\n                            <StayLoggedInModal />\n                          </AuthProvider>\n                        </ModalProvider>\n                      </SearchParamsProvider>\n                    </ScrollInfoProvider>\n                  </WindowInfoProvider>\n                </TranslationProvider>\n              </ClientFunctionProvider>\n            </ConfigProvider>\n          </RouteCache>\n        </RouteTransitionProvider>\n      </ServerFunctionsProvider>\n      <ToastContainer config={config} />\n    </ClickOutsideProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/RouteCache/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type RouteCacheContext = {
+    cachingEnabled: boolean;
+    clearRouteCache: () => void;
+};
+export declare const RouteCache: React.FC<{
+    cachingEnabled?: boolean;
+    children: React.ReactNode;
+}>;
+export declare const useRouteCache: () => RouteCacheContext;
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/RouteCache/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/RouteCache/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAIjF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAOD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA4CxF,CAAA;AAED,eAAO,MAAM,aAAa,yBAAqB,CAAA"}

package/dist/providers/RouteCache/index.js

@@ -0,0 +1,111 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname, useRouter } from 'next/navigation.js';
+import React, { createContext, use, useCallback, useEffect, useRef } from 'react';
+import { useEffectEvent } from '../../hooks/useEffectEvent.js';
+const Context = /*#__PURE__*/createContext({
+  cachingEnabled: true,
+  clearRouteCache: () => {}
+});
+export const RouteCache = t0 => {
+  const $ = _c(17);
+  const {
+    cachingEnabled: t1,
+    children
+  } = t0;
+  const cachingEnabled = t1 === undefined ? true : t1;
+  const pathname = usePathname();
+  const router = useRouter();
+  const clearAfterPathnameChange = useRef(false);
+  let t2;
+  if ($[0] !== router) {
+    t2 = () => {
+      router.refresh();
+    };
+    $[0] = router;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const clearRouteCache = t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      const handlePopState = () => {
+        clearAfterPathnameChange.current = true;
+      };
+      window.addEventListener("popstate", handlePopState);
+      return () => {
+        window.removeEventListener("popstate", handlePopState);
+      };
+    };
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== router) {
+    t4 = [router];
+    $[3] = router;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[5] !== cachingEnabled || $[6] !== clearRouteCache) {
+    t5 = pathname_0 => {
+      if (cachingEnabled || clearAfterPathnameChange.current) {
+        clearAfterPathnameChange.current = false;
+        clearRouteCache();
+      }
+    };
+    $[5] = cachingEnabled;
+    $[6] = clearRouteCache;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const handlePathnameChange = useEffectEvent(t5);
+  let t6;
+  if ($[8] !== handlePathnameChange || $[9] !== pathname) {
+    t6 = () => {
+      handlePathnameChange(pathname);
+    };
+    $[8] = handlePathnameChange;
+    $[9] = pathname;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== pathname) {
+    t7 = [pathname];
+    $[11] = pathname;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[13] !== cachingEnabled || $[14] !== children || $[15] !== clearRouteCache) {
+    t8 = _jsx(Context, {
+      value: {
+        cachingEnabled,
+        clearRouteCache
+      },
+      children
+    });
+    $[13] = cachingEnabled;
+    $[14] = children;
+    $[15] = clearRouteCache;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  return t8;
+};
+export const useRouteCache = () => use(Context);
+//# sourceMappingURL=index.js.map

package/dist/providers/RouteCache/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","usePathname","useRouter","React","createContext","use","useCallback","useEffect","useRef","useEffectEvent","Context","cachingEnabled","clearRouteCache","RouteCache","t0","$","t1","children","undefined","pathname","router","clearAfterPathnameChange","t2","refresh","t3","Symbol","for","handlePopState","current","window","addEventListener","removeEventListener","t4","t5","pathname_0","handlePathnameChange","t6","t7","t8","_jsx","value","useRouteCache"],"sources":["../../../src/providers/RouteCache/index.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport React, { createContext, use, useCallback, useEffect, useRef } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\n\nexport type RouteCacheContext = {\n  cachingEnabled: boolean\n  clearRouteCache: () => void\n}\n\nconst Context = createContext<RouteCacheContext>({\n  cachingEnabled: true,\n  clearRouteCache: () => {},\n})\n\nexport const RouteCache: React.FC<{ cachingEnabled?: boolean; children: React.ReactNode }> = ({\n  cachingEnabled = true,\n  children,\n}) => {\n  const pathname = usePathname()\n  const router = useRouter()\n\n  /**\n   * Next.js caches pages in memory in their {@link https://nextjs.org/docs/app/guides/caching#client-side-router-cache Client-side Router Cache},\n   * causing forward/back browser navigation to show stale data from a previous visit.\n   * The problem is this bfcache-like behavior has no opt-out, even if the page is dynamic, requires authentication, etc.\n   * The workaround is to force a refresh when navigating via the browser controls.\n   * This should be removed if/when Next.js supports this natively.\n   */\n  const clearAfterPathnameChange = useRef(false)\n\n  const clearRouteCache = useCallback(() => {\n    router.refresh()\n  }, [router])\n\n  useEffect(() => {\n    const handlePopState = () => {\n      clearAfterPathnameChange.current = true\n    }\n\n    window.addEventListener('popstate', handlePopState)\n\n    return () => {\n      window.removeEventListener('popstate', handlePopState)\n    }\n  }, [router])\n\n  const handlePathnameChange = useEffectEvent((pathname: string) => {\n    if (cachingEnabled || clearAfterPathnameChange.current) {\n      clearAfterPathnameChange.current = false\n      clearRouteCache()\n    }\n  })\n\n  useEffect(() => {\n    handlePathnameChange(pathname)\n  }, [pathname])\n\n  return <Context value={{ cachingEnabled, clearRouteCache }}>{children}</Context>\n}\n\nexport const useRouteCache = () => use(Context)\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/RouteTransition/ProgressBar/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.scss';
+/**
+ * Renders a progress bar that shows the progress of a route transition.
+ * Place this at the root of your application, inside of the `RouteTransitionProvider`.
+ * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.
+ * @returns A progress bar that shows the progress of a route transition
+ * @example
+ * import { RouteTransitionProvider, ProgressBar, Link } from '@ruya.sa/ui'
+ * const App = () => (
+ * <RouteTransitionProvider>
+ *  <ProgressBar />
+ *  <Link href="/somewhere">Go Somewhere</Link>
+ * </RouteTransitionProvider>
+ */
+export declare const ProgressBar: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/RouteTransition/ProgressBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,cAAc,CAAA;AAMrB;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,yBA4DvB,CAAA"}

package/dist/providers/RouteTransition/ProgressBar/index.js

@@ -0,0 +1,104 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useRef } from 'react';
+import { useRouteTransition } from '../index.js';
+import './index.scss';
+const transitionDuration = 200;
+const baseClass = 'progress-bar';
+const initialDelay = 150;
+/**
+ * Renders a progress bar that shows the progress of a route transition.
+ * Place this at the root of your application, inside of the `RouteTransitionProvider`.
+ * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.
+ * @returns A progress bar that shows the progress of a route transition
+ * @example
+ * import { RouteTransitionProvider, ProgressBar, Link } from '@ruya.sa/ui'
+ * const App = () => (
+ * <RouteTransitionProvider>
+ *  <ProgressBar />
+ *  <Link href="/somewhere">Go Somewhere</Link>
+ * </RouteTransitionProvider>
+ */
+export const ProgressBar = () => {
+  const $ = _c(9);
+  const {
+    isTransitioning,
+    transitionProgress
+  } = useRouteTransition();
+  const [progressToShow, setProgressToShow] = React.useState(null);
+  const shouldDelayProgress = useRef(true);
+  let t0;
+  let t1;
+  if ($[0] !== isTransitioning || $[1] !== transitionProgress) {
+    t0 = () => {
+      let clearTimerID;
+      let delayTimerID;
+      if (isTransitioning) {
+        if (shouldDelayProgress.current) {
+          delayTimerID = setTimeout(() => {
+            setProgressToShow(transitionProgress);
+            shouldDelayProgress.current = false;
+          }, initialDelay);
+        } else {
+          setProgressToShow(transitionProgress);
+        }
+      } else {
+        shouldDelayProgress.current = true;
+        setProgressToShow(1);
+        clearTimerID = setTimeout(() => {
+          setProgressToShow(null);
+        }, transitionDuration * 2);
+      }
+      return () => {
+        clearTimeout(clearTimerID);
+        clearTimeout(delayTimerID);
+      };
+    };
+    t1 = [isTransitioning, transitionProgress];
+    $[0] = isTransitioning;
+    $[1] = transitionProgress;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  if (typeof progressToShow === "number") {
+    const t2 = progressToShow === 1 && `${baseClass}--fade-out`;
+    let t3;
+    if ($[4] !== t2) {
+      t3 = [baseClass, t2].filter(Boolean);
+      $[4] = t2;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    const t4 = t3.join(" ");
+    let t5;
+    if ($[6] !== progressToShow || $[7] !== t4) {
+      t5 = _jsx("div", {
+        className: t4,
+        style: {
+          "--transition-duration": `${transitionDuration}ms`
+        },
+        children: _jsx("div", {
+          className: `${baseClass}__progress`,
+          style: {
+            width: `${(progressToShow || 0) * 100}%`
+          }
+        })
+      });
+      $[6] = progressToShow;
+      $[7] = t4;
+      $[8] = t5;
+    } else {
+      t5 = $[8];
+    }
+    return t5;
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/providers/RouteTransition/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","$","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","t0","t1","clearTimerID","delayTimerID","current","clearTimeout","t2","t3","filter","Boolean","t4","join","t5","_jsx","className","style","children","width"],"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.scss'\n\nconst transitionDuration = 200\nconst baseClass = 'progress-bar'\nconst initialDelay = 150\n\n/**\n * Renders a progress bar that shows the progress of a route transition.\n * Place this at the root of your application, inside of the `RouteTransitionProvider`.\n * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.\n * @returns A progress bar that shows the progress of a route transition\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@ruya.sa/ui'\n * const App = () => (\n * <RouteTransitionProvider>\n *  <ProgressBar />\n *  <Link href=\"/somewhere\">Go Somewhere</Link>\n * </RouteTransitionProvider>\n */\nexport const ProgressBar = () => {\n  const { isTransitioning, transitionProgress } = useRouteTransition()\n  const [progressToShow, setProgressToShow] = React.useState<null | number>(null)\n  const shouldDelayProgress = useRef(true)\n\n  useEffect(() => {\n    let clearTimerID: NodeJS.Timeout\n    let delayTimerID: NodeJS.Timeout\n\n    if (isTransitioning) {\n      if (shouldDelayProgress.current) {\n        delayTimerID = setTimeout(() => {\n          setProgressToShow(transitionProgress)\n          shouldDelayProgress.current = false\n        }, initialDelay)\n      } else {\n        setProgressToShow(transitionProgress)\n      }\n    } else {\n      shouldDelayProgress.current = true\n\n      // Fast forward to 100% when the transition is complete\n      // Then fade out the progress bar directly after\n      setProgressToShow(1)\n\n      // Wait for CSS transition to finish before hiding the progress bar\n      // This includes both the fast-forward to 100% and the subsequent fade-out\n      clearTimerID = setTimeout(() => {\n        setProgressToShow(null)\n      }, transitionDuration * 2)\n    }\n\n    return () => {\n      clearTimeout(clearTimerID)\n      clearTimeout(delayTimerID)\n    }\n  }, [isTransitioning, transitionProgress])\n\n  if (typeof progressToShow === 'number') {\n    return (\n      <div\n        className={[baseClass, progressToShow === 1 && `${baseClass}--fade-out`]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          // @ts-expect-error - TS doesn't like custom CSS properties\n          '--transition-duration': `${transitionDuration}ms`,\n        }}\n      >\n        <div\n          className={`${baseClass}__progress`}\n          style={{\n            width: `${(progressToShow || 0) * 100}%`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,EAAEC,MAAM,QAAQ;AAEzC,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,kBAAA,GAAqB;AAC3B,MAAMC,SAAA,GAAY;AAClB,MAAMC,YAAA,GAAe;AAErB;;;;;;;;;;;;;AAaA,OAAO,MAAMC,WAAA,GAAcA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACzB;IAAAU,eAAA;IAAAC;EAAA,IAAgDP,kBAAA;EAChD,OAAAQ,cAAA,EAAAC,iBAAA,IAA4CZ,KAAA,CAAAa,QAAA,KAA8B;EAC1E,MAAAC,mBAAA,GAA4BZ,MAAA,KAAO;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAE,kBAAA;IAEzBK,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,YAAA;MACAC,GAAA,CAAAA,YAAA;MAAA,IAEAT,eAAA;QAAA,IACEK,mBAAA,CAAAK,OAAA;UACFD,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;YACbN,iBAAA,CAAkBF,kBAAA;YAClBI,mBAAA,CAAAK,OAAA;UAAA,GAAAb,YACC;QAHH;UAKAM,iBAAA,CAAkBF,kBAAA;QAAA;MAAA;QAGpBI,mBAAA,CAAAK,OAAA;QAIAP,iBAAA,EAAkB;QAIlBK,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;UACbL,iBAAA,KAAkB;QAAA,GACjBR,kBAAA,IAAqB;MAFxB;MAAA;QAMAgB,YAAA,CAAaH,YAAA;QACbG,YAAA,CAAaF,YAAA;MAAA;IAAA;IAEdF,EAAA,IAACP,eAAA,EAAiBC,kBAAA;IAAmBF,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EA/BxCP,SAAA,CAAUc,EA+BV,EAAGC,EAAqC;EAAA,IAEpC,OAAOL,cAAA,KAAmB;IAGD,MAAAU,EAAA,GAAAV,cAAA,MAAmB,IAAK,GAAAN,SAAA,YAAwB;IAAA,IAAAiB,EAAA;IAAA,IAAAd,CAAA,QAAAa,EAAA;MAA5DC,EAAA,IAAAjB,SAAA,EAAYgB,EAAgD,EAAAE,MAAA,CAAAC,OAC7D;MAAAhB,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IADC,MAAAiB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAnB,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAiB,EAAA;MAHVE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EACYJ,EAEH;QAAAK,KAAA;UAAA,yBAGmB,GAAA1B,kBAAA;QAAyB;QAAA2B,QAAA,EAGpDH,IAAA,CAAC;UAAAC,SAAA,EACY,GAAAxB,SAAA,YAAwB;UAAAyB,KAAA;YAAAE,KAAA,EAE1B,GAAG,CAACrB,cAAA,KAAkB,OAAK;UAAM;QAAA,C;;;;;;;;WAZ9CgB,E;;;CAoBN","ignoreList":[]}

package/dist/providers/RouteTransition/ProgressBar/index.scss

@@ -0,0 +1,23 @@
+@layer payload-default {
+  .progress-bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    z-index: 9999;
+    opacity: 1;
+
+    &__progress {
+      height: 100%;
+      background-color: var(--theme-elevation-1000);
+      transition: width ease-in var(--transition-duration);
+    }
+
+    &--fade-out {
+      opacity: 0;
+      transition: opacity linear var(--transition-duration);
+      transition-delay: var(--transition-duration);
+    }
+  }
+}

package/dist/providers/RouteTransition/index.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+/**
+ * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.
+ * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.
+ * To trigger a route transition, use the `Link` component from `@ruya.sa/ui`,
+ * or wrap a callback function with the `startRouteTransition` method.
+ * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.
+ * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.
+ * @example
+ * import { RouteTransitionProvider, ProgressBar, Link } from '@ruya.sa/ui'
+ * const App = () => (
+ *  <RouteTransitionProvider>
+ *   <ProgressBar />
+ *   <Link href="/somewhere">Go Somewhere</Link>
+ *  </RouteTransitionProvider>
+ * )
+ */
+export declare const RouteTransitionProvider: React.FC<RouteTransitionProps>;
+type RouteTransitionProps = {
+    children: React.ReactNode;
+};
+type StartRouteTransition = (callback?: () => void) => void;
+type RouteTransitionContextValue = {
+    isTransitioning: boolean;
+    startRouteTransition: StartRouteTransition;
+    transitionProgress: number;
+};
+/**
+ * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.
+ * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.
+ * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.
+ * @example
+ * 'use client'
+ * import React, { useCallback } from 'react'
+ * import { useTransition } from '@ruya.sa/ui'
+ * import { useRouter } from 'next/navigation'
+ *
+ * const MyComponent: React.FC = () => {
+ *   const router = useRouter()
+ *   const { startRouteTransition } = useRouteTransition()
+ *
+ *   const redirectSomewhere = useCallback(() => {
+ *     startRouteTransition(() => router.push('/somewhere'))
+ *   }, [startRouteTransition, router])
+ *
+ *   // ...
+ * }
+ */
+export declare const useRouteTransition: () => RouteTransitionContextValue;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/RouteTransition/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/RouteTransition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyE,MAAM,OAAO,CAAA;AAE7F;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6DlE,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,oBAAoB,GAAG,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;AAE3D,KAAK,2BAA2B,GAAG;IACjC,eAAe,EAAE,OAAO,CAAA;IACxB,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAaD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB,mCAA0C,CAAA"}

package/dist/providers/RouteTransition/index.js

@@ -0,0 +1,136 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react';
+/**
+ * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.
+ * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.
+ * To trigger a route transition, use the `Link` component from `@ruya.sa/ui`,
+ * or wrap a callback function with the `startRouteTransition` method.
+ * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.
+ * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.
+ * @example
+ * import { RouteTransitionProvider, ProgressBar, Link } from '@ruya.sa/ui'
+ * const App = () => (
+ *  <RouteTransitionProvider>
+ *   <ProgressBar />
+ *   <Link href="/somewhere">Go Somewhere</Link>
+ *  </RouteTransitionProvider>
+ * )
+ */
+export const RouteTransitionProvider = t0 => {
+  const $ = _c(11);
+  const {
+    children
+  } = t0;
+  const [isTransitioning, setIsTransitioning] = useOptimistic(false);
+  const [transitionProgress, setTransitionProgress] = React.useState(0);
+  const transitionProgressRef = useRef(transitionProgress);
+  const timerID = useRef(null);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      timerID.current = setInterval(() => {
+        const newProgress = transitionProgressRef.current + (0.93 - transitionProgressRef.current) * Math.random() * 0.2 * Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * 0.75), 0.75);
+        setTransitionProgress(newProgress);
+        transitionProgressRef.current = newProgress;
+      }, 250);
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const initiateProgress = t1;
+  let t2;
+  let t3;
+  if ($[1] !== isTransitioning) {
+    t2 = () => {
+      setTransitionProgress(0);
+      transitionProgressRef.current = 0;
+      if (isTransitioning) {
+        initiateProgress();
+      } else {
+        if (timerID.current) {
+          clearInterval(timerID.current);
+        }
+      }
+    };
+    t3 = [isTransitioning, initiateProgress];
+    $[1] = isTransitioning;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[4] !== setIsTransitioning) {
+    t4 = callback => {
+      startTransition(() => {
+        setIsTransitioning(true);
+        if (typeof callback === "function") {
+          callback();
+        }
+      });
+    };
+    $[4] = setIsTransitioning;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const startRouteTransition = t4;
+  let t5;
+  if ($[6] !== children || $[7] !== isTransitioning || $[8] !== startRouteTransition || $[9] !== transitionProgress) {
+    t5 = _jsx(RouteTransitionContext, {
+      value: {
+        isTransitioning,
+        startRouteTransition,
+        transitionProgress
+      },
+      children
+    });
+    $[6] = children;
+    $[7] = isTransitioning;
+    $[8] = startRouteTransition;
+    $[9] = transitionProgress;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+};
+const RouteTransitionContext = /*#__PURE__*/React.createContext({
+  isTransitioning: false,
+  // Default implementation: just call the callback directly (no transition animation)
+  startRouteTransition: callback => {
+    if (typeof callback === 'function') {
+      callback();
+    }
+  },
+  transitionProgress: 0
+});
+/**
+ * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.
+ * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.
+ * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.
+ * @example
+ * 'use client'
+ * import React, { useCallback } from 'react'
+ * import { useTransition } from '@ruya.sa/ui'
+ * import { useRouter } from 'next/navigation'
+ *
+ * const MyComponent: React.FC = () => {
+ *   const router = useRouter()
+ *   const { startRouteTransition } = useRouteTransition()
+ *
+ *   const redirectSomewhere = useCallback(() => {
+ *     startRouteTransition(() => router.push('/somewhere'))
+ *   }, [startRouteTransition, router])
+ *
+ *   // ...
+ * }
+ */
+export const useRouteTransition = () => React.use(RouteTransitionContext);
+//# sourceMappingURL=index.js.map