@edrlab/thorium-web 1.1.0 → 1.1.2

package/dist/{chunk-D24O64OP.mjs → chunk-2JHEFF46.mjs}

@@ -1,9 +1,9 @@
 import { makeBreakpointsMap, isInteractiveElement, isKeyboardTriggered, isActiveElement, getBestMatchingProgressionFormat } from './chunk-VH22EPOM.mjs';
-import { useFullscreen, useEpubNavigator } from './chunk-OWJCESNF.mjs';
+import { useFullscreen, useEpubNavigator } from './chunk-VETE7ULS.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 { usePreferences, prefixString, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, usePreferenceKeys, defaultFontFamilyOptions, buildThemeObject, defaultPreferences, ThPreferencesProvider } from './chunk-IRA4ZKAX.mjs';
 import { isIOSish, buildShortcut, metaKeys } from './chunk-5LUMM7FW.mjs';
-import { useI18n } from './chunk-KKJA56IZ.mjs';
+import { useI18n } from './chunk-IYAFKTPL.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';
@@ -522,7 +522,7 @@ var StatefulDocker = ({
       {
         ref,
         className: thorium_web_button_default.dockerButton,
-        "aria-label": t("reader.app.docker.close.trigger"),
+        "aria-label": t("common.actions.close"),
         onPress: onClose,
         compounds: {
           tooltipTrigger: {
@@ -532,7 +532,7 @@ var StatefulDocker = ({
           tooltip: {
             className: thorium_web_button_default.tooltip
           },
-          label: t("reader.app.docker.close.tooltip")
+          label: t("common.actions.close")
         }
       }
     )
@@ -937,7 +937,7 @@ var StatefulBottomSheet = ({
                 {
                   ref: bottomSheetCloseRef,
                   className: thorium_web_button_default.closeButton,
-                  "aria-label": t("reader.app.docker.close.trigger"),
+                  "aria-label": t("common.actions.close"),
                   onPress: onClosePress
                 }
               )
@@ -1041,7 +1041,7 @@ var StatefulFullScreenSheet = ({
                 {
                   ref: fullScreenCloseRef,
                   className: thorium_web_button_default.closeButton,
-                  "aria-label": t("reader.app.docker.close.trigger"),
+                  "aria-label": t("common.actions.close"),
                   onPress: onClosePress
                 }
               )
@@ -1438,7 +1438,7 @@ var StatefulJumpToPositionContainer = ({
       sheetProps: {
         id: "jumpToPosition" /* jumpToPosition */,
         triggerRef,
-        heading: t("reader.jumpToPosition.heading"),
+        heading: t("reader.actions.goToPosition.descriptive"),
         className: thorium_web_jumpToPosition_default.wrapper,
         placement: "bottom",
         isOpen: actionState?.isOpen || false,
@@ -1506,7 +1506,7 @@ var StatefulJumpToPositionTrigger = ({ variant }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
     StatefulOverflowMenuItem,
     {
-      label: t("reader.jumpToPosition.trigger"),
+      label: t("reader.actions.goToPosition.descriptive"),
       SVGIcon: pin_drop_default,
       shortcut: preferences.actions.keys["jumpToPosition" /* jumpToPosition */].shortcut,
       id: "jumpToPosition" /* jumpToPosition */,
@@ -1516,9 +1516,9 @@ var StatefulJumpToPositionTrigger = ({ variant }) => {
     StatefulActionIcon,
     {
       visibility: preferences.actions.keys["jumpToPosition" /* jumpToPosition */].visibility,
-      "aria-label": t("reader.jumpToPosition.trigger"),
+      "aria-label": t("reader.actions.goToPosition.descriptive"),
       placement: "bottom",
-      tooltipLabel: t("reader.jumpToPosition.tooltip"),
+      tooltipLabel: t("reader.actions.goToPosition.compact"),
       onPress: () => setOpen(!actionState?.isOpen),
       children: /* @__PURE__ */ jsx(pin_drop_default, { "aria-hidden": "true", focusable: "false" })
     }
@@ -1712,7 +1712,7 @@ var StatefulSpacingGroup = () => {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     StatefulGroupWrapper,
     {
-      label: t("reader.settings.spacing.title"),
+      label: t("reader.preferences.spacing.title"),
       moreLabel: t("reader.settings.spacing.advanced.trigger"),
       moreTooltip: t("reader.settings.spacing.advanced.tooltip"),
       onPressMore: setSpacingContainer,
@@ -1749,7 +1749,7 @@ var StatefulTextGroup = () => {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     StatefulGroupWrapper,
     {
-      label: t("reader.settings.text.title"),
+      label: t("reader.preferences.text"),
       moreLabel: t("reader.settings.text.advanced.trigger"),
       moreTooltip: t("reader.settings.text.advanced.tooltip"),
       onPressMore: setTextContainer,
@@ -1866,12 +1866,12 @@ var StatefulSettingsContainer = ({
   const getHeading = useCallback(() => {
     switch (contains) {
       case "text" /* text */:
-        return t("reader.settings.text.title");
+        return t("reader.preferences.text");
       case "spacing" /* spacing */:
-        return t("reader.settings.spacing.title");
+        return t("reader.preferences.spacing.title");
       case "initial" /* initial */:
       default:
-        return t("reader.settings.heading");
+        return t("reader.preferences.title");
     }
   }, [contains, t]);
   const getHeaderVariant = useCallback(() => {
@@ -1941,7 +1941,7 @@ var StatefulSettingsTrigger = ({ variant }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
     StatefulOverflowMenuItem,
     {
-      label: t("reader.settings.trigger"),
+      label: t("reader.preferences.title"),
       SVGIcon: match_case_default,
       shortcut: preferences.actions.keys["settings" /* settings */].shortcut,
       id: "settings" /* settings */,
@@ -1951,9 +1951,9 @@ var StatefulSettingsTrigger = ({ variant }) => {
     StatefulActionIcon,
     {
       visibility: preferences.actions.keys["settings" /* settings */].visibility,
-      "aria-label": t("reader.settings.trigger"),
+      "aria-label": t("reader.preferences.title"),
       placement: "bottom",
-      tooltipLabel: t("reader.settings.tooltip"),
+      tooltipLabel: t("reader.preferences.title"),
       onPress: () => setOpen(!actionState?.isOpen),
       children: /* @__PURE__ */ jsx(match_case_default, { "aria-hidden": "true", focusable: "false" })
     }
@@ -2084,7 +2084,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
       sheetProps: {
         id: "toc" /* toc */,
         triggerRef,
-        heading: t("reader.toc.heading"),
+        heading: t("reader.tableOfContents.title"),
         className: thorium_web_toc_default.wrapper,
         placement: "bottom",
         isOpen: actionState?.isOpen || false,
@@ -2098,7 +2098,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
         /* @__PURE__ */ jsx(
           ThFormSearchField,
           {
-            "aria-label": t("reader.toc.search.label"),
+            "aria-label": t("common.actions.search"),
             value: filterValue,
             onChange: setFilterValue,
             onClear: () => setFilterValue(""),
@@ -2110,7 +2110,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
               input: {
                 ref: searchInputRef,
                 className: thorium_web_toc_default.searchInput,
-                placeholder: t("reader.toc.search.placeholder")
+                placeholder: t("common.actions.search")
               },
               searchIcon: {
                 className: thorium_web_toc_default.searchIcon,
@@ -2118,7 +2118,8 @@ var StatefulTocContainer = ({ triggerRef }) => {
               },
               clearButton: {
                 className: thorium_web_toc_default.clearButton,
-                isDisabled: !filterValue
+                isDisabled: !filterValue,
+                "aria-label": t("common.actions.clear")
               }
             }
           }
@@ -2165,7 +2166,7 @@ var StatefulTocContainer = ({ triggerRef }) => {
             }
           }
         )
-      ] }) : /* @__PURE__ */ jsx("div", { className: thorium_web_toc_default.empty, children: t("reader.toc.empty") })
+      ] }) : /* @__PURE__ */ jsx("div", { className: thorium_web_toc_default.empty, children: t("reader.tableOfContents.emptyState.description") })
     }
   ) });
 };
@@ -2185,7 +2186,7 @@ var StatefulTocTrigger = ({ variant }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
     StatefulOverflowMenuItem,
     {
-      label: t("reader.toc.trigger"),
+      label: t("reader.tableOfContents.title"),
       SVGIcon: toc_default,
       shortcut: preferences.actions.keys["toc" /* toc */].shortcut,
       id: "toc" /* toc */,
@@ -2195,9 +2196,9 @@ var StatefulTocTrigger = ({ variant }) => {
     StatefulActionIcon,
     {
       visibility: preferences.actions.keys["toc" /* toc */].visibility,
-      "aria-label": t("reader.toc.trigger"),
+      "aria-label": t("reader.tableOfContents.title"),
       placement: "bottom",
-      tooltipLabel: t("reader.toc.tooltip"),
+      tooltipLabel: t("reader.tableOfContents.title"),
       onPress: () => setOpen(!actionState?.isOpen),
       children: /* @__PURE__ */ jsx(toc_default, { "aria-hidden": "true", focusable: "false" })
     }
@@ -2386,19 +2387,19 @@ var StatefulColumns = () => {
     {
       id: "auto",
       icon: document_scanner_default,
-      label: t("reader.settings.column.auto"),
+      label: t("reader.preferences.columns.auto"),
       value: "auto"
     },
     {
       id: "1",
       icon: article_default,
-      label: t("reader.settings.column.one"),
+      label: t("reader.preferences.columns.single.compact"),
       value: "1"
     },
     {
       id: "2",
       icon: menu_book_default,
-      label: t("reader.settings.column.two"),
+      label: t("reader.preferences.columns.dual.compact"),
       value: "2",
       // This is subpar when the columnCount is 1 though because
       // it won't be disabled, but it's the best we can do with
@@ -2431,7 +2432,7 @@ var StatefulColumns = () => {
     StatefulRadioGroup,
     {
       standalone: true,
-      label: t("reader.settings.column.title"),
+      label: t("reader.preferences.columns.title"),
       orientation: "horizontal",
       value: effectiveValue,
       onChange: async (val) => await updatePreference(val),
@@ -2487,15 +2488,32 @@ var StatefulDropdown = ({
     }
   );
 };
+var fontFamilyLabelMap = {
+  publisher: "direct",
+  oldStyle: "descriptive",
+  modern: "descriptive",
+  sans: "direct",
+  humanist: "descriptive",
+  monospace: "direct"
+};
 var StatefulFontFamily = ({ standalone = true }) => {
   const { t } = useI18n();
+  const getFontFamilyLabel = useCallback((property) => {
+    const config = fontFamilyLabelMap[property];
+    const labelPath = `reader.preferences.fontFamily.${property}`;
+    if (config === "direct") {
+      return t(labelPath);
+    } else {
+      return t(`${labelPath}.${config}`);
+    }
+  }, [t]);
   const profile = useAppSelector((state) => state.reader.profile);
   const isWebPub = profile === "webPub";
   const fontFamily = useAppSelector((state) => isWebPub ? state.webPubSettings.fontFamily : state.settings.fontFamily) ?? "publisher";
   const fontFamilyOptions = useRef(
     Object.entries(defaultFontFamilyOptions).map(([property, stack]) => ({
       id: property,
-      label: t(`reader.settings.fontFamily.labels.${property}`),
+      label: getFontFamilyLabel(property),
       value: stack
     }))
   );
@@ -2519,7 +2537,7 @@ var StatefulFontFamily = ({ standalone = true }) => {
     StatefulDropdown,
     {
       standalone,
-      label: t("reader.settings.fontFamily.title"),
+      label: t("reader.preferences.fontFamily.title"),
       selectedKey: fontFamily,
       onSelectionChange: async (key) => await updatePreference(key),
       compounds: {
@@ -2560,13 +2578,13 @@ var UnstableStatefulFontWeight = ({ standalone = true }) => {
     {
       id: "default",
       icon: format_bold_wght200_default,
-      label: t("reader.settings.fontWeight.default"),
+      label: t("reader.preferences.fontWeight.normal"),
       value: "default"
     },
     {
       id: "bolder",
       icon: format_bold_wght500_default,
-      label: t("reader.settings.fontWeight.bolder"),
+      label: t("reader.preferences.fontWeight.bold"),
       value: "bolder"
     }
   ];
@@ -2592,7 +2610,7 @@ var UnstableStatefulFontWeight = ({ standalone = true }) => {
     StatefulRadioGroup,
     {
       standalone,
-      label: t("reader.settings.fontWeight.title"),
+      label: t("reader.preferences.fontWeight.title"),
       orientation: "horizontal",
       value: derivedValue,
       onChange: async (val) => await updatePreference(val),
@@ -2648,8 +2666,8 @@ var StatefulHyphens = ({ standalone = true }) => {
     StatefulSwitch,
     {
       standalone,
-      heading: t("reader.settings.hyphens.title"),
-      label: t("reader.settings.hyphens.label"),
+      heading: t("reader.preferences.hyphens.title"),
+      label: t("reader.preferences.hyphens.label"),
       onChange: async (isSelected) => await updatePreference(isSelected),
       isSelected: hyphens ?? false,
       isDisabled: textAlign === "publisher" /* publisher */
@@ -2671,13 +2689,13 @@ var StatefulLayout = () => {
     {
       id: "page_option" /* paginated */,
       icon: docs_default,
-      label: t("reader.settings.layout.paginated"),
+      label: t("reader.preferences.layout.paginated"),
       value: "page_option" /* paginated */
     },
     {
       id: "scroll_option" /* scroll */,
       icon: contract_default,
-      label: t("reader.settings.layout.scrolled"),
+      label: t("reader.preferences.layout.scrolled"),
       value: "scroll_option" /* scroll */
     }
   ];
@@ -2690,7 +2708,7 @@ var StatefulLayout = () => {
     StatefulRadioGroup,
     {
       standalone: true,
-      label: t("reader.settings.layout.title"),
+      label: t("reader.preferences.layout.title"),
       orientation: "horizontal",
       value: isScroll ? "scroll_option" /* scroll */ : "page_option" /* paginated */,
       onChange: async (val) => await updatePreference(val),
@@ -2745,7 +2763,7 @@ var StatefulNumberField = ({
             tooltip: {
               className: thorium_web_button_default.tooltip
             },
-            label: resetLabel ?? t("reader.settings.reset")
+            label: resetLabel ?? t("common.actions.reset")
           }
         }
       }
@@ -2819,7 +2837,7 @@ var StatefulSlider = ({
             tooltip: {
               className: thorium_web_button_default.tooltip
             },
-            label: resetLabel ?? t("reader.settings.reset")
+            label: resetLabel ?? t("common.actions.reset")
           }
         }
       }
@@ -3114,7 +3132,7 @@ var StatefulLetterSpacing = ({ standalone = true }) => {
     StatefulNumberField,
     {
       standalone,
-      label: t("reader.settings.letterSpacing.title"),
+      label: t("reader.preferences.letterSpacing"),
       placeholder: placeholderText,
       defaultValue: void 0,
       value: letterSpacing ?? void 0,
@@ -3123,8 +3141,8 @@ var StatefulLetterSpacing = ({ standalone = true }) => {
       range: letterSpacingRangeConfig.range,
       step: letterSpacingRangeConfig.step,
       steppers: {
-        decrementLabel: t("reader.settings.letterSpacing.decrease"),
-        incrementLabel: t("reader.settings.letterSpacing.increase")
+        decrementLabel: t("common.actions.decrease"),
+        incrementLabel: t("common.actions.increase")
       },
       formatOptions: { style: "percent" },
       isWheelDisabled: true,
@@ -3135,7 +3153,7 @@ var StatefulLetterSpacing = ({ standalone = true }) => {
     {
       standalone,
       displayTicks: letterSpacingRangeConfig.variant === "incrementedSlider" /* incrementedSlider */,
-      label: t("reader.settings.letterSpacing.title"),
+      label: t("reader.preferences.letterSpacing"),
       placeholder: placeholderText,
       defaultValue: void 0,
       value: letterSpacing ?? void 0,
@@ -3179,19 +3197,19 @@ var StatefulLineHeight = ({ standalone = true }) => {
       {
         id: "small" /* small */,
         icon: density_small_default,
-        label: t("reader.settings.lineHeight.small"),
+        label: t("reader.preferences.lineHeight.small"),
         value: "small" /* small */
       },
       {
         id: "medium" /* medium */,
         icon: density_medium_default,
-        label: t("reader.settings.lineHeight.medium"),
+        label: t("reader.preferences.lineHeight.medium"),
         value: "medium" /* medium */
       },
       {
         id: "large" /* large */,
         icon: density_large_default,
-        label: t("reader.settings.lineHeight.large"),
+        label: t("reader.preferences.lineHeight.large"),
         value: "large" /* large */
       }
     ];
@@ -3199,7 +3217,7 @@ var StatefulLineHeight = ({ standalone = true }) => {
       baseItems.unshift({
         id: "publisher" /* publisher */,
         icon: book_default,
-        label: t("reader.settings.lineHeight.publisher"),
+        label: t("reader.preferences.lineHeight.default"),
         value: "publisher" /* publisher */
       });
     }
@@ -3218,7 +3236,7 @@ var StatefulLineHeight = ({ standalone = true }) => {
     StatefulRadioGroup,
     {
       standalone,
-      label: t("reader.settings.lineHeight.title"),
+      label: t("reader.preferences.lineHeight.title"),
       orientation: "horizontal",
       value: !isWebPub && publisherStyles ? "publisher" /* publisher */ : lineHeight,
       onChange: async (val) => await updatePreference(val),
@@ -3249,7 +3267,7 @@ var StatefulParagraphIndent = ({ standalone = true }) => {
     StatefulNumberField,
     {
       standalone,
-      label: t("reader.settings.paraIndent.title"),
+      label: t("reader.preferences.paragraphIndent"),
       placeholder: placeholderText,
       defaultValue: void 0,
       value: paragraphIndent ?? void 0,
@@ -3258,8 +3276,8 @@ var StatefulParagraphIndent = ({ standalone = true }) => {
       range: paragraphIndentRangeConfig.range,
       step: paragraphIndentRangeConfig.step,
       steppers: {
-        decrementLabel: t("reader.settings.paraIndent.decrease"),
-        incrementLabel: t("reader.settings.paraIndent.increase")
+        decrementLabel: t("common.actions.decrease"),
+        incrementLabel: t("common.actions.increase")
       },
       formatOptions: {
         signDisplay: "exceptZero",
@@ -3274,7 +3292,7 @@ var StatefulParagraphIndent = ({ standalone = true }) => {
     {
       standalone,
       displayTicks: paragraphIndentRangeConfig.variant === "incrementedSlider" /* incrementedSlider */,
-      label: t("reader.settings.paraIndent.title"),
+      label: t("reader.preferences.paragraphIndent"),
       placeholder: placeholderText,
       defaultValue: void 0,
       value: paragraphIndent ?? void 0,
@@ -3313,7 +3331,7 @@ var StatefulParagraphSpacing = ({ standalone = true }) => {
     StatefulNumberField,
     {
       standalone,
-      label: t("reader.settings.paraSpacing.title"),
+      label: t("reader.preferences.paragraphSpacing"),
       placeholder: placeholderText,
       defaultValue: void 0,
       value: paragraphSpacing ?? void 0,
@@ -3322,8 +3340,8 @@ var StatefulParagraphSpacing = ({ standalone = true }) => {
       range: paragraphSpacingRangeConfig.range,
       step: paragraphSpacingRangeConfig.step,
       steppers: {
-        decrementLabel: t("reader.settings.paraSpacing.decrease"),
-        incrementLabel: t("reader.settings.paraSpacing.increase")
+        decrementLabel: t("common.actions.decrease"),
+        incrementLabel: t("common.actions.increase")
       },
       formatOptions: {
         signDisplay: "exceptZero",
@@ -3338,7 +3356,7 @@ var StatefulParagraphSpacing = ({ standalone = true }) => {
     {
       standalone,
       displayTicks: paragraphSpacingRangeConfig.variant === "incrementedSlider" /* incrementedSlider */,
-      label: t("reader.settings.paraSpacing.title"),
+      label: t("reader.preferences.paragraphSpacing"),
       placeholder: placeholderText,
       defaultValue: void 0,
       value: paragraphSpacing ?? void 0,
@@ -3386,7 +3404,7 @@ var StatefulPublisherStyles = ({ standalone = true }) => {
     StatefulSwitch,
     {
       standalone,
-      label: t("reader.settings.publisherStyles.label"),
+      label: t("reader.preferences.publisherStyles.label"),
       onChange: async (isSelected) => await updatePreference(isSelected),
       isSelected: publisherStyles
     }
@@ -3474,7 +3492,7 @@ var StatefulSpacingPresets = ({ standalone }) => {
       id: key,
       icon: iconMap[key],
       value: key,
-      label: t(`reader.settings.spacing.presets.${key}`)
+      label: t(`reader.preferences.spacing.presets.${key === "publisher" /* publisher */ ? "default" : key}`)
     }));
   }, [spacingKeys, t]);
   if (items.length === 0) {
@@ -3484,7 +3502,7 @@ var StatefulSpacingPresets = ({ standalone }) => {
     StatefulRadioGroup,
     {
       standalone,
-      label: t("reader.settings.spacing.presets.title"),
+      label: t("reader.preferences.spacing.presets.title"),
       orientation: "horizontal",
       value: spacing?.preset || "publisher" /* publisher */,
       onChange: async (val) => await updatePreference(val),
@@ -3510,19 +3528,19 @@ var StatefulTextAlign = ({ standalone = true }) => {
     {
       id: "publisher" /* publisher */,
       icon: book_default,
-      label: t("reader.settings.align.publisher"),
+      label: t("reader.preferences.textAlign.default"),
       value: "publisher" /* publisher */
     },
     {
       id: "start" /* start */,
       icon: isRTL ? format_align_right_default : format_align_left_default,
-      label: isRTL ? t("reader.settings.align.right") : t("reader.settings.align.left"),
+      label: isRTL ? t("reader.preferences.textAlign.right") : t("reader.preferences.textAlign.left"),
       value: "start" /* start */
     },
     {
       id: "justify" /* justify */,
       icon: format_align_justify_default,
-      label: t("reader.settings.align.justify"),
+      label: t("reader.preferences.textAlign.justify"),
       value: "justify" /* justify */
     }
   ];
@@ -3549,7 +3567,7 @@ var StatefulTextAlign = ({ standalone = true }) => {
     StatefulRadioGroup,
     {
       standalone,
-      label: t("reader.settings.align.title"),
+      label: t("reader.preferences.textAlign.title"),
       orientation: "horizontal",
       value: textAlign,
       onChange: async (val) => await updatePreference(val),
@@ -3577,8 +3595,8 @@ var StatefulTextNormalize = ({ standalone = true }) => {
     StatefulSwitch,
     {
       standalone,
-      heading: t("reader.settings.normalizeText.title"),
-      label: t("reader.settings.normalizeText.label"),
+      heading: t("reader.preferences.textNormalization.title"),
+      label: t("reader.preferences.textNormalization.label"),
       onChange: async (isSelected) => await updatePreference(isSelected),
       isSelected: textNormalization ?? false
     }
@@ -3671,7 +3689,7 @@ var StatefulTheme = () => {
     {
       ref: radioGroupRef,
       standalone: true,
-      label: t("reader.settings.themes.title"),
+      label: t("reader.preferences.themes.title"),
       value: theme,
       onChange: async (val) => await updatePreference(val),
       useGraphicalNavigation: false,
@@ -3693,7 +3711,7 @@ var StatefulTheme = () => {
                 style: doStyles(themeItem),
                 onKeyDown,
                 children: /* @__PURE__ */ jsxs("span", { children: [
-                  t(`reader.settings.themes.${themeItem}`, { defaultValue: themeItem }),
+                  t(`reader.preferences.themes.${themeItem}`, { defaultValue: themeItem }),
                   themeItem === theme && /* @__PURE__ */ jsx(check_default, { "aria-hidden": "true", focusable: "false" })
                 ] })
               },
@@ -3728,7 +3746,7 @@ var StatefulWordSpacing = ({ standalone = true }) => {
     StatefulNumberField,
     {
       standalone,
-      label: t("reader.settings.wordSpacing.title"),
+      label: t("reader.preferences.wordSpacing"),
       placeholder: placeholderText,
       defaultValue: void 0,
       value: wordSpacing ?? void 0,
@@ -3737,8 +3755,8 @@ var StatefulWordSpacing = ({ standalone = true }) => {
       range: wordSpacingRangeConfig.range,
       step: wordSpacingRangeConfig.step,
       steppers: {
-        decrementLabel: t("reader.settings.wordSpacing.decrease"),
-        incrementLabel: t("reader.settings.wordSpacing.increase")
+        decrementLabel: t("common.actions.decrease"),
+        incrementLabel: t("common.actions.increase")
       },
       formatOptions: { style: "percent" },
       isWheelDisabled: true,
@@ -3749,7 +3767,7 @@ var StatefulWordSpacing = ({ standalone = true }) => {
     {
       standalone,
       displayTicks: wordSpacingRangeConfig.variant === "incrementedSlider" /* incrementedSlider */,
-      label: t("reader.settings.wordSpacing.title"),
+      label: t("reader.preferences.wordSpacing"),
       placeholder: placeholderText,
       defaultValue: void 0,
       value: wordSpacing ?? void 0,
@@ -3819,15 +3837,15 @@ var StatefulZoom = () => {
       defaultValue: 1,
       value: derivedState,
       onChange: async (value) => await updatePreference(value),
-      label: isFXL ? t("reader.settings.zoom.title") : t("reader.settings.fontSize.title"),
+      label: isFXL ? t("reader.preferences.zoom") : t("reader.preferences.fontSize"),
       placeholder: placeholderText,
       range: zoomRangeConfig.range,
       step: zoomRangeConfig.step,
       steppers: {
         decrementIcon: isFXL ? zoom_out_default : text_decrease_default,
-        decrementLabel: isFXL ? t("reader.settings.zoom.decrease") : t("reader.settings.fontSize.decrease"),
+        decrementLabel: t("common.actions.decrease"),
         incrementIcon: isFXL ? zoom_in_default : text_increase_default,
-        incrementLabel: isFXL ? t("reader.settings.zoom.increase") : t("reader.settings.fontSize.increase")
+        incrementLabel: t("common.actions.increase")
       },
       formatOptions: { style: "percent" },
       isWheelDisabled: true,
@@ -3841,7 +3859,7 @@ var StatefulZoom = () => {
       defaultValue: 1,
       value: derivedState,
       onChange: async (value) => await updatePreference(value),
-      label: isFXL ? t("reader.settings.zoom.title") : t("reader.settings.fontSize.title"),
+      label: isFXL ? t("reader.preferences.zoom") : t("reader.preferences.fontSize"),
       placeholder: placeholderText,
       range: zoomRangeConfig.range,
       step: zoomRangeConfig.step,
@@ -3856,7 +3874,7 @@ var createDefaultPlugin = () => {
     id: "core",
     name: "Core Components",
     description: "Default components for Thorium Web Epub StatefulReader",
-    version: "1.1.0",
+    version: "1.1.2",
     components: {
       actions: {
         ["fullscreen" /* fullscreen */]: {
@@ -4667,26 +4685,26 @@ var StatefulReaderProgression = ({
         break;
       case "positionsOfTotal" /* positionsOfTotal */:
         if (currentPositions.length > 0 && totalPositions) {
-          text = t("reader.app.progression.of", {
-            current: formatPositions(currentPositions),
-            reference: totalPositions
+          text = t("reader.progression.xOfY.compact", {
+            x: formatPositions(currentPositions),
+            y: totalPositions
           });
         }
         break;
       case "positionsPercentOfTotal" /* positionsPercentOfTotal */:
         if (currentPositions.length > 0 && totalPositions) {
           const percentage = Math.round((totalProgression || 0) * 100);
-          text = t("reader.app.progression.of", {
-            current: formatPositions(currentPositions),
-            reference: totalPositions
-          }) + ` (${percentage}%)`;
+          text = t("reader.progression.xOfY.descriptive", {
+            x: formatPositions(currentPositions),
+            y: totalPositions,
+            z: `${percentage}%`
+          });
         }
         break;
       case "positionsLeft" /* positionsLeft */:
         if (positionsLeft !== void 0) {
-          text = t("reader.app.progression.positionsLeft", {
-            count: positionsLeft,
-            reference: currentChapter || t("reader.app.progression.referenceFallback")
+          text = t(`reader.progression.positionsLeftInChapter`, {
+            count: positionsLeft
           });
         }
         break;
@@ -4705,17 +4723,17 @@ var StatefulReaderProgression = ({
       case "progressionOfResource" /* progressionOfResource */:
         if (relativeProgression !== void 0) {
           const percentage = Math.round(relativeProgression * 100);
-          text = t("reader.app.progression.of", {
-            current: `${percentage}%`,
-            reference: currentChapter || t("reader.app.progression.referenceFallback")
+          text = t("reader.progression.xOfY.compact", {
+            x: `${percentage}%`,
+            y: currentChapter || t("reader.app.progression.referenceFallback")
           });
         }
         break;
       case "readingOrderIndex" /* readingOrderIndex */:
         if (currentIndex !== void 0 && totalItems !== void 0) {
-          text = t("reader.app.progression.of", {
-            current: currentIndex,
-            reference: totalItems
+          text = t("reader.progression.xOfY.compact", {
+            x: currentIndex,
+            y: totalItems
           });
         }
         break;
@@ -4824,9 +4842,9 @@ var StatefulReaderFooter = ({
     if (previous) {
       links.previous = {
         node: breakpoint !== "compact" /* compact */ && breakpoint !== "medium" /* medium */ ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__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") }) }),
+          /* @__PURE__ */ jsx("span", { className: thorium_web_reader_app_default.srOnly, children: t(isFXL ? "reader.actions.goToPreviousPage.descriptive" : "reader.actions.goToPreviousChapter.descriptive") }),
+          /* @__PURE__ */ jsx("span", { className: thorium_web_reader_pagination_default.label, children: timeline?.previousItem?.title || previous.title || t(isFXL ? "reader.actions.goToPreviousPage.compact" : "reader.actions.goToPreviousChapter.compact") })
+        ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: thorium_web_reader_pagination_default.label, children: t(isFXL ? "reader.actions.goToPreviousPage.compact" : "reader.actions.goToPreviousChapter.compact") }) }),
         onPress: () => go(previous, !reducedMotion, () => {
         })
       };
@@ -4834,15 +4852,15 @@ var StatefulReaderFooter = ({
     if (next) {
       links.next = {
         node: breakpoint !== "compact" /* compact */ && breakpoint !== "medium" /* medium */ ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__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") }) }),
+          /* @__PURE__ */ jsx("span", { className: thorium_web_reader_app_default.srOnly, children: t(isFXL ? "reader.actions.goToNextPage.descriptive" : "reader.actions.goToNextChapter.descriptive") }),
+          /* @__PURE__ */ jsx("span", { className: thorium_web_reader_pagination_default.label, children: timeline?.nextItem?.title || next.title || t(isFXL ? "reader.actions.goToNextPage.compact" : "reader.actions.goToNextChapter.compact") })
+        ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: thorium_web_reader_pagination_default.label, children: t(isFXL ? "reader.actions.goToNextPage.compact" : "reader.actions.goToNextChapter.compact") }) }),
         onPress: () => go(next, !reducedMotion, () => {
         })
       };
     }
     return links;
-  }, [go, previousLocator, nextLocator, t, timeline, breakpoint, reducedMotion]);
+  }, [go, previousLocator, nextLocator, t, timeline, breakpoint, reducedMotion, isFXL]);
   useEffect(() => {
     updateLinks();
   }, [timeline, updateLinks]);
@@ -5046,5 +5064,5 @@ function getReaderClassNames(options) {
 }
 
 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
+//# sourceMappingURL=chunk-2JHEFF46.mjs.map
+//# sourceMappingURL=chunk-2JHEFF46.mjs.map