@react-text-game/ui 0.1.0

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Game } from "@react-text-game/core";
+import { Component } from "react";
+import { Button } from "../../components/common";
+/**
+ * ErrorBoundary catches all JavaScript errors in the application:
+ * - Rendering errors
+ * - Event handler errors
+ * - Async errors (promises, setTimeout)
+ * - Global uncaught errors
+ */
+export class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            hasError: false,
+            error: null,
+            errorInfo: null,
+            copied: false,
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidMount() {
+        // Catch global errors (event handlers, setTimeout, etc.)
+        window.addEventListener("error", this.handleGlobalError);
+        // Catch unhandled promise rejections
+        window.addEventListener("unhandledrejection", this.handlePromiseRejection);
+    }
+    componentWillUnmount() {
+        window.removeEventListener("error", this.handleGlobalError);
+        window.removeEventListener("unhandledrejection", this.handlePromiseRejection);
+    }
+    handleGlobalError = (event) => {
+        event.preventDefault();
+        // Handle different error types
+        let error;
+        if (event.error instanceof Error) {
+            error = event.error;
+        }
+        else if (event.message) {
+            error = new Error(event.message);
+        }
+        else {
+            // Fallback for events without error or message (e.g., resource load errors)
+            const target = event.target;
+            const targetInfo = target
+                ? `${target.tagName}${target.id ? `#${target.id}` : ""}${target.className ? `.${target.className.split(" ").join(".")}` : ""}`
+                : "unknown element";
+            error = new Error(`Resource error or unhandled error on ${targetInfo}`);
+        }
+        const errorInfo = {
+            componentStack: `\nGlobal error at ${event.filename || "unknown"}:${event.lineno || 0}:${event.colno || 0}`,
+        };
+        console.error("Global error caught:", error, event);
+        this.setState({
+            hasError: true,
+            error,
+            errorInfo,
+        });
+        this.props.onError?.(error, errorInfo);
+    };
+    handlePromiseRejection = (event) => {
+        event.preventDefault();
+        const error = event.reason instanceof Error
+            ? event.reason
+            : new Error(String(event.reason));
+        const errorInfo = {
+            componentStack: "\nUnhandled Promise Rejection",
+        };
+        console.error("Unhandled promise rejection:", error);
+        this.setState({
+            hasError: true,
+            error,
+            errorInfo,
+        });
+        this.props.onError?.(error, errorInfo);
+    };
+    componentDidCatch(error, errorInfo) {
+        console.error("ErrorBoundary caught an error:", error, errorInfo);
+        this.setState({
+            error,
+            errorInfo,
+        });
+        // Call optional error handler
+        this.props.onError?.(error, errorInfo);
+    }
+    reset = () => {
+        this.setState({
+            hasError: false,
+            error: null,
+            errorInfo: null,
+        });
+    };
+    copyErrorToClipboard = async () => {
+        if (!this.state.error || !this.state.errorInfo)
+            return;
+        const errorText = [
+            `Error: ${this.state.error.message}`,
+            "",
+            "Stack Trace:",
+            this.state.error.stack || "No stack trace available",
+            "",
+            "Component Stack:",
+            this.state.errorInfo.componentStack ||
+                "No component stack available",
+        ].join("\n");
+        try {
+            await navigator.clipboard.writeText(errorText);
+            this.setState({ copied: true });
+            setTimeout(() => {
+                this.setState({ copied: false });
+            }, 1000);
+        }
+        catch (err) {
+            console.error("Failed to copy error to clipboard:", err);
+        }
+    };
+    render() {
+        const errorOverlay = this.state.hasError && this.state.error && this.state.errorInfo ? (
+        // Use custom fallback if provided
+        this.props.fallback ? (this.props.fallback(this.state.error, this.state.errorInfo, this.reset)) : (
+        // Default fallback UI as overlay
+        _jsx("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-background bg-opacity-50 p-8", children: _jsxs("div", { className: "max-w-2xl w-full bg-card border-2 border-danger-500 rounded-lg p-6 shadow-lg relative max-h-screen", children: [_jsx("button", { onClick: this.reset, className: "cursor-pointer absolute top-4 right-4 text-danger-600 hover:text-danger-800 font-bold text-2xl leading-none transition-colors", "aria-label": "Close error", children: "\u00D7" }), _jsx("h1", { className: "text-2xl font-bold text-danger-900 mb-4", children: "Game Error" }), _jsx("p", { className: "text-danger-800 mb-4", children: "Something went wrong while running the game. This error has been logged." }), _jsxs("details", { className: "mb-4 max-h-100 overflow-auto", children: [_jsxs("summary", { className: "cursor-pointer text-danger-900 font-semibold mb-2 flex items-center justify-between", children: [_jsxs("div", { className: "flex gap-4 items-center", children: [_jsx("span", { children: "Error Details" }), _jsx("span", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", className: "w-6 h-6", children: _jsx("path", { fill: "#000", fillRule: "evenodd", d: "M12.7 14.7a1 1 0 0 1-1.4 0l-5-5a1 1 0 0 1 1.4-1.4l4.3 4.29 4.3-4.3a1 1 0 1 1 1.4 1.42l-5 5Z", clipRule: "evenodd" }) }) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [this.state.copied && (_jsx("span", { className: "text-sm text-danger-700", children: "Copied to clipboard" })), _jsx("button", { onClick: (e) => {
+                                                    e.preventDefault();
+                                                    void this.copyErrorToClipboard();
+                                                }, className: "cursor-pointer text-danger-600 hover:text-danger-800 transition-colors", title: "Copy error to clipboard", "aria-label": "Copy error to clipboard", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }) })] })] }), _jsxs("div", { className: "bg-danger-100 p-4 rounded border border-danger-300 overflow-auto", children: [_jsxs("p", { className: "font-mono text-sm text-danger-900 mb-2", children: [_jsx("strong", { children: "Error:" }), " ", this.state.error.message] }), _jsx("p", { className: "font-mono text-xs text-danger-800 whitespace-pre-wrap", children: this.state.error.stack }), Game.options.isDevMode &&
+                                        this.state.errorInfo.componentStack && (_jsxs("p", { className: "font-mono text-xs text-danger-800 whitespace-pre-wrap mt-4", children: [_jsx("strong", { children: "Component Stack:" }), this.state.errorInfo
+                                                .componentStack] }))] })] }), _jsx(Button, { color: "warning", onClick: this.reset, children: "Try Again" })] }) }))) : null;
+        return (_jsxs(_Fragment, { children: [this.props.children, errorOverlay] }));
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"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"}

