@edrlab/thorium-web 1.0.8 → 1.1.0

package/dist/{chunk-TA2ZMJMK.mjs → chunk-D24O64OP.mjs}

@@ -1,36 +1,31 @@
-import { useFullscreen, useEpubNavigator } from './chunk-OWJCESNF.mjs';
-import { useI18n } from './chunk-4M7DDKAT.mjs';
-import { require_debounce, useAppDispatch, setFullscreen, useAppSelector, setActionOpen, dockAction, setSettingsContainer, setColumnCount, setWebPubFontFamily, setFontFamily, setWebPubFontWeight, setFontWeight, setWebPubHyphens, setHyphens, setScroll, setWebPubLetterSpacing, setLetterSpacing, setWebPubLineHeight, setLineHeight, setWebPubParagraphIndent, setParagraphIndent, setWebPubParagraphSpacing, setParagraphSpacing, setWebPubWordSpacing, setWordSpacing, setWebPubSpacingPreset, setWebPubPublisherStyles, setSpacingPreset, setPublisherStyles, setWebPubTextAlign, setTextAlign, setWebPubTextNormalization, setTextNormalization, setTheme, setWebPubZoom, setFontSize, ThReduxPreferencesAdapter, setHovering, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-SQHOOSST.mjs';
-import { usePreferences, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, usePreferenceKeys, defaultFontFamilyOptions, buildThemeObject, defaultPreferences, ThPreferencesProvider } from './chunk-7PJ2GDZA.mjs';
-import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThBottomSheet, ThCloseButton, ThModal, ThDockedPanel, ThTypedComponentRenderer, useActions, ThForm, ThFormNumberField, ThSettingsWrapper, ThFormSearchField, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThLoader, ThGrid, ThInteractiveOverlay, ThHeader, ThFooter, ThLink, ThLibrary, ThHome, ThBackArrow, ThRunningHead, ThPagination, ThProgression } from './chunk-GZDYMUV7.mjs';
-import { usePrevious } from './chunk-YZ73DHRU.mjs';
 import { makeBreakpointsMap, isInteractiveElement, isKeyboardTriggered, isActiveElement, getBestMatchingProgressionFormat } from './chunk-VH22EPOM.mjs';
+import { useFullscreen, useEpubNavigator } from './chunk-OWJCESNF.mjs';
+import { useAppDispatch, setFullscreen, useAppSelector, setActionOpen, dockAction, setSettingsContainer, debounce, setColumnCount, setWebPubFontFamily, setFontFamily, setWebPubFontWeight, setFontWeight, setWebPubHyphens, setHyphens, setScroll, setWebPubLetterSpacing, setLetterSpacing, setWebPubLineHeight, setLineHeight, setWebPubParagraphIndent, setParagraphIndent, setWebPubParagraphSpacing, setParagraphSpacing, setWebPubWordSpacing, setWordSpacing, setWebPubSpacingPreset, setWebPubPublisherStyles, setSpacingPreset, setPublisherStyles, setWebPubTextAlign, setTextAlign, setWebPubTextNormalization, setTextNormalization, setTheme, setWebPubZoom, setFontSize, ThReduxPreferencesAdapter, setHovering, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-HE3WFPGE.mjs';
+import { usePreferences, prefixString, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, usePreferenceKeys, defaultFontFamilyOptions, buildThemeObject, defaultPreferences, ThPreferencesProvider } from './chunk-SPAC7T57.mjs';
 import { isIOSish, buildShortcut, metaKeys } from './chunk-5LUMM7FW.mjs';
+import { useI18n } from './chunk-KKJA56IZ.mjs';
+import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThBottomSheet, ThCloseButton, ThModal, ThDockedPanel, ThTypedComponentRenderer, useActions, ThForm, ThFormNumberField, ThSettingsWrapper, ThFormSearchField, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThInteractiveOverlay, ThHeader, ThFooter, ThLink, ThLibrary, ThHome, ThBackArrow, ThRunningHead, ThPagination, ThProgression } from './chunk-GZDYMUV7.mjs';
+import { usePrevious } from './chunk-YZ73DHRU.mjs';
 import { ThDockingTypes, ThSheetTypes, ThTextSettingsKeys, ThSpacingSettingsKeys, ThRunningHeadFormat, ThProgressionFormat } from './chunk-CVM2ZAPL.mjs';
-import { __toESM } from './chunk-3QS3WKRC.mjs';
-import overflowMenuStyles from './overflowMenu.module-QL32ISXF.module.css';
-import { Text, useFilter, Tree, TreeItem, TreeItemContent, Button, Collection, ListBox, ListBoxItem, Radio, Link, Keyboard, Toolbar } from 'react-aria-components';
+import { Text, useFilter, Tree, TreeItem, TreeItemContent, Button, Collection, ListBox, ListBoxItem, Radio, Keyboard, Toolbar } from 'react-aria-components';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React21, { createContext, useRef, useCallback, useMemo, useState, useEffect, useContext, isValidElement, cloneElement } from 'react';
-import readerSharedUI from './readerSharedUI.module-Y2VDWFS5.module.css';
+import React21, { createContext, useRef, useCallback, useEffect, useMemo, useState, useContext } from 'react';
 import classNames3 from 'classnames';
-import sheetStyles2 from './sheets.module-LJOLY4MK.module.css';
-import dockingStyles2 from './docking.module-TDNYZX4H.module.css';
-import jumpToPositionStyles from './jumpToPosition.module-4C47UYPE.module.css';
-import settingsStyles8 from './settings.module-H5MUDFJO.module.css';
-import { Link as Link$1, HttpFetcher } from '@readium/shared';
-import tocStyles from './toc.module-F47C5CDS.module.css';
+import { Link, HttpFetcher } from '@readium/shared';
 import { TextAlignment } from '@readium/navigator';
-import readerLoaderStyles from './readerLoader.module-KDBPCQZJ.module.css';
-import publicationGridStyles from './publicationGrid.module-T6ISNRGM.module.css';
 import { useStore } from 'react-redux';
 import { PanelGroup, Panel, PanelResizeHandle } from 'react-resizable-panels';
-import readerHeaderStyles from './readerHeader.module-RNGQFLVS.module.css';
-import backLinkStyles from './backLink.module-QFOMD4RA.module.css';
 import { useFocusWithin } from 'react-aria';
-import readerPaginationStyles2 from './readerPagination.module-DYBZAQ7H.module.css';
-import progressionStyles from './readerProgression.module-7PU7L74S.module.css';
 
