@edrlab/thorium-web 1.4.1 → 1.5.1

package/dist/{chunk-MSHUPSBI.mjs → chunk-THOJRBVD.mjs}

@@ -1,24 +1,136 @@
-import { makeBreakpointsMap, isKeyboardTriggered, isActiveElement } from './chunk-VENFFPK2.mjs';
-import { useFullscreen, useLocalStorage, useEpubNavigator } from './chunk-SZAVAQ6S.mjs';
-import { setFullscreen, setReaderProfile, setPositionsList, setTocTree, setScriptMode, setRTL, setFXL, setHasDisplayTransformability, setActionOpen, dockAction, setHovering, setSettingsContainer, debounce, setColumnCount, initialWebPubSettingsState, initialSettingsState, 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, setWebPubLigatures, setLigatures, setWebPubNoRuby, setNoRuby, setTheme, setWebPubZoom, setFontSize, setSkipBackwardInterval, setSkipForwardInterval, setSkipInterval, setAutoPlay, toggleActionOpen, setVolume, setPlaybackRate, setSleepTimerRemainingSeconds, setSleepTimerOnTrackEnd, setSleepTimerOnFragmentEnd, setRemotePlaybackState, ThReduxPreferencesAdapter, ThReduxGlobalPreferencesAdapter, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-YEVLT3AV.mjs';
+import { makeBreakpointsMap, isKeyboardTriggered, isActiveElement } from './chunk-VYSDLACR.mjs';
+import { useFullscreen, useLocalStorage, useEpubNavigator } from './chunk-2B3HE57E.mjs';
+import { ErrorHandler } from './chunk-RRDEPGBK.mjs';
+import { useI18n } from './chunk-2NCN2AG2.mjs';
+import { setFullscreen, setReaderProfile, setPositionsList, setTocTree, setScriptMode, setRTL, setFXL, setHasDisplayTransformability, setActionOpen, dockAction, setHovering, setSettingsContainer, debounce, setColumnCount, initialWebPubSettingsState, initialSettingsState, 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, setWebPubLigatures, setLigatures, setWebPubNoRuby, setNoRuby, setTheme, setWebPubZoom, setFontSize, setSkipBackwardInterval, setSkipForwardInterval, setSkipInterval, setAutoPlay, toggleActionOpen, setVolume, setPlaybackRate, setSleepTimerRemainingSeconds, setSleepTimerOnTrackEnd, setSleepTimerOnFragmentEnd, setRemotePlaybackState, ThReduxPreferencesAdapter, ThReduxGlobalPreferencesAdapter, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-YE5QOQUT.mjs';
 import { buildTocTree, findTocItemById } from './chunk-TEZB4ULX.mjs';
-import { useSharedPreferences, useActionsPreferences, prefixString, ThDockingTypes, ThSheetTypes, useAudioPreferences, usePreferences, useFilteredPreferenceKeys, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, ThTextSettingsKeys, ThSpacingSettingsKeys, buildThemeObject, defaultAudioSkipBackwardInterval, defaultAudioSkipForwardInterval, defaultAudioSkipInterval, defaultPreferences, ThPreferencesProvider, ThGlobalPreferencesProvider } from './chunk-OD75GC5N.mjs';
+import { useSharedPreferences, useActionsPreferences, prefixString, ThDockingTypes, ThSheetTypes, useAudioPreferences, usePreferences, useFilteredPreferenceKeys, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, ThTextSettingsKeys, ThSpacingSettingsKeys, buildThemeObject, defaultAudioSkipBackwardInterval, defaultAudioSkipForwardInterval, defaultAudioSkipInterval, defaultPreferences, ThPreferencesProvider, ThGlobalPreferencesProvider } from './chunk-3VB756GR.mjs';
 import { useAppDispatch, useAppSelector } from './chunk-A575ZW4A.mjs';
-import { isIOSish, buildShortcut, metaKeys } from './chunk-44PEO3DS.mjs';
-import { ErrorHandler } from './chunk-RRDEPGBK.mjs';
-import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThModal, ThBottomSheet, ThCloseButton, ThDockedPanel, useFirstFocusable, ThTypedComponentRenderer, useActions, useActionComponentStatus, ThForm, ThFormNumberField, usePlugins, ThSettingsWrapper, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThSliderWithPresets, ThLink, ThLibrary, ThHome, ThBackArrow, ThFormSearchField } from './chunk-ETLIGONP.mjs';
+import { metaKeys } from './chunk-X63WSMOH.mjs';
+import { isIOSish } from './chunk-KQ3KS5O5.mjs';
+import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThModal, ThBottomSheet, ThCloseButton, ThDockedPanel, useFirstFocusable, ThTypedComponentRenderer, useActions, ThForm, ThFormNumberField, ThSettingsWrapper, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThSliderWithPresets, ThLink, ThLibrary, ThHome, ThBackArrow, ThFormSearchField } from './chunk-AXX4U2FW.mjs';
 import { usePrevious } from './chunk-YZ73DHRU.mjs';
-import { useI18n } from './chunk-2NCN2AG2.mjs';
-import { Text, Popover, Dialog, ListBox, ListBoxItem, Radio, Button, Keyboard, Toolbar, useFilter, Tree, TreeItem, TreeItemContent, Collection } from 'react-aria-components';
+import React23, { createContext, useContext, useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Text, Popover, Dialog, ListBox, ListBoxItem, Radio, Button, Keyboard, Toolbar, useFilter, Tree, TreeItem, TreeItemContent, Collection } from 'react-aria-components';
 import { useObjectRef, useNumberFormatter, FocusScope, useLocale, useFocusWithin } from 'react-aria';
 import classNames4 from 'classnames';
-import React22, { createContext, useCallback, useRef, useMemo, useContext, useState, useEffect } from 'react';
 import { Link, HttpFetcher, Manifest, Publication, ReadingProgression, Layout, Feature, Profile } from '@readium/shared';