package/dist/components/ErrorBoundary/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ErrorBoundary';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ErrorBoundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/ErrorBoundary/index.js

@@ -0,0 +1,2 @@
+export * from './ErrorBoundary';
+//# sourceMappingURL=index.js.map

package/dist/components/ErrorBoundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/ErrorBoundary/types.d.ts

@@ -0,0 +1,12 @@
+import { ErrorInfo, PropsWithChildren, ReactNode } from "react";
+export interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+    copied: boolean;
+}
+export interface ErrorBoundaryProps extends PropsWithChildren {
+    fallback?: (error: Error, errorInfo: ErrorInfo, reset: () => void) => ReactNode;
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ErrorBoundary/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IACzD,QAAQ,CAAC,EAAE,CACP,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,IAAI,KAChB,SAAS,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1D"}

package/dist/components/ErrorBoundary/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/ErrorBoundary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/types.ts"],"names":[],"mappings":""}

package/dist/components/GameProvider/AppIconMenu.d.ts

@@ -0,0 +1,8 @@
+import { NewOptions } from "@react-text-game/core";
+type AppIconMenuProps = Readonly<{
+    options: NewOptions;
+    setOptions: (values: NewOptions) => void;
+}>;
+export declare const AppIconMenu: ({ options, setOptions }: AppIconMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AppIconMenu.d.ts.map

package/dist/components/GameProvider/AppIconMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppIconMenu.d.ts","sourceRoot":"","sources":["../../../src/components/GameProvider/AppIconMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGnD,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC7B,OAAO,EAAE,UAAU,CAAC;IACpB,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,GAAI,yBAAyB,gBAAgB,4CAgDpE,CAAC"}

package/dist/components/GameProvider/AppIconMenu.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export const AppIconMenu = ({ options, setOptions }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    const { isDevMode } = options;
+    return (_jsxs("div", { className: "fixed bottom-3 left-2 z-10000000", children: [_jsx("button", { className: "cursor-pointer hover:opacity-50 active:scale-95 bg-primary-500 p-2 rounded-full", onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", className: "w-6 h-6", children: _jsx("path", { fill: "#000", fillRule: "evenodd", d: "M2.7 13.07 8.1 5.1a.5.5 0 0 1 .9.3v11.04a.5.5 0 0 1-.75.44l-5.4-3.07a.5.5 0 0 1-.15-.73Zm14.45.73-5.4 3.07a.5.5 0 0 1-.75-.44V5.38a.5.5 0 0 1 .9-.3l5.4 8a.5.5 0 0 1-.15.72ZM11 .53c-.48-.7-1.52-.7-2 0L.24 13.03c-.43.58-.26 1.4.36 1.77L9 19.63l.42.22c.36.2.8.2 1.16 0l.42-.22 8.4-4.83c.62-.36.8-1.19.36-1.77L11 .53Z" }) }) }), isHovered && (_jsx("div", { className: "absolute left-full bottom-0 bg-popover border border-border rounded-lg shadow-lg p-3 whitespace-nowrap", onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: _jsxs("label", { className: "flex items-center gap-2 cursor-pointer text-popover-foreground", children: [_jsx("input", { type: "checkbox", className: "cursor-pointer", checked: !!isDevMode, onChange: () => setOptions({
+                                ...options,
+                                isDevMode: !isDevMode,
+                            }) }), _jsx("span", { children: "Is dev mode" })] }) }))] }));
+};
+//# sourceMappingURL=AppIconMenu.js.map

