@prose-reader/react-reader 1.174.0 → 1.176.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/context/context.ts","../src/context/useReader.ts","../src/components/ui/toggle-tip.tsx","../src/components/ui/progress.tsx","../src/pagination/usePagination.ts","../src/navigation/useNavigationContext.ts","../src/navigation/QuickMenu/PaginationInfoSection.tsx","../src/navigation/QuickMenu/QuickBar.tsx","../src/navigation/QuickMenu/ThemedSlider.tsx","../src/navigation/QuickMenu/Scrubber.tsx","../src/navigation/QuickMenu/TimeIndicator.tsx","../src/navigation/QuickMenu/BottomBar.tsx","../src/common/useFullscreen.ts","../src/navigation/QuickMenu/TopBar.tsx","../src/navigation/QuickMenu/QuickMenu.tsx","../src/context/ReactReaderProvider.tsx"],"sourcesContent":["import type { Reader } from \"@prose-reader/core\"\nimport { type Context, createContext } from \"react\"\n\nexport const ReaderContext: Context<Reader | undefined> = createContext<\n  Reader | undefined\n>(undefined)\n","import type { Reader } from \"@prose-reader/core\"\nimport { useContext } from \"react\"\nimport { ReaderContext } from \"./context\"\n\nexport const useReader = (): Reader | undefined => {\n  const context = useContext(ReaderContext)\n\n  return context\n}\n","import { Popover as ChakraPopover, IconButton, Portal } from \"@chakra-ui/react\"\nimport * as React from \"react\"\nimport { HiOutlineInformationCircle } from \"react-icons/hi\"\n\nexport interface ToggleTipProps extends ChakraPopover.RootProps {\n  showArrow?: boolean\n  portalled?: boolean\n  portalRef?: React.RefObject<HTMLElement>\n  content?: React.ReactNode\n}\n\nexport const ToggleTip = React.forwardRef<HTMLDivElement, ToggleTipProps>(\n  function ToggleTip(props, ref) {\n    const {\n      showArrow,\n      children,\n      portalled = true,\n      content,\n      portalRef,\n      ...rest\n    } = props\n\n    return (\n      <ChakraPopover.Root\n        {...rest}\n        positioning={{ ...rest.positioning, gutter: 4 }}\n      >\n        <ChakraPopover.Trigger asChild>{children}</ChakraPopover.Trigger>\n        <Portal disabled={!portalled} container={portalRef}>\n          <ChakraPopover.Positioner>\n            <ChakraPopover.Content\n              width=\"auto\"\n              px=\"2\"\n              py=\"1\"\n              textStyle=\"xs\"\n              rounded=\"sm\"\n              ref={ref}\n            >\n              {showArrow && (\n                <ChakraPopover.Arrow>\n                  <ChakraPopover.ArrowTip />\n                </ChakraPopover.Arrow>\n              )}\n              {content}\n            </ChakraPopover.Content>\n          </ChakraPopover.Positioner>\n        </Portal>\n      </ChakraPopover.Root>\n    )\n  },\n)\n\nexport const InfoTip = React.forwardRef<\n  HTMLDivElement,\n  Partial<ToggleTipProps>\n>(function InfoTip(props, ref) {\n  const { children, ...rest } = props\n  return (\n    <ToggleTip content={children} {...rest} ref={ref}>\n      <IconButton\n        variant=\"ghost\"\n        aria-label=\"info\"\n        size=\"2xs\"\n        colorPalette=\"gray\"\n      >\n        <HiOutlineInformationCircle />\n      </IconButton>\n    </ToggleTip>\n  )\n})\n","import { Progress as ChakraProgress } from \"@chakra-ui/react\"\nimport { InfoTip } from \"./toggle-tip\"\nimport * as React from \"react\"\n\nexport const ProgressBar = React.forwardRef<\n  HTMLDivElement,\n  ChakraProgress.TrackProps\n>(function ProgressBar(props, ref) {\n  return (\n    <ChakraProgress.Track {...props} ref={ref}>\n      <ChakraProgress.Range />\n    </ChakraProgress.Track>\n  )\n})\n\nexport interface ProgressLabelProps extends ChakraProgress.LabelProps {\n  info?: React.ReactNode\n}\n\nexport const ProgressLabel = React.forwardRef<\n  HTMLDivElement,\n  ProgressLabelProps\n>(function ProgressLabel(props, ref) {\n  const { children, info, ...rest } = props\n  return (\n    <ChakraProgress.Label {...rest} ref={ref}>\n      {children}\n      {info && <InfoTip>{info}</InfoTip>}\n    </ChakraProgress.Label>\n  )\n})\n\nexport const ProgressRoot = ChakraProgress.Root\nexport const ProgressValueText = ChakraProgress.ValueText\n","import type { Reader } from \"@prose-reader/core\"\nimport { useObserve } from \"reactjrx\"\nimport { NEVER, combineLatest, map } from \"rxjs\"\nimport { useReader } from \"../context/useReader\"\n\nexport const usePagination = ():\n  | (Reader[\"pagination\"][\"state\"] & { hasChapters: boolean })\n  | undefined => {\n  const reader = useReader()\n\n  return useObserve(\n    () =>\n      !reader\n        ? NEVER\n        : combineLatest([reader.pagination.state$, reader.context.state$]).pipe(\n            map(([state, context]) => {\n              const isOnlyImages = context.manifest?.spineItems.every((item) =>\n                item.mediaType?.startsWith(\"image/\"),\n              )\n\n              return {\n                ...state,\n                hasChapters: !context.isFullyPrePaginated && !isOnlyImages,\n              }\n            }),\n          ),\n    [reader],\n  )\n}\n","import { usePagination } from \"../pagination/usePagination\"\n\nexport const useNavigationContext = () => {\n  const pagination = usePagination()\n  const hasOnlyOnePage = pagination?.numberOfTotalPages === 1\n\n  const isBeginWithinChapter =\n    (pagination?.beginNumberOfPagesInSpineItem ?? 0) > 1\n\n  const isEndWithinChapter = (pagination?.endNumberOfPagesInSpineItem ?? 0) > 1\n\n  const beginPageIndex =\n    (pagination?.hasChapters\n      ? pagination?.beginPageIndexInSpineItem\n      : pagination?.beginAbsolutePageIndex) ?? 0\n  const endPageIndex =\n    (pagination?.hasChapters\n      ? pagination?.endPageIndexInSpineItem\n      : pagination?.endAbsolutePageIndex) ?? 0\n\n  const [leftPageIndex = 0, rightPageIndex = 0] = [\n    beginPageIndex,\n    endPageIndex,\n  ].sort((a, b) => a - b)\n\n  const beginAndEndAreDifferent =\n    pagination?.beginPageIndexInSpineItem !==\n      pagination?.endPageIndexInSpineItem ||\n    pagination?.beginSpineItemIndex !== pagination?.endSpineItemIndex\n\n  const totalApproximatePages = pagination?.hasChapters\n    ? pagination?.beginNumberOfPagesInSpineItem\n    : pagination?.numberOfTotalPages\n\n  return {\n    hasOnlyOnePage,\n    beginPageIndex,\n    endPageIndex,\n    isBeginWithinChapter,\n    isEndWithinChapter,\n    beginAndEndAreDifferent,\n    totalApproximatePages,\n    leftPageIndex,\n    rightPageIndex,\n  }\n}\n","import { HStack, Stack, Text } from \"@chakra-ui/react\"\nimport {\n  ProgressBar,\n  ProgressRoot,\n  ProgressValueText,\n} from \"../../components/ui/progress\"\nimport { usePagination } from \"../../pagination/usePagination\"\nimport { useNavigationContext } from \"../useNavigationContext\"\n\nexport const PaginationInfoSection = () => {\n  const pagination = usePagination()\n  const {\n    hasOnlyOnePage,\n    leftPageIndex,\n    rightPageIndex,\n    totalApproximatePages,\n    beginAndEndAreDifferent,\n  } = useNavigationContext()\n  const progress = Math.round((pagination?.percentageEstimateOfBook ?? 0) * 100)\n\n  const buildTitleChain = (\n    chapterInfo: NonNullable<typeof pagination>[\"beginChapterInfo\"],\n  ): string => {\n    if (chapterInfo?.subChapter) {\n      return `${chapterInfo.title} / ${buildTitleChain(chapterInfo.subChapter)}`\n    }\n    return chapterInfo?.title || \"\"\n  }\n\n  const chapterTitle = buildTitleChain(pagination?.beginChapterInfo)\n\n  return (\n    <Stack alignItems=\"center\" gap={1} maxW=\"100%\" overflow=\"auto\">\n      <ProgressRoot value={progress} size=\"xs\" width={150}>\n        <HStack justifyContent=\"space-between\">\n          <ProgressBar width={110} />\n          <ProgressValueText>{`${progress}%`}</ProgressValueText>\n        </HStack>\n      </ProgressRoot>\n      <Text truncate maxWidth=\"100%\" fontSize=\"sm\" mt={1}>\n        {chapterTitle ? `Chapter: ${chapterTitle}` : `\\u00A0`}\n      </Text>\n      {!hasOnlyOnePage && (\n        <HStack>\n          <Text fontSize=\"xs\">\n            {beginAndEndAreDifferent\n              ? `${leftPageIndex + 1} - ${rightPageIndex + 1} of ${totalApproximatePages}`\n              : `${leftPageIndex + 1} of ${totalApproximatePages}`}\n          </Text>\n          {!!pagination?.hasChapters && (\n            <>\n              <Text>-</Text>\n              <Text fontSize=\"xs\">\n                ({(pagination?.beginAbsolutePageIndex ?? 0) + 1})\n              </Text>\n            </>\n          )}\n        </HStack>\n      )}\n    </Stack>\n  )\n}\n","import { Presence, type PresenceProps } from \"@chakra-ui/react\"\nimport { memo } from \"react\"\n\nexport const QuickBar = memo(\n  ({\n    children,\n    position,\n    ...rest\n  }: { position: \"top\" | \"bottom\" } & PresenceProps) => {\n    return (\n      <Presence\n        display=\"flex\"\n        flexDirection=\"row\"\n        width=\"100%\"\n        position=\"absolute\"\n        {...(position === \"bottom\" ? { bottom: 0 } : { top: 0 })}\n        animationName={\n          position === \"bottom\"\n            ? {\n                _open: \"slide-from-bottom, fade-in\",\n                _closed: \"slide-to-bottom, fade-out\",\n              }\n            : {\n                _open: \"slide-from-top, fade-in\",\n                _closed: \"slide-to-top, fade-out\",\n              }\n        }\n        animationDuration=\"moderate\"\n        bgColor=\"bg.panel\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        shadow=\"md\"\n        px={4}\n        {...rest}\n      >\n        {children}\n      </Presence>\n    )\n  },\n)\n","import RcSlider from \"rc-slider\"\nimport { type ComponentProps, memo } from \"react\"\nimport \"rc-slider/assets/index.css\"\nimport { Box, chakra } from \"@chakra-ui/react\"\n\nconst ChakraRcSlider = chakra(RcSlider)\n\nexport const ThemedSlider = memo((props: ComponentProps<typeof RcSlider>) => {\n  return (\n    <Box\n      display=\"contents\"\n      css={{\n        \"--bg\": \"colors.bg\",\n        \"--bg-emphasized\": \"colors.bg.emphasized\",\n        \"--color-solid\": \"colors.colorPalette.solid\",\n      }}\n    >\n      <ChakraRcSlider\n        keyboard={false}\n        style={{\n          padding: 0,\n        }}\n        css={{\n          \"& > .rc-slider-handle:focus-visible\": {\n            boxShadow: \"0 0 0 2px var(--color-solid) !important\",\n          },\n          \"& > .rc-slider-handle:active\": {\n            boxShadow: \"0 0 5px var(--color-solid) !important\",\n          },\n          \"& > .rc-slider-handle.rc-slider-handle-dragging\": {\n            boxShadow: \"0 0 0 3px var(--color-solid) !important\",\n          },\n        }}\n        styles={{\n          rail: {\n            height: \"8px\",\n            top: \"50%\",\n            transform: \"translateY(-50%)\",\n            backgroundColor: \"var(--bg-emphasized)\",\n          },\n          track: {\n            height: \"8px\",\n            top: \"50%\",\n            transform: \"translateY(-50%)\",\n            backgroundColor: \"var(--color-solid)\",\n          },\n          handle: {\n            width: \"24px\",\n            height: \"24px\",\n            top: \"50%\",\n            borderColor: \"var(--color-solid)\",\n            transform: \"translate(-50%, -50%)\",\n            backgroundColor: \"var(--bg)\",\n            marginTop: \"0px\",\n          },\n        }}\n        {...props}\n      />\n    </Box>\n  )\n})\n","import { type ComponentProps, useCallback, useEffect } from \"react\"\nimport { useObserve, useSignal, useSubscribe } from \"reactjrx\"\nimport { useReader } from \"../../context/useReader\"\nimport { usePagination } from \"../../pagination/usePagination\"\nimport { useNavigationContext } from \"../useNavigationContext\"\nimport { ThemedSlider } from \"./ThemedSlider\"\n\nconst useSliderValues = () => {\n  const pagination = usePagination()\n  const isUsingSpread = pagination?.isUsingSpread\n  const { beginPageIndex: currentRealPage, totalApproximatePages = 0 } =\n    useNavigationContext()\n  const currentPage = isUsingSpread\n    ? Math.floor((currentRealPage || 0) / 2)\n    : currentRealPage\n  const [value, valueSignal] = useSignal({\n    default: currentPage || 0,\n  })\n  const min = 0\n  const max = Math.max(\n    0,\n    isUsingSpread\n      ? Math.floor((totalApproximatePages - 1) / 2)\n      : totalApproximatePages - 1,\n  )\n\n  useEffect(() => {\n    valueSignal.setValue(currentPage || 0)\n  }, [currentPage, valueSignal])\n\n  return {\n    value,\n    valueSignal,\n    min,\n    max,\n  }\n}\n\nexport const Scrubber = () => {\n  const reader = useReader()\n  const pagination = usePagination()\n  const { manifest } = useObserve(() => reader?.context.state$, []) ?? {}\n  const reverse = manifest?.readingDirection === \"rtl\"\n  const isUsingSpread = pagination?.isUsingSpread\n  const { totalApproximatePages = 0, isBeginWithinChapter } =\n    useNavigationContext()\n  const step = 1\n  const isScrubberWithinChapter = isBeginWithinChapter\n  const { value, valueSignal, min, max } = useSliderValues()\n\n  const onChange: NonNullable<ComponentProps<typeof ThemedSlider>[\"onChange\"]> =\n    useCallback(\n      (values) => {\n        const [value = 0] = Array.isArray(values) ? values : [values]\n\n        valueSignal.setValue(value)\n\n        const pageIndex = isUsingSpread\n          ? Math.floor(value) * 2\n          : Math.floor(value)\n\n        if (!isScrubberWithinChapter) {\n          reader?.navigation.goToAbsolutePageIndex({\n            absolutePageIndex: pageIndex,\n            animation: false,\n          })\n        } else {\n          reader?.navigation.goToPageOfSpineItem({\n            pageIndex,\n            spineItemId: reader.pagination.getState().beginSpineItemIndex ?? 0,\n            animation: false,\n          })\n        }\n      },\n      [reader, isUsingSpread, valueSignal, isScrubberWithinChapter],\n    )\n\n  /**\n   * @note\n   * Scrubber can navigate fast and without lock we may end up with\n   * slowness due to the reader\n   * paginating and loading items in between.\n   * This is good practice (but not required) to throttle it.\n   */\n  useSubscribe(\n    () =>\n      reader?.navigation.throttleLock({\n        duration: 100,\n        trigger: valueSignal.subject,\n      }),\n    [reader, valueSignal],\n  )\n\n  // const marks =\n  //   max > 1\n  //     ? Array.from({ length: max + 1 }, (_, i) => i).reduce(\n  //         (acc: number[], val) => [...acc, val],\n  //         [],\n  //       )\n  //     : []\n\n  if (\n    totalApproximatePages === 1 ||\n    (isUsingSpread && totalApproximatePages === 2)\n  ) {\n    return null\n  }\n\n  // @tmp not available yet in chakra\n  // if (reverse) return null\n\n  return (\n    <ThemedSlider\n      value={[value]}\n      max={max}\n      min={min}\n      reverse={reverse}\n      step={step}\n      onChange={onChange}\n    />\n  )\n  // return (\n  //   <Slider\n  //     value={[value]}\n  //     max={max}\n  //     min={min}\n  //     marks={marks}\n  //     onChange={e => {\n  //       debugger\n  //     }}\n  //     onValueChange={onChange}\n  //     // reverse={reverse}\n  //     orientation=\"horizontal\"\n  //     step={step}\n  //   />\n  // )\n}\n","import { Text, type TextProps } from \"@chakra-ui/react\"\nimport { useEffect, useState } from \"react\"\n\nexport const useTime = () => {\n  const [time, setTime] = useState(new Date())\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setTime(new Date())\n    }, 1000 * 60)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  return time\n}\n\nexport const TimeIndicator = (props: TextProps) => {\n  const time = useTime()\n\n  return (\n    <Text fontSize=\"xs\" {...props}>\n      {time.toLocaleTimeString(navigator.language, {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n      })}\n    </Text>\n  )\n}\n","import { Box, IconButton, Stack } from \"@chakra-ui/react\"\nimport {\n  RxDoubleArrowDown,\n  RxDoubleArrowLeft,\n  RxDoubleArrowRight,\n  RxDoubleArrowUp,\n} from \"react-icons/rx\"\nimport { useObserve } from \"reactjrx\"\nimport { useReader } from \"../../context/useReader\"\nimport { PaginationInfoSection } from \"./PaginationInfoSection\"\nimport { QuickBar } from \"./QuickBar\"\nimport { Scrubber } from \"./Scrubber\"\nimport { TimeIndicator } from \"./TimeIndicator\"\n\nexport const BottomBar = ({ open }: { open: boolean }) => {\n  const reader = useReader()\n  const navigation = useObserve(() => reader?.navigation.state$, [reader])\n  const settings = useObserve(() => reader?.settings.values$, [reader])\n  const isVerticalDirection = settings?.computedPageTurnDirection === \"vertical\"\n\n  return (\n    <QuickBar present={open} position=\"bottom\" height={130}>\n      <IconButton\n        aria-label=\"left\"\n        size=\"lg\"\n        variant=\"ghost\"\n        flexShrink={0}\n        onClick={() => reader?.navigation.goToLeftOrTopSpineItem()}\n        disabled={\n          !navigation?.canGoLeftSpineItem && !navigation?.canGoTopSpineItem\n        }\n      >\n        {isVerticalDirection ? <RxDoubleArrowUp /> : <RxDoubleArrowLeft />}\n      </IconButton>\n      <Stack\n        flex={1}\n        maxW={400}\n        gap={2}\n        alignItems=\"center\"\n        overflow=\"visible\"\n        px={4}\n      >\n        <PaginationInfoSection />\n        <Box height={5} maxW={300} width=\"100%\" overflow=\"visible\">\n          <Scrubber />\n        </Box>\n      </Stack>\n      <IconButton\n        aria-label=\"right\"\n        size=\"lg\"\n        flexShrink={0}\n        variant=\"ghost\"\n        disabled={\n          !navigation?.canGoRightSpineItem && !navigation?.canGoBottomSpineItem\n        }\n        onClick={() => {\n          reader?.navigation.goToRightOrBottomSpineItem()\n        }}\n      >\n        {isVerticalDirection ? <RxDoubleArrowDown /> : <RxDoubleArrowRight />}\n      </IconButton>\n      <TimeIndicator position=\"absolute\" bottom={0} left={0} p={2} />\n    </QuickBar>\n  )\n}\n","import { useEffect } from \"react\"\n\nimport { useCallback } from \"react\"\n\nimport { useState } from \"react\"\n\nexport const useFullscreen = () => {\n  const [isFullscreen, setIsFullscreen] = useState(false)\n\n  const onToggleFullscreenClick = useCallback(() => {\n    if (document.fullscreenElement) {\n      return document\n        .exitFullscreen()\n        .catch(console.error)\n        .then(() => {\n          setIsFullscreen(false)\n        })\n    }\n\n    return document.documentElement\n      .requestFullscreen({ navigationUI: \"hide\" })\n      .catch(console.error)\n      .then(() => {\n        setIsFullscreen(true)\n      })\n  }, [])\n\n  useEffect(() => {\n    function fullscreenchangeHandler() {\n      setIsFullscreen(!!document.fullscreenElement)\n    }\n\n    document.addEventListener(\"fullscreenchange\", fullscreenchangeHandler)\n\n    return () => {\n      document.removeEventListener(\"fullscreenchange\", fullscreenchangeHandler)\n    }\n  }, [])\n\n  return {\n    isFullscreen,\n    onToggleFullscreenClick,\n  }\n}\n","import { HStack, IconButton, Stack, Text } from \"@chakra-ui/react\"\nimport { IoIosArrowBack, IoMdMore } from \"react-icons/io\"\nimport { MdFullscreen, MdFullscreenExit } from \"react-icons/md\"\nimport { useObserve } from \"reactjrx\"\nimport { useFullscreen } from \"../../common/useFullscreen\"\nimport { useReader } from \"../../context/useReader\"\nimport { QuickBar } from \"./QuickBar\"\n\nexport const TopBar = ({\n  open,\n  onBackClick,\n  onMoreClick,\n}: {\n  open: boolean\n  onBackClick: () => void\n  onMoreClick: () => void\n}) => {\n  const reader = useReader()\n  const manifest = useObserve(() => reader?.context.manifest$, [reader])\n  const { isFullscreen, onToggleFullscreenClick } = useFullscreen()\n\n  return (\n    <QuickBar\n      present={open}\n      position=\"top\"\n      height=\"80px\"\n      justifyContent=\"space-between\"\n    >\n      <IconButton\n        aria-label=\"left\"\n        size=\"lg\"\n        variant=\"ghost\"\n        flexShrink={0}\n        onClick={onBackClick}\n      >\n        <IoIosArrowBack />\n      </IconButton>\n      <Stack\n        flex={1}\n        maxW={600}\n        gap={1}\n        alignItems=\"center\"\n        overflow=\"auto\"\n        px={4}\n      >\n        <Text truncate maxWidth=\"100%\">\n          {manifest?.title}\n        </Text>\n      </Stack>\n      <HStack>\n        <IconButton\n          aria-label=\"right\"\n          size=\"lg\"\n          flexShrink={0}\n          variant=\"ghost\"\n          onClick={onMoreClick}\n        >\n          <IoMdMore />\n        </IconButton>\n        <IconButton\n          aria-label=\"right\"\n          size=\"lg\"\n          flexShrink={0}\n          variant=\"ghost\"\n          onClick={onToggleFullscreenClick}\n        >\n          {isFullscreen ? <MdFullscreenExit /> : <MdFullscreen />}\n        </IconButton>\n      </HStack>\n    </QuickBar>\n  )\n}\n","import { memo } from \"react\"\nimport { BottomBar } from \"./BottomBar\"\nimport { TopBar } from \"./TopBar\"\n\nexport const QuickMenu = memo(\n  ({\n    open,\n    onBackClick,\n    onMoreClick,\n  }: { open: boolean; onBackClick: () => void; onMoreClick: () => void }) => {\n    return (\n      <>\n        <TopBar\n          open={open}\n          onBackClick={onBackClick}\n          onMoreClick={onMoreClick}\n        />\n        <BottomBar open={open} />\n      </>\n    )\n  },\n)\n","import type { Reader } from \"@prose-reader/core\"\nimport { memo } from \"react\"\nimport { ReaderContext } from \"./context\"\n\nexport const ReactReaderProvider = memo(\n  ({\n    children,\n    reader,\n  }: { children?: React.ReactNode; reader: Reader | undefined }) => {\n    return (\n      <ReaderContext.Provider value={reader}>{children}</ReaderContext.Provider>\n    )\n  },\n)\n"],"names":["ReaderContext","createContext","useReader","useContext","ToggleTip","React","props","ref","showArrow","children","portalled","content","portalRef","rest","jsxs","ChakraPopover","jsx","Portal","InfoTip","IconButton","HiOutlineInformationCircle","ProgressBar","ChakraProgress","info","ProgressRoot","ProgressValueText","usePagination","reader","useObserve","combineLatest","map","state","context","isOnlyImages","_a","item","NEVER","useNavigationContext","pagination","hasOnlyOnePage","isBeginWithinChapter","isEndWithinChapter","beginPageIndex","endPageIndex","leftPageIndex","rightPageIndex","a","b","beginAndEndAreDifferent","totalApproximatePages","PaginationInfoSection","progress","buildTitleChain","chapterInfo","chapterTitle","Stack","HStack","Text","Fragment","QuickBar","memo","position","Presence","ChakraRcSlider","chakra","RcSlider","ThemedSlider","Box","useSliderValues","isUsingSpread","currentRealPage","currentPage","value","valueSignal","useSignal","min","max","useEffect","Scrubber","manifest","reverse","step","isScrubberWithinChapter","onChange","useCallback","values","pageIndex","useSubscribe","useTime","time","setTime","useState","interval","TimeIndicator","BottomBar","open","navigation","settings","isVerticalDirection","RxDoubleArrowUp","RxDoubleArrowLeft","RxDoubleArrowDown","RxDoubleArrowRight","useFullscreen","isFullscreen","setIsFullscreen","onToggleFullscreenClick","fullscreenchangeHandler","TopBar","onBackClick","onMoreClick","IoIosArrowBack","IoMdMore","MdFullscreenExit","MdFullscreen","QuickMenu","ReactReaderProvider"],"mappings":"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"}

