@omerdlw/base-framework 1.0.3 → 1.0.4

package/dist/modules/background/module.d.ts

@@ -1,4 +1,5 @@
 import { type BackgroundPageApi, type BackgroundPageConfig, type BackgroundState, type DefinedBackground } from "./types";
+export declare function selectPageBackground(background: BackgroundPageConfig | null | undefined): Partial<BackgroundState> | null;
 export declare const backgroundModule: import("@omerdlw/base-framework/kernel").CoreModule<"background", import("./types").BackgroundContextValue, Partial<BackgroundState>, BackgroundPageApi>;
 declare module "@omerdlw/base-framework/kernel" {
     interface CoreModules {

package/dist/modules/background/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/background/module.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACvB,MAAM,SAAS,CAAC;AAgBjB,eAAO,MAAM,gBAAgB,0JAmB3B,CAAC;AAEH,OAAO,QAAQ,gCAAgC,CAAC;IAC9C,UAAU,WAAW;QACnB,UAAU,EAAE,OAAO,gBAAgB,CAAC;KACrC;IACD,UAAU,UAAU;QAClB,UAAU,CAAC,EAAE,oBAAoB,CAAC;KACnC;CACF;AAED,wBAAgB,gBAAgB,CAC9B,UAAU,GAAE,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,MAAW,GACrE,iBAAiB,CAanB"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/modules/background/module.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACvB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,GAClD,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAEjC;AAgBD,eAAO,MAAM,gBAAgB,0JAmB3B,CAAC;AAEH,OAAO,QAAQ,gCAAgC,CAAC;IAC9C,UAAU,WAAW;QACnB,UAAU,EAAE,OAAO,gBAAgB,CAAC;KACrC;IACD,UAAU,UAAU;QAClB,UAAU,CAAC,EAAE,oBAAoB,CAAC;KACnC;CACF;AAED,wBAAgB,gBAAgB,CAC9B,UAAU,GAAE,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,MAAW,GACrE,iBAAiB,CAanB"}

package/dist/modules/background/overlay.d.ts

@@ -1,7 +1,26 @@
 import { type CSSProperties } from "react";
+import { type Transition } from "motion/react";
 import { type ResolvedTheme } from "@/theme";
-import { type BackgroundActions, type BackgroundThemeSlot, type YouTubeBackgroundPlayerProps } from "./types";
+import { type BackgroundActions, type BackgroundThemeSlot } from "./types";
 type Theme = ResolvedTheme<BackgroundThemeSlot>;
+export declare function useNativeVideoModel({ corp, isLoop, isMuted, isPlaying, playbackRate, setVideoElement, setVideoPlaying, shouldAutoPlay, src, style: _style, className: _className, }: {
+    className: string;
+    corp: number;
+    isLoop: boolean;
+    isMuted: boolean;
+    isPlaying?: boolean;
+    playbackRate: number;
+    setVideoElement: BackgroundActions["setVideoElement"];
+    setVideoPlaying: BackgroundActions["setVideoPlaying"];
+    shouldAutoPlay: boolean;
+    src: string | undefined;
+    style: CSSProperties;
+}): {
+    videoRef: import("react").RefObject<HTMLVideoElement | null>;
+    handleEnded: () => void;
+    handleTimeUpdate: () => void;
+    handleLoadedData: () => void;
+};
 export declare function NativeVideo({ corp, isLoop, isMuted, isPlaying, playbackRate, setVideoElement, setVideoPlaying, shouldAutoPlay, src, style, className, }: {
     className: string;
     corp: number;
@@ -43,7 +62,79 @@ export declare const SolidOverlay: import("react").NamedExoticComponent<{
     transitionStyle?: CSSProperties;
     maskImage?: string;
 }>;
-export declare const YouTubeBackgroundPlayer: import("react").NamedExoticComponent<YouTubeBackgroundPlayerProps>;
+export declare function useBackgroundOverlayModel(): {
+    className: string | undefined;
+    hasBackground: boolean;
+    image: string | null | undefined;
+    isPlaying: boolean | undefined;
+    isVideo: boolean;
+    overlay: boolean | undefined;
+    overlayColor: string | undefined;
+    overlayOpacity: number | undefined;
+    position: string | undefined;
+    video: string | null | undefined;
+    videoStyle: import("./types").BackgroundMediaStyle | undefined;
+    width: string | number | null | undefined;
+    setVideoElement: (element: HTMLVideoElement | null) => void;
+    setVideoPlaying: (isPlaying: boolean) => void;
+    options: {
+        codec: import("./types").YouTubeVideoCodec;
+        corp: number;
+        forceIframe: boolean;
+        isLoop: boolean;
+        isMuted: boolean;
+        playbackRate: number;
+        quality: import("./types").YouTubeVideoQuality;
+        shouldAutoPlay: boolean;
+        showPoster: boolean;
+        showSpinner: boolean;
+    };
+    corp: number;
+    isMuted: boolean;
+    playbackRate: number;
+    youtubeConfig: import("./types").YouTubeUrlConfig | null;
+    startTime: number;
+    endTime: number;
+    backgroundKey: string | null | undefined;
+    motionConfig: {
+        animate: import("motion-dom").TargetAndTransition;
+        exit: import("motion-dom").TargetAndTransition;
+        exitDurationFactor: number;
+        initial: import("motion-dom").TargetAndTransition;
+        transition: Transition;
+    };
+    baseStyle: CSSProperties;
+    leftGradient: number;
+    rightGradient: number;
+    noiseOpacity: number | undefined;
+    noiseBlendMode: string | undefined;
+    noiseInlineStyle: {};
+    overlayTransitionStyle: CSSProperties;
+    resolvedWidth: string | undefined;
+    classNames: {
+        objectStyle: CSSProperties;
+        other: string;
+        width: string;
+    };
+    hasCustomWidth: boolean;
+    gradientSettings: {
+        enabled: boolean;
+        leftOpacity: number;
+        leftPercent: number;
+        rightOpacity: number;
+        rightPercent: number;
+    };
+    maskImage: string | undefined;
+    framePosition: string;
+    videoClasses: string;
+    sharedVideoStyle: CSSProperties;
+    exitDurationFactor: number;
+    exitTransition: {
+        duration?: number;
+        ease?: unknown;
+    } | undefined;
+    theme: ResolvedTheme<BackgroundThemeSlot>;
+};
 export declare function BackgroundOverlay(): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=overlay.d.ts.map

package/dist/modules/background/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/modules/background/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,4BAA4B,EAClC,MAAM,SAAS,CAAC;AASjB,KAAK,KAAK,GAAG,aAAa,CAAC,mBAAmB,CAAC,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,cAAc,EACd,GAAG,EACH,KAAK,EACL,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,cAAc,EAAE,OAAO,CAAC;IACxB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,EAAE,aAAa,CAAC;CACtB,+BA8BA;AAED,eAAO,MAAM,mBAAmB;WAMvB,KAAK;YACJ,MAAM;eACH,MAAM,GAAG,OAAO;YACnB,MAAM;EAed,CAAC;AAEH,eAAO,MAAM,YAAY;WAOhB,KAAK;eACD,MAAM,GAAG,OAAO;cACjB,MAAM;cACN,MAAM;YACR,MAAM;EAcd,CAAC;AAEH,eAAO,MAAM,YAAY;WAQhB,KAAK;cACF,MAAM;gBACJ,MAAM;kBACJ,aAAa;gBACf,MAAM;cACR,OAAO;EAiBjB,CAAC;AAEH,eAAO,MAAM,YAAY;WAOhB,KAAK;cACF,MAAM;YACR,MAAM;sBACI,aAAa;gBACnB,MAAM;EAalB,CAAC;AAEH,eAAO,MAAM,uBAAuB,oEA+IlC,CAAC;AAEH,wBAAgB,iBAAiB,gCAyMhC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/modules/background/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAEf,OAAO,EAA2B,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAuB7D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACzB,MAAM,SAAS,CAAC;AAEjB,KAAK,KAAK,GAAG,aAAa,CAAC,mBAAmB,CAAC,CAAC;AAEhD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,cAAc,EACd,GAAG,EACH,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,UAAU,GACtB,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,cAAc,EAAE,OAAO,CAAC;IACxB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,EAAE,aAAa,CAAC;CACtB;;;;;EA2DA;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,cAAc,EACd,GAAG,EACH,KAAK,EACL,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,cAAc,EAAE,OAAO,CAAC;IACxB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,EAAE,aAAa,CAAC;CACtB,+BA8BA;AAED,eAAO,MAAM,mBAAmB;WAMvB,KAAK;YACJ,MAAM;eACH,MAAM,GAAG,OAAO;YACnB,MAAM;EAed,CAAC;AAEH,eAAO,MAAM,YAAY;WAOhB,KAAK;eACD,MAAM,GAAG,OAAO;cACjB,MAAM;cACN,MAAM;YACR,MAAM;EAcd,CAAC;AAEH,eAAO,MAAM,YAAY;WAQhB,KAAK;cACF,MAAM;gBACJ,MAAM;kBACJ,aAAa;gBACf,MAAM;cACR,OAAO;EAiBjB,CAAC;AAEH,eAAO,MAAM,YAAY;WAOhB,KAAK;cACF,MAAM;YACR,MAAM;sBACI,aAAa;gBACnB,MAAM;EAalB,CAAC;AAEH,wBAAgB,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAkIxB,MAAM;eAAS,OAAO;;;EA6CtC;AAED,wBAAgB,iBAAiB,gCAuMhC"}

package/dist/modules/background/playback.d.ts

@@ -0,0 +1,10 @@
+export declare function applyVideoPlaybackState({ isPlaying, playbackRate, setVideoPlaying, videoElement, }: {
+    isPlaying?: boolean;
+    playbackRate?: number;
+    setVideoPlaying: (playing: boolean) => void;
+    videoElement?: HTMLVideoElement | null;
+}): void;
+export declare function triggerVideoPlaybackDirect(videoElement: HTMLVideoElement | null | undefined, nextPlaying: boolean, configuredMuted: boolean): void;
+export declare function syncVideoMutedDirect(videoElement: HTMLVideoElement | null | undefined, nextMuted: boolean): void;
+export declare function syncVideoLoopDirect(videoElement: HTMLVideoElement | null | undefined, nextLoop: boolean): void;
+//# sourceMappingURL=playback.d.ts.map

package/dist/modules/background/playback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.d.ts","sourceRoot":"","sources":["../../../src/modules/background/playback.ts"],"names":[],"mappings":"AAAA,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,GACb,EAAE;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACxC,GAAG,IAAI,CA6CP;AAED,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,EACjD,WAAW,EAAE,OAAO,EACpB,eAAe,EAAE,OAAO,GACvB,IAAI,CAgBN;AAED,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,EACjD,SAAS,EAAE,OAAO,GACjB,IAAI,CAMN;AAED,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,EACjD,QAAQ,EAAE,OAAO,GAChB,IAAI,CAGN"}

package/dist/modules/background/state.d.ts

@@ -0,0 +1,9 @@
+import { type BackgroundActions, type BackgroundState, type BackgroundStateComputed, type ScopedOverride } from "./types";
+export declare const DEFAULT_BACKGROUND: BackgroundState;
+export declare const DEFAULT_BACKGROUND_COMPUTED: BackgroundStateComputed;
+export declare const INERT_BACKGROUND_ACTIONS: BackgroundActions;
+export declare function normalizeBackgroundInput(patch?: Partial<BackgroundState> | string | null | undefined): Partial<BackgroundState>;
+export declare function mergeBackgroundState(baseState: BackgroundState, patch?: Partial<BackgroundState> | string): BackgroundState;
+export declare function resolveBackgroundState(registryBackground: Partial<BackgroundState> | null, override: ScopedOverride, pathname: string | null): BackgroundState;
+export declare function computeBackgroundState(background: BackgroundState): BackgroundStateComputed;
+//# sourceMappingURL=state.d.ts.map

package/dist/modules/background/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/modules/background/state.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAQjB,eAAO,MAAM,kBAAkB,EAAE,eA2B/B,CAAC;AAEH,eAAO,MAAM,2BAA2B,EAAE,uBAOxC,CAAC;AAEH,eAAO,MAAM,wBAAwB,EAAE,iBASrC,CAAC;AAEH,wBAAgB,wBAAwB,CACtC,KAAK,GAAE,OAAO,CAAC,eAAe,CAAC,GAAG,MAAM,GAAG,IAAI,GAAG,SAAc,GAC/D,OAAO,CAAC,eAAe,CAAC,CAuB1B;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,eAAe,EAC1B,KAAK,GAAE,OAAO,CAAC,eAAe,CAAC,GAAG,MAAW,GAC5C,eAAe,CA6CjB;AAED,wBAAgB,sBAAsB,CACpC,kBAAkB,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,EACnD,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,eAAe,CAMjB;AAED,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,eAAe,GAC1B,uBAAuB,CAqBzB"}

package/dist/modules/background/{utils.d.ts → visual.d.ts}

@@ -1,5 +1,8 @@
 import { type CSSProperties } from "react";
-import { type BackgroundMediaStyle, type BackgroundPageConfig, type BackgroundState, type FadeEdges, type VideoOptions } from "./types";
+import { type BackgroundMediaStyle, type FadeEdges, type VideoOptions } from "./types";
+export declare const BG_TOKEN_TO_OBJECT_STYLE: Readonly<Record<string, CSSProperties>>;
+export declare const OBJECT_FITS: readonly string[];
+export declare const DEFAULT_COLOR = "var(--black, #000)";
 export declare function resolveVideoClassNames(...inputs: (string | null | undefined)[]): {
     objectStyle: CSSProperties;
     other: string;
@@ -17,9 +20,6 @@ export declare function resolveVideoOptions(options?: VideoOptions): {
     showPoster: boolean;
     showSpinner: boolean;
 };
-export declare function normalizeBackgroundInput(patch?: Partial<BackgroundState> | string | null | undefined): Partial<BackgroundState>;
-export declare function mergeBackgroundState(baseState: BackgroundState, patch?: Partial<BackgroundState> | string): BackgroundState;
-export declare function selectPageBackground(background: BackgroundPageConfig | null | undefined): Partial<BackgroundState> | null;
 export declare const generateBaseGradient: (direction: "left" | "right", color: string) => string;
 export declare const generateEdgeGradient: (direction: "left" | "right", color: string) => string;
 export declare function getVisualStyle(currentStyle?: BackgroundMediaStyle): {
@@ -39,18 +39,10 @@ export declare function resolveGradientSettings({ fadeEdges, hasWidth, leftGradi
     rightOpacity: number;
     rightPercent: number;
 };
+export declare function generateSmoothstepStops(percent: number, direction?: "in" | "out", color?: string): string[];
 export declare function getEdgeFadeMask({ color, leftPercent, rightPercent, }: {
     color?: string;
     leftPercent?: number;
     rightPercent?: number;
 }): string | undefined;
-export declare function applyVideoPlaybackState({ isPlaying, playbackRate, setVideoPlaying, videoElement, }: {
-    isPlaying?: boolean;
-    playbackRate?: number;
-    setVideoPlaying: (playing: boolean) => void;
-    videoElement?: HTMLVideoElement | null;
-}): void;
-export declare function triggerVideoPlaybackDirect(videoElement: HTMLVideoElement | null | undefined, nextPlaying: boolean, configuredMuted: boolean): void;
-export declare function syncVideoMutedDirect(videoElement: HTMLVideoElement | null | undefined, nextMuted: boolean): void;
-export declare function syncVideoLoopDirect(videoElement: HTMLVideoElement | null | undefined, nextLoop: boolean): void;
-//# sourceMappingURL=utils.d.ts.map
+//# sourceMappingURL=visual.d.ts.map

package/dist/modules/background/visual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual.d.ts","sourceRoot":"","sources":["../../../src/modules/background/visual.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAUvF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAe3E,CAAC;AAEH,eAAO,MAAM,WAAW,mBAAoE,CAAC;AAE7F,eAAO,MAAM,aAAa,uBAAuB,CAAC;AAIlD,wBAAgB,sBAAsB,CAAC,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG;IAChF,WAAW,EAAE,aAAa,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAUA;AAED,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,YAAiB;;;;;;;;;;;EAa7D;AAED,eAAO,MAAM,oBAAoB,GAAI,WAAW,MAAM,GAAG,OAAO,EAAE,OAAO,MAAM,KAAG,MAGjF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,WAAW,MAAM,GAAG,OAAO,EAAE,OAAO,MAAM,KAAG,MAGjF,CAAC;AAEF,wBAAgB,cAAc,CAAC,YAAY,GAAE,oBAAyB;eAG1C,aAAa;;;EAIxC;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAgB,EAChB,QAAgB,EAChB,YAAgB,EAChB,aAAiB,GAClB,EAAE;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;;;;;;EAiCA;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,EACf,SAAS,GAAE,IAAI,GAAG,KAAY,EAC9B,KAAK,SAAuB,GAC3B,MAAM,EAAE,CA2BV;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAA4B,EAC5B,WAAe,EACf,YAAgB,GACjB,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,MAAM,GAAG,SAAS,CAOrB"}

package/dist/modules/background/youtube/player.d.ts

@@ -0,0 +1,28 @@
+import { type YouTubeBackgroundPlayerProps } from "../types";
+export declare function useYouTubeBackgroundPlayerModel({ codec, corp, endTime, forceIframe, isLoop, isMuted, isPlaying, playbackRate, posterUrl, quality, setVideoElement, setVideoPlaying, shouldAutoPlay, showPoster, showSpinner, startTime, videoClasses: _videoClasses, videoId, videoStyle: _videoStyle, }: YouTubeBackgroundPlayerProps): {
+    useIframeFallback: boolean;
+    isFrameReady: boolean;
+    setIsBuffering: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    videoRef: import("react").RefObject<HTMLVideoElement | null>;
+    audioRef: import("react").RefObject<HTMLAudioElement | null>;
+    iframeHostRef: import("react").RefObject<HTMLDivElement | null>;
+    videoStreamUrl: string;
+    audioStreamUrl: string;
+    resolvedPoster: string | null;
+    syncCompanionAudio: (forceSeek?: boolean) => void;
+    handleEnded: () => void;
+    handleTimeUpdate: () => void;
+    handlePlay: () => void;
+    handlePlaying: () => void;
+    handlePause: () => void;
+    handleSeeked: () => void;
+    handleCanPlay: () => void;
+    handleLoadedMetadata: () => void;
+    handleLoadedData: () => void;
+    handleError: () => void;
+    handleAudioError: () => void;
+    isCovered: boolean;
+    showSpinnerOverlay: boolean;
+};
+export declare const YouTubeBackgroundPlayer: import("react").NamedExoticComponent<YouTubeBackgroundPlayerProps>;
+//# sourceMappingURL=player.d.ts.map

package/dist/modules/background/youtube/player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.d.ts","sourceRoot":"","sources":["../../../../src/modules/background/youtube/player.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,UAAU,CAAC;AA0B7D,wBAAgB,+BAA+B,CAAC,EAC9C,KAAc,EACd,IAAQ,EACR,OAAW,EACX,WAAmB,EACnB,MAAc,EACd,OAAc,EACd,SAAgB,EAChB,YAAgB,EAChB,SAAgB,EAChB,OAAiB,EACjB,eAAe,EACf,eAAe,EACf,cAAqB,EACrB,UAAkB,EAClB,WAAkB,EAClB,SAAa,EACb,YAAY,EAAE,aAAa,EAC3B,OAAO,EACP,UAAU,EAAE,WAAW,GACxB,EAAE,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;EA4Y9B;AAED,eAAO,MAAM,uBAAuB,oEA+IlC,CAAC"}

package/dist/modules/context-menu/context.d.ts

@@ -1,16 +1,7 @@
 import { type ReactNode } from "react";
-import { type RegistryMetadata } from "@/kernel";
-import { type ContextMenuActions, type ContextMenuConfig, type ContextMenuContextApi, type ContextMenuPageConfig, type ContextMenuProviderValue, type ContextMenuState } from "./types";
+import { type ContextMenuProviderValue } from "./types";
 export declare const ContextMenuContext: import("react").Context<ContextMenuProviderValue | null>;
 export declare function ContextMenuProvider({ children }: {
     children?: ReactNode;
 }): import("react").JSX.Element;
-export declare function useContextMenuRegistration(config: ContextMenuPageConfig | null | undefined, options?: RegistryMetadata & {
-    enabled?: boolean;
-}): void;
-export declare function useContextMenu(config?: Partial<ContextMenuConfig> | null, options?: RegistryMetadata & {
-    enabled?: boolean;
-}): ContextMenuContextApi;
-export declare function useContextMenuActions(): ContextMenuActions;
-export declare function useContextMenuState(): ContextMenuState;
 //# sourceMappingURL=context.d.ts.map

package/dist/modules/context-menu/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/modules/context-menu/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,UAAU,CAAC;AAMlB,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAE1B,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,0DAK5B,CAAC;AAMJ,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,+BAyEzE;AAED,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,EAChD,OAAO,CAAC,EAAE,gBAAgB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GACjD,IAAI,CAEN;AAED,wBAAgB,cAAc,CAC5B,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG,IAAI,EAC1C,OAAO,CAAC,EAAE,gBAAgB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GACjD,qBAAqB,CAqBvB;AAED,wBAAgB,qBAAqB,IAAI,kBAAkB,CAM1D;AAED,wBAAgB,mBAAmB,IAAI,gBAAgB,CAOtD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/modules/context-menu/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,OAAO,EAGL,KAAK,wBAAwB,EAG9B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,0DAK5B,CAAC;AAMJ,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,+BAyEzE"}

package/dist/modules/context-menu/dom.d.ts

@@ -0,0 +1,8 @@
+import { type ContextMenuPosition, type ContextMenuResolvedItem } from "./types";
+export declare function joinClassNames(...classes: (string | boolean | null | undefined)[]): string;
+export declare function isScrollLockKey(event: {
+    key: string;
+}): boolean;
+export declare function positionMenu(menuElement: HTMLElement | null, position?: ContextMenuPosition | null): void;
+export declare function getNextActiveIndex(items: ContextMenuResolvedItem[], current: number, direction: 1 | -1): number;
+//# sourceMappingURL=dom.d.ts.map

package/dist/modules/context-menu/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/modules/context-menu/dom.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC7B,MAAM,SAAS,CAAC;AAEjB,wBAAgB,cAAc,CAC5B,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAClD,MAAM,CAER;AAaD,wBAAgB,eAAe,CAAC,KAAK,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAE/D;AAED,wBAAgB,YAAY,CAC1B,WAAW,EAAE,WAAW,GAAG,IAAI,EAC/B,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,GACpC,IAAI,CAWN;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,EAAE,EAChC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAChB,MAAM,CAUR"}

package/dist/modules/context-menu/hooks.d.ts

@@ -1,5 +1,14 @@
-import { type RefObject, type KeyboardEvent as ReactKeyboardEvent, type MouseEvent as ReactMouseEvent } from "react";
-import { type ContextMenuConfig, type ContextMenuThemeSlot, type ContextMenuContextValue, type ContextMenuPosition, type ContextMenuResolvedItem } from "./types";
+import { type KeyboardEvent as ReactKeyboardEvent, type MouseEvent as ReactMouseEvent, type RefObject } from "react";
+import { type RegistryMetadata } from "@/kernel";
+import type { ContextMenuActions, ContextMenuConfig, ContextMenuContextApi, ContextMenuContextValue, ContextMenuPageConfig, ContextMenuPosition, ContextMenuResolvedItem, ContextMenuState, ContextMenuThemeSlot } from "./types";
+export declare function useContextMenuRegistration(config: ContextMenuPageConfig | null | undefined, options?: RegistryMetadata & {
+    enabled?: boolean;
+}): void;
+export declare function useContextMenu(config?: Partial<ContextMenuConfig> | null, options?: RegistryMetadata & {
+    enabled?: boolean;
+}): ContextMenuContextApi;
+export declare function useContextMenuActions(): ContextMenuActions;
+export declare function useContextMenuState(): ContextMenuState;
 export declare function useContextMenuListener(): void;
 export declare function useMenuDismissal(menuRef: RefObject<HTMLElement | null>, onClose: () => void): void;
 export declare function useContextMenuContentModel({ config, items, menuContext, onClose, position, }: {
@@ -19,13 +28,4 @@ export declare function useContextMenuContentModel({ config, items, menuContext,
     handleItemSelect: (item: ContextMenuResolvedItem, event: ReactMouseEvent | ReactKeyboardEvent) => void;
     handleMenuKeyDown: (event: ReactKeyboardEvent) => void;
 };
-export declare function useContextMenuRendererModel(): {
-    closeMenu: () => void;
-    config: ContextMenuConfig | null;
-    context: ContextMenuContextValue | null;
-    isOpen: boolean;
-    items: ContextMenuResolvedItem[];
-    position: ContextMenuPosition;
-    isMounted: boolean;
-};
 //# sourceMappingURL=hooks.d.ts.map

package/dist/modules/context-menu/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/modules/context-menu/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,aAAa,IAAI,kBAAkB,EACxC,KAAK,UAAU,IAAI,eAAe,EACnC,MAAM,OAAO,CAAC;AAiBf,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC7B,MAAM,SAAS,CAAC;AAOjB,wBAAgB,sBAAsB,IAAI,IAAI,CAoC7C;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtC,OAAO,EAAE,MAAM,IAAI,QA8BpB;AAID,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,WAAW,EAAE,uBAAuB,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,mBAAmB,CAAC;CAC/B;;;;;;;;6BAkCW,uBAAuB,SACtB,eAAe,GAAG,kBAAkB;+BAWb,kBAAkB;EA8BrD;AAED,wBAAgB,2BAA2B;;;;;;;;EAU1C"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/modules/context-menu/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,aAAa,IAAI,kBAAkB,EACxC,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,UAAU,CAAC;AAiBlB,OAAO,KAAK,EACV,kBAAkB,EAElB,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,EACnB,uBAAuB,EACvB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,EAChD,OAAO,CAAC,EAAE,gBAAgB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GACjD,IAAI,CAEN;AAED,wBAAgB,cAAc,CAC5B,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG,IAAI,EAC1C,OAAO,CAAC,EAAE,gBAAgB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GACjD,qBAAqB,CAqBvB;AAED,wBAAgB,qBAAqB,IAAI,kBAAkB,CAM1D;AAED,wBAAgB,mBAAmB,IAAI,gBAAgB,CAOtD;AAOD,wBAAgB,sBAAsB,IAAI,IAAI,CAoC7C;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtC,OAAO,EAAE,MAAM,IAAI,QA8BpB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,WAAW,EAAE,uBAAuB,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,mBAAmB,CAAC;CAC/B;;;;;;;;6BAkCW,uBAAuB,SACtB,eAAe,GAAG,kBAAkB;+BAWb,kBAAkB;EA8BrD"}

package/dist/modules/context-menu/index.d.ts

@@ -1,6 +1,11 @@
 export type * from "./types";
-export { ContextMenuContext, ContextMenuProvider, useContextMenu, useContextMenuActions, useContextMenuRegistration, useContextMenuState, } from "./context";
-export { useContextMenuListener } from "./hooks";
+export { ContextMenuContext, ContextMenuProvider, } from "./context";
+export { useContextMenu, useContextMenuActions, useContextMenuContentModel, useContextMenuListener, useContextMenuRegistration, useContextMenuState, useMenuDismissal, } from "./hooks";
+export { ContextMenuGlobal, ContextMenuHeader, ContextMenuHeaderIcon, ContextMenuItem, ContextMenuRenderer, } from "./overlay";
+export { extractNodeText, resolveAsBoolean, resolveAsValue, resolveContextMenuPageMeta, resolveMenuHeader, resolveMenuItems, safeInvoke, } from "./items";
+export { getNextActiveIndex, isScrollLockKey, joinClassNames, positionMenu, } from "./dom";
+export { prepareMenu, resolveContextMenu } from "./resolver";
+export { createInitialMenuState, emitContextMenuVisibility, resolveNextOpenState, } from "./state";
 export { contextMenuModule, defineContextMenu } from "./module";
-export { CONTEXT_MENU_VISIBILITY_EVENT, contextMenuTheme } from "./constants";
+export { CONTEXT_MENU_VISIBILITY_EVENT, CURRENT_PAGE_KEY, GLOBAL_MENU_KEY, INITIAL_POSITION, MENU_SCREEN_MARGIN, contextMenuTheme, } from "./constants";
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/context-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/context-menu/index.ts"],"names":[],"mappings":"AAEA,mBAAmB,SAAS,CAAC;AAC7B,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/context-menu/index.ts"],"names":[],"mappings":"AAEA,mBAAmB,SAAS,CAAC;AAC7B,OAAO,EACL,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,GACb,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EACL,6BAA6B,EAC7B,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,aAAa,CAAC"}

package/dist/modules/context-menu/index.js

@@ -1,10 +1,10 @@
 "use client";
-import { createContext, useState, useRef, useInsertionEffect, useMemo, useEffect, useCallback, useSyncExternalStore, use, useContext, useId, isValidElement, useLayoutEffect, cloneElement, Children } from 'react';
+import { createContext, isValidElement, useState, useRef, useMemo, useEffect, useLayoutEffect, useCallback, useSyncExternalStore, use, useContext, useId, cloneElement, Children } from 'react';
 import { usePathname } from 'next/navigation';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Icon as Icon$1 } from '@iconify-icon/react';
-import { AnimatePresence, motion } from 'motion/react';
 import { createPortal } from 'react-dom';
+import { motion, AnimatePresence } from 'motion/react';
 
 function useRequiredContext(context, hookName, providerName) {
   const value = use(context);
@@ -809,22 +809,6 @@ var INITIAL_POSITION = Object.freeze({
   x: 0,
   y: 0
 });
-function joinClassNames(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-var SCROLL_LOCK_KEYS = /* @__PURE__ */ new Set([
-  "ArrowDown",
-  "ArrowUp",
-  "End",
-  "Home",
-  "PageDown",
-  "PageUp",
-  " ",
-  "Spacebar"
-]);
-function isScrollLockKey(event) {
-  return SCROLL_LOCK_KEYS.has(event.key);
-}
 function extractNodeText(value) {
   if (typeof value === "string") return value;
   if (typeof value === "number" || typeof value === "boolean") {
@@ -833,8 +817,9 @@ function extractNodeText(value) {
   if (Array.isArray(value)) {
     return value.map(extractNodeText).filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
   }
-  if (isValidElement(value))
+  if (isValidElement(value)) {
     return extractNodeText(value.props?.children);
+  }
   return "";
 }
 function resolveAsBoolean(value, context, defaultValue = true) {
@@ -861,14 +846,6 @@ function resolveAsValue(value, context, fallback) {
   }
   return value === void 0 ? fallback : value;
 }
-function emitContextMenuVisibility(isOpen) {
-  if (!isBrowser) return;
-  window.dispatchEvent(
-    new CustomEvent(CONTEXT_MENU_VISIBILITY_EVENT, {
-      detail: { isOpen: Boolean(isOpen) }
-    })
-  );
-}
 function safeInvoke(handler, ...args) {
   if (typeof handler !== "function") return void 0;
   try {
@@ -901,16 +878,6 @@ function resolveContextMenuPageMeta(dockItem, pathname = "") {
     titleText: extractNodeText(title) || (typeof dockItem.name === "string" ? dockItem.name : "") || ""
   };
 }
-function positionMenu(menuElement, position) {
-  if (!menuElement) return;
-  const { height, width } = menuElement.getBoundingClientRect();
-  const maxX = window.innerWidth - width - MENU_SCREEN_MARGIN;
-  const maxY = window.innerHeight - height - MENU_SCREEN_MARGIN;
-  const x = Math.min(Number(position?.x) || 0, maxX);
-  const y = Math.min(Number(position?.y) || 0, maxY);
-  menuElement.style.left = `${Math.round(Math.max(MENU_SCREEN_MARGIN, x))}px`;
-  menuElement.style.top = `${Math.round(Math.max(MENU_SCREEN_MARGIN, y))}px`;
-}
 function resolveItem(item, index, context) {
   if (!item) return null;
   if (item === "separator" || item.type === "separator") {
@@ -978,15 +945,6 @@ function resolveMenuHeader(config, context) {
     titleText: extractNodeText(title)
   };
 }
-function getNextActiveIndex(items, current, direction) {
-  const count = items.length;
-  const start = current < 0 ? direction === 1 ? 0 : count - 1 : current + direction;
-  for (let step = 0; step < count; step++) {
-    const index = ((start + step * direction) % count + count) % count;
-    if (items[index].type === "action" && !items[index].disabled) return index;
-  }
-  return current;
-}
 
 // src/modules/context-menu/resolver.ts
 function normalizeMenuCandidates(registryMenus) {
@@ -1180,6 +1138,14 @@ function resolveNextOpenState({
     }
   };
 }
+function emitContextMenuVisibility(isOpen) {
+  if (!isBrowser) return;
+  window.dispatchEvent(
+    new CustomEvent(CONTEXT_MENU_VISIBILITY_EVENT, {
+      detail: { isOpen: Boolean(isOpen) }
+    })
+  );
+}
 var ContextMenuContext = getOrCreateGlobalContext(
   "ContextMenuContext",
   null
@@ -1196,7 +1162,7 @@ function ContextMenuProvider({ children }) {
   );
   const isOpen = useStore(store, selectIsOpen);
   const pathnameRef = useRef(pathname);
-  useInsertionEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     pathnameRef.current = pathname;
   }, [pathname]);
   const actions = useMemo(() => {
@@ -1247,44 +1213,6 @@ function ContextMenuProvider({ children }) {
   useEffect(() => emitContextMenuVisibility(isOpen), [isOpen]);
   return /* @__PURE__ */ jsx(ContextMenuContext, { value: contextValue, children });
 }
-function useContextMenuRegistration(config, options) {
-  useModuleRegistration("contextMenu", config, options);
-}
-function useContextMenu(config, options) {
-  useContextMenuRegistration(config || null, options);
-  const { actions, store } = useRequiredContext(
-    ContextMenuContext,
-    "useContextMenu",
-    "ContextMenuProvider"
-  );
-  const state = useStore(store);
-  const ctx = useMemo(
-    () => ({ ...state, ...actions }),
-    [actions, state]
-  );
-  return useMemo(() => {
-    if (!config) return ctx;
-    return {
-      ...ctx,
-      bind: (payload, configOverride) => ctx.bind(payload, { ...config, ...configOverride })
-    };
-  }, [config, ctx]);
-}
-function useContextMenuActions() {
-  return useRequiredContext(
-    ContextMenuContext,
-    "useContextMenuActions",
-    "ContextMenuProvider"
-  ).actions;
-}
-function useContextMenuState() {
-  const { store } = useRequiredContext(
-    ContextMenuContext,
-    "useContextMenuState",
-    "ContextMenuProvider"
-  );
-  return useStore(store);
-}
 function Icon({
   className = "center",
   color,
@@ -1400,9 +1328,83 @@ function useOptionalDockState(selector, isEqual) {
     isEqual
   );
 }
-createStore(EMPTY_DOCK_STATE);
+
+// src/modules/context-menu/dom.ts
+function joinClassNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var SCROLL_LOCK_KEYS = /* @__PURE__ */ new Set([
+  "ArrowDown",
+  "ArrowUp",
+  "End",
+  "Home",
+  "PageDown",
+  "PageUp",
+  " ",
+  "Spacebar"
+]);
+function isScrollLockKey(event) {
+  return SCROLL_LOCK_KEYS.has(event.key);
+}
+function positionMenu(menuElement, position) {
+  if (!menuElement) return;
+  const { height, width } = menuElement.getBoundingClientRect();
+  const maxX = window.innerWidth - width - MENU_SCREEN_MARGIN;
+  const maxY = window.innerHeight - height - MENU_SCREEN_MARGIN;
+  const x = Math.min(Number(position?.x) || 0, maxX);
+  const y = Math.min(Number(position?.y) || 0, maxY);
+  menuElement.style.left = `${Math.round(Math.max(MENU_SCREEN_MARGIN, x))}px`;
+  menuElement.style.top = `${Math.round(Math.max(MENU_SCREEN_MARGIN, y))}px`;
+}
+function getNextActiveIndex(items, current, direction) {
+  const count = items.length;
+  const start = current < 0 ? direction === 1 ? 0 : count - 1 : current + direction;
+  for (let step = 0; step < count; step++) {
+    const index = ((start + step * direction) % count + count) % count;
+    if (items[index].type === "action" && !items[index].disabled) return index;
+  }
+  return current;
+}
 
 // src/modules/context-menu/hooks.ts
+function useContextMenuRegistration(config, options) {
+  useModuleRegistration("contextMenu", config, options);
+}
+function useContextMenu(config, options) {
+  useContextMenuRegistration(config || null, options);
+  const { actions, store } = useRequiredContext(
+    ContextMenuContext,
+    "useContextMenu",
+    "ContextMenuProvider"
+  );
+  const state = useStore(store);
+  const ctx = useMemo(
+    () => ({ ...state, ...actions }),
+    [actions, state]
+  );
+  return useMemo(() => {
+    if (!config) return ctx;
+    return {
+      ...ctx,
+      bind: (payload, configOverride) => ctx.bind(payload, { ...config, ...configOverride })
+    };
+  }, [config, ctx]);
+}
+function useContextMenuActions() {
+  return useRequiredContext(
+    ContextMenuContext,
+    "useContextMenuActions",
+    "ContextMenuProvider"
+  ).actions;
+}
+function useContextMenuState() {
+  const { store } = useRequiredContext(
+    ContextMenuContext,
+    "useContextMenuState",
+    "ContextMenuProvider"
+  );
+  return useStore(store);
+}
 function selectDockPageCard(dock) {
   const card = dock.activeItem;
   return card && !card.isSurface ? card : null;
@@ -1465,8 +1467,6 @@ function useMenuDismissal(menuRef, onClose) {
     };
   }, [menuRef, onClose]);
 }
-var emptySubscribe = () => () => {
-};
 function useContextMenuContentModel({
   config,
   items,
@@ -1541,15 +1541,6 @@ function useContextMenuContentModel({
     handleMenuKeyDown
   };
 }
-function useContextMenuRendererModel() {
-  const { closeMenu, config, context, isOpen, items, position } = useContextMenu();
-  const isMounted = useSyncExternalStore(
-    emptySubscribe,
-    () => true,
-    () => false
-  );
-  return { closeMenu, config, context, isOpen, items, position, isMounted };
-}
 
 // src/modules/context-menu/motion.ts
 var CONTEXT_MENU_EASINGS = Object.freeze({
@@ -1829,8 +1820,15 @@ function ContextMenuContent({
     )
   ] });
 }
+var emptySubscribe = () => () => {
+};
 function ContextMenuRenderer() {
-  const { closeMenu, config, context, isOpen, items, position, isMounted } = useContextMenuRendererModel();
+  const { closeMenu, config, context, isOpen, items, position } = useContextMenu();
+  const isMounted = useSyncExternalStore(
+    emptySubscribe,
+    () => true,
+    () => false
+  );
   if (!isMounted) return null;
   const menuContext = context ?? EMPTY_MENU_CONTEXT;
   const resolvedItems = items.length ? items : resolveMenuItems(config, menuContext);
@@ -1853,8 +1851,6 @@ function ContextMenuGlobal() {
   useContextMenuListener();
   return /* @__PURE__ */ jsx(ContextMenuRenderer, {});
 }
-
-// src/modules/context-menu/module.tsx
 function selectPageContextMenu(config) {
   return config.contextMenu ?? null;
 }
@@ -1898,6 +1894,6 @@ function defineContextMenu(definition = {}) {
   });
 }
 
-export { CONTEXT_MENU_VISIBILITY_EVENT, ContextMenuContext, ContextMenuProvider, contextMenuModule, contextMenuTheme, defineContextMenu, useContextMenu, useContextMenuActions, useContextMenuListener, useContextMenuRegistration, useContextMenuState };
+export { CONTEXT_MENU_VISIBILITY_EVENT, CURRENT_PAGE_KEY, ContextMenuContext, ContextMenuGlobal, ContextMenuHeader, ContextMenuHeaderIcon, ContextMenuItem, ContextMenuProvider, ContextMenuRenderer, GLOBAL_MENU_KEY, INITIAL_POSITION, MENU_SCREEN_MARGIN, contextMenuModule, contextMenuTheme, createInitialMenuState, defineContextMenu, emitContextMenuVisibility, extractNodeText, getNextActiveIndex, isScrollLockKey, joinClassNames, positionMenu, prepareMenu, resolveAsBoolean, resolveAsValue, resolveContextMenu, resolveContextMenuPageMeta, resolveMenuHeader, resolveMenuItems, resolveNextOpenState, safeInvoke, useContextMenu, useContextMenuActions, useContextMenuContentModel, useContextMenuListener, useContextMenuRegistration, useContextMenuState, useMenuDismissal };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map