package/dist/components/GameProvider/AppIconMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppIconMenu.js","sourceRoot":"","sources":["../../../src/components/GameProvider/AppIconMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAoB,EAAE,EAAE;IACrE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAE9B,OAAO,CACH,eAAK,SAAS,EAAC,kCAAkC,aAC7C,iBACI,SAAS,EAAC,iFAAiF,EAC3F,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAEvC,cACI,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,SAAS,YAEnB,eACI,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2TAA2T,GAC/T,GACA,GACD,EACR,SAAS,IAAI,CACV,cACI,SAAS,EAAC,wGAAwG,EAClH,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAEvC,iBAAO,SAAS,EAAC,gEAAgE,aAC7E,gBACI,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,CAAC,CAAC,SAAS,EACpB,QAAQ,EAAE,GAAG,EAAE,CACX,UAAU,CAAC;gCACP,GAAG,OAAO;gCACV,SAAS,EAAE,CAAC,SAAS;6BACxB,CAAC,GAER,EACF,yCAAwB,IACpB,GACN,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/GameProvider/GameProvider.d.ts

@@ -0,0 +1,12 @@
+import { NewOptions } from "@react-text-game/core";
+import { PropsWithChildren, ReactNode } from "react";
+type Components = Readonly<{
+    MainMenu?: (() => ReactNode) | undefined;
+}>;
+type GameProviderProps = PropsWithChildren<{
+    options: NewOptions;
+    components?: Components;
+}>;
+export declare const GameProvider: ({ children, options, components }: GameProviderProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=GameProvider.d.ts.map

package/dist/components/GameProvider/GameProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameProvider.d.ts","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,UAAU,EAGb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAW1E,KAAK,UAAU,GAAG,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,SAAS,CAAC;CAC5C,CAAC,CAAC;AAEH,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACvC,OAAO,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,YAAY,GAAI,mCAAmC,iBAAiB,mDAuChF,CAAC"}

package/dist/components/GameProvider/GameProvider.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Game, newWidget, SYSTEM_PASSAGE_NAMES, } from "@react-text-game/core";
+import { useEffect, useState } from "react";
+import { ErrorBoundary } from "../../components/ErrorBoundary";
+import { MainMenu } from "../../components/MainMenu";
+import { SaveLoadModal } from "../../components/SaveLoadModal";
+import { useSaveLoadMenu } from "../../hooks";
+import { DevModeDrawer } from "../DevModeDrawer";
+import { AppIconMenu } from "./AppIconMenu";
+import { SaveLoadMenuProvider } from "./SaveLoadMenuProvider";
+const SaveLoadModalWrapper = () => {
+    const { isOpen, mode, close } = useSaveLoadMenu();
+    return _jsx(SaveLoadModal, { isOpen: isOpen, onClose: close, mode: mode });
+};
+export const GameProvider = ({ children, options, components }) => {
+    const [internalOptions, setInternalOptions] = useState(options);
+    const [isInitialized, setIsInitialized] = useState(false);
+    useEffect(() => {
+        Game.init(options).then(() => {
+            newWidget(SYSTEM_PASSAGE_NAMES.START_MENU, components?.MainMenu?.() || _jsx(MainMenu, {}));
+            Game.setCurrent(SYSTEM_PASSAGE_NAMES.START_MENU);
+            setIsInitialized(true);
+        });
+    }, [options]);
+    useEffect(() => {
+        if (internalOptions && isInitialized && internalOptions !== options) {
+            Game.updateOptions(internalOptions);
+        }
+    }, [internalOptions, isInitialized, options]);
+    if (!isInitialized) {
+        return null;
+    }
+    return (_jsx(SaveLoadMenuProvider, { children: _jsxs(ErrorBoundary, { children: [children, options.isDevMode && (_jsxs(_Fragment, { children: [_jsx(AppIconMenu, { options: internalOptions, setOptions: setInternalOptions }), _jsx(DevModeDrawer, { options: internalOptions })] })), _jsx(SaveLoadModalWrapper, {})] }) }));
+};
+//# sourceMappingURL=GameProvider.js.map

