@prose-reader/react-reader 1.174.0 → 1.176.0

package/dist/common/useFullscreen.d.ts

@@ -0,0 +1,4 @@
+export declare const useFullscreen: () => {
+    isFullscreen: boolean;
+    onToggleFullscreenClick: () => Promise<void>;
+};

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,16 @@
+import { GroupProps, SlotRecipeProps, Avatar as ChakraAvatar } from '@chakra-ui/react';
+import * as React from "react";
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+export interface AvatarProps extends ChakraAvatar.RootProps {
+    name?: string;
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps["loading"];
+    icon?: React.ReactElement;
+    fallback?: React.ReactNode;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+interface AvatarGroupProps extends GroupProps, SlotRecipeProps<"avatar"> {
+}
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,8 @@
+import { Checkbox as ChakraCheckbox } from '@chakra-ui/react';
+import * as React from "react";
+export interface CheckboxProps extends ChakraCheckbox.RootProps {
+    icon?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/close-button.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from '@chakra-ui/react';
+import * as React from "react";
+export type CloseButtonProps = ButtonProps;
+export declare const CloseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/color-mode.d.ts

@@ -0,0 +1,19 @@
+import { IconButtonProps } from '@chakra-ui/react';
+import { ThemeProviderProps } from 'next-themes';
+import * as React from "react";
+export interface ColorModeProviderProps extends ThemeProviderProps {
+}
+export declare function ColorModeProvider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;
+export type ColorMode = "light" | "dark";
+export interface UseColorModeReturn {
+    colorMode: ColorMode;
+    setColorMode: (colorMode: ColorMode) => void;
+    toggleColorMode: () => void;
+}
+export declare function useColorMode(): UseColorModeReturn;
+export declare function useColorModeValue<T>(light: T, dark: T): T;
+export declare function ColorModeIcon(): import("react/jsx-runtime").JSX.Element;
+interface ColorModeButtonProps extends Omit<IconButtonProps, "aria-label"> {
+}
+export declare const ColorModeButton: React.ForwardRefExoticComponent<ColorModeButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,19 @@
+import { Dialog as ChakraDialog } from '@chakra-ui/react';
+import * as React from "react";
+interface DialogContentProps extends ChakraDialog.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    backdrop?: boolean;
+}
+export declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogCloseTrigger: React.ForwardRefExoticComponent<ChakraDialog.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogRoot: React.FC<ChakraDialog.RootProps>;
+export declare const DialogFooter: React.ForwardRefExoticComponent<ChakraDialog.FooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogHeader: React.ForwardRefExoticComponent<ChakraDialog.HeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogBody: React.ForwardRefExoticComponent<ChakraDialog.BodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogBackdrop: React.ForwardRefExoticComponent<ChakraDialog.BackdropProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<ChakraDialog.TitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<ChakraDialog.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<ChakraDialog.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogActionTrigger: React.ForwardRefExoticComponent<ChakraDialog.ActionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ui/drawer.d.ts

@@ -0,0 +1,19 @@
+import { Drawer as ChakraDrawer } from '@chakra-ui/react';
+import * as React from "react";
+interface DrawerContentProps extends ChakraDrawer.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    offset?: ChakraDrawer.ContentProps["padding"];
+}
+export declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerCloseTrigger: React.ForwardRefExoticComponent<ChakraDrawer.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerTrigger: React.ForwardRefExoticComponent<ChakraDrawer.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerRoot: React.FC<ChakraDrawer.RootProps>;
+export declare const DrawerFooter: React.ForwardRefExoticComponent<ChakraDrawer.FooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerHeader: React.ForwardRefExoticComponent<ChakraDrawer.HeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerBody: React.ForwardRefExoticComponent<ChakraDrawer.BodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerBackdrop: React.ForwardRefExoticComponent<ChakraDrawer.BackdropProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerDescription: React.ForwardRefExoticComponent<ChakraDrawer.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<ChakraDrawer.TitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerActionTrigger: React.ForwardRefExoticComponent<ChakraDrawer.ActionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ui/field.d.ts