+// src/components/Actions/assets/styles/thorium-web.overflow.module.css
+var thorium_web_overflow_default = {
+  hint: "thorium_web_overflow_hint",
+  popover: "thorium_web_overflow_popover",
+  menu: "thorium_web_overflow_menu",
+  menuItem: "thorium_web_overflow_menuItem",
+  menuItemLabel: "thorium_web_overflow_menuItemLabel",
+  menuItemShortcut: "thorium_web_overflow_menuItemShortcut"
+};
 var UnstableStatefulShortcut = ({
   className,
   rawForm,
@@ -79,7 +74,7 @@ var StatefulOverflowMenuItem = ({
     {
       id,
       label,
-      className: overflowMenuStyles.menuItem,
+      className: thorium_web_overflow_default.menuItem,
       "aria-labelledby": menuItemLabelId,
       ...props,
       children: [
@@ -87,7 +82,7 @@ var StatefulOverflowMenuItem = ({
         /* @__PURE__ */ jsx(
           Text,
           {
-            className: overflowMenuStyles.menuItemLabel,
+            className: thorium_web_overflow_default.menuItemLabel,
             slot: "label",
             id: menuItemLabelId,
             children: label
@@ -96,7 +91,7 @@ var StatefulOverflowMenuItem = ({
         shortcut && /* @__PURE__ */ jsx(
           UnstableStatefulShortcut,
           {
-            className: overflowMenuStyles.menuItemKbdShortcut,
+            className: thorium_web_overflow_default.menuItemShortcut,
             rawForm: shortcut
           }
         )
@@ -104,6 +99,20 @@ var StatefulOverflowMenuItem = ({
     }
   ) });
 };
+
+// src/components/assets/styles/thorium-web.button.module.css
+var thorium_web_button_default = {
+  icon: "thorium_web_button_icon",
+  dockerButton: "thorium_web_button_dockerButton",
+  closeButton: "thorium_web_button_closeButton",
+  backButton: "thorium_web_button_backButton",
+  tooltip: "thorium_web_button_tooltip",
+  alwaysVisible: "thorium_web_button_alwaysVisible",
+  partiallyVisible: "thorium_web_button_partiallyVisible",
+  iconCompSm: "thorium_web_button_iconCompSm",
+  iconCompLg: "thorium_web_button_iconCompLg",
+  iconApplyStroke: "thorium_web_button_iconApplyStroke"
+};
 var StatefulActionIcon = ({
   visibility,
   placement,
@@ -118,10 +127,10 @@ var StatefulActionIcon = ({
     let className = "";
     switch (visibility) {
       case "always" /* always */:
-        className = readerSharedUI.alwaysVisible;
+        className = thorium_web_button_default.alwaysVisible;
         break;
       case "partially" /* partially */:
-        className = readerSharedUI.partiallyVisible;
+        className = thorium_web_button_default.partiallyVisible;
         break;
     }
     return className;
@@ -143,7 +152,7 @@ var StatefulActionIcon = ({
     ThActionButton,
     {
       ref: triggerRef,
-      className: classNames3(readerSharedUI.icon, handleClassNameFromState(), props.className),
+      className: classNames3(thorium_web_button_default.icon, handleClassNameFromState(), props.className),
       onPress: props.onPress || defaultOnPressFunc,
       onKeyDown: blurOnEsc,
       onFocus: handleImmersive,
@@ -153,7 +162,7 @@ var StatefulActionIcon = ({
           closeDelay: preferences.theming.icon.tooltipDelay
         },
         tooltip: {
-          className: readerSharedUI.tooltip,
+          className: thorium_web_button_default.tooltip,
           placement,
           offset: preferences.theming.icon.tooltipOffset || 0
         },
@@ -195,7 +204,7 @@ var StatefulFullscreenTrigger = ({ variant }) => {
   ) : /* @__PURE__ */ jsx(
     StatefulActionIcon,
     {
-      className: readerSharedUI.iconCompSm,
+      className: thorium_web_button_default.iconCompSm,
       visibility: preferences.actions.keys["fullscreen" /* fullscreen */].visibility,
       "aria-label": label,
       placement: "bottom",
@@ -228,7 +237,7 @@ var StatefulOverflowMenu = ({
         id,
         triggerRef,
         selectionMode: "none",
-        className: overflowMenuStyles.overflowMenu,
+        className: thorium_web_overflow_default.menu,
         dependencies: ["Trigger"],
         items,
         compounds: {
@@ -237,12 +246,12 @@ var StatefulOverflowMenu = ({
           },
           popover: {
             placement: "bottom",
-            className: overflowMenuStyles.overflowPopover
+            className: thorium_web_overflow_default.popover
           },
           button: /* @__PURE__ */ jsx(
             StatefulActionIcon,
             {
-              className: className ? className : overflowMenuStyles.activeButton,
+              className: className ? className : thorium_web_overflow_default.button,
               "aria-label": t("reader.overflowMenu.active.trigger"),
               placement: "bottom",
               tooltipLabel: t("reader.overflowMenu.active.tooltip"),
@@ -301,6 +310,37 @@ var useNavigatorContext = () => {
 var useNavigator = () => {
   return useNavigatorContext();
 };
+
+// src/components/Sheets/assets/styles/thorium-web.sheets.module.css
+var thorium_web_sheets_default = {
+  fullscreen: "thorium_web_sheets_fullscreen",
+  popover: "thorium_web_sheets_popover",
+  draggable: "thorium_web_sheets_draggable",
+  draggableFullHeightDetent: "thorium_web_sheets_draggableFullHeightDetent",
+  draggableContentHeightDetent: "thorium_web_sheets_draggableContentHeightDetent",
+  draggableBackdrop: "thorium_web_sheets_draggableBackdrop",
+  draggableScrim: "thorium_web_sheets_draggableScrim",
+  draggableScroller: "thorium_web_sheets_draggableScroller",
+  dragIndicator: "thorium_web_sheets_dragIndicator",
+  docked: "thorium_web_sheets_docked",
+  dockedLeftBorder: "thorium_web_sheets_dockedLeftBorder",
+  dockedRightBorder: "thorium_web_sheets_dockedRightBorder",
+  dialog: "thorium_web_sheets_dialog",
+  header: "thorium_web_sheets_header",
+  draggableHeader: "thorium_web_sheets_draggableHeader",
+  heading: "thorium_web_sheets_heading",
+  body: "thorium_web_sheets_body"
+};
+
+// src/components/Docking/assets/styles/thorium-web.docking.module.css
+var thorium_web_docking_default = {
+  dockerWrapper: "thorium_web_docking_dockerWrapper",
+  docker: "thorium_web_docking_docker",
+  resizeHandle: "thorium_web_docking_resizeHandle",
+  resizeHandleGrab: "thorium_web_docking_resizeHandleGrab",
+  resizeHandleGrabLeft: "thorium_web_docking_resizeHandleGrabLeft",
+  resizeHandleGrabRight: "thorium_web_docking_resizeHandleGrabRight"
+};
 var SvgDockToRight = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm120-80v-560H200v560h120Zm80 0h360v-560H400v560Zm-80 0H200h120Z" }) });
 var dock_to_right_default = SvgDockToRight;
 var SvgDockToLeft = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm440-80h120v-560H640v560Zm-80 0v-560H200v560h360Zm80 0h120-120Z" }) });
@@ -340,7 +380,7 @@ var StatefulDockStart = ({ variant, associatedKey }) => {
   ) : /* @__PURE__ */ jsx(
     StatefulActionIcon,
     {
-      className: readerSharedUI.dockerButton,
+      className: thorium_web_button_default.dockerButton,
       "aria-label": localeKey.trigger,
       placement: "bottom",
       tooltipLabel: localeKey.tooltip,
@@ -385,7 +425,7 @@ var StatefulDockEnd = ({ variant, associatedKey }) => {
   ) : /* @__PURE__ */ jsx(
     StatefulActionIcon,
     {
-      className: readerSharedUI.dockerButton,
+      className: thorium_web_button_default.dockerButton,
       "aria-label": localeKey.trigger,
       placement: "bottom",
       tooltipLabel: localeKey.tooltip,
@@ -425,7 +465,7 @@ var StatefulDockTransientPopover = ({ variant, associatedKey }) => {
   ) : /* @__PURE__ */ jsx(
     StatefulActionIcon,
     {
-      className: readerSharedUI.dockerButton,
+      className: thorium_web_button_default.dockerButton,
       "aria-label": t("reader.app.docker.popover.trigger"),
       placement: "bottom",
       tooltipLabel: t("reader.app.docker.popover.tooltip"),
@@ -465,14 +505,14 @@ var StatefulDocker = ({
     });
     return actionsItems;
   }, [keys, id]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Toolbar, { className: dockingStyles2.dockerWrapper, children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Toolbar, { className: thorium_web_docking_default.dockerWrapper, children: [
     /* @__PURE__ */ jsx(
       StatefulCollapsibleActionsBar,
       {
         id: `${id}-docker-overflowMenu`,
         items: listActionItems(),
-        className: dockingStyles2.docker,
-        overflowMenuClassName: readerSharedUI.dockerButton,
+        className: thorium_web_docking_default.docker,
+        overflowMenuClassName: thorium_web_button_default.dockerButton,
         prefs: preferences.docking,
         "aria-label": t("reader.app.docker.wrapper")
       }
@@ -481,7 +521,7 @@ var StatefulDocker = ({
       ThCloseButton,
       {
         ref,
-        className: readerSharedUI.dockerButton,
+        className: thorium_web_button_default.dockerButton,
         "aria-label": t("reader.app.docker.close.trigger"),
         onPress: onClose,
         compounds: {
@@ -490,7 +530,7 @@ var StatefulDocker = ({
             closeDelay: preferences.theming.icon.tooltipDelay
           },
           tooltip: {
-            className: readerSharedUI.tooltip
+            className: thorium_web_button_default.tooltip
           },
           label: t("reader.app.docker.close.tooltip")
         }
@@ -509,7 +549,7 @@ var useWebkitPatch = (isOpen) => {
   } = useNavigator();
   useEffect(() => {
     if (isScroll && !isOpen) {
-      const container = document.getElementById("container");
+      const container = document.getElementById("thorium-web-container");
       if (!container) return;
       const currentHeight = container.offsetHeight;
       container.style.height = `${currentHeight - 1}px`;
@@ -552,6 +592,14 @@ var StatefulPopoverSheet = ({
   const popoverHeaderRef = useRef(null);
   const popoverBodyRef = useRef(null);
   const popoverCloseRef = useRef(null);
+  useEffect(() => {
+    if (isOpen && popoverRef.current && popoverHeaderRef.current) {
+      popoverRef.current.style.setProperty(
+        `--${prefixString("sheet-sticky-header")}`,
+        `${popoverHeaderRef.current.clientHeight}px`
+      );
+    }
+  }, [isOpen]);
   useWebkitPatch(!!isOpen);
   if (React21.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
@@ -574,16 +622,13 @@ var StatefulPopoverSheet = ({
           updateState: resetFocus
         },
         placement: placement || "bottom",
-        className: classNames3(sheetStyles2.popOverSheet, className),
+        className: classNames3(thorium_web_sheets_default.popover, className),
         isOpen,
         onOpenChange,
         isKeyboardDismissDisabled: dismissEscapeKeyClose,
-        style: {
-          "--sheet-sticky-header": popoverHeaderRef.current ? `${popoverHeaderRef.current.clientHeight}px` : void 0
-        },
         compounds: {
           dialog: {
-            className: sheetStyles2.sheetDialog
+            className: thorium_web_sheets_default.dialog
           }
         },
         children: [
@@ -591,11 +636,11 @@ var StatefulPopoverSheet = ({
             ThContainerHeader,
             {
               ref: popoverHeaderRef,
-              className: sheetStyles2.sheetHeader,
+              className: thorium_web_sheets_default.header,
               label: heading,
               compounds: {
                 heading: {
-                  className: sheetStyles2.sheetHeading
+                  className: thorium_web_sheets_default.heading
                 }
               },
               children: headerVariant === "previous" /* previous */ ? /* @__PURE__ */ jsx(
@@ -604,7 +649,7 @@ var StatefulPopoverSheet = ({
                   direction: direction === "ltr" ? "left" : "right",
                   label: t("reader.app.back.trigger"),
                   ref: popoverCloseRef,
-                  className: classNames3(className, readerSharedUI.backButton),
+                  className: classNames3(className, thorium_web_button_default.backButton),
                   "aria-label": t("reader.app.back.trigger"),
                   onPress: onClosePress
                 }
@@ -623,7 +668,7 @@ var StatefulPopoverSheet = ({
             ThContainerBody,
             {
               ref: popoverBodyRef,
-              className: sheetStyles2.sheetBody,
+              className: thorium_web_sheets_default.body,
               children
             }
           )
@@ -786,14 +831,14 @@ var StatefulBottomSheet = ({
   const detentClassName = useMemo(() => {
     let className2 = "";
     if (detent.current === "content-height") {
-      className2 = sheetStyles2.bottomSheetModalContentHeightDetent;
+      className2 = thorium_web_sheets_default.draggableContentHeightDetent;
     } else {
-      className2 = sheetStyles2.bottomSheetModalFullHeightDetent;
+      className2 = thorium_web_sheets_default.draggableFullHeightDetent;
     }
     return className2;
   }, [detent]);
   const scrimClassName = useMemo(() => {
-    return scrimPref.active ? sheetStyles2.bottomSheetScrim : "";
+    return scrimPref.active ? thorium_web_sheets_default.draggableScrim : "";
   }, [scrimPref]);
   const convertDetent = (detent2) => {
     switch (detent2) {
@@ -811,7 +856,7 @@ var StatefulBottomSheet = ({
       {
         id,
         ref: sheetRef,
-        className: sheetStyles2.bottomSheetRoot,
+        className: thorium_web_sheets_default.draggableRoot,
         isOpen,
         focusOptions: {
           withinRef: focusWithinRef ?? bottomSheetBodyRef,
@@ -843,27 +888,27 @@ var StatefulBottomSheet = ({
         prefersReducedMotion,
         compounds: {
           container: {
-            className: classNames3(sheetStyles2.bottomSheetModal, detentClassName),
+            className: classNames3(thorium_web_sheets_default.draggable, detentClassName),
             ref: sheetContainerRef,
             style: {
               maxWidth: maxWidthPref
             }
           },
           dragIndicator: {
-            className: sheetStyles2.dragIndicator,
+            className: thorium_web_sheets_default.dragIndicator,
             onPress: onDragPressCallback,
             onKeyDown: onDragKeyCallback
           },
           content: {
-            className: classNames3(sheetStyles2.bottomSheet, className),
+            className: classNames3(thorium_web_sheets_default.draggableContent, className),
             disableDrag: true
           },
           scroller: {
-            className: sheetStyles2.bottomSheetScroller
+            className: thorium_web_sheets_default.draggableScroller
           },
           backdrop: {
-            className: classNames3(sheetStyles2.bottomSheetBackdrop, scrimClassName),
-            style: { "--defaults-scrim": scrimPref.override }
+            className: classNames3(thorium_web_sheets_default.draggableBackdrop, scrimClassName),
+            style: { [`--${prefixString("layout-defaults-scrim")}`]: scrimPref.override }
           }
         },
         children: [
@@ -871,10 +916,10 @@ var StatefulBottomSheet = ({
             ThContainerHeader,
             {
               label: heading,
-              className: sheetStyles2.bottomSheetHeader,
+              className: thorium_web_sheets_default.draggableHeader,
               compounds: {
                 heading: {
-                  className: sheetStyles2.sheetHeading
+                  className: thorium_web_sheets_default.heading
                 }
               },
               children: headerVariant === "previous" /* previous */ ? /* @__PURE__ */ jsx(
@@ -883,7 +928,7 @@ var StatefulBottomSheet = ({
                   direction: direction === "ltr" ? "left" : "right",
                   label: t("reader.app.back.trigger"),
                   ref: bottomSheetCloseRef,
-                  className: classNames3(className, readerSharedUI.backButton),
+                  className: classNames3(className, thorium_web_button_default.backButton),
                   "aria-label": t("reader.app.back.trigger"),
                   onPress: onClosePress
                 }
@@ -891,7 +936,7 @@ var StatefulBottomSheet = ({
                 ThCloseButton,
                 {
                   ref: bottomSheetCloseRef,
-                  className: readerSharedUI.closeButton,
+                  className: thorium_web_button_default.closeButton,
                   "aria-label": t("reader.app.docker.close.trigger"),
                   onPress: onClosePress
                 }
@@ -902,7 +947,7 @@ var StatefulBottomSheet = ({
             ThContainerBody,
             {
               ref: bottomSheetBodyRef,
-              className: sheetStyles2.sheetBody,
+              className: thorium_web_sheets_default.body,
               children
             }
           )
@@ -927,15 +972,24 @@ var StatefulFullScreenSheet = ({
 }) => {
   const { t } = useI18n();
   const direction = useAppSelector((state) => state.reader.direction);
+  const fullScreenRef = useRef(null);
   const fullScreenHeaderRef = useRef(null);
   const fullScreenBodyRef = useRef(null);
   const fullScreenCloseRef = useRef(null);
+  useEffect(() => {
+    if (isOpen && fullScreenRef.current && fullScreenHeaderRef.current) {
+      fullScreenRef.current.style.setProperty(
+        `--${prefixString("sheet-sticky-header")}`,
+        `${fullScreenHeaderRef.current.clientHeight}px`
+      );
+    }
+  }, [isOpen]);
   useWebkitPatch(!!isOpen);
   if (React21.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThModal,
       {
-        ref: fullScreenBodyRef,
+        ref: fullScreenRef,
         focusOptions: {
           withinRef: focusWithinRef ?? fullScreenBodyRef,
           trackedState: isOpen,
@@ -952,27 +1006,24 @@ var StatefulFullScreenSheet = ({
         },
         compounds: {
           dialog: {
-            className: sheetStyles2.sheetDialog
+            className: thorium_web_sheets_default.dialog
           }
         },
         isOpen,
         onOpenChange,
         isDismissable: true,
-        className: classNames3(sheetStyles2.fullScreenSheet, className),
+        className: classNames3(thorium_web_sheets_default.fullscreen, className),
         isKeyboardDismissDisabled: dismissEscapeKeyClose,
-        style: {
-          "--sheet-sticky-header": fullScreenHeaderRef.current ? `${fullScreenHeaderRef.current.clientHeight}px` : void 0
-        },
         children: [
           /* @__PURE__ */ jsx(
             ThContainerHeader,
             {
               ref: fullScreenHeaderRef,
-              className: sheetStyles2.sheetHeader,
+              className: thorium_web_sheets_default.header,
               label: heading,
               compounds: {
                 heading: {
-                  className: sheetStyles2.sheetHeading
+                  className: thorium_web_sheets_default.heading
                 }
               },
               children: headerVariant === "previous" /* previous */ ? /* @__PURE__ */ jsx(
@@ -981,7 +1032,7 @@ var StatefulFullScreenSheet = ({
                   direction: direction === "ltr" ? "left" : "right",
                   label: t("reader.app.back.trigger"),
                   ref: fullScreenCloseRef,
-                  className: classNames3(className, readerSharedUI.backButton),
+                  className: classNames3(className, thorium_web_button_default.backButton),
                   "aria-label": t("reader.app.back.trigger"),
                   onPress: onClosePress
                 }
@@ -989,7 +1040,7 @@ var StatefulFullScreenSheet = ({
                 ThCloseButton,
                 {
                   ref: fullScreenCloseRef,
-                  className: readerSharedUI.closeButton,
+                  className: thorium_web_button_default.closeButton,
                   "aria-label": t("reader.app.docker.close.trigger"),
                   onPress: onClosePress
                 }
@@ -1000,7 +1051,7 @@ var StatefulFullScreenSheet = ({
             ThContainerBody,
             {
               ref: fullScreenBodyRef,
-              className: sheetStyles2.sheetBody,
+              className: thorium_web_sheets_default.body,
               children
             }
           )
@@ -1026,21 +1077,31 @@ var StatefulDockedSheet = ({
 }) => {
   const { t } = useI18n();
   const dockPortal = flow && document.getElementById(flow);
+  const dockedSheetRef = useRef(null);
   const dockedSheetHeaderRef = useRef(null);
   const dockedSheetBodyRef = useRef(null);
   const dockedSheetCloseRef = useRef(null);
   const direction = useAppSelector((state) => state.reader.direction);
+  useEffect(() => {
+    if (isOpen && dockedSheetRef.current && dockedSheetHeaderRef.current) {
+      dockedSheetRef.current.style.setProperty(
+        `--${prefixString("sheet-sticky-header")}`,
+        `${dockedSheetHeaderRef.current.clientHeight}px`
+      );
+    }
+  }, [isOpen]);
   const classFromFlow = useCallback(() => {
     if (flow === "dockingStart" /* start */) {
-      return direction === "ltr" /* ltr */ ? sheetStyles2.dockedSheetLeftBorder : sheetStyles2.dockedSheetRightBorder;
+      return direction === "ltr" /* ltr */ ? thorium_web_sheets_default.dockedLeftBorder : thorium_web_sheets_default.dockedRightBorder;
     } else if (flow === "dockingEnd" /* end */) {
-      return direction === "ltr" /* ltr */ ? sheetStyles2.dockedSheetRightBorder : sheetStyles2.dockedSheetLeftBorder;
+      return direction === "ltr" /* ltr */ ? thorium_web_sheets_default.dockedRightBorder : thorium_web_sheets_default.dockedLeftBorder;
     }
   }, [flow, direction]);
   if (React21.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThDockedPanel,
       {
+        ref: dockedSheetRef,
         isOpen,
         portal: dockPortal,
         focusOptions: {
@@ -1058,20 +1119,17 @@ var StatefulDockedSheet = ({
           },
           updateState: resetFocus
         },
-        className: classNames3(sheetStyles2.dockedSheet, className, classFromFlow()),
-        style: {
-          "--sheet-sticky-header": dockedSheetHeaderRef.current ? `${dockedSheetHeaderRef.current.clientHeight}px` : void 0
-        },
+        className: classNames3(thorium_web_sheets_default.docked, className, classFromFlow()),
         children: [
           /* @__PURE__ */ jsx(
             ThContainerHeader,
             {
               ref: dockedSheetHeaderRef,
-              className: sheetStyles2.sheetHeader,
+              className: thorium_web_sheets_default.header,
               label: heading,
               compounds: {
                 heading: {
-                  className: sheetStyles2.sheetHeading
+                  className: thorium_web_sheets_default.heading
                 }
               },
               children: headerVariant === "previous" /* previous */ ? /* @__PURE__ */ jsx(
@@ -1080,7 +1138,7 @@ var StatefulDockedSheet = ({
                   direction: direction === "ltr" ? "left" : "right",
                   label: t("reader.app.back.trigger"),
                   ref: dockedSheetCloseRef,
-                  className: classNames3(className, readerSharedUI.backButton),
+                  className: classNames3(className, thorium_web_button_default.backButton),
                   "aria-label": t("reader.app.back.trigger"),
                   onPress: onClosePress
                 }
@@ -1099,7 +1157,7 @@ var StatefulDockedSheet = ({
             ThContainerBody,
             {
               ref: dockedSheetBodyRef,
-              className: sheetStyles2.sheetBody,
+              className: thorium_web_sheets_default.body,
               children
             }
           )
@@ -1319,6 +1377,16 @@ var useDocking = (key) => {
     sheetType
   };
 };
+
+// src/components/Actions/JumpToPosition/assets/styles/thorium-web.jumpToPosition.module.css
+var thorium_web_jumpToPosition_default = {
+  wrapper: "thorium_web_jumpToPosition_wrapper",
+  form: "thorium_web_jumpToPosition_form",
+  label: "thorium_web_jumpToPosition_label",
+  input: "thorium_web_jumpToPosition_input",
+  button: "thorium_web_jumpToPosition_button",
+  numberField: "thorium_web_jumpToPosition_numberField"
+};
 var StatefulJumpToPositionContainer = ({
   triggerRef
 }) => {
@@ -1371,7 +1439,7 @@ var StatefulJumpToPositionContainer = ({
         id: "jumpToPosition" /* jumpToPosition */,
         triggerRef,
         heading: t("reader.jumpToPosition.heading"),
-        className: jumpToPositionStyles.jumpToPosition,
+        className: thorium_web_jumpToPosition_default.wrapper,
         placement: "bottom",
         isOpen: actionState?.isOpen || false,
         onOpenChange: setOpen,
@@ -1382,11 +1450,11 @@ var StatefulJumpToPositionContainer = ({
         ThForm,
         {
           label: t("reader.jumpToPosition.go"),
-          className: jumpToPositionStyles.jumpToPositionForm,
+          className: thorium_web_jumpToPosition_default.form,
           onSubmit: handleAction,
           compounds: {
             button: {
-              className: jumpToPositionStyles.jumpToPositionButton,
+              className: thorium_web_jumpToPosition_default.button,
               isDisabled: !position || positionInRange()
             }
           },
@@ -1395,7 +1463,7 @@ var StatefulJumpToPositionContainer = ({
             {
               label,
               name: "jumpToPosition",
-              className: jumpToPositionStyles.jumpToPositionNumberField,
+              className: thorium_web_jumpToPosition_default.numberField,
               onChange: setPosition,
               onInput: handleInput,
               value: position,
@@ -1406,10 +1474,10 @@ var StatefulJumpToPositionContainer = ({
               isWheelDisabled: true,
               compounds: {
                 label: {
-                  className: jumpToPositionStyles.jumpToPositionLabel
+                  className: thorium_web_jumpToPosition_default.label
                 },
                 input: {
-                  className: jumpToPositionStyles.jumpToPositionInput,
+                  className: thorium_web_jumpToPosition_default.input,
                   inputMode: "numeric"
                 }
               }
@@ -1456,6 +1524,40 @@ var StatefulJumpToPositionTrigger = ({ variant }) => {
     }
   ) });
 };
+
+// src/components/Settings/assets/styles/thorium-web.reader.settings.module.css
+var thorium_web_reader_settings_default = {
+  wrapper: "thorium_web_reader_settings_wrapper",
+  group: "thorium_web_reader_settings_group",
+  advancedGroup: "thorium_web_reader_settings_advancedGroup",
+  advancedIcon: "thorium_web_reader_settings_advancedIcon",
+  label: "thorium_web_reader_settings_label",
+  groupLabel: "thorium_web_reader_settings_groupLabel",
+  radioWrapper: "thorium_web_reader_settings_radioWrapper",
+  groupWrapper: "thorium_web_reader_settings_groupWrapper",
+  numberField: "thorium_web_reader_settings_numberField",
+  numberFieldWrapper: "thorium_web_reader_settings_numberFieldWrapper",
+  sliderWrapper: "thorium_web_reader_settings_sliderWrapper",
+  slider: "thorium_web_reader_settings_slider",
+  resetButton: "thorium_web_reader_settings_resetButton",
+  input: "thorium_web_reader_settings_input",
+  radio: "thorium_web_reader_settings_radio",
+  themeRadio: "thorium_web_reader_settings_themeRadio",
+  themesWrapper: "thorium_web_reader_settings_themesWrapper",
+  sliderLabel: "thorium_web_reader_settings_sliderLabel",
+  sliderOutput: "thorium_web_reader_settings_sliderOutput",
+  sliderTrack: "thorium_web_reader_settings_sliderTrack",
+  sliderThumb: "thorium_web_reader_settings_sliderThumb",
+  sliderPlaceholder: "thorium_web_reader_settings_sliderPlaceholder",
+  sliderWithTicks: "thorium_web_reader_settings_sliderWithTicks",
+  dropdown: "thorium_web_reader_settings_dropdown",
+  dropdownButton: "thorium_web_reader_settings_dropdownButton",
+  dropdownPopover: "thorium_web_reader_settings_dropdownPopover",
+  dropdownListbox: "thorium_web_reader_settings_dropdownListbox",
+  dropdownListboxItem: "thorium_web_reader_settings_dropdownListboxItem",
+  switch: "thorium_web_reader_settings_switch",
+  switchIndicator: "thorium_web_reader_settings_switchIndicator"
+};
 var StatefulGroupWrapper = ({
   label,
   moreLabel,
@@ -1477,18 +1579,18 @@ var StatefulGroupWrapper = ({
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     ThSettingsWrapper,
     {
-      className: classNames3(settingsStyles8.readerSettingsGroup, settingsStyles8.readerSettingsAdvancedGroup),
+      className: classNames3(thorium_web_reader_settings_default.group, thorium_web_reader_settings_default.advancedGroup),
       label,
       items: componentsMap,
       prefs: resolvedPrefs,
       compounds: {
         ...compounds?.heading ? { heading: compounds.heading } : {
           heading: {
-            className: classNames3(settingsStyles8.readerSettingsLabel, settingsStyles8.readerSettingsGroupLabel)
+            className: classNames3(thorium_web_reader_settings_default.label, thorium_web_reader_settings_default.groupLabel)
           }
         },
         button: {
-          className: classNames3(readerSharedUI.icon, settingsStyles8.readerSettingsAdvancedIcon),
+          className: classNames3(thorium_web_button_default.icon, thorium_web_reader_settings_default.advancedIcon),
           "aria-label": moreLabel,
           isDisabled,
           compounds: {
@@ -1497,7 +1599,7 @@ var StatefulGroupWrapper = ({
               closeDelay: preferences.theming.icon.tooltipDelay
             },
             tooltip: {
-              className: readerSharedUI.tooltip,
+              className: thorium_web_button_default.tooltip,
               placement: "top",
               offset: preferences.theming.icon.tooltipOffset || 0
             },
@@ -1806,7 +1908,7 @@ var StatefulSettingsContainer = ({
         triggerRef,
         heading: getHeading(),
         headerVariant: getHeaderVariant(),
-        className: settingsStyles8.readerSettings,
+        className: thorium_web_reader_settings_default.wrapper,
         placement: "bottom",
         isOpen: actionState?.isOpen || false,
         onOpenChange: setOpen,
@@ -1857,6 +1959,23 @@ var StatefulSettingsTrigger = ({ variant }) => {
     }
   ) });
 };
+
+// src/components/Actions/Toc/assets/styles/thorium-web.toc.module.css
+var thorium_web_toc_default = {
+  wrapper: "thorium_web_toc_wrapper",
+  search: "thorium_web_toc_search",
+  searchLabel: "thorium_web_toc_searchLabel",
+  searchInput: "thorium_web_toc_searchInput",
+  searchIcon: "thorium_web_toc_searchIcon",
+  clearButton: "thorium_web_toc_clearButton",
+  tree: "thorium_web_toc_tree",
+  treeItem: "thorium_web_toc_treeItem",
+  treeItemButton: "thorium_web_toc_treeItemButton",
+  treeItemText: "thorium_web_toc_treeItemText",
+  treeItemTextTitle: "thorium_web_toc_treeItemTextTitle",
+  treeItemTextPosition: "thorium_web_toc_treeItemTextPosition",
+  empty: "thorium_web_toc_empty"
+};
 var SvgChevronRight = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" }) });
 var chevron_right_default = SvgChevronRight;
 var StatefulTocContainer = ({ triggerRef }) => {
@@ -1908,7 +2027,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
     const el = document.querySelector(`[data-key=${key}]`);
     const href = el?.getAttribute("data-href");
     if (!href) return;
-    const link = new Link$1({ href });
+    const link = new Link({ href });
     const cb = actionState?.isOpen && (sheetType === "docked start" /* dockedStart */ || sheetType === "docked end" /* dockedEnd */) ? () => {
       dispatch(setTocEntry(key));
       dispatch(setImmersive(true));
@@ -1966,7 +2085,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
         id: "toc" /* toc */,
         triggerRef,
         heading: t("reader.toc.heading"),
-        className: tocStyles.toc,
+        className: thorium_web_toc_default.wrapper,
         placement: "bottom",
         isOpen: actionState?.isOpen || false,
         onOpenChange: setOpen,
@@ -1983,22 +2102,22 @@ var StatefulTocContainer = ({ triggerRef }) => {
             value: filterValue,
             onChange: setFilterValue,
             onClear: () => setFilterValue(""),
-            className: tocStyles.tocSearch,
+            className: thorium_web_toc_default.search,
             compounds: {
               label: {
-                className: tocStyles.tocSearchLabel
+                className: thorium_web_toc_default.searchLabel
               },
               input: {
                 ref: searchInputRef,
-                className: tocStyles.tocSearchInput,
+                className: thorium_web_toc_default.searchInput,
                 placeholder: t("reader.toc.search.placeholder")
               },
               searchIcon: {
-                className: tocStyles.tocSearchIcon,
+                className: thorium_web_toc_default.searchIcon,
                 hidden: !!filterValue
               },
               clearButton: {
-                className: tocStyles.tocClearButton,
+                className: thorium_web_toc_default.clearButton,
                 isDisabled: !filterValue
               }
             }
@@ -2011,7 +2130,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
             "aria-label": t("reader.toc.entries"),
             selectionMode: "single",
             items: displayedTocTree,
-            className: tocStyles.tocTree,
+            className: thorium_web_toc_default.tree,
             onSelectionChange: handleAction,
             selectedKeys: tocEntry ? [tocEntry] : [],
             expandedKeys,
@@ -2021,7 +2140,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
                 TreeItem,
                 {
                   "data-href": item.href,
-                  className: tocStyles.tocTreeItem,
+                  className: thorium_web_toc_default.treeItem,
                   textValue: item.title || "",
                   children: [
                     /* @__PURE__ */ jsxs(TreeItemContent, { children: [
@@ -2029,14 +2148,14 @@ var StatefulTocContainer = ({ triggerRef }) => {
                         Button,
                         {
                           slot: "chevron",
-                          className: tocStyles.tocTreeItemButton,
+                          className: thorium_web_toc_default.treeItemButton,
                           style: { transform: isRTL ? "scaleX(-1)" : "none" },
                           children: /* @__PURE__ */ jsx(chevron_right_default, { "aria-hidden": "true", focusable: "false" })
                         }
                       ),
-                      /* @__PURE__ */ jsxs("div", { className: tocStyles.tocTreeItemText, children: [
-                        /* @__PURE__ */ jsx("div", { className: tocStyles.tocTreeItemTextTitle, children: item.title }),
-                        item.position && /* @__PURE__ */ jsx("div", { className: tocStyles.tocTreeItemTextPosition, children: item.position })
+                      /* @__PURE__ */ jsxs("div", { className: thorium_web_toc_default.treeItemText, children: [
+                        /* @__PURE__ */ jsx("div", { className: thorium_web_toc_default.treeItemTextTitle, children: item.title }),
+                        item.position && /* @__PURE__ */ jsx("div", { className: thorium_web_toc_default.treeItemTextPosition, children: item.position })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsx(Collection, { items: item.children, children: renderItem })
@@ -2046,7 +2165,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
             }
           }
         )
-      ] }) : /* @__PURE__ */ jsx("div", { className: tocStyles.empty, children: t("reader.toc.empty") })
+      ] }) : /* @__PURE__ */ jsx("div", { className: thorium_web_toc_default.empty, children: t("reader.toc.empty") })
     }
   ) });
 };
@@ -2084,9 +2203,6 @@ var StatefulTocTrigger = ({ variant }) => {
     }
   ) });
 };
-
-// src/components/Settings/hooks/useGridTemplate.ts
-var import_debounce = __toESM(require_debounce());
 var useGridTemplate = (ref, type = "columns") => {
   const [visibleColumns, setVisibleColumns] = useState(null);
   const updateVisibleColumns = () => {
@@ -2096,7 +2212,7 @@ var useGridTemplate = (ref, type = "columns") => {
     const columnCount = columns.replace("0px", "").split(" ").length;
     setVisibleColumns(columnCount);
   };
-  const debouncedUpdateVisibleColumns = (0, import_debounce.default)(updateVisibleColumns, 100);
+  const debouncedUpdateVisibleColumns = debounce(updateVisibleColumns, 100);
   useEffect(() => {
     updateVisibleColumns();
     const resizeObserver = new ResizeObserver(debouncedUpdateVisibleColumns);
@@ -2214,7 +2330,7 @@ var StatefulRadioGroup = ({
     ThRadioGroup,
     {
       ref,
-      className: standalone ? settingsStyles8.readerSettingsGroup : "",
+      className: standalone ? thorium_web_reader_settings_default.group : "",
       ...props,
       ...standalone ? { label } : { "aria-label": label },
       value,
@@ -2222,14 +2338,14 @@ var StatefulRadioGroup = ({
       items: useGraphicalNavigation !== false ? items : [],
       compounds: {
         wrapper: {
-          className: settingsStyles8.readerSettingsRadioWrapper,
+          className: thorium_web_reader_settings_default.radioWrapper,
           ref: wrapperRef
         },
         label: {
-          className: settingsStyles8.readerSettingsLabel
+          className: thorium_web_reader_settings_default.label
         },
         radio: {
-          className: settingsStyles8.readerSettingsRadio,
+          className: thorium_web_reader_settings_default.radio,
           onKeyDown: useGraphicalNavigation !== false ? onKeyDown : void 0
         }
       },
@@ -2243,9 +2359,6 @@ var SvgArticle = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.o
 var article_default = SvgArticle;
 var SvgMenuBook = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M560-564v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-600q-38 0-73 9.5T560-564Zm0 220v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-380q-38 0-73 9t-67 27Zm0-110v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-490q-38 0-73 9.5T560-454ZM260-320q47 0 91.5 10.5T440-278v-394q-41-24-87-36t-93-12q-36 0-71.5 7T120-692v396q35-12 69.5-18t70.5-6Zm260 42q44-21 88.5-31.5T700-320q36 0 70.5 6t69.5 18v-396q-33-14-68.5-21t-71.5-7q-47 0-93 12t-87 36v394Zm-40 118q-48-38-104-59t-116-21q-42 0-82.5 11T100-198q-21 11-40.5-1T40-234v-482q0-11 5.5-21T62-752q46-24 96-36t102-12q58 0 113.5 15T480-740q51-30 106.5-45T700-800q52 0 102 12t96 36q11 5 16.5 15t5.5 21v482q0 23-19.5 35t-40.5 1q-37-20-77.5-31T700-240q-60 0-116 21t-104 59ZM280-494Z" }) });
 var menu_book_default = SvgMenuBook;
-
-// src/components/Epub/Settings/StatefulColumns.tsx
-var import_debounce2 = __toESM(require_debounce());
 var StatefulColumns = () => {
   const { t } = useI18n();
   const scroll = useAppSelector((state) => state.settings.scroll);
@@ -2305,7 +2418,7 @@ var StatefulColumns = () => {
   }, [submitPreferences, getSetting, updateEffectiveValue, dispatch]);
   const debouncedUpdate = useCallback(() => {
     const update = () => updateEffectiveValue(columnCount, getSetting("columnCount"));
-    (0, import_debounce2.default)(update, 50)();
+    debounce(update, 50)();
   }, [columnCount, layoutSettings, getSetting, updateEffectiveValue]);
   useEffect(() => {
     debouncedUpdate();
@@ -2340,33 +2453,33 @@ var StatefulDropdown = ({
       ...props,
       ...standalone ? { label } : { "aria-label": label },
       className: classNames3(
-        settingsStyles8.readerSettingsDropdown,
-        standalone && settingsStyles8.readerSettingsGroup,
+        thorium_web_reader_settings_default.dropdown,
+        standalone && thorium_web_reader_settings_default.group,
         className
       ),
       compounds: {
         label: {
-          className: settingsStyles8.readerSettingsLabel,
+          className: thorium_web_reader_settings_default.label,
           ...compounds?.label || {}
         },
         ...React21.isValidElement(compounds?.button) ? { button: compounds.button } : {
           button: {
-            className: settingsStyles8.readerSettingsDropdownButton,
+            className: thorium_web_reader_settings_default.dropdownButton,
             ...compounds?.button || {}
           }
         },
         popover: {
-          className: settingsStyles8.readerSettingsDropdownPopover,
+          className: thorium_web_reader_settings_default.dropdownPopover,
           placement: "bottom",
           ...compounds?.popover || {}
         },
         ...React21.isValidElement(compounds?.listbox) ? { listbox: compounds.listbox } : {
           listbox: {
-            className: settingsStyles8.readerSettingsDropdownListbox,
+            className: thorium_web_reader_settings_default.dropdownListbox,
             ...compounds?.listbox || {}
           },
           listboxItem: {
-            className: settingsStyles8.readerSettingsDropdownListboxItem,
+            className: thorium_web_reader_settings_default.dropdownListboxItem,
             ...compounds?.listboxItem || {}
           }
         }
@@ -2413,12 +2526,12 @@ var StatefulFontFamily = ({ standalone = true }) => {
         listbox: /* @__PURE__ */ jsx(
           ListBox,
           {
-            className: settingsStyles8.readerSettingsDropdownListbox,
+            className: thorium_web_reader_settings_default.dropdownListbox,
             items: fontFamilyOptions.current,
             children: (item) => /* @__PURE__ */ jsx(
               ListBoxItem,
               {
-                className: settingsStyles8.readerSettingsDropdownListboxItem,
+                className: thorium_web_reader_settings_default.dropdownListboxItem,
                 id: item.id,
                 textValue: item.value || void 0,
                 style: { fontFamily: item.value || void 0 },
@@ -2499,16 +2612,16 @@ var StatefulSwitch = ({
       ...props,
       ...standalone ? { heading } : {},
       label,
-      className: settingsStyles8.readerSettingsSwitch,
+      className: thorium_web_reader_settings_default.switch,
       compounds: {
         wrapper: {
-          className: settingsStyles8.readerSettingsGroup
+          className: thorium_web_reader_settings_default.group
         },
         heading: {
-          className: settingsStyles8.readerSettingsLabel
+          className: thorium_web_reader_settings_default.label
         },
         indicator: {
-          className: settingsStyles8.readerSettingsSwitchIndicator
+          className: thorium_web_reader_settings_default.switchIndicator
         }
       }
     }
@@ -2602,35 +2715,35 @@ var StatefulNumberField = ({
       ...props,
       ...standalone ? { label } : { "aria-label": label },
       placeholder,
-      className: settingsStyles8.readerSettingsNumberField,
+      className: thorium_web_reader_settings_default.numberField,
       compounds: {
         wrapper: {
           className: classNames3(
-            settingsStyles8.readerSettingsNumberFieldWrapper,
-            standalone && settingsStyles8.readerSettingsGroup
+            thorium_web_reader_settings_default.numberFieldWrapper,
+            standalone && thorium_web_reader_settings_default.group
           )
         },
         group: {
-          className: settingsStyles8.readerSettingsGroupWrapper
+          className: thorium_web_reader_settings_default.groupWrapper
         },
         label: {
-          className: settingsStyles8.readerSettingsLabel
+          className: thorium_web_reader_settings_default.label
         },
         stepper: {
-          className: readerSharedUI.icon
+          className: thorium_web_button_default.icon
         },
         input: {
-          className: settingsStyles8.readerSettingsInput
+          className: thorium_web_reader_settings_default.input
         },
         reset: {
-          className: classNames3(readerSharedUI.icon, settingsStyles8.readerSettingsResetButton),
+          className: classNames3(thorium_web_button_default.icon, thorium_web_reader_settings_default.resetButton),
           compounds: {
             tooltipTrigger: {
               delay: preferences.theming.arrow.tooltipDelay,
               closeDelay: preferences.theming.arrow.tooltipDelay
             },
             tooltip: {
-              className: readerSharedUI.tooltip
+              className: thorium_web_button_default.tooltip
             },
             label: resetLabel ?? t("reader.settings.reset")
           }
@@ -2652,7 +2765,7 @@ var StatefulSlider = ({
   const { preferences } = usePreferences();
   const style = {
     ...displayTicks && props.range && props.step ? {
-      "--slider-ticks": (() => {
+      "--th-slider-ticks": (() => {
         const [min, max] = [Math.min(...props.range), Math.max(...props.range)];
         const step = props.step || 1;
         const range = max - min;
@@ -2670,41 +2783,41 @@ var StatefulSlider = ({
       ...standalone ? { label } : { "aria-label": label },
       placeholder,
       className: classNames3(
-        settingsStyles8.readerSettingsSlider,
-        displayTicks && settingsStyles8.readerSettingsSliderWithTicks
+        thorium_web_reader_settings_default.slider,
+        displayTicks && thorium_web_reader_settings_default.sliderWithTicks
       ),
       style,
       compounds: {
         wrapper: {
           className: classNames3(
-            settingsStyles8.readerSettingsSliderWrapper,
-            standalone && settingsStyles8.readerSettingsGroup
+            thorium_web_reader_settings_default.sliderWrapper,
+            standalone && thorium_web_reader_settings_default.group
           )
         },
         label: {
-          className: classNames3(settingsStyles8.readerSettingsLabel, settingsStyles8.readerSettingsSliderLabel)
+          className: classNames3(thorium_web_reader_settings_default.label, thorium_web_reader_settings_default.sliderLabel)
         },
         output: {
-          className: settingsStyles8.readerSettingsSliderOutput
+          className: thorium_web_reader_settings_default.sliderOutput
         },
         placeholder: {
-          className: settingsStyles8.readerSettingsSliderPlaceholder
+          className: thorium_web_reader_settings_default.sliderPlaceholder
         },
         track: {
-          className: settingsStyles8.readerSettingsSliderTrack
+          className: thorium_web_reader_settings_default.sliderTrack
         },
         thumb: {
-          className: settingsStyles8.readerSettingsSliderThumb
+          className: thorium_web_reader_settings_default.sliderThumb
         },
         reset: {
-          className: classNames3(readerSharedUI.icon, settingsStyles8.readerSettingsResetButton),
+          className: classNames3(thorium_web_button_default.icon, thorium_web_reader_settings_default.resetButton),
           compounds: {
             tooltipTrigger: {
               delay: preferences.theming.arrow.tooltipDelay,
               closeDelay: preferences.theming.arrow.tooltipDelay
             },
             tooltip: {
-              className: readerSharedUI.tooltip
+              className: thorium_web_button_default.tooltip
             },
             label: resetLabel ?? t("reader.settings.reset")
           }
@@ -3566,14 +3679,14 @@ var StatefulTheme = () => {
         "div",
         {
           ref: radioGroupWrapperRef,
-          className: classNames3(settingsStyles8.readerSettingsRadioWrapper, settingsStyles8.readerSettingsThemesWrapper),
+          className: classNames3(thorium_web_reader_settings_default.radioWrapper, thorium_web_reader_settings_default.themesWrapper),
           children: themeItems.current.map(
             (themeItem) => /* @__PURE__ */ jsx(
               Radio,
               {
                 className: classNames3(
-                  settingsStyles8.readerSettingsRadio,
-                  settingsStyles8.readerSettingsThemeRadio
+                  thorium_web_reader_settings_default.radio,
+                  thorium_web_reader_settings_default.themeRadio
                 ),
                 value: themeItem,
                 id: themeItem,
@@ -3743,7 +3856,7 @@ var createDefaultPlugin = () => {
     id: "core",
     name: "Core Components",
     description: "Default components for Thorium Web Epub StatefulReader",
-    version: "1.0.8",
+    version: "1.1.0",
     components: {
       actions: {
         ["fullscreen" /* fullscreen */]: {
@@ -3833,86 +3946,6 @@ var createDefaultPlugin = () => {
     }
   };
 };
-var StatefulLoader = ({ isLoading, children }) => {
-  const { t } = useI18n();
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    ThLoader,
-    {
-      isLoading,
-      loader: /* @__PURE__ */ jsx("div", { className: readerLoaderStyles.readerLoader, children: t("reader.app.loading") }),
-      className: readerLoaderStyles.readerLoaderWrapper,
-      children
-    }
-  ) });
-};
-var DefaultImage = ({
-  src,
-  alt = ""
-}) => /* @__PURE__ */ jsx(
-  "img",
-  {
-    src,
-    alt,
-    className: publicationGridStyles.publicationImage,
-    loading: "lazy"
-  }
-);
-var PublicationGrid = ({
-  publications,
-  columnWidth = 400,
-  gap = "1.5rem",
-  renderCover = (publication) => /* @__PURE__ */ jsx(
-    DefaultImage,
-    {
-      src: publication.cover,
-      alt: ""
-    }
-  )
-}) => {
-  const renderCoverWithClass = (publication) => {
-    const cover = renderCover(publication);
-    if (!isValidElement(cover)) {
-      return /* @__PURE__ */ jsx(
-        DefaultImage,
-        {
-          src: publication.cover,
-          alt: ""
-        }
-      );
-    }
-    return cloneElement(cover, {
-      className: classNames3(
-        publicationGridStyles.publicationImage,
-        cover.props.className
-      )
-    });
-  };
-  return /* @__PURE__ */ jsx(
-    ThGrid,
-    {
-      className: publicationGridStyles.publicationGrid,
-      items: publications,
-      columnWidth,
-      gap,
-      renderItem: (publication, index) => /* @__PURE__ */ jsxs(
-        Link,
-        {
-          href: publication.url,
-          className: publicationGridStyles.publicationCard,
-          children: [
-            /* @__PURE__ */ jsx("figure", { className: publicationGridStyles.publicationCover, children: renderCoverWithClass(publication) }),
-            /* @__PURE__ */ jsxs("div", { className: publicationGridStyles.publicationInfo, children: [
-              /* @__PURE__ */ jsx("h2", { className: publicationGridStyles.publicationTitle, children: publication.title }),
-              /* @__PURE__ */ jsx("p", { className: publicationGridStyles.publicationAuthor, children: publication.author }),
-              publication.rendition && /* @__PURE__ */ jsx("p", { className: publicationGridStyles.publicationRendition, children: publication.rendition })
-            ] })
-          ]
-        },
-        index
-      )
-    }
-  );
-};
 var StatefulPreferencesProvider = ({
   children,
   initialPreferences = defaultPreferences
@@ -3980,7 +4013,7 @@ var usePublication = ({
       return;
     }
     const decodedUrl = decodeURIComponent(url);
-    const manifestLink = new Link$1({ href: decodedUrl });
+    const manifestLink = new Link({ href: decodedUrl });
     const fetcher = new HttpFetcher(void 0);
     try {
       const fetched = fetcher.get(manifestLink);
@@ -4009,6 +4042,23 @@ var usePublication = ({
     selfLink
   };
 };
+
+// src/components/assets/styles/thorium-web.reader.app.module.css
+var thorium_web_reader_app_default = {
+  wrapper: "thorium_web_reader_app_wrapper",
+  main: "thorium_web_reader_app_main",
+  shell: "thorium_web_reader_app_shell",
+  leftDock: "thorium_web_reader_app_leftDock",
+  rightDock: "thorium_web_reader_app_rightDock",
+  bottomBar: "thorium_web_reader_app_bottomBar",
+  topBar: "thorium_web_reader_app_topBar",
+  barOverlay: "thorium_web_reader_app_barOverlay",
+  headerOverlay: "thorium_web_reader_app_headerOverlay",
+  footerOverlay: "thorium_web_reader_app_footerOverlay",
+  iframeContainer: "thorium_web_reader_app_iframeContainer",
+  loading: "thorium_web_reader_app_loading",
+  srOnly: "thorium_web_reader_app_srOnly"
+};
 var useResizablePanel = (panel) => {
   const { preferences } = usePreferences();
   const defaultWidth = preferences.theming.layout.defaults.dockingWidth;
@@ -4085,19 +4135,19 @@ var DockHandle = ({
   const direction = useAppSelector((state) => state.reader.direction);
   const classFromFlow = useCallback(() => {
     if (flow === "dockingStart" /* start */) {
-      return direction === "ltr" /* ltr */ ? dockingStyles2.dockResizeHandleGrabLeft : dockingStyles2.dockResizeHandleGrabRight;
+      return direction === "ltr" /* ltr */ ? thorium_web_docking_default.resizeHandleGrabLeft : thorium_web_docking_default.resizeHandleGrabRight;
     } else if (flow === "dockingEnd" /* end */) {
-      return direction === "ltr" /* ltr */ ? dockingStyles2.dockResizeHandleGrabRight : dockingStyles2.dockResizeHandleGrabLeft;
+      return direction === "ltr" /* ltr */ ? thorium_web_docking_default.resizeHandleGrabRight : thorium_web_docking_default.resizeHandleGrabLeft;
     }
   }, [flow, direction]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     PanelResizeHandle,
     {
       id: handleID,
-      className: dockingStyles2.dockResizeHandle,
+      className: thorium_web_docking_default.resizeHandle,
       disabled: !isResizable,
       tabIndex: isPopulated ? 0 : -1,
-      children: isResizable && hasDragIndicator && /* @__PURE__ */ jsx("div", { className: classNames3(dockingStyles2.dockResizeHandleGrab, classFromFlow()) })
+      children: isResizable && hasDragIndicator && /* @__PURE__ */ jsx("div", { className: classNames3(thorium_web_docking_default.resizeHandleGrab, classFromFlow()) })
     }
   ) });
 };
@@ -4115,7 +4165,7 @@ var DockPanel = ({
   const panelRef = useRef(null);
   const direction = useAppSelector((state) => state.reader.direction);
   const dispatch = useAppDispatch();
-  const dockClassName = flow === "dockingEnd" /* end */ && direction === "ltr" /* ltr */ ? "right-dock" : "left-dock";
+  const dockClassName = flow === "dockingEnd" /* end */ && direction === "ltr" /* ltr */ ? thorium_web_reader_app_default.rightDock : thorium_web_reader_app_default.leftDock;
   const makeDockLabel = useCallback(() => {
     let label = "";
     if (flow === "dockingEnd" /* end */ && direction === "ltr" /* ltr */) {
@@ -4188,7 +4238,7 @@ var DockPanel = ({
           {
             id: flow,
             "aria-label": makeDockLabel(),
-            className: classNames3(dockingStyles2.dockPanelContainer, dockClassName)
+            className: classNames3(thorium_web_docking_default.panelContainer, dockClassName)
           }
         )
       }
@@ -4264,6 +4314,18 @@ var StatefulDockingWrapper = ({
     ] }) });
   }
 };
+
+// src/components/assets/styles/thorium-web.reader.header.module.css
+var thorium_web_reader_header_default = {
+  header: "thorium_web_reader_header_header",
+  backlinkWrapper: "thorium_web_reader_header_backlinkWrapper",
+  actionsWrapper: "thorium_web_reader_header_actionsWrapper"
+};
+
+// src/components/assets/styles/thorium-web.backlink.module.css
+var thorium_web_backlink_default = {
+  link: "thorium_web_backlink_link"
+};
 var StatefulBackLink = ({
   className
 }) => {
@@ -4275,14 +4337,14 @@ var StatefulBackLink = ({
   const href = preferences.theming.header?.backLink?.href;
   const content = preferences.theming.header?.backLink?.content;
   const visibility = preferences.theming.header?.backLink?.visibility || "partially";
-  const backLinkClassName = classNames3(backLinkStyles.backLink, visibility === "always" ? readerSharedUI.alwaysVisible : readerSharedUI.partiallyVisible);
+  const backLinkClassName = classNames3(thorium_web_backlink_default.link, visibility === "always" ? thorium_web_button_default.alwaysVisible : thorium_web_button_default.partiallyVisible);
   const compounds = {
     tooltipTrigger: {
       delay: preferences.theming.arrow.tooltipDelay,
       closeDelay: preferences.theming.arrow.tooltipDelay
     },
     tooltip: {
-      className: readerSharedUI.tooltip
+      className: thorium_web_button_default.tooltip
     },
     label: t("reader.app.header.backLink.tooltip")
   };
@@ -4478,8 +4540,7 @@ var StatefulReaderHeader = ({
     /* @__PURE__ */ jsx(
       ThInteractiveOverlay,
       {
-        id: "reader-header-overlay",
-        className: "bar-overlay",
+        className: classNames3(thorium_web_reader_app_default.barOverlay, thorium_web_reader_app_default.headerOverlay),
         isActive: layout === "layered-ui" /* layered */ && isImmersive && !isHovering,
         onMouseEnter: setHover,
         onMouseLeave: removeHover
@@ -4489,14 +4550,13 @@ var StatefulReaderHeader = ({
       ThHeader,
       {
         ref: headerRef,
-        className: readerHeaderStyles.header,
-        id: "top-bar",
+        className: classNames3(thorium_web_reader_app_default.topBar, thorium_web_reader_header_default.header),
         "aria-label": t("reader.app.header.label"),
         onMouseEnter: setHover,
         onMouseLeave: removeHover,
         ...focusWithinProps,
         children: [
-          preferences.theming.header?.backLink && /* @__PURE__ */ jsx(StatefulBackLink, { className: readerHeaderStyles.backLinkWrapper }),
+          preferences.theming.header?.backLink && /* @__PURE__ */ jsx(StatefulBackLink, { className: thorium_web_reader_header_default.backlinkWrapper }),
           /* @__PURE__ */ jsx(StatefulReaderRunningHead, { formatPref: runningHeadFormatPref }),
           /* @__PURE__ */ jsx(
             StatefulCollapsibleActionsBar,
@@ -4507,9 +4567,9 @@ var StatefulReaderHeader = ({
                 ...preferences.actions,
                 displayOrder: actionsOrder
               },
-              className: readerHeaderStyles.actionsWrapper,
+              className: thorium_web_reader_header_default.actionsWrapper,
               "aria-label": t("reader.app.header.actions"),
-              overflowMenuClassName: !isScroll || preferences.affordances.scroll.hintInImmersive ? overflowMenuStyles.hintButton : void 0
+              overflowMenuClassName: !isScroll || preferences.affordances.scroll.hintInImmersive ? thorium_web_overflow_default.hint : void 0
             }
           )
         ]
@@ -4517,6 +4577,21 @@ var StatefulReaderHeader = ({
     )
   ] });
 };
+
+// src/components/assets/styles/thorium-web.reader.pagination.module.css
+var thorium_web_reader_pagination_default = {
+  wrapper: "thorium_web_reader_pagination_wrapper",
+  listItem: "thorium_web_reader_pagination_listItem",
+  previousButton: "thorium_web_reader_pagination_previousButton",
+  progression: "thorium_web_reader_pagination_progression",
+  nextButton: "thorium_web_reader_pagination_nextButton",
+  label: "thorium_web_reader_pagination_label"
+};
+
+// src/components/assets/styles/thorium-web.reader.progression.module.css
+var thorium_web_reader_progression_default = {
+  wrapper: "thorium_web_reader_progression_wrapper"
+};
 var StatefulReaderProgression = ({
   className,
   formatPref,
@@ -4653,8 +4728,8 @@ var StatefulReaderProgression = ({
   return /* @__PURE__ */ jsx(
     ThProgression,
     {
-      id: progressionStyles.current,
-      className,
+      id: "current-progression",
+      className: classNames3(thorium_web_reader_progression_default.wrapper, className),
       "aria-label": t("reader.app.progression.wrapper"),
       children: displayText
     }
@@ -4694,7 +4769,7 @@ var StatefulReaderPagination = ({
     ThPagination,
     {
       ref,
-      className: readerPaginationStyles2.pagination,
+      className: thorium_web_reader_pagination_default.wrapper,
       links,
       compounds: updatedCompounds,
       ...props,
@@ -4749,9 +4824,9 @@ var StatefulReaderFooter = ({
     if (previous) {
       links.previous = {
         node: breakpoint !== "compact" /* compact */ && breakpoint !== "medium" /* medium */ ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("reader.navigation.scroll.prevA11yLabel") }),
-          /* @__PURE__ */ jsx("span", { className: readerPaginationStyles2.paginationLabel, children: timeline?.previousItem?.title || previous.title || t("reader.navigation.scroll.prevLabel") })
-        ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: readerPaginationStyles2.paginationLabel, children: t("reader.navigation.scroll.prevLabel") }) }),
+          /* @__PURE__ */ jsx("span", { className: thorium_web_reader_app_default.srOnly, children: t("reader.navigation.scroll.prevA11yLabel") }),
+          /* @__PURE__ */ jsx("span", { className: thorium_web_reader_pagination_default.label, children: timeline?.previousItem?.title || previous.title || t("reader.navigation.scroll.prevLabel") })
+        ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: thorium_web_reader_pagination_default.label, children: t("reader.navigation.scroll.prevLabel") }) }),
         onPress: () => go(previous, !reducedMotion, () => {
         })
       };
@@ -4759,9 +4834,9 @@ var StatefulReaderFooter = ({
     if (next) {
       links.next = {
         node: breakpoint !== "compact" /* compact */ && breakpoint !== "medium" /* medium */ ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("reader.navigation.scroll.nextA11yLabel") }),
-          /* @__PURE__ */ jsx("span", { className: readerPaginationStyles2.paginationLabel, children: timeline?.nextItem?.title || next.title || t("reader.navigation.scroll.nextLabel") })
-        ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: readerPaginationStyles2.paginationLabel, children: t("reader.navigation.scroll.nextLabel") }) }),
+          /* @__PURE__ */ jsx("span", { className: thorium_web_reader_app_default.srOnly, children: t("reader.navigation.scroll.nextA11yLabel") }),
+          /* @__PURE__ */ jsx("span", { className: thorium_web_reader_pagination_default.label, children: timeline?.nextItem?.title || next.title || t("reader.navigation.scroll.nextLabel") })
+        ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: thorium_web_reader_pagination_default.label, children: t("reader.navigation.scroll.nextLabel") }) }),
         onPress: () => go(next, !reducedMotion, () => {
         })
       };
@@ -4783,8 +4858,7 @@ var StatefulReaderFooter = ({
     /* @__PURE__ */ jsx(
       ThInteractiveOverlay,
       {
-        id: "reader-footer-overlay",
-        className: "bar-overlay",
+        className: classNames3(thorium_web_reader_app_default.barOverlay, thorium_web_reader_app_default.footerOverlay),
         isActive: layout === "layered-ui" /* layered */ && isImmersive && !isHovering,
         onMouseEnter: setHover,
         onMouseLeave: removeHover
@@ -4794,7 +4868,7 @@ var StatefulReaderFooter = ({
       ThFooter,
       {
         ref: footerRef,
-        id: "bottom-bar",
+        className: thorium_web_reader_app_default.bottomBar,
         "aria-label": t("reader.app.footer.label"),
         onMouseEnter: setHover,
         onMouseLeave: removeHover,
@@ -4806,21 +4880,21 @@ var StatefulReaderFooter = ({
             links: updateLinks(),
             compounds: {
               listItem: {
-                className: readerPaginationStyles2.paginationListItem
+                className: thorium_web_reader_pagination_default.listItem
               },
               previousButton: {
-                className: readerPaginationStyles2.previousButton,
+                className: thorium_web_reader_pagination_default.previousButton,
                 preventFocusOnPress: true
               },
               nextButton: {
-                className: readerPaginationStyles2.nextButton,
+                className: thorium_web_reader_pagination_default.nextButton,
                 preventFocusOnPress: true
               }
             },
             children: /* @__PURE__ */ jsx(
               StatefulReaderProgression,
               {
-                className: readerPaginationStyles2.progression,
+                className: thorium_web_reader_pagination_default.progression,
                 formatPref: progressionFormatPref,
                 fallbackVariant: progressionFormatFallback
               }
@@ -4947,7 +5021,30 @@ var Peripherals = class {
     }
   }
 };
+var LAYOUT_CLASSES = {
+  ["stacked-ui" /* stacked */]: "thorium_web_stackedUI",
+  ["layered-ui" /* layered */]: "thorium_web_layeredUI"
+};
+function getReaderClassNames(options) {
+  const {
+    layoutUI,
+    isScroll,
+    isImmersive = false,
+    isHovering = false,
+    isFXL = false,
+    breakpoint
+  } = options;
+  return classNames3(
+    thorium_web_reader_app_default.shell,
+    isScroll ? "thorium_web_isScroll" : "thorium_web_isPaged",
+    isImmersive && "thorium_web_isImmersive",
+    isHovering && "thorium_web_isHovering",
+    isFXL ? "thorium_web_isFXL" : "thorium_web_isReflow",
+    LAYOUT_CLASSES[layoutUI],
+    breakpoint ? `thorium_web_is${breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)}` : void 0
+  );
+}
 
-export { DefaultImage, NavigatorProvider, Peripherals, PublicationGrid, StatefulActionIcon, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLineHeight, StatefulLoader, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulReaderFooter, StatefulReaderHeader, StatefulSettingsContainer, StatefulSettingsTrigger, StatefulSheetWrapper, StatefulSlider, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulWordSpacing, StatefulZoom, ThPluginProvider, ThPluginRegistry, UnstableStatefulFontWeight, createDefaultPlugin, useDocking, useGridNavigation, useGridTemplate, useLineHeight, useNavigator, usePublication, useReaderTransitions, useSpacingPresets };
-//# sourceMappingURL=chunk-TA2ZMJMK.mjs.map
-//# sourceMappingURL=chunk-TA2ZMJMK.mjs.map
+export { NavigatorProvider, Peripherals, StatefulActionIcon, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLineHeight, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulReaderFooter, StatefulReaderHeader, StatefulSettingsContainer, StatefulSettingsTrigger, StatefulSheetWrapper, StatefulSlider, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulWordSpacing, StatefulZoom, ThPluginProvider, ThPluginRegistry, UnstableStatefulFontWeight, createDefaultPlugin, getReaderClassNames, thorium_web_button_default, thorium_web_reader_app_default, useDocking, useGridNavigation, useGridTemplate, useLineHeight, useNavigator, usePublication, useReaderTransitions, useSpacingPresets };
+//# sourceMappingURL=chunk-D24O64OP.mjs.map
+//# sourceMappingURL=chunk-D24O64OP.mjs.map