package/dist/components/GameProvider/GameProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACH,IAAI,EAEJ,SAAS,EACT,oBAAoB,GACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAgC,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAW9D,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAClD,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAqB,EAAE,EAAE;IACjF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAa,OAAO,CAAC,CAAC;IAC5E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACzB,SAAS,CAAC,oBAAoB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,KAAC,QAAQ,KAAG,CAAC,CAAC;YACrF,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;YACjD,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,eAAe,IAAI,aAAa,IAAI,eAAe,KAAK,OAAO,EAAE,CAAC;YAClE,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACxC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,oBAAoB,cACjB,MAAC,aAAa,eACT,QAAQ,EACR,OAAO,CAAC,SAAS,IAAI,CAClB,8BACI,KAAC,WAAW,IACR,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,kBAAkB,GAChC,EACF,KAAC,aAAa,IAAC,OAAO,EAAE,eAAe,GAAI,IAC5C,CACN,EACD,KAAC,oBAAoB,KAAG,IACZ,GACG,CAC1B,CAAC;AACN,CAAC,CAAC"}

package/dist/components/GameProvider/SaveLoadMenuContext.d.ts

@@ -0,0 +1,11 @@
+import { SaveLoadMode } from "../../components/GameProvider/SaveLoadMenuProvider";
+export interface SaveLoadMenuContextType {
+    isOpen: boolean;
+    mode: SaveLoadMode;
+    openSaveMenu: () => void;
+    openLoadMenu: () => void;
+    openSaveLoadMenu: () => void;
+    close: () => void;
+}
+export declare const SaveLoadMenuContext: import("react").Context<SaveLoadMenuContextType | undefined>;
+//# sourceMappingURL=SaveLoadMenuContext.d.ts.map

package/dist/components/GameProvider/SaveLoadMenuContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveLoadMenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/GameProvider/SaveLoadMenuContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,MAAM,WAAW,uBAAuB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,YAAY,CAAC;IACnB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,8DAEpB,CAAC"}

package/dist/components/GameProvider/SaveLoadMenuContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+export const SaveLoadMenuContext = createContext(undefined);
+//# sourceMappingURL=SaveLoadMenuContext.js.map

package/dist/components/GameProvider/SaveLoadMenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveLoadMenuContext.js","sourceRoot":"","sources":["../../../src/components/GameProvider/SaveLoadMenuContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAatC,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAE9C,SAAS,CAAC,CAAC"}

package/dist/components/GameProvider/SaveLoadMenuProvider.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+export type SaveLoadMode = "save" | "load" | "saveLoad";
+export declare const SaveLoadMenuProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SaveLoadMenuProvider.d.ts.map

package/dist/components/GameProvider/SaveLoadMenuProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveLoadMenuProvider.d.ts","sourceRoot":"","sources":["../../../src/components/GameProvider/SaveLoadMenuProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAExD,eAAO,MAAM,oBAAoB,GAAI,cAAc,iBAAiB,4CAqCnE,CAAC"}