-import { getScriptMode, TextAlignment } from '@readium/navigator';
+import { getScriptMode, lineHeightRangeConfig, TextAlignment } from '@readium/navigator';
+import i18nData from '@readium/css/css/vars/i18n.json';
 import { useStore } from 'react-redux';
 import { PanelGroup, Panel, PanelResizeHandle } from 'react-resizable-panels';
 
+// src/components/Plugins/PluginRegistry.ts
+var pluginsStore = [];
+var PluginRegistryClass = class {
+  register(plugin) {
+    const existingPluginIndex = pluginsStore.findIndex((p) => p.id === plugin.id);
+    if (existingPluginIndex >= 0) {
+      pluginsStore[existingPluginIndex] = plugin;
+    } else {
+      pluginsStore.push(plugin);
+    }
+  }
+  unregister(pluginId) {
+    const filteredPlugins = pluginsStore.filter((plugin) => plugin.id !== pluginId);
+    pluginsStore.length = 0;
+    pluginsStore.push(...filteredPlugins);
+  }
+  getPlugins() {
+    return [...pluginsStore];
+  }
+  getComponentMaps() {
+    const actionsComponentsMap = {};
+    const settingsComponentsMap = {};
+    const primaryAudioActionsMap = {};
+    [...pluginsStore].reverse().forEach((plugin) => {
+      if (plugin.components.actions) {
+        Object.entries(plugin.components.actions).forEach(([key, component]) => {
+          actionsComponentsMap[key] = component;
+        });
+      }
+      if (plugin.components.settings) {
+        Object.entries(plugin.components.settings).forEach(([key, component]) => {
+          settingsComponentsMap[key] = component;
+        });
+      }
+      if (plugin.components.primaryAudioActions) {
+        Object.entries(plugin.components.primaryAudioActions).forEach(([key, component]) => {
+          primaryAudioActionsMap[key] = component;
+        });
+      }
+    });
+    return {
+      actionsComponentsMap,
+      settingsComponentsMap,
+      primaryAudioActionsMap
+    };
+  }
+};
+var ThPluginRegistry = new PluginRegistryClass();
+var ThPluginContext = createContext({
+  actionsComponentsMap: {},
+  settingsComponentsMap: {},
+  textSettingsComponentsMap: {},
+  spacingSettingsComponentsMap: {},
+  primaryAudioActionsMap: {},
+  registerPlugin: ThPluginRegistry.register.bind(ThPluginRegistry),
+  unregisterPlugin: ThPluginRegistry.unregister.bind(ThPluginRegistry)
+});
+var usePlugins = () => useContext(ThPluginContext);
+var ThPluginProvider = ({ children }) => {
+  const [componentMaps, setComponentMaps] = useState(() => {
+    const maps = ThPluginRegistry.getComponentMaps();
+    return {
+      ...maps,
+      textSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "text"),
+      spacingSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "spacing")
+    };
+  });
+  function getTypedSettingsComponents(componentsMap, type) {
+    return Object.entries(componentsMap).filter(([_, component]) => component.type === type).reduce((acc, [key, component]) => {
+      acc[key] = component;
+      return acc;
+    }, {});
+  }
+  useEffect(() => {
+    const updateComponentMaps = () => {
+      const maps = ThPluginRegistry.getComponentMaps();
+      setComponentMaps({
+        ...maps,
+        textSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "text"),
+        spacingSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "spacing")
+      });
+    };
+    updateComponentMaps();
+  }, []);
+  const registerPlugin = (plugin) => {
+    ThPluginRegistry.register(plugin);
+  };
+  const unregisterPlugin = (pluginId) => {
+    ThPluginRegistry.unregister(pluginId);
+  };
+  const value = {
+    ...componentMaps,
+    registerPlugin,
+    unregisterPlugin
+  };
+  return /* @__PURE__ */ jsx(ThPluginContext.Provider, { value, children });
+};
+
+// src/components/Actions/hooks/useActionComponentStatus.ts
+var useActionComponentStatus = (options) => {
+  const { actionKey, orderArray, additionalCondition } = options;
+  const { actionsComponentsMap, primaryAudioActionsMap } = usePlugins();
+  return useMemo(() => {
+    const isComponentRegistered = !!actionsComponentsMap?.[actionKey] || !!primaryAudioActionsMap?.[actionKey];
+    const isInOrder = orderArray ? orderArray.includes(actionKey) : true;
+    const isComponentAvailable = isComponentRegistered && isInOrder && (additionalCondition ?? true);
+    return { isComponentRegistered, isInOrder, isComponentAvailable };
+  }, [actionKey, orderArray, additionalCondition, actionsComponentsMap, primaryAudioActionsMap]);
+};
+
 // src/components/Actions/assets/styles/thorium-web.overflow.module.css
 var thorium_web_overflow_default = {
   hint: "thorium_web_overflow_hint",
@@ -28,40 +140,47 @@ var thorium_web_overflow_default = {
   menuItemLabel: "thorium_web_overflow_menuItemLabel",
   menuItemShortcut: "thorium_web_overflow_menuItemShortcut"
 };
-var UnstableStatefulShortcut = ({
+var DIGIT_OFFSET = 48;
+var F_KEY_OFFSET = 112;
+var resolveKeyLabel = (keyCode, label, t) => {
+  if (label !== void 0) {
+    if (typeof label === "string") return label;
+    return t(label.key, { defaultValue: label.fallback });
+  }
+  if (keyCode >= 65 && keyCode <= 90) return String.fromCharCode(keyCode);
+  if (keyCode >= DIGIT_OFFSET && keyCode <= 57) return String.fromCharCode(keyCode);
+  if (keyCode >= F_KEY_OFFSET && keyCode <= 123) return `F${keyCode - F_KEY_OFFSET + 1}`;
+  return "";
+};
+var pickCombo = (keyCombos, platformModifier) => {
+  if (keyCombos.length === 1) return keyCombos[0];
+  const wantsCtrl = platformModifier.modifier === "ctrlKey";
+  const preferred = keyCombos.find((c) => wantsCtrl ? c.ctrl : c.meta);
+  return preferred ?? keyCombos[0];
+};
+var StatefulShortcut = ({
   className,
-  rawForm,
+  combo,
   representation,
   joiner
 }) => {
   const { shortcuts } = useSharedPreferences();
   const platformModifier = useAppSelector((state) => state.reader.platformModifier);
-  representation = representation ? representation : shortcuts.representation || "symbol" /* symbol */;
-  joiner = joiner ? joiner : shortcuts.joiner || " + ";
-  const shortcutObj = buildShortcut(rawForm);
-  if (shortcutObj) {
-    let shortcutRepresentation = [];
-    for (const prop in shortcutObj.modifiers) {
-      if (shortcutObj.modifiers[prop]) {
-        if (prop === "platformKey") {
-          shortcutRepresentation.push(platformModifier[representation]);
-        } else {
-          const metaKey = metaKeys[prop];
-          shortcutRepresentation.push(metaKey[representation]);
-        }
-      }
-    }
-    if (shortcutObj.char) {
-      shortcutRepresentation.push(shortcutObj.char);
-    }
-    if (shortcutRepresentation.length > 0) {
-      const displayShortcut = shortcutRepresentation.join(joiner);
-      return /* @__PURE__ */ jsx(Keyboard, { className, children: displayShortcut });
-    } else {
-      return /* @__PURE__ */ jsx(Fragment, {});
-    }
-  }
-  return /* @__PURE__ */ jsx(Fragment, {});
+  const { t } = useI18n();
+  const rep = representation ?? shortcuts.representation ?? "symbol" /* symbol */;
+  const sep = joiner ?? shortcuts.joiner ?? " + ";
+  const { keyCombos, label } = combo;
+  if (!keyCombos.length) return /* @__PURE__ */ jsx(Fragment, {});
+  const chosen = pickCombo(keyCombos, platformModifier);
+  const parts = [];
+  if (chosen.ctrl) parts.push(metaKeys.ctrlKey[rep]);
+  if (chosen.alt) parts.push(metaKeys.altKey[rep]);
+  if (chosen.shift) parts.push(metaKeys.shiftKey[rep]);
+  if (chosen.meta) parts.push(metaKeys.metaKey[rep]);
+  const keyLabel = resolveKeyLabel(chosen.keyCode, label, t);
+  if (keyLabel) parts.push(keyLabel);
+  if (!parts.length) return /* @__PURE__ */ jsx(Fragment, {});
+  return /* @__PURE__ */ jsx(Keyboard, { className, children: parts.join(sep) });
 };
 var StatefulOverflowMenuItem = ({
   id,
@@ -70,6 +189,7 @@ var StatefulOverflowMenuItem = ({
   shortcut = void 0,
   ...props
 }) => {
+  const { shortcuts } = useSharedPreferences();
   const menuItemLabelId = `${id}-label`;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     ThMenuItem,
@@ -90,11 +210,11 @@ var StatefulOverflowMenuItem = ({
             children: label
           }
         ),
-        shortcut && /* @__PURE__ */ jsx(
-          UnstableStatefulShortcut,
+        shortcut && shortcuts.displayIn?.includes("menuItem") && /* @__PURE__ */ jsx(
+          StatefulShortcut,
           {
             className: thorium_web_overflow_default.menuItemShortcut,
-            rawForm: shortcut
+            combo: shortcut
           }
         )
       ]
@@ -109,6 +229,7 @@ var thorium_web_button_default = {
   closeButton: "thorium_web_button_closeButton",
   backButton: "thorium_web_button_backButton",
   tooltip: "thorium_web_button_tooltip",
+  tooltipShortcut: "thorium_web_button_tooltipShortcut",
   alwaysVisible: "thorium_web_button_alwaysVisible",
   partiallyVisible: "thorium_web_button_partiallyVisible",
   iconCompSm: "thorium_web_button_iconCompSm",
@@ -120,10 +241,11 @@ var StatefulActionIcon = ({
   visibility,
   placement,
   tooltipLabel,
+  shortcut,
   children,
   ...props
 }) => {
-  const { theming } = useSharedPreferences();
+  const { theming, shortcuts } = useSharedPreferences();
   const triggerRef = useObjectRef(externalRef ?? null);
   const dispatch = useAppDispatch();
   const handleClassNameFromState = () => {
@@ -169,7 +291,10 @@ var StatefulActionIcon = ({
           placement,
           offset: theming.icon.tooltipOffset || 0
         },
-        label: tooltipLabel
+        label: /* @__PURE__ */ jsxs(Fragment, { children: [
+          tooltipLabel,
+          shortcut && shortcuts.displayIn?.includes("tooltip") && /* @__PURE__ */ jsx(StatefulShortcut, { className: thorium_web_button_default.tooltipShortcut, combo: shortcut })
+        ] })
       } : void 0,
       ...Object.fromEntries(Object.entries(props).filter(([key]) => key !== "className")),
       children
@@ -194,7 +319,7 @@ var StatefulFullscreenTrigger = ({ variant }) => {
     fs.handleFullscreen();
     dispatch(setHovering(false));
   };
-  if (!document.fullscreenEnabled || isIOSish()) return null;
+  if (!fs.isSupported) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
     StatefulOverflowMenuItem,
     {
@@ -212,6 +337,7 @@ var StatefulFullscreenTrigger = ({ variant }) => {
       "aria-label": label,
       placement: "bottom",
       tooltipLabel: t("reader.fullscreen.tooltip"),
+      shortcut: preferences.actionsKeys["fullscreen" /* fullscreen */].shortcut,
       onPress: handlePress,
       children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", focusable: "false" })
     }
@@ -964,10 +1090,11 @@ var StatefulPopoverSheet = ({
     }
   }, [isOpen]);
   useWebkitPatch(!!isOpen);
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThPopover,
       {
+        id,
         ref: popoverRef,
         triggerRef,
         focusOptions: {
@@ -1073,10 +1200,11 @@ var StatefulModalBase = ({
     }
   }, [isOpen]);
   useWebkitPatch(!!isOpen);
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThModal,
       {
+        id,
         ref: sheetRef,
         focusOptions: {
           withinRef: focusWithinRef ?? sheetBodyRef,
@@ -1332,7 +1460,7 @@ var StatefulBottomSheet = ({
         return "default";
     }
   };
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThBottomSheet,
       {
@@ -1370,6 +1498,7 @@ var StatefulBottomSheet = ({
         prefersReducedMotion,
         compounds: {
           container: {
+            id,
             className: classNames4(thorium_web_sheets_default.draggable, detentClassName),
             ref: sheetContainerRef,
             style: {
@@ -1483,10 +1612,11 @@ var StatefulDockedSheet = ({
       return direction === "ltr" /* ltr */ ? thorium_web_sheets_default.dockedRightBorder : thorium_web_sheets_default.dockedLeftBorder;
     }
   }, [flow, direction]);
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThDockedPanel,
       {
+        id,
         ref: dockedSheetRef,
         isOpen,
         portal: dockPortal,
@@ -1553,6 +1683,7 @@ var StatefulDockedSheet = ({
   }
 };
 var StatefulCompactPopoverSheet = ({
+  id,
   triggerRef,
   heading,
   className,
@@ -1582,7 +1713,7 @@ var StatefulCompactPopoverSheet = ({
     updateState: resetFocus
   });
   useWebkitPatch(!!isOpen);
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       Popover,
       {
@@ -1596,6 +1727,7 @@ var StatefulCompactPopoverSheet = ({
         children: /* @__PURE__ */ jsx(
           Dialog,
           {
+            id,
             "aria-label": heading,
             className: thorium_web_sheets_default.dialog,
             children: /* @__PURE__ */ jsx(
@@ -2052,6 +2184,7 @@ var StatefulJumpToPositionTrigger = ({ variant }) => {
       "aria-label": t("reader.actions.goToPosition.descriptive"),
       placement: "bottom",
       tooltipLabel: t("reader.actions.goToPosition.compact"),
+      shortcut: preferences.actionsKeys["jumpToPosition" /* jumpToPosition */].shortcut,
       onPress: () => setOpen(!actionState?.isOpen),
       children: /* @__PURE__ */ jsx(pin_drop_default, { "aria-hidden": "true", focusable: "false" })
     }
@@ -2480,6 +2613,7 @@ var StatefulSettingsTrigger = ({ variant }) => {
       "aria-label": isAudio ? t("reader.playback.preferences.audio.title") : t("reader.preferences.title"),
       placement: "bottom",
       tooltipLabel: isAudio ? t("reader.playback.preferences.audio.title") : t("reader.preferences.title"),
+      shortcut: preferences.actionsKeys["settings" /* settings */].shortcut,
       onPress: () => setOpen(!actionState?.isOpen),
       children: isAudio ? /* @__PURE__ */ jsx(instant_mix_default, { "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx(match_case_default, { "aria-hidden": "true", focusable: "false" })
     }
@@ -2766,6 +2900,7 @@ var StatefulTocTrigger = ({ variant }) => {
       "aria-label": t("reader.tableOfContents.title"),
       placement: "bottom",
       tooltipLabel: t("reader.tableOfContents.title"),
+      shortcut: preferences.actionsKeys["toc" /* toc */].shortcut,
       onPress: () => setOpen(!actionState?.isOpen),
       children: /* @__PURE__ */ jsx(toc_default, { "aria-hidden": "true", focusable: "false" })
     }
@@ -2804,7 +2939,7 @@ var useGridNavigation = ({
   onFocus
 }) => {
   const visibleColumns = useGridTemplate(containerRef, "columns");
-  const onKeyDown = React22.useCallback((e) => {
+  const onKeyDown = React23.useCallback((e) => {
     const columns = visibleColumns || 1;
     if (columns <= 1 || !items.current?.length) return;
     const currentIdx = items.current.findIndex((val) => {
@@ -3052,7 +3187,7 @@ var StatefulDropdown = ({
           className: thorium_web_reader_settings_default.label,
           ...compounds?.label || {}
         },
-        ...React22.isValidElement(compounds?.button) ? { button: compounds.button } : {
+        ...React23.isValidElement(compounds?.button) ? { button: compounds.button } : {
           button: {
             className: thorium_web_reader_settings_default.dropdownButton,
             ...compounds?.button || {}
@@ -3063,7 +3198,7 @@ var StatefulDropdown = ({
           placement: "bottom",
           ...compounds?.popover || {}
         },
-        ...React22.isValidElement(compounds?.listbox) ? { listbox: compounds.listbox } : {
+        ...React23.isValidElement(compounds?.listbox) ? { listbox: compounds.listbox } : {
           listbox: {
             className: thorium_web_reader_settings_default.dropdownListbox,
             ...compounds?.listbox || {}
@@ -3858,14 +3993,55 @@ var StatefulLetterSpacing = ({ standalone = true }) => {
     }
   ) });
 };
+var ORDERED_LINE_HEIGHT_OPTIONS = ["small" /* small */, "medium" /* medium */, "large" /* large */];
+function spreadValues(values, globalMin, globalMax) {
+  const n = values.length;
+  if (n <= 1) return values;
+  const indexed = values.map((v, i) => ({ v, i })).sort((a, b) => a.v - b.v);
+  if (indexed.every((item, i) => i === 0 || item.v !== indexed[i - 1].v)) return values;
+  const lo = indexed[0].v === indexed[n - 1].v ? globalMin : indexed[0].v;
+  const hi = indexed[0].v === indexed[n - 1].v ? globalMax : indexed[n - 1].v;
+  const step = (hi - lo) / (n - 1);
+  const result = new Array(n);
+  for (let i = 0; i < n; i++) result[indexed[i].i] = lo + i * step;
+  return result;
+}
+var getLineHeightCompensation = (language) => {
+  const data = i18nData;
+  if (data[language]?.lineHeightCompensation !== void 0) return data[language].lineHeightCompensation;
+  const stripped = language.split("-").slice(0, -1).join("-");
+  if (stripped && data[stripped]?.lineHeightCompensation !== void 0) return data[stripped].lineHeightCompensation;
+  return data.latin?.lineHeightCompensation ?? 1;
+};
 var useLineHeight = () => {
   const { preferences } = usePreferences();
-  return useMemo(() => ({
-    ["publisher" /* publisher */]: null,
-    ["small" /* small */]: preferences.settings.keys["lineHeight" /* lineHeight */].keys["small" /* small */],
-    ["medium" /* medium */]: preferences.settings.keys["lineHeight" /* lineHeight */].keys["medium" /* medium */],
-    ["large" /* large */]: preferences.settings.keys["lineHeight" /* lineHeight */].keys["large" /* large */]
-  }), [preferences.settings.keys]);
+  const fontLanguage = useAppSelector((state) => state.publication.fontLanguage);
+  return useMemo(() => {
+    const keys = preferences.settings.keys["lineHeight" /* lineHeight */].keys;
+    const factor = getLineHeightCompensation(fontLanguage);
+    const values = {
+      ["publisher" /* publisher */]: null,
+      ["small" /* small */]: keys["small" /* small */],
+      ["medium" /* medium */]: keys["medium" /* medium */],
+      ["large" /* large */]: keys["large" /* large */]
+    };
+    const compensate = (v) => v !== null ? v * factor : null;
+    const compensatedValues = {
+      ["publisher" /* publisher */]: null,
+      ["small" /* small */]: compensate(values["small" /* small */]),
+      ["medium" /* medium */]: compensate(values["medium" /* medium */]),
+      ["large" /* large */]: compensate(values["large" /* large */])
+    };
+    const [minRange, maxRange] = lineHeightRangeConfig.range;
+    const clamp = (v) => v === null ? minRange : Math.min(Math.max(v, minRange), maxRange);
+    const ordered = ORDERED_LINE_HEIGHT_OPTIONS;
+    const clamped = ordered.map((key) => clamp(compensatedValues[key]));
+    const processed = spreadValues(clamped, minRange, maxRange);
+    const processedValues = Object.fromEntries(
+      ordered.map((key, i) => [key, processed[i]])
+    );
+    return { values, compensatedValues, processedValues, compensate };
+  }, [preferences.settings.keys, fontLanguage]);
 };
 var SvgBook = (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: "M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h480q33 0 56.5 23.5T800-800v640q0 33-23.5 56.5T720-80H240Zm0-80h480v-640h-80v280l-100-60-100 60v-280H240v640Zm0 0v-640 640Zm200-360 100-60 100 60-100-60-100 60Z" }) });
 var book_default = SvgBook;
@@ -3881,20 +4057,18 @@ var StatefulLineHeight = ({ standalone = true }) => {
   const profile = useAppSelector((state) => state.reader.profile);
   const isWebPub = profile === "webPub";
   const publisherStyles = useReaderSetting("publisherStyles");
-  const { getSetting, submitPreferences, preferencesEditor } = useNavigator().visual;
+  const { getSetting, submitPreferences } = useNavigator().visual;
   const prefKey = SETTINGS_KEY_TO_PREFERENCE["lineHeight" /* lineHeight */];
   const { getEffectiveSpacingValue, setLineHeight: setLineHeight2 } = useSpacingPresets();
   const lineHeight = getEffectiveSpacingValue("lineHeight" /* lineHeight */);
-  const lineHeightOptions = useLineHeight();
-  const lineHeightNumericValues = useMemo(
-    () => Object.values(lineHeightOptions).filter((v) => v !== null),
-    [lineHeightOptions]
-  );
-  const { presets: effectivePresets } = useEffectiveRange(
-    [Math.min(...lineHeightNumericValues), Math.max(...lineHeightNumericValues)],
-    preferencesEditor?.lineHeight?.supportedRange,
-    lineHeightNumericValues
-  );
+  const { processedValues } = useLineHeight();
+  const processedPresets = useMemo(() => {
+    const result = /* @__PURE__ */ new Map();
+    result.set("small" /* small */, processedValues["small" /* small */]);
+    result.set("medium" /* medium */, processedValues["medium" /* medium */]);
+    result.set("large" /* large */, processedValues["large" /* large */]);
+    return result;
+  }, [processedValues]);
   const items = useMemo(() => {
     const baseItems = [
       {
@@ -3915,10 +4089,7 @@ var StatefulLineHeight = ({ standalone = true }) => {
         label: t("reader.preferences.lineHeight.large"),
         value: "large" /* large */
       }
-    ].filter((item) => {
-      const v = lineHeightOptions[item.id];
-      return effectivePresets === void 0 || effectivePresets.includes(v);
-    });
+    ].filter((item) => processedPresets.has(item.id));
     if (preferences.settings.keys["lineHeight" /* lineHeight */].allowUnset !== false) {
       baseItems.unshift({
         id: "publisher" /* publisher */,
@@ -3928,16 +4099,16 @@ var StatefulLineHeight = ({ standalone = true }) => {
       });
     }
     return baseItems;
-  }, [preferences.settings.keys, lineHeightOptions, effectivePresets, t]);
+  }, [preferences.settings.keys, processedPresets, t]);
   const updatePreference = useCallback(async (value) => {
-    const computedValue = value === "publisher" /* publisher */ ? null : lineHeightOptions[value];
+    const submitValue = value === "publisher" /* publisher */ ? null : processedPresets.get(value) ?? null;
     await submitPreferences({
-      [prefKey]: computedValue
+      [prefKey]: submitValue
     });
-    const currentLineHeight = getSetting(prefKey);
-    const currentDisplayLineHeightOption = Object.entries(lineHeightOptions).find(([_key, value2]) => value2 === currentLineHeight)?.[0];
+    const storedLineHeight = getSetting(prefKey);
+    const currentDisplayLineHeightOption = [...processedPresets.entries()].find(([, v]) => v === storedLineHeight)?.[0];
     setLineHeight2(currentDisplayLineHeightOption);
-  }, [prefKey, submitPreferences, getSetting, setLineHeight2, lineHeightOptions]);
+  }, [prefKey, submitPreferences, getSetting, setLineHeight2, processedPresets]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     StatefulRadioGroup,
     {
@@ -4113,7 +4284,7 @@ var StatefulPublisherStyles = ({ standalone = true }) => {
   const paragraphSpacing = getEffectiveSpacingValue("paragraphSpacing" /* paragraphSpacing */);
   const letterSpacing = getEffectiveSpacingValue("letterSpacing" /* letterSpacing */);
   const wordSpacing = getEffectiveSpacingValue("wordSpacing" /* wordSpacing */);
-  const lineHeightOptions = useLineHeight();
+  const { compensatedValues: lineHeightOptions } = useLineHeight();
   const { submitPreferences } = useNavigator().visual;
   const lineHeightPrefKey = SETTINGS_KEY_TO_PREFERENCE["lineHeight" /* lineHeight */];
   const paragraphIndentPrefKey = SETTINGS_KEY_TO_PREFERENCE["paragraphIndent" /* paragraphIndent */];
@@ -4206,7 +4377,7 @@ var StatefulSpacingPresets = ({ standalone }) => {
   const paragraphIndentPrefKey = SETTINGS_KEY_TO_PREFERENCE["paragraphIndent" /* paragraphIndent */];
   const paragraphSpacingPrefKey = SETTINGS_KEY_TO_PREFERENCE["paragraphSpacing" /* paragraphSpacing */];
   const wordSpacingPrefKey = SETTINGS_KEY_TO_PREFERENCE["wordSpacing" /* wordSpacing */];
-  const lineHeightOptions = useLineHeight();
+  const { values: lineHeightOptions, compensate: compensateLineHeight } = useLineHeight();
   const { getPresetValues } = useSpacingPresets();
   const publicationType = isWebPub ? "webpub" : isFXL ? "fxl" : "reflow";
   const { isComponentUsed: isLetterSpacingUsed } = useSettingsComponentStatus({
@@ -4240,7 +4411,7 @@ var StatefulSpacingPresets = ({ standalone }) => {
       ["wordSpacing" /* wordSpacing */]: presetValues?.["wordSpacing" /* wordSpacing */] ?? null
     };
     const lineHeightValue = reduxValues["lineHeight" /* lineHeight */];
-    const lineHeightValueNumber = lineHeightValue && lineHeightValue !== "publisher" /* publisher */ ? lineHeightOptions[lineHeightValue] : null;
+    const lineHeightValueNumber = lineHeightValue && lineHeightValue !== "publisher" /* publisher */ ? compensateLineHeight(lineHeightOptions[lineHeightValue]) : null;
     const preferencesToSubmit = {};
     if (isLetterSpacingUsed) {
       preferencesToSubmit[letterSpacingPrefKey] = reduxValues["letterSpacing" /* letterSpacing */];
@@ -4269,7 +4440,7 @@ var StatefulSpacingPresets = ({ standalone }) => {
         values: reduxValues
       }));
     }
-  }, [isWebPub, dispatch, submitPreferences, getPresetValues, lineHeightOptions, letterSpacingPrefKey, lineHeightPrefKey, paragraphIndentPrefKey, paragraphSpacingPrefKey, wordSpacingPrefKey, isLetterSpacingUsed, isLineHeightUsed, isParagraphIndentUsed, isParagraphSpacingUsed, isWordSpacingUsed]);
+  }, [isWebPub, dispatch, submitPreferences, getPresetValues, lineHeightOptions, compensateLineHeight, letterSpacingPrefKey, lineHeightPrefKey, paragraphIndentPrefKey, paragraphSpacingPrefKey, wordSpacingPrefKey, isLetterSpacingUsed, isLineHeightUsed, isParagraphIndentUsed, isParagraphSpacingUsed, isWordSpacingUsed]);
   const spacingKeys = useMemo(() => {
     const baseKeys = isWebPub ? webPubSpacingPresetKeys : isFXL ? fxlSpacingPresetKeys : reflowSpacingPresetKeys;
     const subPanelKeys = subPanelSpacingSettingsKeys || [];
@@ -4750,7 +4921,7 @@ var createDefaultPlugin = () => {
     id: "core",
     name: "Core Components",
     description: "Default components for Thorium Web Epub StatefulReader",
-    version: "1.4.0",
+    version: "1.5.1",
     components: {
       actions: {
         ["fullscreen" /* fullscreen */]: {
@@ -5344,6 +5515,8 @@ var StatefulAudioVolumeTrigger = ({ ref }) => {
   const { t } = useI18n();
   const profile = useAppSelector((state) => state.reader.profile);
   const { preferences } = useAudioPreferences();
+  const { actionsKeys } = useActionsPreferences();
+  const shortcut = actionsKeys["audio.volume" /* volume */]?.shortcut;
   const { preferencesEditor } = useNavigator().media;
   const volume = useAppSelector((state) => state.audioSettings.volume);
   const isTrackReady = useAppSelector((state) => state.player.isTrackReady);
@@ -5365,6 +5538,7 @@ var StatefulAudioVolumeTrigger = ({ ref }) => {
     {
       ref,
       tooltipLabel: t("reader.playback.preferences.audio.volume"),
+      shortcut,
       placement: "top",
       onPress: () => {
         if (profile) {
@@ -5448,6 +5622,8 @@ var thorium_web_playbackRate_default = {
 var StatefulAudioPlaybackRateTrigger = ({ ref }) => {
   const { t } = useI18n();
   const profile = useAppSelector((state) => state.reader.profile);
+  const { actionsKeys } = useActionsPreferences();
+  const shortcut = actionsKeys["audio.playbackRate" /* playbackRate */]?.shortcut;
   const playbackRate = useAppSelector((state) => state.audioSettings.playbackRate);
   const isTrackReady = useAppSelector((state) => state.player.isTrackReady);
   const isStalled = useAppSelector((state) => state.player.isStalled);
@@ -5458,6 +5634,7 @@ var StatefulAudioPlaybackRateTrigger = ({ ref }) => {
     {
       ref,
       tooltipLabel: t("reader.playback.preferences.playbackRate.descriptive"),
+      shortcut,
       placement: "top",
       onPress: () => {
         if (profile) {
@@ -5563,6 +5740,8 @@ var thorium_web_audioToc_default = {
 var StatefulAudioTocTrigger = ({ ref }) => {
   const { t } = useI18n();
   const profile = useAppSelector((state) => state.reader.profile);
+  const { actionsKeys } = useActionsPreferences();
+  const shortcut = actionsKeys["audio.toc" /* toc */]?.shortcut;
   const isTrackReady = useAppSelector((state) => state.player.isTrackReady);
   const isStalled = useAppSelector((state) => state.player.isStalled);
   const isDisabled = !isTrackReady || isStalled;
@@ -5572,6 +5751,7 @@ var StatefulAudioTocTrigger = ({ ref }) => {
     {
       ref,
       tooltipLabel: t("reader.tableOfContents.title"),
+      shortcut,
       placement: "top",
       onPress: () => {
         if (profile) {
@@ -5691,6 +5871,8 @@ var thorium_web_sleepTimer_default = {
 var StatefulAudioSleepTimerTrigger = ({ ref }) => {
   const { t } = useI18n();
   const profile = useAppSelector((state) => state.reader.profile);
+  const { actionsKeys } = useActionsPreferences();
+  const shortcut = actionsKeys["audio.sleepTimer" /* sleepTimer */]?.shortcut;
   const remainingSeconds = useAppSelector((state) => state.player.sleepTimer.remainingSeconds);
   const onTrackEnd = useAppSelector((state) => state.player.sleepTimer.onTrackEnd);
   const onFragmentEnd = useAppSelector((state) => state.player.sleepTimer.onFragmentEnd);
@@ -5713,6 +5895,7 @@ var StatefulAudioSleepTimerTrigger = ({ ref }) => {
     {
       ref,
       tooltipLabel: t("reader.playback.preferences.sleepTimer.descriptive"),
+      shortcut,
       placement: "top",
       onPress: () => {
         if (profile) {
@@ -6014,7 +6197,7 @@ var createAudioDefaultPlugin = () => {
     id: "audio-core",
     name: "Audio Core Components",
     description: "Default components for Thorium Web Audio StatefulReader",
-    version: "1.4.0",
+    version: "1.5.1",
     components: {
       actions: {
         ["settings" /* settings */]: {
@@ -6385,6 +6568,70 @@ var StatefulDockingWrapper = ({
   }
 };
 
+// src/helpers/peripherals.ts
+var NavPeripheralType = {
+  progressForward: "th_nav_progress_forward",
+  progressBackward: "th_nav_progress_backward",
+  moveRight: "th_nav_move_right",
+  moveLeft: "th_nav_move_left",
+  moveUp: "th_nav_move_up",
+  moveDown: "th_nav_move_down",
+  moveHome: "th_nav_move_home",
+  moveEnd: "th_nav_move_end",
+  zoomIn: "th_nav_zoom_in",
+  zoomOut: "th_nav_zoom_out"
+};
+var ZOOM_IN_KEY_COMBOS = [
+  { keyCode: 187, ctrl: true },
+  { keyCode: 61, ctrl: true },
+  { keyCode: 107, ctrl: true },
+  { keyCode: 187, meta: true },
+  { keyCode: 61, meta: true },
+  { keyCode: 107, meta: true }
+];
+var ZOOM_OUT_KEY_COMBOS = [
+  { keyCode: 189, ctrl: true },
+  { keyCode: 173, ctrl: true },
+  { keyCode: 109, ctrl: true },
+  { keyCode: 189, meta: true },
+  { keyCode: 173, meta: true },
+  { keyCode: 109, meta: true }
+];
+var ACTION_PERIPHERAL_PREFIX = "th_action_";
+var toActionPeripheralType = (key) => `${ACTION_PERIPHERAL_PREFIX}${key}`;
+var fromActionPeripheralType = (type) => type.startsWith(ACTION_PERIPHERAL_PREFIX) ? type.slice(ACTION_PERIPHERAL_PREFIX.length) : null;
+var DOCKING_PERIPHERAL_PREFIX = "th_docking_";
+var toDockingPeripheralType = (key) => `${DOCKING_PERIPHERAL_PREFIX}${key}`;
+var fromDockingPeripheralType = (type) => type.startsWith(DOCKING_PERIPHERAL_PREFIX) ? type.slice(DOCKING_PERIPHERAL_PREFIX.length) : null;
+var useFocusedDockableKey = () => {
+  const { actionsKeys } = useActionsPreferences();
+  return useCallback((dockingKey) => {
+    const active = document.activeElement;
+    if (!active) return null;
+    const checkKey = (key) => {
+      const dockable = actionsKeys[key]?.docked?.dockable;
+      if (!dockable || dockable === "none" /* none */) return false;
+      return dockingKey === "dockingTransient" /* transient */ || dockingKey === "dockingStart" /* start */ && (dockable === "start" /* start */ || dockable === "both" /* both */) || dockingKey === "dockingEnd" /* end */ && (dockable === "end" /* end */ || dockable === "both" /* both */);
+    };
+    let el = active;
+    while (el) {
+      const id = el.getAttribute("id");
+      if (id) {
+        if (checkKey(id)) return id;
+        const keyFromId = Object.keys(actionsKeys).find((k) => id.startsWith(`${k}-`));
+        if (keyFromId && checkKey(keyFromId)) return keyFromId;
+      }
+      const dataKey = el.getAttribute("data-key");
+      if (dataKey) {
+        const key = dataKey.slice(dataKey.lastIndexOf("-") + 1);
+        if (key && checkKey(key)) return key;
+      }
+      el = el.parentElement;
+    }
+    return null;
+  }, [actionsKeys]);
+};
+
 // src/components/assets/styles/thorium-web.reader.header.module.css
 var thorium_web_reader_header_default = {
   header: "thorium_web_reader_header_header",
@@ -6468,7 +6715,7 @@ var StatefulBackLink = ({
           for (const { name, value } of Array.from(svgElement.attributes)) {
             attributes[name] = value;
           }
-          contentNode = React22.createElement("svg", {
+          contentNode = React23.createElement("svg", {
             ...attributes,
             "aria-hidden": "true",
             focusable: "false",
@@ -6572,6 +6819,6 @@ var useReaderHeaderBase = (actionKeys) => {
   };
 };
 
-export { NavigatorProvider, StatefulActionIcon, StatefulAudioAutoPlay, StatefulAudioPlaybackRateContainer, StatefulAudioPlaybackRateTrigger, StatefulAudioRemotePlaybackTrigger, StatefulAudioSettingsContainer, StatefulAudioSkipBackwardInterval, StatefulAudioSkipForwardInterval, StatefulAudioSkipInterval, StatefulAudioSleepTimerContainer, StatefulAudioSleepTimerTrigger, StatefulAudioTocContainer, StatefulAudioTocTrigger, StatefulAudioVolumeContainer, StatefulAudioVolumeTrigger, StatefulBackLink, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulCompactPopoverSheet, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGlobalPreferencesProvider, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLigatures, StatefulLineHeight, StatefulModalBase, StatefulModalSheet, StatefulNoRuby, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulSettingsTrigger, StatefulSettingsWrapper, StatefulSheetWrapper, StatefulSlider, StatefulSliderWithPresets, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulVisualSettingsContainer, StatefulWordSpacing, StatefulZoom, UnstableStatefulFontWeight, createAudioDefaultPlugin, createDefaultPlugin, thorium_web_button_default, thorium_web_overflow_default, thorium_web_reader_app_default, thorium_web_reader_header_default, useDocking, useEffectiveRange, useGridNavigation, useGridTemplate, useIsScroll, useLineHeight, useNavigator, usePlaceholder, usePositionStorage, usePublication, useReaderHeaderBase, useReaderSetting, useReaderTransitions, useSettingsComponentStatus, useSpacingPresets };
-//# sourceMappingURL=chunk-MSHUPSBI.mjs.map
-//# sourceMappingURL=chunk-MSHUPSBI.mjs.map
+export { NavPeripheralType, NavigatorProvider, ORDERED_LINE_HEIGHT_OPTIONS, StatefulActionIcon, StatefulAudioAutoPlay, StatefulAudioPlaybackRateContainer, StatefulAudioPlaybackRateTrigger, StatefulAudioRemotePlaybackTrigger, StatefulAudioSettingsContainer, StatefulAudioSkipBackwardInterval, StatefulAudioSkipForwardInterval, StatefulAudioSkipInterval, StatefulAudioSleepTimerContainer, StatefulAudioSleepTimerTrigger, StatefulAudioTocContainer, StatefulAudioTocTrigger, StatefulAudioVolumeContainer, StatefulAudioVolumeTrigger, StatefulBackLink, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulCompactPopoverSheet, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGlobalPreferencesProvider, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLigatures, StatefulLineHeight, StatefulModalBase, StatefulModalSheet, StatefulNoRuby, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulSettingsTrigger, StatefulSettingsWrapper, StatefulSheetWrapper, StatefulSlider, StatefulSliderWithPresets, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulVisualSettingsContainer, StatefulWordSpacing, StatefulZoom, ThPluginProvider, ThPluginRegistry, UnstableStatefulFontWeight, ZOOM_IN_KEY_COMBOS, ZOOM_OUT_KEY_COMBOS, createAudioDefaultPlugin, createDefaultPlugin, fromActionPeripheralType, fromDockingPeripheralType, thorium_web_button_default, thorium_web_overflow_default, thorium_web_reader_app_default, thorium_web_reader_header_default, toActionPeripheralType, toDockingPeripheralType, useActionComponentStatus, useDocking, useEffectiveRange, useFocusedDockableKey, useGridNavigation, useGridTemplate, useIsScroll, useLineHeight, useNavigator, usePlaceholder, usePlugins, usePositionStorage, usePublication, useReaderHeaderBase, useReaderSetting, useReaderTransitions, useSettingsComponentStatus, useSpacingPresets };
+//# sourceMappingURL=chunk-THOJRBVD.mjs.map
+//# sourceMappingURL=chunk-THOJRBVD.mjs.map