@pdf-viewer/react 1.9.0-beta.0 → 1.9.0-beta.1

package/dist/index-e3a67935.js

@@ -0,0 +1,150 @@
+import * as r from "react";
+import { u as R, P as w, a as h, f as _, g as U } from "./index-6e0e48fa.js";
+import { jsx as T } from "react/jsx-runtime";
+function b(t) {
+  const e = r.useRef(t);
+  return r.useEffect(() => {
+    e.current = t;
+  }), r.useMemo(() => (...n) => {
+    var s;
+    return (s = e.current) == null ? void 0 : s.call(e, ...n);
+  }, []);
+}
+function z(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t);
+  r.useEffect(() => {
+    const s = (i) => {
+      i.key === "Escape" && n(i);
+    };
+    return e.addEventListener("keydown", s, { capture: !0 }), () => e.removeEventListener("keydown", s, { capture: !0 });
+  }, [n, e]);
+}
+var H = "DismissableLayer", p = "dismissableLayer.update", M = "dismissableLayer.pointerDownOutside", K = "dismissableLayer.focusOutside", g, S = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), j = r.forwardRef(
+  (t, e) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: i,
+      onFocusOutside: a,
+      onInteractOutside: l,
+      onDismiss: d,
+      ...E
+    } = t, u = r.useContext(S), [c, B] = r.useState(null), f = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = r.useState({}), I = R(e, (o) => B(o)), m = Array.from(u.layers), [W] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), A = m.indexOf(W), P = c ? m.indexOf(c) : -1, N = u.layersWithOutsidePointerEventsDisabled.size > 0, D = P >= A, k = $((o) => {
+      const v = o.target, C = [...u.branches].some((y) => y.contains(v));
+      !D || C || (i == null || i(o), l == null || l(o), o.defaultPrevented || d == null || d());
+    }, f), L = q((o) => {
+      const v = o.target;
+      [...u.branches].some((y) => y.contains(v)) || (a == null || a(o), l == null || l(o), o.defaultPrevented || d == null || d());
+    }, f);
+    return z((o) => {
+      P === u.layers.size - 1 && (s == null || s(o), !o.defaultPrevented && d && (o.preventDefault(), d()));
+    }, f), r.useEffect(() => {
+      if (c)
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (g = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), O(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = g);
+        };
+    }, [c, f, n, u]), r.useEffect(() => () => {
+      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), O());
+    }, [c, u]), r.useEffect(() => {
+      const o = () => F({});
+      return document.addEventListener(p, o), () => document.removeEventListener(p, o);
+    }, []), /* @__PURE__ */ T(
+      w.div,
+      {
+        ...E,
+        ref: I,
+        style: {
+          pointerEvents: N ? D ? "auto" : "none" : void 0,
+          ...t.style
+        },
+        onFocusCapture: h(t.onFocusCapture, L.onFocusCapture),
+        onBlurCapture: h(t.onBlurCapture, L.onBlurCapture),
+        onPointerDownCapture: h(
+          t.onPointerDownCapture,
+          k.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+j.displayName = H;
+var X = "DismissableLayerBranch", Y = r.forwardRef((t, e) => {
+  const n = r.useContext(S), s = r.useRef(null), i = R(e, s);
+  return r.useEffect(() => {
+    const a = s.current;
+    if (a)
+      return n.branches.add(a), () => {
+        n.branches.delete(a);
+      };
+  }, [n.branches]), /* @__PURE__ */ T(w.div, { ...t, ref: i });
+});
+Y.displayName = X;
+function $(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t), s = r.useRef(!1), i = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const a = (d) => {
+      if (d.target && !s.current) {
+        let E = function() {
+          x(
+            M,
+            n,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", i.current), i.current = E, e.addEventListener("click", i.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", i.current);
+      s.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", i.current);
+    };
+  }, [e, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => s.current = !0
+  };
+}
+function q(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t), s = r.useRef(!1);
+  return r.useEffect(() => {
+    const i = (a) => {
+      a.target && !s.current && x(K, n, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", i), () => e.removeEventListener("focusin", i);
+  }, [e, n]), {
+    onFocusCapture: () => s.current = !0,
+    onBlurCapture: () => s.current = !1
+  };
+}
+function O() {
+  const t = new CustomEvent(p);
+  document.dispatchEvent(t);
+}
+function x(t, e, n, { discrete: s }) {
+  const i = n.originalEvent.target, a = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: n });
+  e && i.addEventListener(t, e, { once: !0 }), s ? _(i, a) : i.dispatchEvent(a);
+}
+var G = r[" useId ".trim().toString()] || (() => {
+}), J = 0;
+function Z(t) {
+  const [e, n] = r.useState(G());
+  return U(() => {
+    t || n((s) => s ?? String(J++));
+  }, [t]), t || (e ? `radix-${e}` : "");
+}
+export {
+  j as D,
+  Z as a,
+  b as u
+};

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as r } from "./components/RPProvider.js";
-import { a as x, b as m, R as l, S as p, c as f, u as n, d as a, e as s } from "./RPLayout-3ef4e136.js";
+import { a as x, b as m, R as l, S as p, c as f, u as n, d as a, e as s } from "./RPLayout-3042ec91.js";
 import { RPConfig as i } from "./components/RPConfig.js";
 import { RPController as T } from "./components/RPController.js";
 import { RPTheme as R } from "./components/RPTheme.js";

package/dist/types/utils/types.d.ts

@@ -511,8 +511,7 @@ export interface RPDefaultLayoutProps extends PropsWithChildren, ViewportProps {
     cleanupOnLoaded?: () => void;
 }
 export interface RPLayoutProps extends PropsWithChildren, ViewportProps {
-    topBar?: React.ReactNode;
-    sidebar?: React.ReactNode;
+    toolbar?: Partial<ToolbarProps>;
     style?: React.CSSProperties;
     className?: string;
     onLoaded?: () => void;
@@ -728,8 +727,7 @@ export interface CharacterIndex {
 }
 export interface ToolbarCustomProps {
     children: React.ReactNode;
-    topBar?: React.ReactNode;
-    sidebar?: React.ReactNode;
+    toolbar?: Partial<ToolbarProps>;
 }
 export interface ToolProps {
     icon?: React.ReactNode;
@@ -740,4 +738,11 @@ export interface ThemeSwitcherToolProps {
         darkModeIcon?: React.ReactNode;
     };
 }
+export interface ToolbarSection {
+    component: React.ReactNode;
+}
+export interface ToolbarProps {
+    topbar: Partial<ToolbarSection>;
+    leftSidebar: Partial<ToolbarSection>;
+}
 export {};

package/dist/utils/hooks/useFileDownload.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { c as T } from "../../RPLayout-3ef4e136.js";
+import { c as T } from "../../RPLayout-3042ec91.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -37,7 +37,7 @@ import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../Popover-48c8394c.js";
 import "../../contexts/ViewportContext.js";
 import "../../components/ui/DropDown.js";
 import "../../components/layout/toolbar/MenuItem.js";

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as A } from "react";
 import { appConsole as c } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-07-22T06:39:12.518Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-07-29T03:33:35.655Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${l}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
   expired: `Your license key has expired. ${l}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { l as V } from "../../RPLayout-3ef4e136.js";
+import { l as V } from "../../RPLayout-3042ec91.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -38,7 +38,7 @@ import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../Popover-48c8394c.js";
 import "../../contexts/ViewportContext.js";
 import "../../components/ui/DropDown.js";
 import "../../components/layout/toolbar/MenuItem.js";

package/dist/utils/hooks/usePresentPage.js

@@ -5,7 +5,7 @@ import "../calculatePage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { z as V } from "../../RPLayout-3ef4e136.js";
+import { z as V } from "../../RPLayout-3042ec91.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -38,7 +38,7 @@ import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../Popover-48c8394c.js";
 import "../../contexts/ViewportContext.js";
 import "../../components/ui/DropDown.js";
 import "../../components/layout/toolbar/MenuItem.js";

package/dist/utils/hooks/usePrint.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { n as U } from "../../RPLayout-3ef4e136.js";
+import { n as U } from "../../RPLayout-3042ec91.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -37,7 +37,7 @@ import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../Popover-48c8394c.js";
 import "../../contexts/ViewportContext.js";
 import "../../components/ui/DropDown.js";
 import "../../components/layout/toolbar/MenuItem.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { k as W } from "../../RPLayout-3ef4e136.js";
+import { k as W } from "../../RPLayout-3042ec91.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";
@@ -38,7 +38,7 @@ import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../Popover-48c8394c.js";
 import "../../contexts/ViewportContext.js";
 import "../../components/ui/DropDown.js";
 import "../../components/layout/toolbar/MenuItem.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
 import "../../contexts/DocumentPasswordContext.js";
-import { r as X } from "../../RPLayout-3ef4e136.js";
+import { r as X } from "../../RPLayout-3042ec91.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -39,7 +39,7 @@ import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../Popover-48c8394c.js";
 import "../../contexts/ViewportContext.js";
 import "../../components/ui/DropDown.js";
 import "../../components/layout/toolbar/MenuItem.js";

package/dist/utils/hooks/useThumbnail.js

@@ -3,7 +3,7 @@ import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { p as V } from "../../RPLayout-3ef4e136.js";
+import { p as V } from "../../RPLayout-3042ec91.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -38,7 +38,7 @@ import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../Popover-48c8394c.js";
 import "../../contexts/ViewportContext.js";
 import "../../components/ui/DropDown.js";
 import "../../components/layout/toolbar/MenuItem.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { x as S } from "../../RPLayout-3ef4e136.js";
+import { x as S } from "../../RPLayout-3042ec91.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -38,7 +38,7 @@ import "../../components/ui/Checkbox.js";
 import "../../components/icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../../components/ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
+import "../../Popover-48c8394c.js";
 import "../../contexts/ViewportContext.js";
 import "../../components/ui/DropDown.js";
 import "../../components/layout/toolbar/MenuItem.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
-  "version": "1.9.0-beta.0",
+  "version": "1.9.0-beta.1",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",

package/dist/index-1cb41342.js

@@ -1,307 +0,0 @@
-import * as s from "react";
-import { jsx as S, Fragment as O } from "react/jsx-runtime";
-import * as x from "react-dom";
-function V(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(o) {
-    if (e == null || e(o), n === !1 || !o.defaultPrevented)
-      return t == null ? void 0 : t(o);
-  };
-}
-function P(e, t) {
-  if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
-}
-function w(...e) {
-  return (t) => {
-    let n = !1;
-    const r = e.map((o) => {
-      const i = P(o, t);
-      return !n && typeof i == "function" && (n = !0), i;
-    });
-    if (n)
-      return () => {
-        for (let o = 0; o < r.length; o++) {
-          const i = r[o];
-          typeof i == "function" ? i() : P(e[o], null);
-        }
-      };
-  };
-}
-function E(...e) {
-  return s.useCallback(w(...e), e);
-}
-function k(e, t) {
-  const n = s.createContext(t), r = (i) => {
-    const { children: c, ...u } = i, a = s.useMemo(() => u, Object.values(u));
-    return /* @__PURE__ */ S(n.Provider, { value: a, children: c });
-  };
-  r.displayName = e + "Provider";
-  function o(i) {
-    const c = s.useContext(n);
-    if (c)
-      return c;
-    if (t !== void 0)
-      return t;
-    throw new Error(`\`${i}\` must be used within \`${e}\``);
-  }
-  return [r, o];
-}
-function B(e, t = []) {
-  let n = [];
-  function r(i, c) {
-    const u = s.createContext(c), a = n.length;
-    n = [...n, c];
-    const f = (l) => {
-      var b;
-      const { scope: d, children: m, ...h } = l, v = ((b = d == null ? void 0 : d[e]) == null ? void 0 : b[a]) || u, y = s.useMemo(() => h, Object.values(h));
-      return /* @__PURE__ */ S(v.Provider, { value: y, children: m });
-    };
-    f.displayName = i + "Provider";
-    function p(l, d) {
-      var v;
-      const m = ((v = d == null ? void 0 : d[e]) == null ? void 0 : v[a]) || u, h = s.useContext(m);
-      if (h)
-        return h;
-      if (c !== void 0)
-        return c;
-      throw new Error(`\`${l}\` must be used within \`${i}\``);
-    }
-    return [f, p];
-  }
-  const o = () => {
-    const i = n.map((c) => s.createContext(c));
-    return function(u) {
-      const a = (u == null ? void 0 : u[e]) || i;
-      return s.useMemo(
-        () => ({ [`__scope${e}`]: { ...u, [e]: a } }),
-        [u, a]
-      );
-    };
-  };
-  return o.scopeName = e, [r, M(o, ...t)];
-}
-function M(...e) {
-  const t = e[0];
-  if (e.length === 1)
-    return t;
-  const n = () => {
-    const r = e.map((o) => ({
-      useScope: o(),
-      scopeName: o.scopeName
-    }));
-    return function(i) {
-      const c = r.reduce((u, { useScope: a, scopeName: f }) => {
-        const l = a(i)[`__scope${f}`];
-        return { ...u, ...l };
-      }, {});
-      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
-    };
-  };
-  return n.scopeName = t.scopeName, n;
-}
-var A = s.forwardRef((e, t) => {
-  const { children: n, ...r } = e, o = s.Children.toArray(n), i = o.find(U);
-  if (i) {
-    const c = i.props.children, u = o.map((a) => a === i ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : a);
-    return /* @__PURE__ */ S(g, { ...r, ref: t, children: s.isValidElement(c) ? s.cloneElement(c, void 0, u) : null });
-  }
-  return /* @__PURE__ */ S(g, { ...r, ref: t, children: n });
-});
-A.displayName = "Slot";
-var g = s.forwardRef((e, t) => {
-  const { children: n, ...r } = e;
-  if (s.isValidElement(n)) {
-    const o = z(n), i = W(r, n.props);
-    return n.type !== s.Fragment && (i.ref = t ? w(t, o) : o), s.cloneElement(n, i);
-  }
-  return s.Children.count(n) > 1 ? s.Children.only(null) : null;
-});
-g.displayName = "SlotClone";
-var T = ({ children: e }) => /* @__PURE__ */ S(O, { children: e });
-function U(e) {
-  return s.isValidElement(e) && e.type === T;
-}
-function W(e, t) {
-  const n = { ...t };
-  for (const r in t) {
-    const o = e[r], i = t[r];
-    /^on[A-Z]/.test(r) ? o && i ? n[r] = (...u) => {
-      i(...u), o(...u);
-    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...i } : r === "className" && (n[r] = [o, i].filter(Boolean).join(" "));
-  }
-  return { ...e, ...n };
-}
-function z(e) {
-  var r, o;
-  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
-}
-var D = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], Z = D.reduce((e, t) => {
-  const n = s.forwardRef((r, o) => {
-    const { asChild: i, ...c } = r, u = i ? A : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ S(u, { ...c, ref: o });
-  });
-  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {});
-function q(e, t) {
-  e && x.flushSync(() => e.dispatchEvent(t));
-}
-function R(e) {
-  const t = s.useRef(e);
-  return s.useEffect(() => {
-    t.current = e;
-  }), s.useMemo(() => (...n) => {
-    var r;
-    return (r = t.current) == null ? void 0 : r.call(t, ...n);
-  }, []);
-}
-var C = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
-};
-function G(e) {
-  const [t, n] = s.useState(void 0);
-  return C(() => {
-    if (e) {
-      n({ width: e.offsetWidth, height: e.offsetHeight });
-      const r = new ResizeObserver((o) => {
-        if (!Array.isArray(o) || !o.length)
-          return;
-        const i = o[0];
-        let c, u;
-        if ("borderBoxSize" in i) {
-          const a = i.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
-          c = f.inlineSize, u = f.blockSize;
-        } else
-          c = e.offsetWidth, u = e.offsetHeight;
-        n({ width: c, height: u });
-      });
-      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
-    } else
-      n(void 0);
-  }, [e]), t;
-}
-function I(e, t) {
-  return s.useReducer((n, r) => t[n][r] ?? n, e);
-}
-var _ = (e) => {
-  const { present: t, children: n } = e, r = j(t), o = typeof n == "function" ? n({ present: r.isPresent }) : s.Children.only(n), i = E(r.ref, $(o));
-  return typeof n == "function" || r.isPresent ? s.cloneElement(o, { ref: i }) : null;
-};
-_.displayName = "Presence";
-function j(e) {
-  const [t, n] = s.useState(), r = s.useRef({}), o = s.useRef(e), i = s.useRef("none"), c = e ? "mounted" : "unmounted", [u, a] = I(c, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return s.useEffect(() => {
-    const f = N(r.current);
-    i.current = u === "mounted" ? f : "none";
-  }, [u]), C(() => {
-    const f = r.current, p = o.current;
-    if (p !== e) {
-      const d = i.current, m = N(f);
-      e ? a("MOUNT") : m === "none" || (f == null ? void 0 : f.display) === "none" ? a("UNMOUNT") : a(p && d !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
-    }
-  }, [e, a]), C(() => {
-    if (t) {
-      let f;
-      const p = t.ownerDocument.defaultView ?? window, l = (m) => {
-        const v = N(r.current).includes(m.animationName);
-        if (m.target === t && v && (a("ANIMATION_END"), !o.current)) {
-          const y = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", f = p.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
-          });
-        }
-      }, d = (m) => {
-        m.target === t && (i.current = N(r.current));
-      };
-      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", l), t.addEventListener("animationend", l), () => {
-        p.clearTimeout(f), t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", l), t.removeEventListener("animationend", l);
-      };
-    } else
-      a("ANIMATION_END");
-  }, [t, a]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(u),
-    ref: s.useCallback((f) => {
-      f && (r.current = getComputedStyle(f)), n(f);
-    }, [])
-  };
-}
-function N(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
-}
-function $(e) {
-  var r, o;
-  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
-}
-function J({
-  prop: e,
-  defaultProp: t,
-  onChange: n = () => {
-  }
-}) {
-  const [r, o] = L({ defaultProp: t, onChange: n }), i = e !== void 0, c = i ? e : r, u = R(n), a = s.useCallback(
-    (f) => {
-      if (i) {
-        const l = typeof f == "function" ? f(e) : f;
-        l !== e && u(l);
-      } else
-        o(f);
-    },
-    [i, e, o, u]
-  );
-  return [c, a];
-}
-function L({
-  defaultProp: e,
-  onChange: t
-}) {
-  const n = s.useState(e), [r] = n, o = s.useRef(r), i = R(t);
-  return s.useEffect(() => {
-    o.current !== r && (i(r), o.current = r);
-  }, [r, o, i]), n;
-}
-export {
-  Z as P,
-  T as S,
-  E as a,
-  C as b,
-  V as c,
-  q as d,
-  B as e,
-  J as f,
-  _ as g,
-  G as h,
-  A as i,
-  w as j,
-  k,
-  R as u
-};