package/dist/components/GameProvider/SaveLoadMenuProvider.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { SaveLoadMenuContext } from "./SaveLoadMenuContext";
+export const SaveLoadMenuProvider = ({ children }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [mode, setMode] = useState("saveLoad");
+    const openSaveMenu = () => {
+        setMode("save");
+        setIsOpen(true);
+    };
+    const openLoadMenu = () => {
+        setMode("load");
+        setIsOpen(true);
+    };
+    const openSaveLoadMenu = () => {
+        setMode("saveLoad");
+        setIsOpen(true);
+    };
+    const close = () => {
+        setIsOpen(false);
+    };
+    return (_jsx(SaveLoadMenuContext.Provider, { value: {
+            isOpen,
+            mode,
+            openSaveMenu,
+            openLoadMenu,
+            openSaveLoadMenu,
+            close,
+        }, children: children }));
+};
+//# sourceMappingURL=SaveLoadMenuProvider.js.map

package/dist/components/GameProvider/SaveLoadMenuProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveLoadMenuProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/SaveLoadMenuProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAe,UAAU,CAAC,CAAC;IAE3D,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;QAChB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;QAChB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,OAAO,CAAC,UAAU,CAAC,CAAC;QACpB,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,mBAAmB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACH,MAAM;YACN,IAAI;YACJ,YAAY;YACZ,YAAY;YACZ,gBAAgB;YAChB,KAAK;SACR,YAEA,QAAQ,GACkB,CAClC,CAAC;AACN,CAAC,CAAC"}

package/dist/components/GameProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./GameProvider";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/GameProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GameProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/GameProvider/index.js

@@ -0,0 +1,2 @@
+export * from "./GameProvider";
+//# sourceMappingURL=index.js.map

package/dist/components/GameProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GameProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/InteractiveMapComponent/Hotspot.d.ts

@@ -0,0 +1,9 @@
+import { MapImageHotspot, MapLabelHotspot } from "@react-text-game/core/passages";
+import { ImagePositionInfo } from "./types";
+type HotspotProps = {
+    hotspot: MapImageHotspot | MapLabelHotspot;
+    imagePositionInfo?: ImagePositionInfo;
+};
+export declare const Hotspot: ({ hotspot, imagePositionInfo }: HotspotProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Hotspot.d.ts.map

package/dist/components/InteractiveMapComponent/Hotspot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hotspot.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/Hotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,eAAe,EACf,eAAe,EAClB,MAAM,gCAAgC,CAAC;AAQxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,YAAY,GAAG;IAChB,OAAO,EAAE,eAAe,GAAG,eAAe,CAAC;IAC3C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,gCAAgC,YAAY,4CA+CnE,CAAC"}

package/dist/components/InteractiveMapComponent/Hotspot.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Tooltip } from "../../components/common/Tooltip";
+import { callIfFunction } from "./helpers";
+import { ImageHotspot } from "./ImageHotspot";
+import { LabelHotspot } from "./LabelHotspot";
+export const Hotspot = ({ hotspot, imagePositionInfo }) => {
+    const hotspotRef = useRef(null);
+    const tooltipContent = callIfFunction(hotspot.tooltip?.content);
+    // Position the hotspot based on percentage coordinates and image position info
+    useEffect(() => {
+        if (hotspotRef.current && imagePositionInfo) {
+            const { x, y } = hotspot.position;
+            const { offsetLeft, offsetTop, scaledWidth, scaledHeight } = imagePositionInfo;
+            // Calculate position based on percentage of the scaled image
+            // x and y are percentages (0-100), so we convert to 0-1 by dividing by 100
+            const xPos = offsetLeft +
+                ((typeof x === "number" ? x : x()) / 100) * scaledWidth;
+            const yPos = offsetTop +
+                ((typeof y === "number" ? y : y()) / 100) * scaledHeight;
+            hotspotRef.current.style.left = `${xPos}px`;
+            hotspotRef.current.style.top = `${yPos}px`;
+            // Ensure transforms are applied
+            hotspotRef.current.style.transform = "translate(-50%, -50%)";
+        }
+    }, [hotspot.position, imagePositionInfo]);
+    return (_jsx("div", { ref: hotspotRef, className: "absolute z-10", children: _jsx(Tooltip, { content: tooltipContent, placement: hotspot.tooltip?.position || "top", disabled: !tooltipContent, children: _jsx("div", { children: hotspot.type === "image" ? (_jsx(ImageHotspot, { hotspot: hotspot })) : hotspot.type === "label" ? (_jsx(LabelHotspot, { hotspot: hotspot })) : (_jsx("div", { children: "Unknown Hotspot Type" })) }) }) }));
+};
+//# sourceMappingURL=Hotspot.js.map