package/dist/index.umd.cjs

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

package/dist/index.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.cjs","sources":["../src/context/context.ts","../src/context/useReader.ts","../src/components/ui/toggle-tip.tsx","../src/components/ui/progress.tsx","../src/pagination/usePagination.ts","../src/navigation/useNavigationContext.ts","../src/navigation/QuickMenu/PaginationInfoSection.tsx","../src/navigation/QuickMenu/QuickBar.tsx","../src/navigation/QuickMenu/ThemedSlider.tsx","../src/navigation/QuickMenu/Scrubber.tsx","../src/navigation/QuickMenu/TimeIndicator.tsx","../src/navigation/QuickMenu/BottomBar.tsx","../src/common/useFullscreen.ts","../src/navigation/QuickMenu/TopBar.tsx","../src/navigation/QuickMenu/QuickMenu.tsx","../src/context/ReactReaderProvider.tsx"],"sourcesContent":["import type { Reader } from \"@prose-reader/core\"\nimport { type Context, createContext } from \"react\"\n\nexport const ReaderContext: Context<Reader | undefined> = createContext<\n  Reader | undefined\n>(undefined)\n","import type { Reader } from \"@prose-reader/core\"\nimport { useContext } from \"react\"\nimport { ReaderContext } from \"./context\"\n\nexport const useReader = (): Reader | undefined => {\n  const context = useContext(ReaderContext)\n\n  return context\n}\n","import { Popover as ChakraPopover, IconButton, Portal } from \"@chakra-ui/react\"\nimport * as React from \"react\"\nimport { HiOutlineInformationCircle } from \"react-icons/hi\"\n\nexport interface ToggleTipProps extends ChakraPopover.RootProps {\n  showArrow?: boolean\n  portalled?: boolean\n  portalRef?: React.RefObject<HTMLElement>\n  content?: React.ReactNode\n}\n\nexport const ToggleTip = React.forwardRef<HTMLDivElement, ToggleTipProps>(\n  function ToggleTip(props, ref) {\n    const {\n      showArrow,\n      children,\n      portalled = true,\n      content,\n      portalRef,\n      ...rest\n    } = props\n\n    return (\n      <ChakraPopover.Root\n        {...rest}\n        positioning={{ ...rest.positioning, gutter: 4 }}\n      >\n        <ChakraPopover.Trigger asChild>{children}</ChakraPopover.Trigger>\n        <Portal disabled={!portalled} container={portalRef}>\n          <ChakraPopover.Positioner>\n            <ChakraPopover.Content\n              width=\"auto\"\n              px=\"2\"\n              py=\"1\"\n              textStyle=\"xs\"\n              rounded=\"sm\"\n              ref={ref}\n            >\n              {showArrow && (\n                <ChakraPopover.Arrow>\n                  <ChakraPopover.ArrowTip />\n                </ChakraPopover.Arrow>\n              )}\n              {content}\n            </ChakraPopover.Content>\n          </ChakraPopover.Positioner>\n        </Portal>\n      </ChakraPopover.Root>\n    )\n  },\n)\n\nexport const InfoTip = React.forwardRef<\n  HTMLDivElement,\n  Partial<ToggleTipProps>\n>(function InfoTip(props, ref) {\n  const { children, ...rest } = props\n  return (\n    <ToggleTip content={children} {...rest} ref={ref}>\n      <IconButton\n        variant=\"ghost\"\n        aria-label=\"info\"\n        size=\"2xs\"\n        colorPalette=\"gray\"\n      >\n        <HiOutlineInformationCircle />\n      </IconButton>\n    </ToggleTip>\n  )\n})\n","import { Progress as ChakraProgress } from \"@chakra-ui/react\"\nimport { InfoTip } from \"./toggle-tip\"\nimport * as React from \"react\"\n\nexport const ProgressBar = React.forwardRef<\n  HTMLDivElement,\n  ChakraProgress.TrackProps\n>(function ProgressBar(props, ref) {\n  return (\n    <ChakraProgress.Track {...props} ref={ref}>\n      <ChakraProgress.Range />\n    </ChakraProgress.Track>\n  )\n})\n\nexport interface ProgressLabelProps extends ChakraProgress.LabelProps {\n  info?: React.ReactNode\n}\n\nexport const ProgressLabel = React.forwardRef<\n  HTMLDivElement,\n  ProgressLabelProps\n>(function ProgressLabel(props, ref) {\n  const { children, info, ...rest } = props\n  return (\n    <ChakraProgress.Label {...rest} ref={ref}>\n      {children}\n      {info && <InfoTip>{info}</InfoTip>}\n    </ChakraProgress.Label>\n  )\n})\n\nexport const ProgressRoot = ChakraProgress.Root\nexport const ProgressValueText = ChakraProgress.ValueText\n","import type { Reader } from \"@prose-reader/core\"\nimport { useObserve } from \"reactjrx\"\nimport { NEVER, combineLatest, map } from \"rxjs\"\nimport { useReader } from \"../context/useReader\"\n\nexport const usePagination = ():\n  | (Reader[\"pagination\"][\"state\"] & { hasChapters: boolean })\n  | undefined => {\n  const reader = useReader()\n\n  return useObserve(\n    () =>\n      !reader\n        ? NEVER\n        : combineLatest([reader.pagination.state$, reader.context.state$]).pipe(\n            map(([state, context]) => {\n              const isOnlyImages = context.manifest?.spineItems.every((item) =>\n                item.mediaType?.startsWith(\"image/\"),\n              )\n\n              return {\n                ...state,\n                hasChapters: !context.isFullyPrePaginated && !isOnlyImages,\n              }\n            }),\n          ),\n    [reader],\n  )\n}\n","import { usePagination } from \"../pagination/usePagination\"\n\nexport const useNavigationContext = () => {\n  const pagination = usePagination()\n  const hasOnlyOnePage = pagination?.numberOfTotalPages === 1\n\n  const isBeginWithinChapter =\n    (pagination?.beginNumberOfPagesInSpineItem ?? 0) > 1\n\n  const isEndWithinChapter = (pagination?.endNumberOfPagesInSpineItem ?? 0) > 1\n\n  const beginPageIndex =\n    (pagination?.hasChapters\n      ? pagination?.beginPageIndexInSpineItem\n      : pagination?.beginAbsolutePageIndex) ?? 0\n  const endPageIndex =\n    (pagination?.hasChapters\n      ? pagination?.endPageIndexInSpineItem\n      : pagination?.endAbsolutePageIndex) ?? 0\n\n  const [leftPageIndex = 0, rightPageIndex = 0] = [\n    beginPageIndex,\n    endPageIndex,\n  ].sort((a, b) => a - b)\n\n  const beginAndEndAreDifferent =\n    pagination?.beginPageIndexInSpineItem !==\n      pagination?.endPageIndexInSpineItem ||\n    pagination?.beginSpineItemIndex !== pagination?.endSpineItemIndex\n\n  const totalApproximatePages = pagination?.hasChapters\n    ? pagination?.beginNumberOfPagesInSpineItem\n    : pagination?.numberOfTotalPages\n\n  return {\n    hasOnlyOnePage,\n    beginPageIndex,\n    endPageIndex,\n    isBeginWithinChapter,\n    isEndWithinChapter,\n    beginAndEndAreDifferent,\n    totalApproximatePages,\n    leftPageIndex,\n    rightPageIndex,\n  }\n}\n","import { HStack, Stack, Text } from \"@chakra-ui/react\"\nimport {\n  ProgressBar,\n  ProgressRoot,\n  ProgressValueText,\n} from \"../../components/ui/progress\"\nimport { usePagination } from \"../../pagination/usePagination\"\nimport { useNavigationContext } from \"../useNavigationContext\"\n\nexport const PaginationInfoSection = () => {\n  const pagination = usePagination()\n  const {\n    hasOnlyOnePage,\n    leftPageIndex,\n    rightPageIndex,\n    totalApproximatePages,\n    beginAndEndAreDifferent,\n  } = useNavigationContext()\n  const progress = Math.round((pagination?.percentageEstimateOfBook ?? 0) * 100)\n\n  const buildTitleChain = (\n    chapterInfo: NonNullable<typeof pagination>[\"beginChapterInfo\"],\n  ): string => {\n    if (chapterInfo?.subChapter) {\n      return `${chapterInfo.title} / ${buildTitleChain(chapterInfo.subChapter)}`\n    }\n    return chapterInfo?.title || \"\"\n  }\n\n  const chapterTitle = buildTitleChain(pagination?.beginChapterInfo)\n\n  return (\n    <Stack alignItems=\"center\" gap={1} maxW=\"100%\" overflow=\"auto\">\n      <ProgressRoot value={progress} size=\"xs\" width={150}>\n        <HStack justifyContent=\"space-between\">\n          <ProgressBar width={110} />\n          <ProgressValueText>{`${progress}%`}</ProgressValueText>\n        </HStack>\n      </ProgressRoot>\n      <Text truncate maxWidth=\"100%\" fontSize=\"sm\" mt={1}>\n        {chapterTitle ? `Chapter: ${chapterTitle}` : `\\u00A0`}\n      </Text>\n      {!hasOnlyOnePage && (\n        <HStack>\n          <Text fontSize=\"xs\">\n            {beginAndEndAreDifferent\n              ? `${leftPageIndex + 1} - ${rightPageIndex + 1} of ${totalApproximatePages}`\n              : `${leftPageIndex + 1} of ${totalApproximatePages}`}\n          </Text>\n          {!!pagination?.hasChapters && (\n            <>\n              <Text>-</Text>\n              <Text fontSize=\"xs\">\n                ({(pagination?.beginAbsolutePageIndex ?? 0) + 1})\n              </Text>\n            </>\n          )}\n        </HStack>\n      )}\n    </Stack>\n  )\n}\n","import { Presence, type PresenceProps } from \"@chakra-ui/react\"\nimport { memo } from \"react\"\n\nexport const QuickBar = memo(\n  ({\n    children,\n    position,\n    ...rest\n  }: { position: \"top\" | \"bottom\" } & PresenceProps) => {\n    return (\n      <Presence\n        display=\"flex\"\n        flexDirection=\"row\"\n        width=\"100%\"\n        position=\"absolute\"\n        {...(position === \"bottom\" ? { bottom: 0 } : { top: 0 })}\n        animationName={\n          position === \"bottom\"\n            ? {\n                _open: \"slide-from-bottom, fade-in\",\n                _closed: \"slide-to-bottom, fade-out\",\n              }\n            : {\n                _open: \"slide-from-top, fade-in\",\n                _closed: \"slide-to-top, fade-out\",\n              }\n        }\n        animationDuration=\"moderate\"\n        bgColor=\"bg.panel\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        shadow=\"md\"\n        px={4}\n        {...rest}\n      >\n        {children}\n      </Presence>\n    )\n  },\n)\n","import RcSlider from \"rc-slider\"\nimport { type ComponentProps, memo } from \"react\"\nimport \"rc-slider/assets/index.css\"\nimport { Box, chakra } from \"@chakra-ui/react\"\n\nconst ChakraRcSlider = chakra(RcSlider)\n\nexport const ThemedSlider = memo((props: ComponentProps<typeof RcSlider>) => {\n  return (\n    <Box\n      display=\"contents\"\n      css={{\n        \"--bg\": \"colors.bg\",\n        \"--bg-emphasized\": \"colors.bg.emphasized\",\n        \"--color-solid\": \"colors.colorPalette.solid\",\n      }}\n    >\n      <ChakraRcSlider\n        keyboard={false}\n        style={{\n          padding: 0,\n        }}\n        css={{\n          \"& > .rc-slider-handle:focus-visible\": {\n            boxShadow: \"0 0 0 2px var(--color-solid) !important\",\n          },\n          \"& > .rc-slider-handle:active\": {\n            boxShadow: \"0 0 5px var(--color-solid) !important\",\n          },\n          \"& > .rc-slider-handle.rc-slider-handle-dragging\": {\n            boxShadow: \"0 0 0 3px var(--color-solid) !important\",\n          },\n        }}\n        styles={{\n          rail: {\n            height: \"8px\",\n            top: \"50%\",\n            transform: \"translateY(-50%)\",\n            backgroundColor: \"var(--bg-emphasized)\",\n          },\n          track: {\n            height: \"8px\",\n            top: \"50%\",\n            transform: \"translateY(-50%)\",\n            backgroundColor: \"var(--color-solid)\",\n          },\n          handle: {\n            width: \"24px\",\n            height: \"24px\",\n            top: \"50%\",\n            borderColor: \"var(--color-solid)\",\n            transform: \"translate(-50%, -50%)\",\n            backgroundColor: \"var(--bg)\",\n            marginTop: \"0px\",\n          },\n        }}\n        {...props}\n      />\n    </Box>\n  )\n})\n","import { type ComponentProps, useCallback, useEffect } from \"react\"\nimport { useObserve, useSignal, useSubscribe } from \"reactjrx\"\nimport { useReader } from \"../../context/useReader\"\nimport { usePagination } from \"../../pagination/usePagination\"\nimport { useNavigationContext } from \"../useNavigationContext\"\nimport { ThemedSlider } from \"./ThemedSlider\"\n\nconst useSliderValues = () => {\n  const pagination = usePagination()\n  const isUsingSpread = pagination?.isUsingSpread\n  const { beginPageIndex: currentRealPage, totalApproximatePages = 0 } =\n    useNavigationContext()\n  const currentPage = isUsingSpread\n    ? Math.floor((currentRealPage || 0) / 2)\n    : currentRealPage\n  const [value, valueSignal] = useSignal({\n    default: currentPage || 0,\n  })\n  const min = 0\n  const max = Math.max(\n    0,\n    isUsingSpread\n      ? Math.floor((totalApproximatePages - 1) / 2)\n      : totalApproximatePages - 1,\n  )\n\n  useEffect(() => {\n    valueSignal.setValue(currentPage || 0)\n  }, [currentPage, valueSignal])\n\n  return {\n    value,\n    valueSignal,\n    min,\n    max,\n  }\n}\n\nexport const Scrubber = () => {\n  const reader = useReader()\n  const pagination = usePagination()\n  const { manifest } = useObserve(() => reader?.context.state$, []) ?? {}\n  const reverse = manifest?.readingDirection === \"rtl\"\n  const isUsingSpread = pagination?.isUsingSpread\n  const { totalApproximatePages = 0, isBeginWithinChapter } =\n    useNavigationContext()\n  const step = 1\n  const isScrubberWithinChapter = isBeginWithinChapter\n  const { value, valueSignal, min, max } = useSliderValues()\n\n  const onChange: NonNullable<ComponentProps<typeof ThemedSlider>[\"onChange\"]> =\n    useCallback(\n      (values) => {\n        const [value = 0] = Array.isArray(values) ? values : [values]\n\n        valueSignal.setValue(value)\n\n        const pageIndex = isUsingSpread\n          ? Math.floor(value) * 2\n          : Math.floor(value)\n\n        if (!isScrubberWithinChapter) {\n          reader?.navigation.goToAbsolutePageIndex({\n            absolutePageIndex: pageIndex,\n            animation: false,\n          })\n        } else {\n          reader?.navigation.goToPageOfSpineItem({\n            pageIndex,\n            spineItemId: reader.pagination.getState().beginSpineItemIndex ?? 0,\n            animation: false,\n          })\n        }\n      },\n      [reader, isUsingSpread, valueSignal, isScrubberWithinChapter],\n    )\n\n  /**\n   * @note\n   * Scrubber can navigate fast and without lock we may end up with\n   * slowness due to the reader\n   * paginating and loading items in between.\n   * This is good practice (but not required) to throttle it.\n   */\n  useSubscribe(\n    () =>\n      reader?.navigation.throttleLock({\n        duration: 100,\n        trigger: valueSignal.subject,\n      }),\n    [reader, valueSignal],\n  )\n\n  // const marks =\n  //   max > 1\n  //     ? Array.from({ length: max + 1 }, (_, i) => i).reduce(\n  //         (acc: number[], val) => [...acc, val],\n  //         [],\n  //       )\n  //     : []\n\n  if (\n    totalApproximatePages === 1 ||\n    (isUsingSpread && totalApproximatePages === 2)\n  ) {\n    return null\n  }\n\n  // @tmp not available yet in chakra\n  // if (reverse) return null\n\n  return (\n    <ThemedSlider\n      value={[value]}\n      max={max}\n      min={min}\n      reverse={reverse}\n      step={step}\n      onChange={onChange}\n    />\n  )\n  // return (\n  //   <Slider\n  //     value={[value]}\n  //     max={max}\n  //     min={min}\n  //     marks={marks}\n  //     onChange={e => {\n  //       debugger\n  //     }}\n  //     onValueChange={onChange}\n  //     // reverse={reverse}\n  //     orientation=\"horizontal\"\n  //     step={step}\n  //   />\n  // )\n}\n","import { Text, type TextProps } from \"@chakra-ui/react\"\nimport { useEffect, useState } from \"react\"\n\nexport const useTime = () => {\n  const [time, setTime] = useState(new Date())\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setTime(new Date())\n    }, 1000 * 60)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  return time\n}\n\nexport const TimeIndicator = (props: TextProps) => {\n  const time = useTime()\n\n  return (\n    <Text fontSize=\"xs\" {...props}>\n      {time.toLocaleTimeString(navigator.language, {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n      })}\n    </Text>\n  )\n}\n","import { Box, IconButton, Stack } from \"@chakra-ui/react\"\nimport {\n  RxDoubleArrowDown,\n  RxDoubleArrowLeft,\n  RxDoubleArrowRight,\n  RxDoubleArrowUp,\n} from \"react-icons/rx\"\nimport { useObserve } from \"reactjrx\"\nimport { useReader } from \"../../context/useReader\"\nimport { PaginationInfoSection } from \"./PaginationInfoSection\"\nimport { QuickBar } from \"./QuickBar\"\nimport { Scrubber } from \"./Scrubber\"\nimport { TimeIndicator } from \"./TimeIndicator\"\n\nexport const BottomBar = ({ open }: { open: boolean }) => {\n  const reader = useReader()\n  const navigation = useObserve(() => reader?.navigation.state$, [reader])\n  const settings = useObserve(() => reader?.settings.values$, [reader])\n  const isVerticalDirection = settings?.computedPageTurnDirection === \"vertical\"\n\n  return (\n    <QuickBar present={open} position=\"bottom\" height={130}>\n      <IconButton\n        aria-label=\"left\"\n        size=\"lg\"\n        variant=\"ghost\"\n        flexShrink={0}\n        onClick={() => reader?.navigation.goToLeftOrTopSpineItem()}\n        disabled={\n          !navigation?.canGoLeftSpineItem && !navigation?.canGoTopSpineItem\n        }\n      >\n        {isVerticalDirection ? <RxDoubleArrowUp /> : <RxDoubleArrowLeft />}\n      </IconButton>\n      <Stack\n        flex={1}\n        maxW={400}\n        gap={2}\n        alignItems=\"center\"\n        overflow=\"visible\"\n        px={4}\n      >\n        <PaginationInfoSection />\n        <Box height={5} maxW={300} width=\"100%\" overflow=\"visible\">\n          <Scrubber />\n        </Box>\n      </Stack>\n      <IconButton\n        aria-label=\"right\"\n        size=\"lg\"\n        flexShrink={0}\n        variant=\"ghost\"\n        disabled={\n          !navigation?.canGoRightSpineItem && !navigation?.canGoBottomSpineItem\n        }\n        onClick={() => {\n          reader?.navigation.goToRightOrBottomSpineItem()\n        }}\n      >\n        {isVerticalDirection ? <RxDoubleArrowDown /> : <RxDoubleArrowRight />}\n      </IconButton>\n      <TimeIndicator position=\"absolute\" bottom={0} left={0} p={2} />\n    </QuickBar>\n  )\n}\n","import { useEffect } from \"react\"\n\nimport { useCallback } from \"react\"\n\nimport { useState } from \"react\"\n\nexport const useFullscreen = () => {\n  const [isFullscreen, setIsFullscreen] = useState(false)\n\n  const onToggleFullscreenClick = useCallback(() => {\n    if (document.fullscreenElement) {\n      return document\n        .exitFullscreen()\n        .catch(console.error)\n        .then(() => {\n          setIsFullscreen(false)\n        })\n    }\n\n    return document.documentElement\n      .requestFullscreen({ navigationUI: \"hide\" })\n      .catch(console.error)\n      .then(() => {\n        setIsFullscreen(true)\n      })\n  }, [])\n\n  useEffect(() => {\n    function fullscreenchangeHandler() {\n      setIsFullscreen(!!document.fullscreenElement)\n    }\n\n    document.addEventListener(\"fullscreenchange\", fullscreenchangeHandler)\n\n    return () => {\n      document.removeEventListener(\"fullscreenchange\", fullscreenchangeHandler)\n    }\n  }, [])\n\n  return {\n    isFullscreen,\n    onToggleFullscreenClick,\n  }\n}\n","import { HStack, IconButton, Stack, Text } from \"@chakra-ui/react\"\nimport { IoIosArrowBack, IoMdMore } from \"react-icons/io\"\nimport { MdFullscreen, MdFullscreenExit } from \"react-icons/md\"\nimport { useObserve } from \"reactjrx\"\nimport { useFullscreen } from \"../../common/useFullscreen\"\nimport { useReader } from \"../../context/useReader\"\nimport { QuickBar } from \"./QuickBar\"\n\nexport const TopBar = ({\n  open,\n  onBackClick,\n  onMoreClick,\n}: {\n  open: boolean\n  onBackClick: () => void\n  onMoreClick: () => void\n}) => {\n  const reader = useReader()\n  const manifest = useObserve(() => reader?.context.manifest$, [reader])\n  const { isFullscreen, onToggleFullscreenClick } = useFullscreen()\n\n  return (\n    <QuickBar\n      present={open}\n      position=\"top\"\n      height=\"80px\"\n      justifyContent=\"space-between\"\n    >\n      <IconButton\n        aria-label=\"left\"\n        size=\"lg\"\n        variant=\"ghost\"\n        flexShrink={0}\n        onClick={onBackClick}\n      >\n        <IoIosArrowBack />\n      </IconButton>\n      <Stack\n        flex={1}\n        maxW={600}\n        gap={1}\n        alignItems=\"center\"\n        overflow=\"auto\"\n        px={4}\n      >\n        <Text truncate maxWidth=\"100%\">\n          {manifest?.title}\n        </Text>\n      </Stack>\n      <HStack>\n        <IconButton\n          aria-label=\"right\"\n          size=\"lg\"\n          flexShrink={0}\n          variant=\"ghost\"\n          onClick={onMoreClick}\n        >\n          <IoMdMore />\n        </IconButton>\n        <IconButton\n          aria-label=\"right\"\n          size=\"lg\"\n          flexShrink={0}\n          variant=\"ghost\"\n          onClick={onToggleFullscreenClick}\n        >\n          {isFullscreen ? <MdFullscreenExit /> : <MdFullscreen />}\n        </IconButton>\n      </HStack>\n    </QuickBar>\n  )\n}\n","import { memo } from \"react\"\nimport { BottomBar } from \"./BottomBar\"\nimport { TopBar } from \"./TopBar\"\n\nexport const QuickMenu = memo(\n  ({\n    open,\n    onBackClick,\n    onMoreClick,\n  }: { open: boolean; onBackClick: () => void; onMoreClick: () => void }) => {\n    return (\n      <>\n        <TopBar\n          open={open}\n          onBackClick={onBackClick}\n          onMoreClick={onMoreClick}\n        />\n        <BottomBar open={open} />\n      </>\n    )\n  },\n)\n","import type { Reader } from \"@prose-reader/core\"\nimport { memo } from \"react\"\nimport { ReaderContext } from \"./context\"\n\nexport const ReactReaderProvider = memo(\n  ({\n    children,\n    reader,\n  }: { children?: React.ReactNode; reader: Reader | undefined }) => {\n    return (\n      <ReaderContext.Provider value={reader}>{children}</ReaderContext.Provider>\n    )\n  },\n)\n"],"names":["ReaderContext","createContext","useReader","useContext","ToggleTip","React","props","ref","showArrow","children","portalled","content","portalRef","rest","jsxs","ChakraPopover","jsx","Portal","InfoTip","IconButton","HiOutlineInformationCircle","ProgressBar","ChakraProgress","React__namespace","info","ProgressRoot","ProgressValueText","usePagination","reader","useObserve","combineLatest","map","state","context","isOnlyImages","_a","item","NEVER","useNavigationContext","pagination","hasOnlyOnePage","isBeginWithinChapter","isEndWithinChapter","beginPageIndex","endPageIndex","leftPageIndex","rightPageIndex","a","b","beginAndEndAreDifferent","totalApproximatePages","PaginationInfoSection","progress","buildTitleChain","chapterInfo","chapterTitle","Stack","HStack","Text","Fragment","QuickBar","memo","position","Presence","ChakraRcSlider","chakra","RcSlider","ThemedSlider","Box","useSliderValues","isUsingSpread","currentRealPage","currentPage","value","valueSignal","useSignal","min","max","useEffect","Scrubber","manifest","reverse","step","isScrubberWithinChapter","onChange","useCallback","values","pageIndex","useSubscribe","useTime","time","setTime","useState","interval","TimeIndicator","BottomBar","open","navigation","settings","isVerticalDirection","RxDoubleArrowUp","RxDoubleArrowLeft","RxDoubleArrowDown","RxDoubleArrowRight","useFullscreen","isFullscreen","setIsFullscreen","onToggleFullscreenClick","fullscreenchangeHandler","TopBar","onBackClick","onMoreClick","IoIosArrowBack","IoMdMore","MdFullscreenExit","MdFullscreen","QuickMenu","ReactReaderProvider"],"mappings":"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"}