@@ -0,0 +1,9 @@
+import { Field as ChakraField } from '@chakra-ui/react';
+import * as React from "react";
+export interface FieldProps extends Omit<ChakraField.RootProps, "label"> {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    errorText?: React.ReactNode;
+    optionalText?: React.ReactNode;
+}
+export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps, InputElementProps } from '@chakra-ui/react';
+import * as React from "react";
+export interface InputGroupProps extends BoxProps {
+    startElementProps?: InputElementProps;
+    endElementProps?: InputElementProps;
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+    children: React.ReactElement<InputElementProps>;
+    startOffset?: InputElementProps["paddingStart"];
+    endOffset?: InputElementProps["paddingEnd"];
+}
+export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,17 @@
+import { Popover as ChakraPopover } from '@chakra-ui/react';
+import * as React from "react";
+interface PopoverContentProps extends ChakraPopover.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverArrow: React.ForwardRefExoticComponent<ChakraPopover.ArrowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverCloseTrigger: React.ForwardRefExoticComponent<ChakraPopover.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverTitle: React.ForwardRefExoticComponent<ChakraPopover.TitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverDescription: React.ForwardRefExoticComponent<ChakraPopover.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverFooter: React.ForwardRefExoticComponent<ChakraPopover.FooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverHeader: React.ForwardRefExoticComponent<ChakraPopover.HeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverRoot: React.FC<ChakraPopover.RootProps>;
+export declare const PopoverBody: React.ForwardRefExoticComponent<ChakraPopover.BodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<ChakraPopover.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ui/progress.d.ts

@@ -0,0 +1,9 @@
+import { Progress as ChakraProgress } from '@chakra-ui/react';
+import * as React from "react";
+export declare const ProgressBar: React.ForwardRefExoticComponent<ChakraProgress.TrackProps & React.RefAttributes<HTMLDivElement>>;
+export interface ProgressLabelProps extends ChakraProgress.LabelProps {
+    info?: React.ReactNode;
+}
+export declare const ProgressLabel: React.ForwardRefExoticComponent<ProgressLabelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressRoot: React.ForwardRefExoticComponent<ChakraProgress.RootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressValueText: React.ForwardRefExoticComponent<ChakraProgress.ValueTextProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/provider.d.ts

@@ -0,0 +1,2 @@
+import { ColorModeProviderProps } from './color-mode';
+export declare function Provider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/radio.d.ts