package/dist/components/InteractiveMapComponent/Hotspot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hotspot.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/Hotspot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAMb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAgB,EAAE,EAAE;IACpE,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEhE,+EAA+E;IAC/E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,CAAC,OAAO,IAAI,iBAAiB,EAAE,CAAC;YAC1C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC;YAClC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,GACtD,iBAAiB,CAAC;YAEtB,6DAA6D;YAC7D,2EAA2E;YAC3E,MAAM,IAAI,GACN,UAAU;gBACV,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC;YAC5D,MAAM,IAAI,GACN,SAAS;gBACT,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,YAAY,CAAC;YAE7D,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;YAC5C,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC;YAE3C,gCAAgC;YAChC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,uBAAuB,CAAC;QACjE,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1C,OAAO,CACH,cAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe,YAC3C,KAAC,OAAO,IACJ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,IAAI,KAAK,EAC7C,QAAQ,EAAE,CAAC,cAAc,YAEzB,wBACK,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,CACrC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAC3B,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,CACrC,CAAC,CAAC,CAAC,CACA,iDAA+B,CAClC,GACC,GACA,GACR,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/InteractiveMapComponent/HotspotMap.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+type HotspotMapProps = {
+    imageUrl: string;
+    children?: ReactNode;
+};
+export declare const HotspotMap: ({ imageUrl, children }: HotspotMapProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HotspotMap.d.ts.map

package/dist/components/InteractiveMapComponent/HotspotMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotspotMap.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAO5D,KAAK,eAAe,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,wBAAwB,eAAe,4CA6DjE,CAAC"}

package/dist/components/InteractiveMapComponent/HotspotMap.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Spinner } from "../../components/common/Spinner";
+import { handleMapClick, renderChildren } from "./helpers";
+import { useHotspotMapSize } from "./useHotspotMapSize";
+export const HotspotMap = ({ imageUrl, children }) => {
+    const [isLoading, setIsLoading] = useState(true);
+    const [naturalDimensions, setNaturalDimensions] = useState({
+        width: 0,
+        height: 0,
+    });
+    const { containerRef, imageRef, positionInfo } = useHotspotMapSize({
+        isLoading,
+        naturalWidth: naturalDimensions.width,
+        naturalHeight: naturalDimensions.height,
+    });
+    const handleImageLoad = () => {
+        if (imageRef.current) {
+            setNaturalDimensions({
+                width: imageRef.current.naturalWidth,
+                height: imageRef.current.naturalHeight,
+            });
+            setIsLoading(false);
+        }
+    };
+    const handleImageError = (error) => {
+        console.error("Failed to load image:", error);
+        setIsLoading(false);
+        throw error;
+    };
+    return (_jsxs("div", { ref: containerRef, className: "relative w-full h-full overflow-hidden", children: [isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center z-10", children: _jsx(Spinner, {}) })), _jsx("div", { className: "relative w-full h-full overflow-hidden", children: _jsx("img", { ref: imageRef, src: imageUrl, className: "absolute", style: {
+                        opacity: isLoading ? 0 : 1,
+                        transition: "opacity 0.3s ease",
+                    }, onLoad: handleImageLoad, onError: handleImageError, alt: "Exploration map", onClick: (e) => handleMapClick(e, imageRef) }) }), !isLoading && (_jsx("div", { children: renderChildren({ positionInfo, children }) }))] }));
+};
+//# sourceMappingURL=HotspotMap.js.map

