@edrlab/thorium-web 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/lib/index.d.mts

@@ -1,13 +1,357 @@
-export { b as AppDispatch, A as AppStore, L as LineLengthStateObject, P as PublicationReducerState, _ as ReaderReducerState, R as RootState, S as SetLineLengthPayload, n as SettingsReducerState, a as ThStoreProvider, M as ThemeReducerState, K as ThemeStateChangePayload, J as ThemeStateObject, m as makeStore, p as publicationSlice, $ as readerSlice, a6 as setArrows, Z as setBreakpoint, Q as setColorScheme, q as setColumnCount, X as setContrast, a0 as setDirection, e as setFXL, v as setFontFamily, r as setFontSize, t as setFontWeight, Y as setForcedColors, a7 as setFullscreen, a5 as setHovering, w as setHyphens, a3 as setImmersive, x as setLayoutStrategy, y as setLetterSpacing, z as setLineHeight, B as setLineLength, a1 as setLoading, O as setMonochrome, C as setParagraphIndent, D as setParagraphSpacing, a2 as setPlatformModifier, h as setPositionsList, g as setProgression, j as setPublicationEnd, i as setPublicationStart, E as setPublisherStyles, f as setRTL, V as setReducedMotion, W as setReducedTransparency, s as setRunningHead, F as setScroll, a8 as setSettingsContainer, G as setTextAlign, H as setTextNormalization, U as setTheme, l as setTocEntry, k as setTocTree, I as setWordSpacing, o as settingsSlice, N as themeSlice, a4 as toggleImmersive, u as useAppDispatch, c as useAppSelector, d as useAppStore } from '../index-ClB-1iNN.mjs';
-export { f as ActionOverflowOpenPayload, c as ActionStateDockPayload, g as ActionStateDockedPayload, A as ActionStateObject, d as ActionStateOpenPayload, h as ActionStateSlotPayload, i as ActionStateSlotWidthPayload, e as ActionStateTogglePayload, k as ActionsReducerState, a as ActionsStateKeys, j as DockState, D as DockStateObject, O as OverflowStateKeys, b as OverflowStateObject, l as actionsSlice, o as activateDockPanel, q as collapseDockPanel, p as deactivateDockPanel, m as dockAction, r as expandDockPanel, s as setActionOpen, u as setDockPanelWidth, n as setOverflow, t as toggleActionOpen } from '../actionsReducer-e808e6V_.mjs';
-import 'react/jsx-runtime';
-import '@reduxjs/toolkit';
-import '@readium/shared';
-import '../enums-DxbWWvn7.mjs';
-import '../const-DGYvRLhk.mjs';
-import '../keyboardUtilities-CoTR9LKx.mjs';
-import '../useBreakpoints-I7vHrywa.mjs';
-import '../useContrast-Cgsrl7GS.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _reduxjs_toolkit from '@reduxjs/toolkit';
+import { W as WritableDraft, k as ActionsReducerState } from '../actionsReducer-D4Mphfuv.mjs';
+export { f as ActionOverflowOpenPayload, c as ActionStateDockPayload, g as ActionStateDockedPayload, A as ActionStateObject, d as ActionStateOpenPayload, h as ActionStateSlotPayload, i as ActionStateSlotWidthPayload, e as ActionStateTogglePayload, a as ActionsStateKeys, j as DockState, D as DockStateObject, O as OverflowStateKeys, b as OverflowStateObject, l as actionsSlice, o as activateDockPanel, q as collapseDockPanel, p as deactivateDockPanel, m as dockAction, r as expandDockPanel, s as setActionOpen, u as setDockPanelWidth, n as setOverflow, t as toggleActionOpen } from '../actionsReducer-D4Mphfuv.mjs';
+import { c as UnstablePlatformModifier } from '../keyboardUtilities-CoTR9LKx.mjs';
+import { m as ThLayoutDirection, i as ThSettingsContainerKeys, p as ThLineHeightOptions, o as ThTextAlignOptions, T as ThBreakpoints } from '../enums-DqGQ66r1.mjs';
+import { x as defaultFontFamilyOptions } from '../const-IAfi9t_g.mjs';
+import { T as ThColorScheme, a as ThContrast } from '../useContrast-Cgsrl7GS.mjs';
+import { Locator } from '@readium/shared';
+import { U as UnstableTimeline } from '../useTimeline-Bid5B7AQ.mjs';
+import { TypedUseSelectorHook } from 'react-redux';
+import '../useBreakpoints-BQaiwecQ.mjs';
 import '../useCollapsibility-BmWuCzU4.mjs';
 import 'react-aria-components';
