@edrlab/thorium-web 1.0.5 → 1.0.7

package/dist/StatefulReader-BWwn9QKQ.d.mts

@@ -0,0 +1,378 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TooltipProps, PopoverProps } from 'react-aria-components';
+import { d as ThActionsTriggerVariant, a as ThCollapsibilityVisibility, b as ThActionEntry } from './useCollapsibility-CM1I24Ol.mjs';
+import { T as ThActionButtonProps, f as ThMenuItemProps, a as ThCollapsibleActionsBarProps, t as ThSettingsEntry, r as ThDropdownProps, h as ThNumberFieldProps, k as ThRadioGroupProps, m as ThSliderProps, o as ThSwitchProps } from './ThSettingsWrapper-Cz0dIHPG.mjs';
+import { d as ThActionsKeys, c as ThDockingKeys, t as ThSheetTypes, g as ThTextSettingsKeys, h as ThSpacingSettingsKeys, i as ThSpacingPresetKeys, T as ThLineHeightOptions, u as ThSheetHeaderVariant, a as ThTextAlignOptions, j as ThLayoutUI } from './enums-CBaXSsr9.mjs';
+import React__default, { RefObject, ReactNode } from 'react';
+import { q as ThSettingsGroupPref, a as ThPreferences, D as DefaultKeys, d as defaultFontFamilyOptions } from './ThPreferencesAdapter-CbAb0Vth.mjs';
+import { PressEvent } from 'react-aria';
+import { A as ActionsStateKeys } from './actionsReducer-BKoeohBu.mjs';
+import { T as ThColorScheme } from './useContrast-Cgsrl7GS.mjs';
+import { Locator } from '@readium/shared';
+import { LineLengthStateObject } from './lib/index.mjs';
+
+interface StatefulActionsMapObject {
+    Trigger: React.ComponentType<StatefulActionTriggerProps>;
+    Target?: React.ComponentType<StatefulActionContainerProps>;
+}
+interface StatefulActionTriggerProps {
+    variant: ThActionsTriggerVariant;
+    associatedKey?: ActionsStateKeys;
+}
+interface StatefulActionContainerProps {
+    triggerRef: RefObject<HTMLElement | null>;
+}
+
+declare const StatefulFullscreenTrigger: ({ variant }: StatefulActionTriggerProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const StatefulJumpToPositionContainer: ({ triggerRef }: StatefulActionContainerProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const StatefulJumpToPositionTrigger: ({ variant }: StatefulActionTriggerProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const StatefulSettingsContainer: ({ triggerRef }: StatefulActionContainerProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulSettingsTrigger: ({ variant }: StatefulActionTriggerProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulTocContainer: ({ triggerRef }: StatefulActionContainerProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulTocTrigger: ({ variant }: StatefulActionTriggerProps) => react_jsx_runtime.JSX.Element;
+
+interface StatefulActionIconProps extends ThActionButtonProps {
+    visibility?: ThCollapsibilityVisibility;
+    placement?: TooltipProps["placement"];
+    tooltipLabel?: string;
+}
+declare const StatefulActionIcon: ({ visibility, placement, tooltipLabel, children, ...props }: StatefulActionIconProps) => react_jsx_runtime.JSX.Element;
+
+interface StatefulOverflowMenuItemProps extends Omit<ThMenuItemProps, "shortcut"> {
+    shortcut?: string | null;
+}
+declare const StatefulOverflowMenuItem: ({ id, label, SVGIcon, shortcut, ...props }: StatefulOverflowMenuItemProps) => react_jsx_runtime.JSX.Element;
+
+interface StatefulCollapsibleActionsBarProps extends ThCollapsibleActionsBarProps {
+    items: ThActionEntry<string | ThActionsKeys | ThDockingKeys>[];
+    overflowMenuClassName?: string;
+}
+declare const StatefulCollapsibleActionsBar: ({ id, items, overflowMenuClassName, ...props }: StatefulCollapsibleActionsBarProps) => react_jsx_runtime.JSX.Element;
+
+interface StatefulOverflowMenuProps {
+    id: string;
+    items: ThActionEntry<string | ThActionsKeys | ThDockingKeys>[];
+    triggerRef: RefObject<HTMLElement | null>;
+    className?: string;
+    children?: ReactNode;
+}
+declare const StatefulOverflowMenu: ({ id, className, items, triggerRef }: StatefulOverflowMenuProps) => react_jsx_runtime.JSX.Element | undefined;
+
+declare const useDocking: <T extends string>(key: T) => {
+    getDocker: () => ThDockingKeys[];
+    sheetType: ThSheetTypes;
+};
+
+type ActionComponent = StatefulActionsMapObject;
+interface SettingComponent extends ThSettingsEntry {
+    type?: "text" | "spacing";
+    props?: any;
+}
+interface ThPlugin {
+    id: string;
+    name: string;
+    description?: string;
+    version?: string;
+    components: {
+        actions?: Record<string, ActionComponent>;
+        settings?: Record<string, SettingComponent>;
+    };
+}
+
+declare const createDefaultPlugin: () => ThPlugin;
+
+interface StatefulGroupWrapperProps<T extends string = ThTextSettingsKeys | ThSpacingSettingsKeys> {
+    heading: string;
+    moreLabel: string;
+    moreTooltip: string;
+    onPressMore: (e: PressEvent) => void;
+    componentsMap: Record<string, SettingComponent>;
+    prefs?: ThSettingsGroupPref<T>;
+    defaultPrefs: {
+        main: T[];
+        subPanel: T[];
+    };
+}
+declare const StatefulGroupWrapper: <T extends string = ThTextSettingsKeys | ThSpacingSettingsKeys>({ heading, moreLabel, moreTooltip, onPressMore, componentsMap, prefs, defaultPrefs }: StatefulGroupWrapperProps<T>) => react_jsx_runtime.JSX.Element;
+
+interface StatefulDropdownProps extends Omit<ThDropdownProps, "classNames"> {
+    standalone?: boolean;
+}
+declare const StatefulDropdown: ({ standalone, label, className, compounds, ...props }: StatefulDropdownProps) => react_jsx_runtime.JSX.Element;
+
+interface StatefulNumberFieldProps extends Omit<ThNumberFieldProps, "classNames"> {
+    standalone?: boolean;
+    resetLabel?: string;
+    placeholder?: string;
+}
+declare const StatefulNumberField: ({ standalone, label, placeholder, value, resetLabel, ...props }: StatefulNumberFieldProps) => react_jsx_runtime.JSX.Element;
+
+interface StatefulRadioGroupProps extends Omit<ThRadioGroupProps, "classNames"> {
+    standalone?: boolean;
+    useGraphicalNavigation?: boolean;
+    onEscape?: () => void;
+}
+declare const StatefulRadioGroup: ({ ref, standalone, useGraphicalNavigation, label, items, value, children, onChange, onEscape, ...props }: StatefulRadioGroupProps) => react_jsx_runtime.JSX.Element;
+
+interface StatefulSliderProps extends Omit<ThSliderProps, "classNames"> {
+    standalone?: boolean;
+    placeholder?: string;
+    resetLabel?: string;
+    displayTicks?: boolean;
+}
+declare const StatefulSlider: ({ standalone, label, placeholder, displayTicks, value, resetLabel, ...props }: StatefulSliderProps) => react_jsx_runtime.JSX.Element;
+
+interface StatefulSwitchProps extends Omit<ThSwitchProps, "classNames"> {
+    standalone?: boolean;
+}
+declare const StatefulSwitch: ({ standalone, label, heading, ...props }: StatefulSwitchProps) => react_jsx_runtime.JSX.Element;
+
+interface useGridNavigationProps {
+    containerRef: React__default.RefObject<HTMLDivElement | null>;
+    items: React__default.RefObject<any[]>;
+    currentValue: any;
+    onChange: (value: any) => void;
+    isRTL?: boolean;
+    onEscape?: () => void;
+    onFocus?: (value: string) => void;
+}
+declare const useGridNavigation: ({ containerRef, items, currentValue, onChange, isRTL, onEscape, onFocus }: useGridNavigationProps) => {
+    onKeyDown: (e: React__default.KeyboardEvent) => void;
+};
+
+declare const useGridTemplate: (ref: React.RefObject<HTMLDivElement | null>, type?: "columns" | "rows") => number | null;
+
+interface StatefulSettingsItemProps {
+    standalone?: boolean;
+}
+
+declare const StatefulLetterSpacing: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulLineHeight: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulParagraphIndent: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulParagraphSpacing: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulSpacingGroup: () => react_jsx_runtime.JSX.Element;
+declare const StatefulSpacingGroupContainer: () => react_jsx_runtime.JSX.Element;
+
+declare const StatefulSpacingPresets: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const StatefulWordSpacing: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Hook that returns a mapping of line height options to their actual numeric values
+ * This eliminates code duplication across spacing components
+ */
+declare const useLineHeight: () => {
+    publisher: null;
+    small: any;
+    medium: any;
+    large: any;
+};
+
+/**
+ * Hook to determine if preset system should be active
+ * Only active when component is both registered AND displayed
+ * This allows us to correctly handle overrides for presets,
+ * and states for spacing components
+ */
+declare const useSpacingPresets: () => {
+    currentPreset: ThSpacingPresetKeys;
+    getPresetValues: (presetKey: ThSpacingPresetKeys) => {
+        letterSpacing: any;
+        lineHeight: any;
+        paragraphIndent: any;
+        paragraphSpacing: any;
+        wordSpacing: any;
+    };
+    getEffectiveSpacingValue: {
+        (key: ThSpacingSettingsKeys.letterSpacing): number | null;
+        (key: ThSpacingSettingsKeys.lineHeight): ThLineHeightOptions | null;
+        (key: ThSpacingSettingsKeys.paragraphIndent): number | null;
+        (key: ThSpacingSettingsKeys.paragraphSpacing): number | null;
+        (key: ThSpacingSettingsKeys.wordSpacing): number | null;
+    };
+    getSpacingResetValue: {
+        (key: ThSpacingSettingsKeys.letterSpacing): number | null;
+        (key: ThSpacingSettingsKeys.lineHeight): ThLineHeightOptions | null;
+        (key: ThSpacingSettingsKeys.paragraphIndent): number | null;
+        (key: ThSpacingSettingsKeys.paragraphSpacing): number | null;
+        (key: ThSpacingSettingsKeys.wordSpacing): number | null;
+    };
+    canBeReset: (key: ThSpacingSettingsKeys) => boolean;
+    setLetterSpacing: (value: number | null) => void;
+    setLineHeight: (value: ThLineHeightOptions) => void;
+    setParagraphIndent: (value: number | null) => void;
+    setParagraphSpacing: (value: number | null) => void;
+    setWordSpacing: (value: number | null) => void;
+    setPublisherStyles: (value: boolean) => void;
+};
+
+declare const StatefulFontFamily: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const UnstableStatefulFontWeight: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulHyphens: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulTextAlign: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulTextGroup: () => react_jsx_runtime.JSX.Element;
+declare const StatefulTextGroupContainer: () => react_jsx_runtime.JSX.Element;
+
+declare const StatefulTextNormalize: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulPublisherStyles: ({ standalone }: StatefulSettingsItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulZoom: () => react_jsx_runtime.JSX.Element;
+
+interface StatefulSheet {
+    id: ActionsStateKeys;
+    triggerRef: RefObject<HTMLElement | null>;
+    heading: string;
+    headerVariant?: ThSheetHeaderVariant;
+    className: string;
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+    onClosePress: () => void;
+    docker?: ThDockingKeys[];
+    children?: ReactNode;
+    resetFocus?: unknown;
+    focusWithinRef?: RefObject<HTMLElement | null>;
+    focusSelector?: string;
+    scrollTopOnFocus?: boolean;
+    dismissEscapeKeyClose?: boolean;
+}
+
+interface StatefulBottomSheetProps extends StatefulSheet {
+}
+interface ScrimPref {
+    active: boolean;
+    override?: string;
+}
+declare const StatefulBottomSheet: ({ id, heading, headerVariant, className, isOpen, onOpenChange, onClosePress, children, resetFocus, focusWithinRef, focusSelector, scrollTopOnFocus, dismissEscapeKeyClose }: StatefulBottomSheetProps) => react_jsx_runtime.JSX.Element | undefined;
+
+interface StatefulDockedSheetProps extends StatefulSheet {
+    flow: ThDockingKeys.start | ThDockingKeys.end | null;
+}
+declare const StatefulDockedSheet: ({ id, heading, headerVariant, className, isOpen, onClosePress, docker, flow, children, resetFocus, focusSelector, focusWithinRef, scrollTopOnFocus }: StatefulDockedSheetProps) => react_jsx_runtime.JSX.Element | undefined;
+
+interface StatefulFullScreenSheetProps extends StatefulSheet {
+}
+declare const StatefulFullScreenSheet: ({ heading, headerVariant, className, isOpen, onOpenChange, onClosePress, children, resetFocus, focusWithinRef, focusSelector, scrollTopOnFocus, dismissEscapeKeyClose }: StatefulFullScreenSheetProps) => react_jsx_runtime.JSX.Element | undefined;
+
+interface StatefulPopoverSheetProps extends StatefulSheet {
+    placement?: PopoverProps["placement"];
+}
+declare const StatefulPopoverSheet: ({ id, triggerRef, heading, headerVariant, className, isOpen, onOpenChange, onClosePress, placement, docker, children, resetFocus, focusWithinRef, focusSelector, scrollTopOnFocus, dismissEscapeKeyClose }: StatefulPopoverSheetProps) => react_jsx_runtime.JSX.Element | undefined;
+
+declare const StatefulSheetWrapper: ({ sheetType, sheetProps, children }: {
+    sheetType: ThSheetTypes;
+    sheetProps: StatefulPopoverSheetProps | StatefulFullScreenSheetProps | StatefulDockedSheetProps | StatefulBottomSheetProps;
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulLoader: ({ isLoading, children }: {
+    isLoading: boolean;
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const DefaultImage: ({ src, alt }: {
+    src: string;
+    alt?: string;
+}) => react_jsx_runtime.JSX.Element;
+interface Publication {
+    title: string;
+    author: string;
+    cover: string;
+    url: string;
+    rendition?: string;
+}
+interface PublicationGridProps {
+    publications: Publication[];
+    columnWidth?: number;
+    gap?: string;
+    renderCover?: (publication: Publication) => React__default.ReactElement<React__default.ImgHTMLAttributes<HTMLImageElement>>;
+}
+declare const PublicationGrid: ({ publications, columnWidth, gap, renderCover, }: PublicationGridProps) => react_jsx_runtime.JSX.Element;
+
+declare const StatefulPreferencesProvider: ({ children, initialPreferences }: {
+    children: ReactNode;
+    initialPreferences?: ThPreferences<DefaultKeys>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const useNavigator: () => any;
+
+interface UsePublicationOptions {
+    url: string;
+    onError?: (error: string) => void;
+}
+declare const usePublication: ({ url, onError }: UsePublicationOptions) => {
+    error: string;
+    manifest: object | undefined;
+    selfLink: string | undefined;
+};
+
+interface ReaderTransitions {
+    isImmersive: boolean;
+    isFullscreen: boolean;
+    isScroll: boolean;
+    hasUserNavigated: boolean;
+    wasImmersive: boolean;
+    wasFullscreen: boolean;
+    wasScroll: boolean;
+    wasUserNavigated: boolean;
+    fromImmersive: boolean;
+    toImmersive: boolean;
+    fromFullscreen: boolean;
+    toFullscreen: boolean;
+    fromScroll: boolean;
+    toScroll: boolean;
+    fromUserNavigation: boolean;
+    toUserNavigation: boolean;
+}
+declare const useReaderTransitions: () => ReaderTransitions;
+
+interface ReadiumCSSSettings {
+    columnCount: string;
+    fontFamily: keyof typeof defaultFontFamilyOptions | null;
+    fontSize: number;
+    fontWeight: number;
+    hyphens: boolean | null;
+    letterSpacing: number | null;
+    lineLength: LineLengthStateObject | null;
+    lineHeight: ThLineHeightOptions | null;
+    paragraphIndent: number | null;
+    paragraphSpacing: number | null;
+    publisherStyles: boolean;
+    scroll: boolean;
+    textAlign: ThTextAlignOptions | null;
+    textNormalization: boolean;
+    theme?: string;
+    wordSpacing: number | null;
+}
+interface StatelessCache {
+    layoutUI: ThLayoutUI;
+    isImmersive: boolean;
+    isHovering: boolean;
+    arrowsOccupySpace: boolean;
+    settings: ReadiumCSSSettings;
+    positionsList: Locator[];
+    colorScheme?: ThColorScheme;
+    reducedMotion?: boolean;
+}
+interface StatefulReaderProps {
+    rawManifest: object;
+    selfHref: string;
+    plugins?: ThPlugin[];
+}
+declare const StatefulReader: ({ rawManifest, selfHref, plugins }: StatefulReaderProps) => react_jsx_runtime.JSX.Element | null;
+
+export { StatefulHyphens as $, StatefulDropdown as A, type StatefulNumberFieldProps as B, StatefulNumberField as C, type StatefulRadioGroupProps as D, StatefulRadioGroup as E, type StatefulSliderProps as F, StatefulSlider as G, type StatefulSwitchProps as H, StatefulSwitch as I, type useGridNavigationProps as J, useGridNavigation as K, useGridTemplate as L, type StatefulSettingsItemProps as M, StatefulLetterSpacing as N, StatefulLineHeight as O, StatefulParagraphIndent as P, StatefulParagraphSpacing as Q, StatefulSpacingGroup as R, type StatefulReaderProps as S, type ThPlugin as T, StatefulSpacingGroupContainer as U, StatefulSpacingPresets as V, StatefulWordSpacing as W, useLineHeight as X, useSpacingPresets as Y, StatefulFontFamily as Z, UnstableStatefulFontWeight as _, usePublication as a, StatefulTextAlign as a0, StatefulTextGroup as a1, StatefulTextGroupContainer as a2, StatefulTextNormalize as a3, StatefulPublisherStyles as a4, StatefulZoom as a5, type StatefulBottomSheetProps as a6, type ScrimPref as a7, StatefulBottomSheet as a8, type StatefulDockedSheetProps as a9, StatefulDockedSheet as aa, type StatefulFullScreenSheetProps as ab, StatefulFullScreenSheet as ac, type StatefulPopoverSheetProps as ad, StatefulPopoverSheet as ae, StatefulSheetWrapper as af, type StatefulSheet as ag, StatefulLoader as ah, DefaultImage as ai, type Publication as aj, type PublicationGridProps as ak, PublicationGrid as al, StatefulPreferencesProvider as am, type ReadiumCSSSettings as an, type StatelessCache as ao, StatefulReader as ap, useReaderTransitions as b, type StatefulActionsMapObject as c, type StatefulActionTriggerProps as d, type StatefulActionContainerProps as e, StatefulFullscreenTrigger as f, StatefulJumpToPositionContainer as g, StatefulJumpToPositionTrigger as h, StatefulSettingsContainer as i, StatefulSettingsTrigger as j, StatefulTocContainer as k, StatefulTocTrigger as l, type StatefulActionIconProps as m, StatefulActionIcon as n, type StatefulOverflowMenuItemProps as o, StatefulOverflowMenuItem as p, type StatefulCollapsibleActionsBarProps as q, StatefulCollapsibleActionsBar as r, type StatefulOverflowMenuProps as s, StatefulOverflowMenu as t, useNavigator as u, useDocking as v, createDefaultPlugin as w, type StatefulGroupWrapperProps as x, StatefulGroupWrapper as y, type StatefulDropdownProps as z };

package/dist/{ThPreferencesAdapter-DrpMdZt6.d.mts → ThPreferencesAdapter-CbAb0Vth.d.mts}

@@ -1,6 +1,6 @@
-import { T as ThBreakpoints, s as ThLayoutDirection, j as ThDocumentTitleFormat, i as ThBackLinkVariant, k as ThRunningHeadFormat, l as ThProgressionFormat, h as ThLayoutUI, q as ThSheetTypes, c as ThThemeKeys, b as ThActionsKeys, m as ThDockingTypes, a as ThDockingKeys, d as ThSettingsKeys, e as ThTextSettingsKeys, f as ThSpacingSettingsKeys, o as ThSettingsRangeVariant, p as ThSettingsRangePlaceholder, v as ThLineHeightOptions, r as ThSheetHeaderVariant, g as ThSpacingPresetKeys } from './enums-k2t0ns7n.mjs';
-import { U as UnstableShortcutRepresentation } from './keyboardUtilities-CoTR9LKx.mjs';
-import { B as BreakpointsMap, T as ThBreakpointsObject } from './useBreakpoints-tXWqELEV.mjs';
+import { b as ThBreakpoints, l as ThArrowVariant, v as ThLayoutDirection, m as ThDocumentTitleFormat, k as ThBackLinkVariant, n as ThRunningHeadFormat, o as ThProgressionFormat, j as ThLayoutUI, t as ThSheetTypes, e as ThThemeKeys, d as ThActionsKeys, p as ThDockingTypes, c as ThDockingKeys, f as ThSettingsKeys, g as ThTextSettingsKeys, h as ThSpacingSettingsKeys, r as ThSettingsRangeVariant, s as ThSettingsRangePlaceholder, T as ThLineHeightOptions, u as ThSheetHeaderVariant, i as ThSpacingPresetKeys } from './enums-CBaXSsr9.mjs';
+import { e as UnstableShortcutRepresentation } from './keyboardUtilities-BWAyLS_D.mjs';
+import { B as BreakpointsMap, T as ThBreakpointsObject } from './useBreakpoints-BtHd3571.mjs';
 import { T as ThColorScheme, a as ThContrast } from './useContrast-Cgsrl7GS.mjs';
 import { T as ThCollapsibility, a as ThCollapsibilityVisibility } from './useCollapsibility-CM1I24Ol.mjs';
 
@@ -97,6 +97,7 @@ interface ThActionsTokens {
 }
 interface ThSettingsSpacingPresets<K extends CustomizableKeys = DefaultKeys> {
     reflowOrder: Array<ThSpacingPresetKeys>;
+    webPubOrder: Array<ThSpacingPresetKeys>;
     keys: {
         [key in Exclude<ThSpacingPresetKeys, "publisher" | "custom">]?: ThSpacingPreset<K>;
     };
@@ -137,6 +138,7 @@ type SpacingSettingsKey<K extends CustomizableKeys> = K extends {
 interface ThActionsPref<K extends CustomizableKeys> {
     reflowOrder: Array<ActionKey<K>>;
     fxlOrder: Array<ActionKey<K>>;
+    webPubOrder: Array<ActionKey<K>>;
     collapse: ThCollapsibility;
     keys: Record<ActionKey<K>, ThActionsTokens>;
 }
@@ -189,6 +191,17 @@ interface ThFormatPref<T extends string | Array<string>> {
         [key in ThBreakpoints]?: ThFormatPrefValue<T>;
     };
 }
+interface ThPaginatedAffordancePrefValue {
+    variant: ThArrowVariant;
+    discard?: Array<"navigation" | "immersive" | "fullscreen"> | "none";
+    hint?: Array<"immersiveChange" | "fullscreenChange" | "layoutChange"> | "none";
+}
+interface ThPaginatedAffordancePref {
+    default: Required<ThPaginatedAffordancePrefValue>;
+    breakpoints?: {
+        [key in ThBreakpoints]?: ThPaginatedAffordancePrefValue;
+    };
+}
 interface ThPreferences<K extends CustomizableKeys = {}> {
     direction?: ThLayoutDirection;
     locale?: string;
@@ -210,6 +223,7 @@ interface ThPreferences<K extends CustomizableKeys = {}> {
                 format?: {
                     reflow?: ThFormatPref<ThRunningHeadFormat>;
                     fxl?: ThFormatPref<ThRunningHeadFormat>;
+                    webPub?: ThFormatPref<ThRunningHeadFormat>;
                 };
             };
         };
@@ -217,6 +231,7 @@ interface ThPreferences<K extends CustomizableKeys = {}> {
             format?: {
                 reflow?: ThFormatPref<ThProgressionFormat | Array<ThProgressionFormat>>;
                 fxl?: ThFormatPref<ThProgressionFormat | Array<ThProgressionFormat>>;
+                webPub?: ThFormatPref<ThProgressionFormat | Array<ThProgressionFormat>>;
             };
         };
         arrow: {
@@ -233,6 +248,7 @@ interface ThPreferences<K extends CustomizableKeys = {}> {
             ui?: {
                 reflow?: ThLayoutUI;
                 fxl?: ThLayoutUI;
+                webPub?: ThLayoutUI;
             };
             radius: number;
             spacing: number;
@@ -262,6 +278,10 @@ interface ThPreferences<K extends CustomizableKeys = {}> {
             hideOnForwardScroll: boolean;
             showOnBackwardScroll: boolean;
         };
+        paginated: {
+            reflow: ThPaginatedAffordancePref;
+            fxl: ThPaginatedAffordancePref;
+        };
     };
     actions: ThActionsPref<K>;
     shortcuts: {
@@ -272,6 +292,7 @@ interface ThPreferences<K extends CustomizableKeys = {}> {
     settings: {
         reflowOrder: Array<SettingsKey<K>>;
         fxlOrder: Array<SettingsKey<K>>;
+        webPubOrder: Array<SettingsKey<K>>;
         keys: ThSettingsKeyTypes<K>;
         text?: ThSettingsGroupPref<TextSettingsKey<K>>;
         spacing?: ThSettingsGroupPref<SpacingSettingsKey<K>> & {
@@ -354,4 +375,4 @@ interface ThPreferencesAdapter<T extends CustomizableKeys = CustomizableKeys> {
     unsubscribe(callback: (prefs: ThPreferences<T>) => void): void;
 }
 
-export { type ActionKey as A, type TextSettingsKeyType as B, type CustomizableKeys as C, type DefaultKeys as D, type SpacingSettingsKeyType as E, type useThemingProps as F, useTheming as G, defaultActionKeysObject as H, type I18nValue as I, defaultTextSettingsMain as J, defaultTextSettingsSubpanel as K, defaultSpacingSettingsMain as L, defaultSpacingSettingsSubpanel as M, defaultSpacingPresetsOrder as N, defaultFontFamilyOptions as O, defaultParagraphSpacing as P, defaultParagraphIndent as Q, defaultWordSpacing as R, type SettingsKey as S, type ThPreferencesAdapter as T, defaultLetterSpacing as U, defaultLineHeights as V, defaultZoom as W, defaultSpacingPresets as X, type ThPreferences as a, type ThemeTokens as b, type ThBackLinkContent as c, type ThBackLinkPref as d, type ThBottomSheetDetent as e, type ThActionsSnappedPref as f, type ThActionsDockedPref as g, type ThActionsTokens as h, type ThSettingsSpacingPresets as i, type ThSpacingPreset as j, type ThemeKey as k, type TextSettingsKey as l, type SpacingSettingsKey as m, type ThActionsPref as n, type ThDockingPref as o, type ThSettingsGroupPref as p, type ThSettingsRangePref as q, type ThSettingsRadioPref as r, type ThSettingsKeyTypes as s, type ThConstraintKeys as t, type ThFormatPrefValue as u, type ThFormatPref as v, createPreferences as w, type ActionKeyType as x, type ThemeKeyType as y, type SettingsKeyType as z };
+export { type ActionKey as A, createPreferences as B, type CustomizableKeys as C, type DefaultKeys as D, type ActionKeyType as E, type ThemeKeyType as F, type SettingsKeyType as G, type TextSettingsKeyType as H, type I18nValue as I, type SpacingSettingsKeyType as J, type useThemingProps as K, defaultActionKeysObject as L, defaultTextSettingsMain as M, defaultTextSettingsSubpanel as N, defaultSpacingSettingsMain as O, defaultSpacingSettingsSubpanel as P, defaultSpacingPresetsOrder as Q, defaultParagraphSpacing as R, type SettingsKey as S, type ThPreferencesAdapter as T, defaultParagraphIndent as U, defaultWordSpacing as V, defaultLetterSpacing as W, defaultLineHeights as X, defaultZoom as Y, defaultSpacingPresets as Z, type ThPreferences as a, type ThemeTokens as b, type ThBackLinkContent as c, defaultFontFamilyOptions as d, type ThBackLinkPref as e, type ThBottomSheetDetent as f, type ThActionsSnappedPref as g, type ThActionsDockedPref as h, type ThActionsTokens as i, type ThSettingsSpacingPresets as j, type ThSpacingPreset as k, type ThemeKey as l, type TextSettingsKey as m, type SpacingSettingsKey as n, type ThActionsPref as o, type ThDockingPref as p, type ThSettingsGroupPref as q, type ThSettingsRangePref as r, type ThSettingsRadioPref as s, type ThSettingsKeyTypes as t, useTheming as u, type ThConstraintKeys as v, type ThFormatPrefValue as w, type ThFormatPref as x, type ThPaginatedAffordancePrefValue as y, type ThPaginatedAffordancePref as z };

package/dist/{ThSettingsWrapper-cIeG-ame.d.mts → ThSettingsWrapper-Cz0dIHPG.d.mts}

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default, { ComponentType, SVGProps } from 'react';
-import { b as ThActionEntry, c as ThActionsBarProps, C as CollapsiblePref } from './useCollapsibility-CM1I24Ol.mjs';
-import { ButtonProps, TooltipProps, MenuProps, MenuTriggerProps, PopoverProps, MenuItemProps, LabelProps, NumberFieldProps, GroupProps, InputProps, RadioGroupProps, RadioProps, SliderProps, SliderOutputProps, SliderTrackProps, SliderThumbProps, SwitchProps, HeadingProps } from 'react-aria-components';
 import { TooltipTriggerProps, KeyboardProps } from 'react-aria';
+import { ButtonProps, TooltipProps, MenuItemProps, LabelProps, MenuProps, MenuTriggerProps, PopoverProps, NumberFieldProps, GroupProps, InputProps, RadioGroupProps, RadioProps, SliderProps, SliderOutputProps, SliderTrackProps, SliderThumbProps, SwitchProps, HeadingProps, SelectProps, Button, ListBoxProps, ListBox, ListBoxItemProps } from 'react-aria-components';
+import { b as ThActionEntry, c as ThActionsBarProps, C as CollapsiblePref } from './useCollapsibility-CM1I24Ol.mjs';
 
 interface HTMLAttributesWithRef<T> extends React.HTMLAttributes<T> {
     ref?: React.ForwardedRef<T>;
@@ -31,6 +31,19 @@ interface ThActionButtonProps extends ButtonProps {
 }
 declare const ThActionButton: ({ ref, compounds, children, ...props }: ThActionButtonProps) => react_jsx_runtime.JSX.Element;
 
+interface ThMenuItemProps extends MenuItemProps {
+    ref?: React__default.Ref<HTMLDivElement>;
+    id: string;
+    SVGIcon?: React__default.ComponentType<React__default.SVGProps<SVGElement>>;
+    label: string;
+    shortcut?: string;
+    compounds?: {
+        label: WithRef<LabelProps, HTMLSpanElement>;
+        shortcut: WithRef<KeyboardProps, HTMLSpanElement>;
+    };
+}
+declare const ThMenuItem: ({ ref, id, SVGIcon, label, shortcut, compounds, children, ...props }: ThMenuItemProps) => react_jsx_runtime.JSX.Element;
+
 interface THMenuProps<T> extends MenuProps<ThActionEntry<T>> {
     ref?: React__default.ForwardedRef<HTMLDivElement>;
     triggerRef?: React__default.RefObject<HTMLElement | null>;
@@ -66,19 +79,6 @@ interface ThCollapsibleActionsBarProps extends ThActionsBarProps {
 }
 declare const ThCollapsibleActionsBar: ({ ref, id, items, prefs, breakpoint, compounds, ...props }: ThCollapsibleActionsBarProps) => react_jsx_runtime.JSX.Element;
 
-interface ThMenuItemProps extends MenuItemProps {
-    ref?: React__default.Ref<HTMLDivElement>;
-    id: string;
-    SVGIcon?: React__default.ComponentType<React__default.SVGProps<SVGElement>>;
-    label: string;
-    shortcut?: string;
-    compounds?: {
-        label: WithRef<LabelProps, HTMLSpanElement>;
-        shortcut: WithRef<KeyboardProps, HTMLSpanElement>;
-    };
-}
-declare const ThMenuItem: ({ ref, id, SVGIcon, label, shortcut, compounds, children, ...props }: ThMenuItemProps) => react_jsx_runtime.JSX.Element;
-
 interface ThNumberFieldProps extends Omit<NumberFieldProps, "minValue" | "maxValue" | "decrementAriaLabel" | "incrementAriaLabel"> {
     ref?: React.ForwardedRef<HTMLInputElement>;
     onReset?: () => void;
@@ -151,7 +151,7 @@ interface ThRadioGroupProps extends RadioGroupProps {
         radioLabel?: HTMLAttributesWithRef<HTMLSpanElement>;
     };
 }
-declare const ThRadioGroup: ({ ref, label, items, compounds, children, ...props }: ThRadioGroupProps) => react_jsx_runtime.JSX.Element | undefined;
+declare const ThRadioGroup: ({ ref, label, items, compounds, children, value, ...props }: ThRadioGroupProps) => react_jsx_runtime.JSX.Element | undefined;
 
 interface ThSliderProps extends Omit<SliderProps, "minValue" | "maxValue"> {
     ref?: React.ForwardedRef<HTMLDivElement>;
@@ -213,6 +213,43 @@ interface ThSwitchProps extends SwitchProps {
 }
 declare const ThSwitch: ({ ref, label, compounds, heading, ...props }: ThSwitchProps) => react_jsx_runtime.JSX.Element;
 
+interface ThDropdownEntry {
+    id: string;
+    label: string;
+    value: string;
+}
+interface ThDropdownProps extends SelectProps {
+    ref?: React__default.ForwardedRef<HTMLDivElement>;
+    label?: string;
+    items?: Iterable<ThDropdownEntry>;
+    children?: never;
+    compounds?: {
+        /**
+         * Props for the label component. See `LabelProps` for more information.
+         */
+        label?: WithRef<LabelProps, HTMLLabelElement>;
+        /**
+         * Props for the button component. See `ThDropdownButtonProps` for more information.
+         * Alternatively you can provide your own Button component
+         */
+        button?: WithRef<ButtonProps, HTMLButtonElement> | React__default.ReactElement<typeof Button>;
+        /**
+         * Props for the popover component. See `PopoverProps` for more information.
+         */
+        popover?: WithRef<PopoverProps, HTMLDivElement>;
+        /**
+         * Props for the listbox component. See `LisboxProps` for more information.
+         * Alternatively you can provide your own Listbox component
+         */
+        listbox?: WithRef<ListBoxProps<ThDropdownEntry>, HTMLDivElement> | React__default.ReactElement<typeof ListBox | HTMLDivElement>;
+        /**
+         * Props for the listboxItem component. See `ListBoxItemProps` for more information.
+         */
+        listboxItem?: ListBoxItemProps<ThDropdownEntry>;
+    };
+}
+declare const ThDropdown: ({ ref, label, items, compounds, ...props }: ThDropdownProps) => react_jsx_runtime.JSX.Element | null;
+
 interface ThSettingsEntry {
     Comp: React.ComponentType<any>;
 }
@@ -240,4 +277,4 @@ interface ThSettingsWrapperProps extends HTMLAttributesWithRef<HTMLDivElement> {
 }
 declare const ThSettingsWrapper: ({ ref, items, prefs, compounds, ...props }: ThSettingsWrapperProps) => react_jsx_runtime.JSX.Element | undefined;
 
-export { type HTMLAttributesWithRef as H, type ThActionButtonProps as T, type WithRef as W, type ThCollapsibleActionsBarProps as a, ThCollapsibleActionsBar as b, ThActionButton as c, type THMenuProps as d, ThMenu as e, type ThMenuItemProps as f, ThMenuItem as g, type ThNumberFieldProps as h, ThNumberField as i, type ThRadioGroupItems as j, type ThRadioGroupProps as k, ThRadioGroup as l, type ThSliderProps as m, ThSlider as n, type ThSwitchProps as o, ThSwitch as p, type ThSettingsEntry as q, type ThSettingsPrefs as r, type ThSettingsWrapperProps as s, ThSettingsWrapper as t };
+export { type HTMLAttributesWithRef as H, type ThActionButtonProps as T, type WithRef as W, type ThCollapsibleActionsBarProps as a, ThCollapsibleActionsBar as b, ThActionButton as c, type THMenuProps as d, ThMenu as e, type ThMenuItemProps as f, ThMenuItem as g, type ThNumberFieldProps as h, ThNumberField as i, type ThRadioGroupItems as j, type ThRadioGroupProps as k, ThRadioGroup as l, type ThSliderProps as m, ThSlider as n, type ThSwitchProps as o, ThSwitch as p, type ThDropdownEntry as q, type ThDropdownProps as r, ThDropdown as s, type ThSettingsEntry as t, type ThSettingsPrefs as u, type ThSettingsWrapperProps as v, ThSettingsWrapper as w };

package/dist/{actionsReducer-CwI-Bgzm.d.mts → actionsReducer-BKoeohBu.d.mts}

@@ -1,5 +1,5 @@
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
-import { a as ThDockingKeys } from './enums-k2t0ns7n.mjs';
+import { c as ThDockingKeys } from './enums-CBaXSsr9.mjs';
 
 type PrimitiveType = number | string | boolean;
 /** Object types that should never be mapped */
@@ -132,4 +132,4 @@ declare const setDockPanelWidth: _reduxjs_toolkit.ActionCreatorWithPayload<{
     width: number;
 }, "actions/setDockPanelWidth">;
 
-export { type ActionStateObject as A, type DockStateObject as D, type OverflowStateKeys as O, type WritableDraft as W, type ActionsStateKeys as a, type OverflowStateObject as b, type ActionStateDockPayload as c, type ActionStateOpenPayload as d, type ActionStateTogglePayload as e, type ActionOverflowOpenPayload as f, type ActionStateDockedPayload as g, type ActionStateSlotPayload as h, type ActionStateSlotWidthPayload as i, type DockState as j, type ActionsReducerState as k, actionsSlice as l, dockAction as m, setOverflow as n, activateDockPanel as o, deactivateDockPanel as p, collapseDockPanel as q, expandDockPanel as r, setActionOpen as s, toggleActionOpen as t, setDockPanelWidth as u };
+export { type ActionsStateKeys as A, type DockStateObject as D, type OverflowStateKeys as O, type WritableDraft as W, type ActionStateObject as a, type OverflowStateObject as b, type ActionStateDockPayload as c, type ActionStateOpenPayload as d, type ActionStateTogglePayload as e, type ActionOverflowOpenPayload as f, type ActionStateDockedPayload as g, type ActionStateSlotPayload as h, type ActionStateSlotWidthPayload as i, type DockState as j, type ActionsReducerState as k, actionsSlice as l, dockAction as m, setOverflow as n, activateDockPanel as o, deactivateDockPanel as p, collapseDockPanel as q, expandDockPanel as r, setActionOpen as s, toggleActionOpen as t, setDockPanelWidth as u };

package/dist/{chunk-F5DEEGRL.mjs → chunk-3KRYGUCM.mjs}

@@ -1,4 +1,4 @@
-import { usePreferences } from './chunk-DFDBT76F.mjs';
+import { usePreferences } from './chunk-DHFW75RZ.mjs';
 import { initReactI18next, I18nextProvider, useTranslation } from 'react-i18next';
 export { Trans } from 'react-i18next';
 import { useState, useEffect } from 'react';
@@ -80,5 +80,5 @@ var useI18n = (ns = "thorium-web") => {
 };
 
 export { DEFAULT_CONFIG, ThI18nProvider, initI18n, useI18n };
-//# sourceMappingURL=chunk-F5DEEGRL.mjs.map
-//# sourceMappingURL=chunk-F5DEEGRL.mjs.map
+//# sourceMappingURL=chunk-3KRYGUCM.mjs.map
+//# sourceMappingURL=chunk-3KRYGUCM.mjs.map

package/dist/{chunk-F5DEEGRL.mjs.map → chunk-3KRYGUCM.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/i18n/config.ts","../src/i18n/ThI18nProvider.tsx","../src/i18n/useI18n.ts"],"names":["i18n"],"mappings":";;;;;;;;;;AAMO,IAAM,cAAA,GAA8B;AAAA,EACzC,WAAA,EAAa,IAAA;AAAA,EACb,IAAA,EAAM,KAAA;AAAA,EACN,wBAAA,EAA0B,IAAA;AAAA,EAC1B,SAAA,EAAW;AAAA,IACT,KAAA,EAAO,CAAC,WAAW,CAAA;AAAA,IACnB,QAAQ;AAAC,GACX;AAAA,EACA,aAAA,EAAe;AAAA,IACb,WAAA,EAAa;AAAA,GACf;AAAA,EACA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,EAAA,EAAI,CAAC,aAAa,CAAA;AAAA,EAClB,SAAA,EAAW;AACb;AAEO,IAAM,QAAA,GAAW,OAAO,OAAA,GAAgC,EAAC,KAAM;AACpE,EAAA,IAAI,KAAK,aAAA,EAAe;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO,IAAA,CACJ,GAAA,CAAI,OAAO,CAAA,CACX,GAAA,CAAI,gBAAgB,CAAA,CACpB,GAAA,CAAI,gBAAgB,CAAA,CACpB,IAAA,CAAK;AAAA,IACJ,GAAG,cAAA;AAAA,IACH,GAAG;AAAA,GACJ,CAAA;AACL;ACzBO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2B;AACzB,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,cAAA,EAAe;AACvC,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AAExD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,KAAK,aAAA,EAAe;AACvB,MAAA,QAAA,CAAS;AAAA,QACP,GAAG,OAAA;AAAA,QACH,GAAA,EAAK,WAAA,EAAa,MAAA,IAAU,OAAA,CAAQ;AAAA,OACrC,CAAA,CAAE,IAAA,CAAK,MAAM,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAAA,IACtC;AAAA,EACF,CAAC,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,IAAiB,aAAa,MAAA,EAAQ;AACxC,MAAA,IAAA,CAAK,cAAA,CAAe,YAAY,MAAM,CAAA;AAAA,IACxC;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,MAAA,EAAQ,aAAa,CAAC,CAAA;AAEvC,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAgB,QAAA,EAAU,CAAA;AACpD;AChCO,IAAM,OAAA,GAAU,CAAC,EAAA,GAAa,aAAA,KAAkB;AACrD,EAAA,MAAM,EAAE,CAAA,EAAG,IAAA,EAAAA,OAAM,KAAA,EAAM,GAAI,eAAe,EAAE,CAAA;AAG5C,EAAA,MAAM,cAAA,GAAiB,CAAC,GAAA,KAAgB;AACtC,IAAA,OAAOA,KAAAA,CAAK,eAAe,GAAG,CAAA;AAAA,EAChC,CAAA;AAEA,EAAA,OAAO;AAAA;AAAA,IAEL,CAAA;AAAA;AAAA,IAEA,IAAA,EAAAA,KAAAA;AAAA;AAAA,IAEA,KAAA;AAAA;AAAA,IAEA,iBAAiBA,KAAAA,CAAK,QAAA;AAAA;AAAA,IAEtB,WAAWA,KAAAA,CAAK,SAAA;AAAA;AAAA,IAEhB;AAAA,GACF;AACF","file":"chunk-F5DEEGRL.mjs","sourcesContent":["import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport Backend from \"i18next-http-backend\";\nimport { InitOptions } from \"i18next\";\n\nexport const DEFAULT_CONFIG: InitOptions = {\n  fallbackLng: \"en\",\n  load: \"all\",\n  nonExplicitSupportedLngs: true,\n  detection: {\n    order: [\"navigator\"],\n    caches: []\n  },\n  interpolation: {\n    escapeValue: false\n  },\n  backend: {\n    loadPath: \"/locales/{{lng}}/{{ns}}.json\"\n  },\n  ns: [\"thorium-web\"],\n  defaultNS: \"thorium-web\"\n};\n\nexport const initI18n = async (options: Partial<InitOptions> = {}) => {\n  if (i18n.isInitialized) {\n    return i18n;\n  }\n\n  return i18n\n    .use(Backend)\n    .use(LanguageDetector)\n    .use(initReactI18next)\n    .init({\n      ...DEFAULT_CONFIG,\n      ...options\n    });\n};\n\nexport { i18n };","\"use client\";\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { i18n, initI18n } from \"./config\";\nimport { InitOptions } from \"i18next\";\nimport { usePreferences } from \"@/preferences\";\n\nexport type ThI18nProviderProps = {\n  children: ReactNode;\n} & Partial<InitOptions>;\n\nexport const ThI18nProvider = ({\n  children,\n  ...options\n}: ThI18nProviderProps) => {\n  const { preferences } = usePreferences();\n  const [isInitialized, setIsInitialized] = useState(false);\n  \n  useEffect(() => {\n    if (!i18n.isInitialized) {      \n      initI18n({\n        ...options,\n        lng: preferences?.locale || options.lng,\n      }).then(() => setIsInitialized(true));\n    }\n  });\n\n  useEffect(() => {\n    if (isInitialized && preferences?.locale) {\n      i18n.changeLanguage(preferences.locale);\n    }\n  }, [preferences?.locale, isInitialized]);\n\n  if (!isInitialized) {\n    return null;\n  }\n\n  return <I18nextProvider i18n={ i18n }>{ children }</I18nextProvider>;\n};\n\nexport default ThI18nProvider;\n","import { useTranslation } from \"react-i18next\";\n\n/**\n * Hook to access the i18n instance and translation functions\n * @param ns The namespace to use for translations (defaults to DEFAULT_NAMESPACE)\n * @returns Translation functions and i18n instance\n */\nexport const useI18n = (ns: string = \"thorium-web\") => {\n  const { t, i18n, ready } = useTranslation(ns);\n  \n  // Helper function to change language\n  const changeLanguage = (lng: string) => {\n    return i18n.changeLanguage(lng);\n  };\n\n  return {\n    // Translation function\n    t,\n    // i18n instance\n    i18n,\n    // Whether translations are loaded\n    ready,\n    // Current language\n    currentLanguage: i18n.language,\n    // List of available languages\n    languages: i18n.languages,\n    // Function to change language\n    changeLanguage\n  };\n};\n"]}
+{"version":3,"sources":["../src/i18n/config.ts","../src/i18n/ThI18nProvider.tsx","../src/i18n/useI18n.ts"],"names":["i18n"],"mappings":";;;;;;;;;;AAMO,IAAM,cAAA,GAA8B;AAAA,EACzC,WAAA,EAAa,IAAA;AAAA,EACb,IAAA,EAAM,KAAA;AAAA,EACN,wBAAA,EAA0B,IAAA;AAAA,EAC1B,SAAA,EAAW;AAAA,IACT,KAAA,EAAO,CAAC,WAAW,CAAA;AAAA,IACnB,QAAQ;AAAC,GACX;AAAA,EACA,aAAA,EAAe;AAAA,IACb,WAAA,EAAa;AAAA,GACf;AAAA,EACA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,EAAA,EAAI,CAAC,aAAa,CAAA;AAAA,EAClB,SAAA,EAAW;AACb;AAEO,IAAM,QAAA,GAAW,OAAO,OAAA,GAAgC,EAAC,KAAM;AACpE,EAAA,IAAI,KAAK,aAAA,EAAe;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO,IAAA,CACJ,GAAA,CAAI,OAAO,CAAA,CACX,GAAA,CAAI,gBAAgB,CAAA,CACpB,GAAA,CAAI,gBAAgB,CAAA,CACpB,IAAA,CAAK;AAAA,IACJ,GAAG,cAAA;AAAA,IACH,GAAG;AAAA,GACJ,CAAA;AACL;ACzBO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2B;AACzB,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,cAAA,EAAe;AACvC,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AAExD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,KAAK,aAAA,EAAe;AACvB,MAAA,QAAA,CAAS;AAAA,QACP,GAAG,OAAA;AAAA,QACH,GAAA,EAAK,WAAA,EAAa,MAAA,IAAU,OAAA,CAAQ;AAAA,OACrC,CAAA,CAAE,IAAA,CAAK,MAAM,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAAA,IACtC;AAAA,EACF,CAAC,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,IAAiB,aAAa,MAAA,EAAQ;AACxC,MAAA,IAAA,CAAK,cAAA,CAAe,YAAY,MAAM,CAAA;AAAA,IACxC;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,MAAA,EAAQ,aAAa,CAAC,CAAA;AAEvC,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAgB,QAAA,EAAU,CAAA;AACpD;AChCO,IAAM,OAAA,GAAU,CAAC,EAAA,GAAa,aAAA,KAAkB;AACrD,EAAA,MAAM,EAAE,CAAA,EAAG,IAAA,EAAAA,OAAM,KAAA,EAAM,GAAI,eAAe,EAAE,CAAA;AAG5C,EAAA,MAAM,cAAA,GAAiB,CAAC,GAAA,KAAgB;AACtC,IAAA,OAAOA,KAAAA,CAAK,eAAe,GAAG,CAAA;AAAA,EAChC,CAAA;AAEA,EAAA,OAAO;AAAA;AAAA,IAEL,CAAA;AAAA;AAAA,IAEA,IAAA,EAAAA,KAAAA;AAAA;AAAA,IAEA,KAAA;AAAA;AAAA,IAEA,iBAAiBA,KAAAA,CAAK,QAAA;AAAA;AAAA,IAEtB,WAAWA,KAAAA,CAAK,SAAA;AAAA;AAAA,IAEhB;AAAA,GACF;AACF","file":"chunk-3KRYGUCM.mjs","sourcesContent":["import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport Backend from \"i18next-http-backend\";\nimport { InitOptions } from \"i18next\";\n\nexport const DEFAULT_CONFIG: InitOptions = {\n  fallbackLng: \"en\",\n  load: \"all\",\n  nonExplicitSupportedLngs: true,\n  detection: {\n    order: [\"navigator\"],\n    caches: []\n  },\n  interpolation: {\n    escapeValue: false\n  },\n  backend: {\n    loadPath: \"/locales/{{lng}}/{{ns}}.json\"\n  },\n  ns: [\"thorium-web\"],\n  defaultNS: \"thorium-web\"\n};\n\nexport const initI18n = async (options: Partial<InitOptions> = {}) => {\n  if (i18n.isInitialized) {\n    return i18n;\n  }\n\n  return i18n\n    .use(Backend)\n    .use(LanguageDetector)\n    .use(initReactI18next)\n    .init({\n      ...DEFAULT_CONFIG,\n      ...options\n    });\n};\n\nexport { i18n };","\"use client\";\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { i18n, initI18n } from \"./config\";\nimport { InitOptions } from \"i18next\";\nimport { usePreferences } from \"@/preferences\";\n\nexport type ThI18nProviderProps = {\n  children: ReactNode;\n} & Partial<InitOptions>;\n\nexport const ThI18nProvider = ({\n  children,\n  ...options\n}: ThI18nProviderProps) => {\n  const { preferences } = usePreferences();\n  const [isInitialized, setIsInitialized] = useState(false);\n  \n  useEffect(() => {\n    if (!i18n.isInitialized) {      \n      initI18n({\n        ...options,\n        lng: preferences?.locale || options.lng,\n      }).then(() => setIsInitialized(true));\n    }\n  });\n\n  useEffect(() => {\n    if (isInitialized && preferences?.locale) {\n      i18n.changeLanguage(preferences.locale);\n    }\n  }, [preferences?.locale, isInitialized]);\n\n  if (!isInitialized) {\n    return null;\n  }\n\n  return <I18nextProvider i18n={ i18n }>{ children }</I18nextProvider>;\n};\n\nexport default ThI18nProvider;\n","import { useTranslation } from \"react-i18next\";\n\n/**\n * Hook to access the i18n instance and translation functions\n * @param ns The namespace to use for translations (defaults to DEFAULT_NAMESPACE)\n * @returns Translation functions and i18n instance\n */\nexport const useI18n = (ns: string = \"thorium-web\") => {\n  const { t, i18n, ready } = useTranslation(ns);\n  \n  // Helper function to change language\n  const changeLanguage = (lng: string) => {\n    return i18n.changeLanguage(lng);\n  };\n\n  return {\n    // Translation function\n    t,\n    // i18n instance\n    i18n,\n    // Whether translations are loaded\n    ready,\n    // Current language\n    currentLanguage: i18n.language,\n    // List of available languages\n    languages: i18n.languages,\n    // Function to change language\n    changeLanguage\n  };\n};\n"]}

package/dist/{chunk-IEYR7QV7.mjs → chunk-5LUMM7FW.mjs}

@@ -2,7 +2,7 @@
 var getPlatform = () => {
   if (typeof window !== "undefined") {
     const nav = window.navigator;
-    if (typeof nav.userAgentData !== "undefined" && typeof nav.userAgentData != null) {
+    if (nav.userAgentData) {
       return nav.userAgentData.platform.toLowerCase();
     }
     if (typeof nav.platform !== "undefined") {
@@ -117,5 +117,5 @@ var buildShortcut = (str) => {
 };
 
 export { UnstableShortcutMetaKeywords, UnstableShortcutRepresentation, buildShortcut, defaultPlatformModifier, getPlatform, getPlatformModifier, isIOSish, isIpadOS, isMacish, metaKeys };
-//# sourceMappingURL=chunk-IEYR7QV7.mjs.map
-//# sourceMappingURL=chunk-IEYR7QV7.mjs.map
+//# sourceMappingURL=chunk-5LUMM7FW.mjs.map
+//# sourceMappingURL=chunk-5LUMM7FW.mjs.map