package/dist/components/InteractiveMapComponent/HotspotMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotspotMap.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMap.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA6B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC;QACvD,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACZ,CAAC,CAAC;IAEH,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,iBAAiB,CAAC;QAC/D,SAAS;QACT,YAAY,EAAE,iBAAiB,CAAC,KAAK;QACrC,aAAa,EAAE,iBAAiB,CAAC,MAAM;KAC1C,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,oBAAoB,CAAC;gBACjB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,YAAY;gBACpC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,aAAa;aACzC,CAAC,CAAC;YACH,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CACrB,KAA8C,EAChD,EAAE;QACA,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;QAC9C,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,MAAM,KAAK,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,eACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,wCAAwC,aAEjD,SAAS,IAAI,CACV,cAAK,SAAS,EAAC,wDAAwD,YACnE,KAAC,OAAO,KAAG,GACT,CACT,EACD,cAAK,SAAS,EAAC,wCAAwC,YACnD,cACI,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE;wBACH,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC1B,UAAU,EAAE,mBAAmB;qBAClC,EACD,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,gBAAgB,EACzB,GAAG,EAAC,iBAAiB,EACrB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,GAC7C,GACA,EACL,CAAC,SAAS,IAAI,CACX,wBAAM,cAAc,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GAAO,CAC1D,IACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/InteractiveMapComponent/HotspotMenu.d.ts