package/dist/navigation/QuickMenu/BottomBar.d.ts

@@ -0,0 +1,3 @@
+export declare const BottomBar: ({ open }: {
+    open: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/navigation/QuickMenu/PaginationInfoSection.d.ts

@@ -0,0 +1 @@
+export declare const PaginationInfoSection: () => import("react/jsx-runtime").JSX.Element;

package/dist/navigation/QuickMenu/QuickBar.d.ts

@@ -0,0 +1,4 @@
+import { PresenceProps } from '@chakra-ui/react';
+export declare const QuickBar: import('react').MemoExoticComponent<({ children, position, ...rest }: {
+    position: "top" | "bottom";
+} & PresenceProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/navigation/QuickMenu/QuickMenu.d.ts

@@ -0,0 +1,5 @@
+export declare const QuickMenu: import('react').MemoExoticComponent<({ open, onBackClick, onMoreClick, }: {
+    open: boolean;
+    onBackClick: () => void;
+    onMoreClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/navigation/QuickMenu/Scrubber.d.ts

@@ -0,0 +1 @@
+export declare const Scrubber: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/navigation/QuickMenu/ThemedSlider.d.ts

@@ -0,0 +1,3 @@
+import { default as RcSlider } from 'rc-slider';
+import { ComponentProps } from 'react';
+export declare const ThemedSlider: import('react').MemoExoticComponent<(props: ComponentProps<typeof RcSlider>) => import("react/jsx-runtime").JSX.Element>;

package/dist/navigation/QuickMenu/TimeIndicator.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from '@chakra-ui/react';
+export declare const useTime: () => Date;
+export declare const TimeIndicator: (props: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/navigation/QuickMenu/TopBar.d.ts

@@ -0,0 +1,5 @@
+export declare const TopBar: ({ open, onBackClick, onMoreClick, }: {
+    open: boolean;
+    onBackClick: () => void;
+    onMoreClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/navigation/useNavigationContext.d.ts

@@ -0,0 +1,11 @@
+export declare const useNavigationContext: () => {
+    hasOnlyOnePage: boolean;
+    beginPageIndex: number;
+    endPageIndex: number;
+    isBeginWithinChapter: boolean;
+    isEndWithinChapter: boolean;
+    beginAndEndAreDifferent: boolean;
+    totalApproximatePages: number | undefined;
+    leftPageIndex: number;
+    rightPageIndex: number;
+};

package/dist/pagination/usePagination.d.ts

@@ -0,0 +1,4 @@
+import { Reader } from '@prose-reader/core';
+export declare const usePagination: () => (Reader["pagination"]["state"] & {
+    hasChapters: boolean;
+}) | undefined;

package/dist/settings/useSettings.d.ts

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

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@prose-reader/react-reader",
   "private": false,
-  "version": "1.174.0",
+  "version": "1.176.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js"
   },
+  "files": [
+    "/dist"
+  ],
   "scripts": {
     "start": "vite build --watch --mode development",
     "build": "tsc -b && vite build"
@@ -33,5 +36,5 @@
     "react-icons": "^5.4.0",
     "reactjrx": "1.x"
   },
-  "gitHead": "0480c80fdd90be870b286be1473fa382e980c6d9"
+  "gitHead": "a2c0d6d296b361c9eec89653ba6ed443d4140239"
 }

package/src/common/useFullscreen.ts

@@ -1,44 +0,0 @@
-import { useEffect } from "react"
-
-import { useCallback } from "react"
-
-import { useState } from "react"
-
-export const useFullscreen = () => {
-  const [isFullscreen, setIsFullscreen] = useState(false)
-
-  const onToggleFullscreenClick = useCallback(() => {
-    if (document.fullscreenElement) {
-      return document
-        .exitFullscreen()
-        .catch(console.error)
-        .then(() => {
-          setIsFullscreen(false)
-        })
-    }
-
-    return document.documentElement
-      .requestFullscreen({ navigationUI: "hide" })
-      .catch(console.error)
-      .then(() => {
-        setIsFullscreen(true)
-      })
-  }, [])
-
-  useEffect(() => {
-    function fullscreenchangeHandler() {
-      setIsFullscreen(!!document.fullscreenElement)
-    }
-
-    document.addEventListener("fullscreenchange", fullscreenchangeHandler)
-
-    return () => {
-      document.removeEventListener("fullscreenchange", fullscreenchangeHandler)
-    }
-  }, [])
-
-  return {
-    isFullscreen,
-    onToggleFullscreenClick,
-  }
-}

package/src/components/ui/avatar.tsx

@@ -1,74 +0,0 @@
-"use client"
-
-import type { GroupProps, SlotRecipeProps } from "@chakra-ui/react"
-import { Avatar as ChakraAvatar, Group } 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 const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(
-  function Avatar(props, ref) {
-    const { name, src, srcSet, loading, icon, fallback, children, ...rest } =
-      props
-    return (
-      <ChakraAvatar.Root ref={ref} {...rest}>
-        <AvatarFallback name={name} icon={icon}>
-          {fallback}
-        </AvatarFallback>
-        <ChakraAvatar.Image src={src} srcSet={srcSet} loading={loading} />
-        {children}
-      </ChakraAvatar.Root>
-    )
-  },
-)
-
-interface AvatarFallbackProps extends ChakraAvatar.FallbackProps {
-  name?: string
-  icon?: React.ReactElement
-}
-
-const AvatarFallback = React.forwardRef<HTMLDivElement, AvatarFallbackProps>(
-  function AvatarFallback(props, ref) {
-    const { name, icon, children, ...rest } = props
-    return (
-      <ChakraAvatar.Fallback ref={ref} {...rest}>
-        {children}
-        {name != null && children == null && <>{getInitials(name)}</>}
-        {name == null && children == null && (
-          <ChakraAvatar.Icon asChild={!!icon}>{icon}</ChakraAvatar.Icon>
-        )}
-      </ChakraAvatar.Fallback>
-    )
-  },
-)
-
-function getInitials(name: string) {
-  const names = name.trim().split(" ")
-  const firstName = names[0] != null ? names[0] : ""
-  const lastName = names.length > 1 ? names[names.length - 1] : ""
-  return firstName && lastName
-    ? `${firstName.charAt(0)}${lastName.charAt(0)}`
-    : firstName.charAt(0)
-}
-
-interface AvatarGroupProps extends GroupProps, SlotRecipeProps<"avatar"> {}
-
-export const AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
-  function AvatarGroup(props, ref) {
-    const { size, variant, borderless, ...rest } = props
-    return (
-      <ChakraAvatar.PropsProvider value={{ size, variant, borderless }}>
-        <Group gap="0" spaceX="-3" ref={ref} {...rest} />
-      </ChakraAvatar.PropsProvider>
-    )
-  },
-)

package/src/components/ui/checkbox.tsx

@@ -1,25 +0,0 @@
-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 const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(
-  function Checkbox(props, ref) {
-    const { icon, children, inputProps, rootRef, ...rest } = props
-    return (
-      <ChakraCheckbox.Root ref={rootRef} {...rest}>
-        <ChakraCheckbox.HiddenInput ref={ref} {...inputProps} />
-        <ChakraCheckbox.Control>
-          {icon || <ChakraCheckbox.Indicator />}
-        </ChakraCheckbox.Control>
-        {children != null && (
-          <ChakraCheckbox.Label>{children}</ChakraCheckbox.Label>
-        )}
-      </ChakraCheckbox.Root>
-    )
-  },
-)

package/src/components/ui/close-button.tsx

@@ -1,17 +0,0 @@
-import type { ButtonProps } from "@chakra-ui/react"
-import { IconButton as ChakraIconButton } from "@chakra-ui/react"
-import * as React from "react"
-import { LuX } from "react-icons/lu"
-
-export type CloseButtonProps = ButtonProps
-
-export const CloseButton = React.forwardRef<
-  HTMLButtonElement,
-  CloseButtonProps
->(function CloseButton(props, ref) {
-  return (
-    <ChakraIconButton variant="ghost" aria-label="Close" ref={ref} {...props}>
-      {props.children ?? <LuX />}
-    </ChakraIconButton>
-  )
-})

package/src/components/ui/color-mode.tsx

@@ -1,75 +0,0 @@
-"use client"
-
-import type { IconButtonProps } from "@chakra-ui/react"
-import { ClientOnly, IconButton, Skeleton } from "@chakra-ui/react"
-import { ThemeProvider, useTheme } from "next-themes"
-import type { ThemeProviderProps } from "next-themes"
-import * as React from "react"
-import { LuMoon, LuSun } from "react-icons/lu"
-
-export interface ColorModeProviderProps extends ThemeProviderProps {}
-
-export function ColorModeProvider(props: ColorModeProviderProps) {
-  return (
-    <ThemeProvider attribute="class" disableTransitionOnChange {...props} />
-  )
-}
-
-export type ColorMode = "light" | "dark"
-
-export interface UseColorModeReturn {
-  colorMode: ColorMode
-  setColorMode: (colorMode: ColorMode) => void
-  toggleColorMode: () => void
-}
-
-export function useColorMode(): UseColorModeReturn {
-  const { resolvedTheme, setTheme } = useTheme()
-  const toggleColorMode = () => {
-    setTheme(resolvedTheme === "light" ? "dark" : "light")
-  }
-  return {
-    colorMode: resolvedTheme as ColorMode,
-    setColorMode: setTheme,
-    toggleColorMode,
-  }
-}
-
-export function useColorModeValue<T>(light: T, dark: T) {
-  const { colorMode } = useColorMode()
-  return colorMode === "dark" ? dark : light
-}
-
-export function ColorModeIcon() {
-  const { colorMode } = useColorMode()
-  return colorMode === "dark" ? <LuMoon /> : <LuSun />
-}
-
-interface ColorModeButtonProps extends Omit<IconButtonProps, "aria-label"> {}
-
-export const ColorModeButton = React.forwardRef<
-  HTMLButtonElement,
-  ColorModeButtonProps
->(function ColorModeButton(props, ref) {
-  const { toggleColorMode } = useColorMode()
-  return (
-    <ClientOnly fallback={<Skeleton boxSize="8" />}>
-      <IconButton
-        onClick={toggleColorMode}
-        variant="ghost"
-        aria-label="Toggle color mode"
-        size="sm"
-        ref={ref}
-        {...props}
-        css={{
-          _icon: {
-            width: "5",
-            height: "5",
-          },
-        }}
-      >
-        <ColorModeIcon />
-      </IconButton>
-    </ClientOnly>
-  )
-})

package/src/components/ui/dialog.tsx

@@ -1,62 +0,0 @@
-import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react"
-import { CloseButton } from "./close-button"
-import * as React from "react"
-
-interface DialogContentProps extends ChakraDialog.ContentProps {
-  portalled?: boolean
-  portalRef?: React.RefObject<HTMLElement>
-  backdrop?: boolean
-}
-
-export const DialogContent = React.forwardRef<
-  HTMLDivElement,
-  DialogContentProps
->(function DialogContent(props, ref) {
-  const {
-    children,
-    portalled = true,
-    portalRef,
-    backdrop = true,
-    ...rest
-  } = props
-
-  return (
-    <Portal disabled={!portalled} container={portalRef}>
-      {backdrop && <ChakraDialog.Backdrop />}
-      <ChakraDialog.Positioner>
-        <ChakraDialog.Content ref={ref} {...rest} asChild={false}>
-          {children}
-        </ChakraDialog.Content>
-      </ChakraDialog.Positioner>
-    </Portal>
-  )
-})
-
-export const DialogCloseTrigger = React.forwardRef<
-  HTMLButtonElement,
-  ChakraDialog.CloseTriggerProps
->(function DialogCloseTrigger(props, ref) {
-  return (
-    <ChakraDialog.CloseTrigger
-      position="absolute"
-      top="2"
-      insetEnd="2"
-      {...props}
-      asChild
-    >
-      <CloseButton size="sm" ref={ref}>
-        {props.children}
-      </CloseButton>
-    </ChakraDialog.CloseTrigger>
-  )
-})
-
-export const DialogRoot = ChakraDialog.Root
-export const DialogFooter = ChakraDialog.Footer
-export const DialogHeader = ChakraDialog.Header
-export const DialogBody = ChakraDialog.Body
-export const DialogBackdrop = ChakraDialog.Backdrop
-export const DialogTitle = ChakraDialog.Title
-export const DialogDescription = ChakraDialog.Description
-export const DialogTrigger = ChakraDialog.Trigger
-export const DialogActionTrigger = ChakraDialog.ActionTrigger