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