@@ -0,0 +1,9 @@
+import { MapMenu } from "@react-text-game/core/passages";
+import { ImagePositionInfo } from "./types";
+type Props = Readonly<{
+    menu: MapMenu;
+    imagePositionInfo?: ImagePositionInfo;
+}>;
+export declare const HotspotMenu: ({ menu, imagePositionInfo }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=HotspotMenu.d.ts.map

package/dist/components/InteractiveMapComponent/HotspotMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotspotMenu.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAOzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,KAAK,GAAG,QAAQ,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACzC,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,GAAI,6BAA6B,KAAK,mDAuE7D,CAAC"}

package/dist/components/InteractiveMapComponent/HotspotMenu.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { twMerge } from "tailwind-merge";
+import { Button, Tooltip } from "../../components/common";
+import { callIfFunction } from "./helpers";
+export const HotspotMenu = ({ menu, imagePositionInfo }) => {
+    const menuRef = useRef(null);
+    const items = useMemo(() => menu.items
+        .map((item) => callIfFunction(item))
+        .filter((item) => item !== undefined), [menu.items]);
+    // Position the menu based on percentage coordinates and image position info
+    useEffect(() => {
+        if (menuRef.current && imagePositionInfo && items.length) {
+            const { x, y } = menu.position;
+            const { offsetLeft, offsetTop, scaledWidth, scaledHeight } = imagePositionInfo;
+            // Calculate position based on percentage of the scaled image
+            const xPos = offsetLeft +
+                ((typeof x === "number" ? x : x()) / 100) * scaledWidth;
+            const yPos = offsetTop +
+                ((typeof y === "number" ? y : y()) / 100) * scaledHeight;
+            menuRef.current.style.left = `${xPos}px`;
+            menuRef.current.style.top = `${yPos}px`;
+            menuRef.current.style.transform = "translate(-50%, -50%)";
+        }
+    }, [menu.position, imagePositionInfo, items.length]);
+    if (items.length === 0) {
+        return null; // Don't render the menu if there are no items
+    }
+    return (_jsx("div", { ref: menuRef, className: twMerge("absolute z-10 flex gap-2 p-2 bg-popover/95 border border-border rounded-lg shadow-md", menu.direction === "horizontal" ? "flex-row" : "flex-col"), children: items.map((item, index) => {
+            const tooltipContent = callIfFunction(item.tooltip?.content);
+            const isDisabled = callIfFunction(item.isDisabled) || false;
+            const content = callIfFunction(item.content);
+            return (_jsx(Tooltip, { content: tooltipContent, placement: item.tooltip?.position || "top", disabled: !tooltipContent, children: _jsx("div", { children: _jsx(Button, { className: item?.props?.classNames?.button, variant: item?.props?.variant, color: item?.props?.color, disabled: isDisabled, onClick: item.action, children: content }) }) }, index));
+        }) }));
+};
+//# sourceMappingURL=HotspotMenu.js.map

package/dist/components/InteractiveMapComponent/HotspotMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotspotMenu.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/InteractiveMapComponent/ImageHotspot.d.ts

@@ -0,0 +1,7 @@
+import { ImageHotspot as ImageHotspotType, MapImageHotspot } from "@react-text-game/core/passages";
+type ImageHotspotProps = {
+    hotspot: MapImageHotspot | ImageHotspotType;
+};
+export declare const ImageHotspot: ({ hotspot }: ImageHotspotProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageHotspot.d.ts.map

package/dist/components/InteractiveMapComponent/ImageHotspot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageHotspot.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/ImageHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,YAAY,IAAI,gBAAgB,EAChC,eAAe,EAClB,MAAM,gCAAgC,CAAC;AAMxC,KAAK,iBAAiB,GAAG;IACrB,OAAO,EAAE,eAAe,GAAG,gBAAgB,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,aAAa,iBAAiB,4CA4D1D,CAAC"}

package/dist/components/InteractiveMapComponent/ImageHotspot.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { twMerge } from "tailwind-merge";
+import { callIfFunction } from "./helpers";
+export const ImageHotspot = ({ hotspot }) => {
+    const [isHovering, setIsHovering] = useState(false);
+    const [isActive, setIsActive] = useState(false);
+    const classNames = hotspot.props?.classNames || {};
+    const isDisabled = callIfFunction(hotspot.isDisabled);
+    const content = useMemo(() => ({
+        idle: callIfFunction(hotspot.content.idle),
+        hover: callIfFunction(hotspot.content.hover),
+        active: callIfFunction(hotspot.content.active),
+        disabled: callIfFunction(hotspot.content.disabled),
+    }), [hotspot.content]);
+    return (_jsx("button", { className: twMerge("cursor-pointer disabled:cursor-not-allowed relative", classNames.container), style: { zoom: hotspot.props?.zoom || "100%" }, disabled: isDisabled, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), onClick: () => {
+            setIsActive(true);
+            hotspot.action();
+            setTimeout(() => setIsActive(false), 100);
+        }, children: isActive && content.active ? (_jsx("img", { className: classNames.active, src: content.active, alt: "hotspot active" })) : isHovering && content.hover ? (_jsx("img", { className: classNames.hover, src: content.hover, alt: "hotspot hover" })) : isDisabled && content.disabled ? (_jsx("img", { className: classNames.disabled, src: content.disabled, alt: "hotspot disabled" })) : (_jsx("img", { className: classNames.idle, src: content.idle, alt: hotspot.id || "hotspot" })) }));
+};
+//# sourceMappingURL=ImageHotspot.js.map

package/dist/components/InteractiveMapComponent/ImageHotspot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageHotspot.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/ImageHotspot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAMb,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAM3C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAqB,EAAE,EAAE;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,EAAE,UAAU,IAAI,EAAE,CAAC;IAEnD,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;QAC1C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;QAC5C,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;QAC9C,QAAQ,EAAE,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;KACrD,CAAC,EACF,CAAC,OAAO,CAAC,OAAO,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,iBACI,SAAS,EAAE,OAAO,CACd,qDAAqD,EACrD,UAAU,CAAC,SAAS,CACvB,EACD,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,EAC9C,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACxC,OAAO,EAAE,GAAG,EAAE;YACV,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,OAAO,CAAC,MAAM,EAAE,CAAC;YACjB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;QAC9C,CAAC,YAEA,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,EAC5B,GAAG,EAAE,OAAO,CAAC,MAAM,EACnB,GAAG,EAAC,gBAAgB,GACtB,CACL,CAAC,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAC9B,cACI,SAAS,EAAE,UAAU,CAAC,KAAK,EAC3B,GAAG,EAAE,OAAO,CAAC,KAAK,EAClB,GAAG,EAAC,eAAe,GACrB,CACL,CAAC,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,cACI,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,GAAG,EAAE,OAAO,CAAC,QAAQ,EACrB,GAAG,EAAC,kBAAkB,GACxB,CACL,CAAC,CAAC,CAAC,CACA,cACI,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,GAAG,EAAE,OAAO,CAAC,EAAE,IAAI,SAAS,GAC9B,CACL,GACI,CACZ,CAAC;AACN,CAAC,CAAC"}

package/dist/components/InteractiveMapComponent/InteractiveMapComponent.d.ts

@@ -0,0 +1,7 @@
+import { InteractiveMap } from "@react-text-game/core";
+type InteractiveMapProps = {
+    interactiveMap: InteractiveMap;
+};
+export declare const InteractiveMapComponent: ({ interactiveMap, }: InteractiveMapProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InteractiveMapComponent.d.ts.map