@@ -0,0 +1,8 @@
+import { RadioGroup as ChakraRadioGroup } from '@chakra-ui/react';
+import * as React from "react";
+export interface RadioProps extends ChakraRadioGroup.ItemProps {
+    rootRef?: React.Ref<HTMLDivElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<ChakraRadioGroup.RootProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/slider.d.ts

@@ -0,0 +1,11 @@
+import { Slider as ChakraSlider } from '@chakra-ui/react';
+import * as React from "react";
+export interface SliderProps extends ChakraSlider.RootProps {
+    marks?: Array<number | {
+        value: number;
+        label: React.ReactNode;
+    }>;
+    label?: React.ReactNode;
+    showValue?: boolean;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/toggle-tip.d.ts

@@ -0,0 +1,10 @@
+import { Popover as ChakraPopover } from '@chakra-ui/react';
+import * as React from "react";
+export interface ToggleTipProps extends ChakraPopover.RootProps {
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    content?: React.ReactNode;
+}
+export declare const ToggleTip: React.ForwardRefExoticComponent<ToggleTipProps & React.RefAttributes<HTMLDivElement>>;
+export declare const InfoTip: React.ForwardRefExoticComponent<Partial<ToggleTipProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,11 @@
+import { Tooltip as ChakraTooltip } from '@chakra-ui/react';
+import * as React from "react";
+export interface TooltipProps extends ChakraTooltip.RootProps {
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    content: React.ReactNode;
+    contentProps?: ChakraTooltip.ContentProps;
+    disabled?: boolean;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/context/ReactReaderProvider.d.ts

@@ -0,0 +1,5 @@
+import { Reader } from '@prose-reader/core';
+export declare const ReactReaderProvider: import('react').MemoExoticComponent<({ children, reader, }: {
+    children?: React.ReactNode;
+    reader: Reader | undefined;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/context/context.d.ts

@@ -0,0 +1,3 @@
+import { Reader } from '@prose-reader/core';
+import { Context } from 'react';
+export declare const ReaderContext: Context<Reader | undefined>;

package/dist/context/useReader.d.ts

@@ -0,0 +1,2 @@
+import { Reader } from '@prose-reader/core';
+export declare const useReader: () => Reader | undefined;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation/QuickMenu/QuickMenu';
+export * from './context/ReactReaderProvider';

package/dist/index.js

@@ -0,0 +1,433 @@
+import { jsxs as c, jsx as n, Fragment as O } from "react/jsx-runtime";
+import * as p from "react";
+import { createContext as W, useContext as L, memo as I, useCallback as $, useEffect as k, useState as z } from "react";
+import { Popover as h, Portal as V, IconButton as f, Progress as x, Stack as R, HStack as T, Text as g, Presence as j, chakra as N, Box as B } from "@chakra-ui/react";
+import { RxDoubleArrowUp as U, RxDoubleArrowLeft as G, RxDoubleArrowDown as _, RxDoubleArrowRight as H } from "react-icons/rx";
+import { useObserve as b, useSubscribe as Q, useSignal as Y } from "reactjrx";
+import { HiOutlineInformationCircle as q } from "react-icons/hi";
+import { NEVER as J, combineLatest as K, map as X } from "rxjs";
+import Z from "rc-slider";
+import "rc-slider/assets/index.css";
+import { IoIosArrowBack as ee, IoMdMore as te } from "react-icons/io";
+import { MdFullscreenExit as re, MdFullscreen as ne } from "react-icons/md";
+const D = W(void 0), S = () => L(D), oe = p.forwardRef(
+  function(t, r) {
+    const {
+      showArrow: s,
+      children: o,
+      portalled: l = !0,
+      content: i,
+      portalRef: u,
+      ...a
+    } = t;
+    return /* @__PURE__ */ c(
+      h.Root,
+      {
+        ...a,
+        positioning: { ...a.positioning, gutter: 4 },
+        children: [
+          /* @__PURE__ */ n(h.Trigger, { asChild: !0, children: o }),
+          /* @__PURE__ */ n(V, { disabled: !l, container: u, children: /* @__PURE__ */ n(h.Positioner, { children: /* @__PURE__ */ c(
+            h.Content,
+            {
+              width: "auto",
+              px: "2",
+              py: "1",
+              textStyle: "xs",
+              rounded: "sm",
+              ref: r,
+              children: [
+                s && /* @__PURE__ */ n(h.Arrow, { children: /* @__PURE__ */ n(h.ArrowTip, {}) }),
+                i
+              ]
+            }
+          ) }) })
+        ]
+      }
+    );
+  }
+), se = p.forwardRef(function(t, r) {
+  const { children: s, ...o } = t;
+  return /* @__PURE__ */ n(oe, { content: s, ...o, ref: r, children: /* @__PURE__ */ n(
+    f,
+    {
+      variant: "ghost",
+      "aria-label": "info",
+      size: "2xs",
+      colorPalette: "gray",
+      children: /* @__PURE__ */ n(q, {})
+    }
+  ) });
+}), le = p.forwardRef(function(t, r) {
+  return /* @__PURE__ */ n(x.Track, { ...t, ref: r, children: /* @__PURE__ */ n(x.Range, {}) });
+});
+p.forwardRef(function(t, r) {
+  const { children: s, info: o, ...l } = t;
+  return /* @__PURE__ */ c(x.Label, { ...l, ref: r, children: [
+    s,
+    o && /* @__PURE__ */ n(se, { children: o })
+  ] });
+});
+const ie = x.Root, ce = x.ValueText, P = () => {
+  const e = S();
+  return b(
+    () => e ? K([e.pagination.state$, e.context.state$]).pipe(
+      X(([t, r]) => {
+        var o;
+        const s = (o = r.manifest) == null ? void 0 : o.spineItems.every(
+          (l) => {
+            var i;
+            return (i = l.mediaType) == null ? void 0 : i.startsWith("image/");
+          }
+        );
+        return {
+          ...t,
+          hasChapters: !r.isFullyPrePaginated && !s
+        };
+      })
+    ) : J,
+    [e]
+  );
+}, A = () => {
+  const e = P(), t = (e == null ? void 0 : e.numberOfTotalPages) === 1, r = ((e == null ? void 0 : e.beginNumberOfPagesInSpineItem) ?? 0) > 1, s = ((e == null ? void 0 : e.endNumberOfPagesInSpineItem) ?? 0) > 1, o = (e != null && e.hasChapters ? e == null ? void 0 : e.beginPageIndexInSpineItem : e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0, l = (e != null && e.hasChapters ? e == null ? void 0 : e.endPageIndexInSpineItem : e == null ? void 0 : e.endAbsolutePageIndex) ?? 0, [i = 0, u = 0] = [
+    o,
+    l
+  ].sort((m, v) => m - v), a = (e == null ? void 0 : e.beginPageIndexInSpineItem) !== (e == null ? void 0 : e.endPageIndexInSpineItem) || (e == null ? void 0 : e.beginSpineItemIndex) !== (e == null ? void 0 : e.endSpineItemIndex), d = e != null && e.hasChapters ? e == null ? void 0 : e.beginNumberOfPagesInSpineItem : e == null ? void 0 : e.numberOfTotalPages;
+  return {
+    hasOnlyOnePage: t,
+    beginPageIndex: o,
+    endPageIndex: l,
+    isBeginWithinChapter: r,
+    isEndWithinChapter: s,
+    beginAndEndAreDifferent: a,
+    totalApproximatePages: d,
+    leftPageIndex: i,
+    rightPageIndex: u
+  };
+}, ae = () => {
+  const e = P(), {
+    hasOnlyOnePage: t,
+    leftPageIndex: r,
+    rightPageIndex: s,
+    totalApproximatePages: o,
+    beginAndEndAreDifferent: l
+  } = A(), i = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), u = (d) => d != null && d.subChapter ? `${d.title} / ${u(d.subChapter)}` : (d == null ? void 0 : d.title) || "", a = u(e == null ? void 0 : e.beginChapterInfo);
+  return /* @__PURE__ */ c(R, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ n(ie, { value: i, size: "xs", width: 150, children: /* @__PURE__ */ c(T, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ n(le, { width: 110 }),
+      /* @__PURE__ */ n(ce, { children: `${i}%` })
+    ] }) }),
+    /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: a ? `Chapter: ${a}` : " " }),
+    !t && /* @__PURE__ */ c(T, { children: [
+      /* @__PURE__ */ n(g, { fontSize: "xs", children: l ? `${r + 1} - ${s + 1} of ${o}` : `${r + 1} of ${o}` }),
+      !!(e != null && e.hasChapters) && /* @__PURE__ */ c(O, { children: [
+        /* @__PURE__ */ n(g, { children: "-" }),
+        /* @__PURE__ */ c(g, { fontSize: "xs", children: [
+          "(",
+          ((e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0) + 1,
+          ")"
+        ] })
+      ] })
+    ] })
+  ] });
+}, E = I(
+  ({
+    children: e,
+    position: t,
+    ...r
+  }) => /* @__PURE__ */ n(
+    j,
+    {
+      display: "flex",
+      flexDirection: "row",
+      width: "100%",
+      position: "absolute",
+      ...t === "bottom" ? { bottom: 0 } : { top: 0 },
+      animationName: t === "bottom" ? {
+        _open: "slide-from-bottom, fade-in",
+        _closed: "slide-to-bottom, fade-out"
+      } : {
+        _open: "slide-from-top, fade-in",
+        _closed: "slide-to-top, fade-out"
+      },
+      animationDuration: "moderate",
+      bgColor: "bg.panel",
+      alignItems: "center",
+      justifyContent: "center",
+      shadow: "md",
+      px: 4,
+      ...r,
+      children: e
+    }
+  )
+), de = N(Z), ue = I((e) => /* @__PURE__ */ n(
+  B,
+  {
+    display: "contents",
+    css: {
+      "--bg": "colors.bg",
+      "--bg-emphasized": "colors.bg.emphasized",
+      "--color-solid": "colors.colorPalette.solid"
+    },
+    children: /* @__PURE__ */ n(
+      de,
+      {
+        keyboard: !1,
+        style: {
+          padding: 0
+        },
+        css: {
+          "& > .rc-slider-handle:focus-visible": {
+            boxShadow: "0 0 0 2px var(--color-solid) !important"
+          },
+          "& > .rc-slider-handle:active": {
+            boxShadow: "0 0 5px var(--color-solid) !important"
+          },
+          "& > .rc-slider-handle.rc-slider-handle-dragging": {
+            boxShadow: "0 0 0 3px var(--color-solid) !important"
+          }
+        },
+        styles: {
+          rail: {
+            height: "8px",
+            top: "50%",
+            transform: "translateY(-50%)",
+            backgroundColor: "var(--bg-emphasized)"
+          },
+          track: {
+            height: "8px",
+            top: "50%",
+            transform: "translateY(-50%)",
+            backgroundColor: "var(--color-solid)"
+          },
+          handle: {
+            width: "24px",
+            height: "24px",
+            top: "50%",
+            borderColor: "var(--color-solid)",
+            transform: "translate(-50%, -50%)",
+            backgroundColor: "var(--bg)",
+            marginTop: "0px"
+          }
+        },
+        ...e
+      }
+    )
+  }
+)), me = () => {
+  const e = P(), t = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: r, totalApproximatePages: s = 0 } = A(), o = t ? Math.floor((r || 0) / 2) : r, [l, i] = Y({
+    default: o || 0
+  }), u = 0, a = Math.max(
+    0,
+    t ? Math.floor((s - 1) / 2) : s - 1
+  );
+  return k(() => {
+    i.setValue(o || 0);
+  }, [o, i]), {
+    value: l,
+    valueSignal: i,
+    min: u,
+    max: a
+  };
+}, he = () => {
+  const e = S(), t = P(), { manifest: r } = b(() => e == null ? void 0 : e.context.state$, []) ?? {}, s = (r == null ? void 0 : r.readingDirection) === "rtl", o = t == null ? void 0 : t.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: i } = A(), u = 1, a = i, { value: d, valueSignal: m, min: v, max: F } = me(), M = $(
+    (C) => {
+      const [w = 0] = Array.isArray(C) ? C : [C];
+      m.setValue(w);
+      const y = o ? Math.floor(w) * 2 : Math.floor(w);
+      a ? e == null || e.navigation.goToPageOfSpineItem({
+        pageIndex: y,
+        spineItemId: e.pagination.getState().beginSpineItemIndex ?? 0,
+        animation: !1
+      }) : e == null || e.navigation.goToAbsolutePageIndex({
+        absolutePageIndex: y,
+        animation: !1
+      });
+    },
+    [e, o, m, a]
+  );
+  return Q(
+    () => e == null ? void 0 : e.navigation.throttleLock({
+      duration: 100,
+      trigger: m.subject
+    }),
+    [e, m]
+  ), l === 1 || o && l === 2 ? null : /* @__PURE__ */ n(
+    ue,
+    {
+      value: [d],
+      max: F,
+      min: v,
+      reverse: s,
+      step: u,
+      onChange: M
+    }
+  );
+}, ge = () => {
+  const [e, t] = z(/* @__PURE__ */ new Date());
+  return k(() => {
+    const r = setInterval(() => {
+      t(/* @__PURE__ */ new Date());
+    }, 6e4);
+    return () => clearInterval(r);
+  }, []), e;
+}, fe = (e) => {
+  const t = ge();
+  return /* @__PURE__ */ n(g, { fontSize: "xs", ...e, children: t.toLocaleTimeString(navigator.language, {
+    hour: "2-digit",
+    minute: "2-digit"
+  }) });
+}, xe = ({ open: e }) => {
+  const t = S(), r = b(() => t == null ? void 0 : t.navigation.state$, [t]), s = b(() => t == null ? void 0 : t.settings.values$, [t]), o = (s == null ? void 0 : s.computedPageTurnDirection) === "vertical";
+  return /* @__PURE__ */ c(E, { present: e, position: "bottom", height: 130, children: [
+    /* @__PURE__ */ n(
+      f,
+      {
+        "aria-label": "left",
+        size: "lg",
+        variant: "ghost",
+        flexShrink: 0,
+        onClick: () => t == null ? void 0 : t.navigation.goToLeftOrTopSpineItem(),
+        disabled: !(r != null && r.canGoLeftSpineItem) && !(r != null && r.canGoTopSpineItem),
+        children: o ? /* @__PURE__ */ n(U, {}) : /* @__PURE__ */ n(G, {})
+      }
+    ),
+    /* @__PURE__ */ c(
+      R,
+      {
+        flex: 1,
+        maxW: 400,
+        gap: 2,
+        alignItems: "center",
+        overflow: "visible",
+        px: 4,
+        children: [
+          /* @__PURE__ */ n(ae, {}),
+          /* @__PURE__ */ n(B, { height: 5, maxW: 300, width: "100%", overflow: "visible", children: /* @__PURE__ */ n(he, {}) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      f,
+      {
+        "aria-label": "right",
+        size: "lg",
+        flexShrink: 0,
+        variant: "ghost",
+        disabled: !(r != null && r.canGoRightSpineItem) && !(r != null && r.canGoBottomSpineItem),
+        onClick: () => {
+          t == null || t.navigation.goToRightOrBottomSpineItem();
+        },
+        children: o ? /* @__PURE__ */ n(_, {}) : /* @__PURE__ */ n(H, {})
+      }
+    ),
+    /* @__PURE__ */ n(fe, { position: "absolute", bottom: 0, left: 0, p: 2 })
+  ] });
+}, be = () => {
+  const [e, t] = z(!1), r = $(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+    t(!1);
+  }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
+    t(!0);
+  }), []);
+  return k(() => {
+    function s() {
+      t(!!document.fullscreenElement);
+    }
+    return document.addEventListener("fullscreenchange", s), () => {
+      document.removeEventListener("fullscreenchange", s);
+    };
+  }, []), {
+    isFullscreen: e,
+    onToggleFullscreenClick: r
+  };
+}, pe = ({
+  open: e,
+  onBackClick: t,
+  onMoreClick: r
+}) => {
+  const s = S(), o = b(() => s == null ? void 0 : s.context.manifest$, [s]), { isFullscreen: l, onToggleFullscreenClick: i } = be();
+  return /* @__PURE__ */ c(
+    E,
+    {
+      present: e,
+      position: "top",
+      height: "80px",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ n(
+          f,
+          {
+            "aria-label": "left",
+            size: "lg",
+            variant: "ghost",
+            flexShrink: 0,
+            onClick: t,
+            children: /* @__PURE__ */ n(ee, {})
+          }
+        ),
+        /* @__PURE__ */ n(
+          R,
+          {
+            flex: 1,
+            maxW: 600,
+            gap: 1,
+            alignItems: "center",
+            overflow: "auto",
+            px: 4,
+            children: /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", children: o == null ? void 0 : o.title })
+          }
+        ),
+        /* @__PURE__ */ c(T, { children: [
+          /* @__PURE__ */ n(
+            f,
+            {
+              "aria-label": "right",
+              size: "lg",
+              flexShrink: 0,
+              variant: "ghost",
+              onClick: r,
+              children: /* @__PURE__ */ n(te, {})
+            }
+          ),
+          /* @__PURE__ */ n(
+            f,
+            {
+              "aria-label": "right",
+              size: "lg",
+              flexShrink: 0,
+              variant: "ghost",
+              onClick: i,
+              children: l ? /* @__PURE__ */ n(re, {}) : /* @__PURE__ */ n(ne, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Oe = I(
+  ({
+    open: e,
+    onBackClick: t,
+    onMoreClick: r
+  }) => /* @__PURE__ */ c(O, { children: [
+    /* @__PURE__ */ n(
+      pe,
+      {
+        open: e,
+        onBackClick: t,
+        onMoreClick: r
+      }
+    ),
+    /* @__PURE__ */ n(xe, { open: e })
+  ] })
+), $e = I(
+  ({
+    children: e,
+    reader: t
+  }) => /* @__PURE__ */ n(D.Provider, { value: t, children: e })
+);
+export {
+  Oe as QuickMenu,
+  $e as ReactReaderProvider
+};
+//# sourceMappingURL=index.js.map