-import 'react-redux';
+
+interface ReaderReducerState {
+    direction: ThLayoutDirection;
+    isLoading: boolean;
+    isImmersive: boolean;
+    isHovering: boolean;
+    hasScrollAffordance: boolean;
+    hasArrows: boolean;
+    isFullscreen: boolean;
+    settingsContainer: ThSettingsContainerKeys;
+    platformModifier: UnstablePlatformModifier;
+}
+declare const readerSlice: _reduxjs_toolkit.Slice<ReaderReducerState, {
+    setDirection: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setLoading: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setPlatformModifier: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setImmersive: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    toggleImmersive: (state: WritableDraft<ReaderReducerState>) => void;
+    setHovering: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setScrollAffordance: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setArrows: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setFullscreen: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setSettingsContainer: (state: WritableDraft<ReaderReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+}, "reader", "reader", _reduxjs_toolkit.SliceSelectors<ReaderReducerState>>;
+declare const setDirection: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setDirection">;
+declare const setLoading: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setLoading">;
+declare const setPlatformModifier: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setPlatformModifier">;
+declare const setImmersive: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setImmersive">;
+declare const toggleImmersive: _reduxjs_toolkit.ActionCreatorWithoutPayload<"reader/toggleImmersive">;
+declare const setHovering: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setHovering">;
+declare const setScrollAffordance: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setScrollAffordance">;
+declare const setArrows: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setArrows">;
+declare const setFullscreen: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setFullscreen">;
+declare const setSettingsContainer: _reduxjs_toolkit.ActionCreatorWithPayload<any, "reader/setSettingsContainer">;
+
+interface LineLengthStateObject {
+    optimal?: number | null;
+    min?: {
+        chars?: number | null;
+        isDisabled?: boolean;
+    };
+    max?: {
+        chars?: number | null;
+        isDisabled?: boolean;
+    };
+}
+interface SetLineLengthPayload {
+    type: string;
+    payload: {
+        key: "optimal" | "min" | "max";
+        value?: number | null;
+        isDisabled?: boolean;
+    };
+}
+interface SettingsReducerState {
+    columnCount: string;
+    fontFamily: keyof typeof defaultFontFamilyOptions;
+    fontSize: number;
+    fontWeight: number;
+    hyphens: boolean | null;
+    letterSpacing: number | null;
+    lineHeight: ThLineHeightOptions;
+    lineLength: LineLengthStateObject | null;
+    paragraphIndent: number | null;
+    paragraphSpacing: number | null;
+    publisherStyles: boolean;
+    scroll: boolean;
+    textAlign: ThTextAlignOptions;
+    textNormalization: boolean;
+    wordSpacing: number | null;
+}
+declare const settingsSlice: _reduxjs_toolkit.Slice<SettingsReducerState, {
+    setColumnCount: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setFontFamily: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setFontSize: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setFontWeight: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setHyphens: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setLetterSpacing: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setLineHeight: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setLineLength: (state: WritableDraft<SettingsReducerState>, action: SetLineLengthPayload) => void;
+    setParagraphIndent: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setParagraphSpacing: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setPublisherStyles: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setScroll: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setTextAlign: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setTextNormalization: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setWordSpacing: (state: WritableDraft<SettingsReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+}, "settings", "settings", _reduxjs_toolkit.SliceSelectors<SettingsReducerState>>;
+declare const setColumnCount: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setColumnCount">;
+declare const setFontSize: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setFontSize">;
+declare const setFontWeight: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setFontWeight">;
+declare const setFontFamily: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setFontFamily">;
+declare const setHyphens: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setHyphens">;
+declare const setLetterSpacing: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setLetterSpacing">;
+declare const setLineHeight: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setLineHeight">;
+declare const setLineLength: _reduxjs_toolkit.ActionCreatorWithPayload<{
+    key: "optimal" | "min" | "max";
+    value?: number | null;
+    isDisabled?: boolean;
+}, "settings/setLineLength">;
+declare const setParagraphIndent: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setParagraphIndent">;
+declare const setParagraphSpacing: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setParagraphSpacing">;
+declare const setPublisherStyles: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setPublisherStyles">;
+declare const setScroll: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setScroll">;
+declare const setTextAlign: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setTextAlign">;
+declare const setTextNormalization: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setTextNormalization">;
+declare const setWordSpacing: _reduxjs_toolkit.ActionCreatorWithPayload<any, "settings/setWordSpacing">;
+
+interface ThemeStateObject {
+    reflow?: string;
+    fxl?: string;
+}
+interface ThemeStateChangePayload {
+    type: string;
+    payload: {
+        key: "reflow" | "fxl";
+        value?: string;
+    };
+}
+interface ThemeReducerState {
+    monochrome: boolean;
+    colorScheme: ThColorScheme;
+    theme: ThemeStateObject;
+    prefersReducedMotion: boolean;
+    prefersReducedTransparency: boolean;
+    prefersContrast: ThContrast;
+    forcedColors: boolean;
+    breakpoint?: ThBreakpoints;
+}
+declare const themeSlice: _reduxjs_toolkit.Slice<ThemeReducerState, {
+    setMonochrome: (state: WritableDraft<ThemeReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setColorScheme: (state: WritableDraft<ThemeReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setTheme: (state: WritableDraft<ThemeReducerState>, action: ThemeStateChangePayload) => void;
+    setReducedMotion: (state: WritableDraft<ThemeReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setReducedTransparency: (state: WritableDraft<ThemeReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setContrast: (state: WritableDraft<ThemeReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setForcedColors: (state: WritableDraft<ThemeReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setBreakpoint: (state: WritableDraft<ThemeReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+}, "theming", "theming", _reduxjs_toolkit.SliceSelectors<ThemeReducerState>>;
+declare const setMonochrome: _reduxjs_toolkit.ActionCreatorWithPayload<any, "theming/setMonochrome">;
+declare const setColorScheme: _reduxjs_toolkit.ActionCreatorWithPayload<any, "theming/setColorScheme">;
+declare const setTheme: _reduxjs_toolkit.ActionCreatorWithPayload<{
+    key: "reflow" | "fxl";
+    value?: string;
+}, "theming/setTheme">;
+declare const setReducedMotion: _reduxjs_toolkit.ActionCreatorWithPayload<any, "theming/setReducedMotion">;
+declare const setReducedTransparency: _reduxjs_toolkit.ActionCreatorWithPayload<any, "theming/setReducedTransparency">;
+declare const setContrast: _reduxjs_toolkit.ActionCreatorWithPayload<any, "theming/setContrast">;
+declare const setForcedColors: _reduxjs_toolkit.ActionCreatorWithPayload<any, "theming/setForcedColors">;
+declare const setBreakpoint: _reduxjs_toolkit.ActionCreatorWithPayload<any, "theming/setBreakpoint">;
+
+interface UnstableProgressionObject {
+    totalPositions?: number;
+    currentPositions?: number[];
+    relativeProgression?: number;
+    currentChapter?: string;
+    totalProgression?: number;
+    currentPublication?: string;
+}
+
+interface PublicationReducerState {
+    runningHead?: string;
+    isFXL: boolean;
+    isRTL: boolean;
+    progression: UnstableProgressionObject;
+    positionsList: Locator[];
+    atPublicationStart: boolean;
+    atPublicationEnd: boolean;
+    unstableTimeline?: UnstableTimeline;
+}
+declare const publicationSlice: _reduxjs_toolkit.Slice<PublicationReducerState, {
+    setRunningHead: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setFXL: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setRTL: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setProgression: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setPositionsList: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setPublicationStart: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setPublicationEnd: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setTimeline: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setTocTree: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+    setTocEntry: (state: WritableDraft<PublicationReducerState>, action: {
+        payload: any;
+        type: string;
+    }) => void;
+}, "publication", "publication", _reduxjs_toolkit.SliceSelectors<PublicationReducerState>>;
+declare const setRunningHead: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setRunningHead">;
+declare const setFXL: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setFXL">;
+declare const setRTL: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setRTL">;
+declare const setProgression: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setProgression">;
+declare const setPositionsList: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setPositionsList">;
+declare const setPublicationStart: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setPublicationStart">;
+declare const setPublicationEnd: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setPublicationEnd">;
+declare const setTimeline: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setTimeline">;
+declare const setTocTree: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setTocTree">;
+declare const setTocEntry: _reduxjs_toolkit.ActionCreatorWithPayload<any, "publication/setTocEntry">;
+
+interface ExternalReducerConfig {
+    reducer: any;
+    persist?: boolean;
+}
+type RootState = {
+    reader: ReaderReducerState;
+    settings: SettingsReducerState;
+    theming: ThemeReducerState;
+    actions: ActionsReducerState;
+    publication: PublicationReducerState;
+    [key: string]: any;
+};
+declare const makeStore: (storageKey?: string, externalReducers?: Record<string, ExternalReducerConfig>) => _reduxjs_toolkit.EnhancedStore<RootState, _reduxjs_toolkit.UnknownAction, _reduxjs_toolkit.Tuple<[_reduxjs_toolkit.StoreEnhancer<{
+    dispatch: _reduxjs_toolkit.ThunkDispatch<RootState, undefined, _reduxjs_toolkit.UnknownAction>;
+}>, _reduxjs_toolkit.StoreEnhancer]>>;
+type AppStore = ReturnType<typeof makeStore>;
+type AppState = RootState;
+type AppDispatch = AppStore["dispatch"];
+
+declare function ThStoreProvider({ storageKey, store, children }: {
+    storageKey?: string;
+    store?: AppStore;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const useAppDispatch: () => AppDispatch;
+declare const useAppSelector: TypedUseSelectorHook<RootState>;
+declare const useAppStore: () => AppStore;
+
+export { ActionsReducerState, type AppDispatch, type AppState, type AppStore, type LineLengthStateObject, type PublicationReducerState, type ReaderReducerState, type RootState, type SetLineLengthPayload, type SettingsReducerState, ThStoreProvider, type ThemeReducerState, type ThemeStateChangePayload, type ThemeStateObject, makeStore, publicationSlice, readerSlice, setArrows, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setFXL, setFontFamily, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHovering, setHyphens, setImmersive, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgression, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReducedMotion, setReducedTransparency, setRunningHead, setScroll, setScrollAffordance, setSettingsContainer, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setWordSpacing, settingsSlice, themeSlice, toggleImmersive, useAppDispatch, useAppSelector, useAppStore };

package/dist/lib/index.mjs

@@ -1,7 +1,6 @@
-export { ThStoreProvider, actionsSlice, activateDockPanel, collapseDockPanel, deactivateDockPanel, dockAction, expandDockPanel, makeStore, publicationSlice, readerSlice, setActionOpen, setArrows, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setDockPanelWidth, setFXL, setFontFamily, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHovering, setHyphens, setImmersive, setLayoutStrategy, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setOverflow, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgression, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReducedMotion, setReducedTransparency, setRunningHead, setScroll, setSettingsContainer, setTextAlign, setTextNormalization, setTheme, setTocEntry, setTocTree, setWordSpacing, settingsSlice, themeSlice, toggleActionOpen, toggleImmersive, useAppDispatch, useAppSelector, useAppStore } from '../chunk-O4MBY6P4.mjs';
+export { ThStoreProvider, actionsSlice, activateDockPanel, collapseDockPanel, deactivateDockPanel, dockAction, expandDockPanel, makeStore, publicationSlice, readerSlice, setActionOpen, setArrows, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setDockPanelWidth, setFXL, setFontFamily, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHovering, setHyphens, setImmersive, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setOverflow, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgression, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReducedMotion, setReducedTransparency, setRunningHead, setScroll, setScrollAffordance, setSettingsContainer, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setWordSpacing, settingsSlice, themeSlice, toggleActionOpen, toggleImmersive, useAppDispatch, useAppSelector, useAppStore } from '../chunk-OCASVHBV.mjs';
 import '../chunk-IEYR7QV7.mjs';
 import '../chunk-NQ2ZSGCX.mjs';
-import '../chunk-TWGRY5SW.mjs';
-import '../chunk-3QS3WKRC.mjs';
+import '../chunk-RQFPGXWN.mjs';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/{overflowMenu.module-XQRI7RJJ.module.css → overflowMenu.module-FO27A2A3.module.css}

@@ -1,3 +1,15 @@
+:global(.layered-ui.isImmersive:not(.isHovering)) .activeButton.hintButton {
+  transform: translateY(calc(var(--icon-size, 24px) * 2.5));
+  transition-property: transform;
+  transition-duration: 200ms; 
+  transition-timing-function: ease-in-out;
+}
+
+:global(.layered-ui.isReflow.isScroll.isImmersive:not(.isHovering)) .activeButton.hintButton {
+  outline: 1px solid var(--theme-subdue);
+  background-color: var(--theme-background);
+}
+
 .overflowPopover {
   background-color: var(--theme-background);
   color: var(--theme-text);

package/dist/preferences/index.d.mts

@@ -1,12 +1,12 @@
-import { T as ThPreferences, C as CustomizableKeys, a as ThemeTokens, b as CustomKeyType } from '../const-DGYvRLhk.mjs';
-export { A as ActionKeyType, D as DefaultKeys, K as KeysOf, S as SettingsKeyType, p as SpacingSettingsKeyType, o as TextSettingsKeyType, e as ThActionsDockedPref, g as ThActionsPref, d as ThActionsSnappedPref, f as ThActionsTokens, c as ThBottomSheetDetent, l as ThConstraintKeys, h as ThDockingPref, i as ThSettingsGroupPref, k as ThSettingsKeyTypes, j as ThSettingsRangePref, n as ThemeKeyType, m as createPreferences, r as defaultActionKeysObject, x as defaultFontFamilyOptions, y as defaultFontSize, F as defaultLetterSpacing, G as defaultLineHeights, B as defaultParagraphIndent, z as defaultParagraphSpacing, v as defaultSpacingSettingsMain, w as defaultSpacingSettingsSubpanel, s as defaultTextSettingsMain, t as defaultTextSettingsSubpanel, E as defaultWordSpacing, q as useTheming, u as useThemingProps } from '../const-DGYvRLhk.mjs';
+import { T as ThPreferences, C as CustomizableKeys, a as ThemeTokens, b as CustomKeyType } from '../const-IAfi9t_g.mjs';
+export { A as ActionKeyType, D as DefaultKeys, K as KeysOf, S as SettingsKeyType, p as SpacingSettingsKeyType, o as TextSettingsKeyType, e as ThActionsDockedPref, g as ThActionsPref, d as ThActionsSnappedPref, f as ThActionsTokens, c as ThBottomSheetDetent, l as ThConstraintKeys, h as ThDockingPref, i as ThSettingsGroupPref, k as ThSettingsKeyTypes, j as ThSettingsRangePref, n as ThemeKeyType, m as createPreferences, r as defaultActionKeysObject, x as defaultFontFamilyOptions, y as defaultFontSize, F as defaultLetterSpacing, G as defaultLineHeights, B as defaultParagraphIndent, z as defaultParagraphSpacing, v as defaultSpacingSettingsMain, w as defaultSpacingSettingsSubpanel, s as defaultTextSettingsMain, t as defaultTextSettingsSubpanel, E as defaultWordSpacing, q as useTheming, u as useThemingProps } from '../const-IAfi9t_g.mjs';
 import * as React from 'react';
-export { T as ThPreferencesProvider, u as usePreferences } from '../usePreferences-B55XqFto.mjs';
+export { T as ThPreferencesProvider, u as usePreferences } from '../usePreferences-BMyBhq7F.mjs';
 import { T as ThColorScheme } from '../useContrast-Cgsrl7GS.mjs';
-import { d as ThActionsKeys, e as ThThemeKeys, f as ThSettingsKeys, g as ThTextSettingsKeys, h as ThSpacingSettingsKeys } from '../enums-DxbWWvn7.mjs';
-export { S as ScrollAffordanceConfig, b as ThBreakpoints, c as ThDockingKeys, j as ThDockingTypes, o as ThLayoutDirection, q as ThLayoutOptions, p as ThLayoutStrategy, i as ThLayoutUI, s as ThLineHeightOptions, T as ThScrollAffordancePref, a as ThScrollBackTo, k as ThSettingsContainerKeys, l as ThSettingsRangeVariant, n as ThSheetHeaderVariant, m as ThSheetTypes, r as ThTextAlignOptions } from '../enums-DxbWWvn7.mjs';
+import { b as ThActionsKeys, c as ThThemeKeys, d as ThSettingsKeys, e as ThTextSettingsKeys, f as ThSpacingSettingsKeys } from '../enums-DqGQ66r1.mjs';
+export { T as ThBreakpoints, a as ThDockingKeys, h as ThDockingTypes, m as ThLayoutDirection, n as ThLayoutOptions, g as ThLayoutUI, p as ThLineHeightOptions, i as ThSettingsContainerKeys, j as ThSettingsRangeVariant, l as ThSheetHeaderVariant, k as ThSheetTypes, o as ThTextAlignOptions } from '../enums-DqGQ66r1.mjs';
 import '../keyboardUtilities-CoTR9LKx.mjs';
-import '../useBreakpoints-I7vHrywa.mjs';
+import '../useBreakpoints-BQaiwecQ.mjs';
 import '../useCollapsibility-BmWuCzU4.mjs';
 import 'react/jsx-runtime';
 import 'react-aria-components';

package/dist/preferences/index.mjs

@@ -1,10 +1,9 @@
-export { ThPreferencesContext, ThPreferencesProvider, buildThemeObject, createPreferences, defaultActionKeysObject, defaultFontFamilyOptions, defaultFontSize, defaultLetterSpacing, defaultLineHeights, defaultParagraphIndent, defaultParagraphSpacing, defaultPreferences, defaultSpacingSettingsMain, defaultSpacingSettingsSubpanel, defaultTextSettingsMain, defaultTextSettingsSubpanel, defaultWordSpacing, usePreferenceKeys, usePreferences, useTheming } from '../chunk-PGZF5NO2.mjs';
+export { ThPreferencesContext, ThPreferencesProvider, buildThemeObject, createPreferences, defaultActionKeysObject, defaultFontFamilyOptions, defaultFontSize, defaultLetterSpacing, defaultLineHeights, defaultParagraphIndent, defaultParagraphSpacing, defaultPreferences, defaultSpacingSettingsMain, defaultSpacingSettingsSubpanel, defaultTextSettingsMain, defaultTextSettingsSubpanel, defaultWordSpacing, usePreferenceKeys, usePreferences, useTheming } from '../chunk-TXILKP4F.mjs';
 import '../chunk-MLEYTQGK.mjs';
 import '../chunk-TTGURRX3.mjs';
 import '../chunk-IEYR7QV7.mjs';
 import '../chunk-BNPR6V7V.mjs';
 import '../chunk-NQ2ZSGCX.mjs';
-export { ThActionsKeys, ThBreakpoints, ThDockingKeys, ThDockingTypes, ThLayoutDirection, ThLayoutOptions, ThLayoutStrategy, ThLayoutUI, ThLineHeightOptions, ThScrollAffordancePref, ThScrollBackTo, ThSettingsContainerKeys, ThSettingsKeys, ThSettingsRangeVariant, ThSheetHeaderVariant, ThSheetTypes, ThSpacingSettingsKeys, ThTextAlignOptions, ThTextSettingsKeys, ThThemeKeys } from '../chunk-TWGRY5SW.mjs';
-import '../chunk-3QS3WKRC.mjs';
+export { ThActionsKeys, ThBreakpoints, ThDockingKeys, ThDockingTypes, ThLayoutDirection, ThLayoutOptions, ThLayoutUI, ThLineHeightOptions, ThSettingsContainerKeys, ThSettingsKeys, ThSettingsRangeVariant, ThSheetHeaderVariant, ThSheetTypes, ThSpacingSettingsKeys, ThTextAlignOptions, ThTextSettingsKeys, ThThemeKeys } from '../chunk-RQFPGXWN.mjs';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/publicationGrid.module-T6ISNRGM.module.css

@@ -0,0 +1,70 @@
+.publicationGrid {
+  --color-text: #333;
+  --color-text-secondary: #666;
+  --color-background: #fff;
+  --color-primary: #e0e0e0;
+
+  padding: 1rem;
+  width: 100%;
+}
+
+.publicationCard {
+  display: flex;
+  text-decoration: none;
+  color: inherit;
+  border: 1px solid var(--color-primary);
+  border-radius: 8px;
+  overflow: hidden;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  background: white;
+}
+
+.publicationCard:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.publicationCover {
+  width: 120px;
+  height: 180px;
+  flex-shrink: 0;
+  margin: 0;
+}
+
+.publicationImage {
+  width: 120px;
+  height: 180px;
+  object-fit: cover;
+}
+
+.publicationInfo {
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+.publicationTitle {
+  margin: 0 0 0.5rem;
+  font-weight: 600;
+  font-size: 1.25rem;
+  color: var(--color-text);
+}
+
+.publicationAuthor {
+  margin: 0 0 0.75rem;
+  color: var(--color-text-secondary);
+  font-size: 1rem;
+}
+
+.publicationRendition {
+  background: var(--color-primary);
+  color: var(--color-text);
+  padding: 0.25rem 0.75rem;
+  margin: 0;
+  border-radius: 20px;
+  font-size: 0.875rem;
+  font-weight: 500;
+  margin-top: auto;
+  align-self: flex-start;
+}