@pretty-chitty/core 1.1.1

package/dist/components/Panel/ViewerWrapper.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Box, Stack } from "@mui/material";
+import Viewer from "../Viewer";
+import { useTimeState } from "../../hooks/useTimeController";
+import { useEventChannelState } from "../../hooks/useEventChannelState";
+import PanelSpark from "../PanelSpark";
+import { useChit } from "../../hooks/useChits";
+import { ZINDEX_SPARKS } from "../../utilities/zIndex";
+export function ViewerWrapper({ chit, w, h, x, y, paused, front, panCallback, refContainer, focusedPanel, setFocusedPanel, transition, }) {
+    const chitInstance = useChit(chit.id ?? "nochit");
+    // if time is overridden, we don't want to pause ourselves (ever)
+    // it's likely trying to play "catchup" and will go very very fast
+    const timeState = useTimeState();
+    const [override] = useEventChannelState(timeState.animationSpeedOverrideMultiplier);
+    const [opacity, setOpacity] = useState(front ? 1 : 0);
+    const sparks = chitInstance?.getSparks("panel") ?? [];
+    // Use refs to maintain latest values without causing zoomCallback to change
+    const focusedPanelRef = useRef(focusedPanel);
+    const setFocusedPanelRef = useRef(setFocusedPanel);
+    useEffect(() => {
+        const to = setTimeout(() => {
+            if (front) {
+                setOpacity(1);
+            }
+            else {
+                setOpacity(0);
+            }
+        }, front ? 0 : 250);
+        return () => {
+            clearTimeout(to);
+        };
+    }, [front]);
+    // Update refs on each render
+    useEffect(() => {
+        focusedPanelRef.current = focusedPanel;
+        setFocusedPanelRef.current = setFocusedPanel;
+    }, [focusedPanel, setFocusedPanel]);
+    // Create a stable callback that uses the refs
+    const zoomCallback = useCallback((newZoom, oldZoom) => {
+        if (newZoom > oldZoom) {
+            setFocusedPanelRef.current(chit);
+        }
+        else if (newZoom <= 1 && oldZoom > 1 && focusedPanelRef.current === chit) {
+            setFocusedPanelRef.current(undefined);
+        }
+    }, [chit]);
+    useEffect(() => {
+        if (focusedPanel !== chit) {
+            chit.renderInstance?.cameraWrapper?.handleZoom(0, 0, -20, false);
+        }
+        else {
+            chit.renderInstance?.cameraWrapper?.handleZoom(0, 0, 0.00001, false);
+        }
+    }, [focusedPanel, chit]);
+    const rootRenderInstance = chit.renderInstance;
+    return (_jsxs(Box, { sx: {
+            borderRadius: "10px",
+            overflow: "hidden",
+            position: "absolute",
+            left: x !== undefined ? `${x}px` : 0,
+            top: y !== undefined ? `${y}px` : 0,
+            width: `${w}px`,
+            height: `${h}px`,
+            transition: transition,
+            zIndex: front ? 1 : 0,
+            opacity,
+        }, children: [_jsx(Stack, { direction: "row", flexWrap: "wrap", sx: { position: "absolute", zIndex: ZINDEX_SPARKS }, children: sparks.map((spark, i) => (_jsx(PanelSpark, { zIndex: ZINDEX_SPARKS + sparks.length - i, chit: spark, paused: paused }, spark.id))) }), _jsx(Viewer, { refContainer: refContainer, paused: override ? false : paused, hardPaused: override ? false : !front, chit: chit, w: Math.ceil(w), h: Math.ceil(h), panCallback: panCallback, zoomCallback: zoomCallback, enableGestures: !focusedPanel || focusedPanel === chit })] }));
+}
+//# sourceMappingURL=ViewerWrapper.js.map

package/dist/components/Panel/ViewerWrapper.js.map

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

package/dist/components/Panel/ViewerZoomControls.d.ts

@@ -0,0 +1,8 @@
+interface ViewerZoomControlsProps {
+    onZoomOut: () => void;
+    onZoomIn: () => void;
+    onZoomChange: (delta: number, totalDelta: number) => void;
+}
+export declare function ViewerZoomControls({ onZoomOut, onZoomIn, onZoomChange }: ViewerZoomControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ViewerZoomControls.d.ts.map

package/dist/components/Panel/ViewerZoomControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewerZoomControls.d.ts","sourceRoot":"","sources":["../../../src/library/components/Panel/ViewerZoomControls.tsx"],"names":[],"mappings":"AAMA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA2MhG"}

package/dist/components/Panel/ViewerZoomControls.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Box, Stack } from "@mui/material";
+import { ZoomIn, ZoomInMap } from "@mui/icons-material";
+import { useGameTheme } from "../../hooks/useGameTheme";
+import { ZINDEX_PINCH_OUT } from "../../utilities/zIndex";
+export function ViewerZoomControls({ onZoomOut, onZoomIn, onZoomChange }) {
+    const theme = useGameTheme();
+    const sliderRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const startYRef = useRef(0);
+    const totalDeltaRef = useRef(0);
+    const hasDraggedRef = useRef(false);
+    const handleSliderStart = (clientY) => {
+        setIsDragging(true);
+        startYRef.current = clientY;
+        hasDraggedRef.current = false;
+    };
+    const handleSliderMove = (clientY) => {
+        if (!isDragging)
+            return;
+        const deltaY = startYRef.current - clientY; // positive = up = zoom in
+        // If there's any movement, mark that we've dragged
+        if (Math.abs(deltaY) > 2) {
+            hasDraggedRef.current = true;
+        }
+        totalDeltaRef.current += deltaY;
+        const sensitivity = 0.05; // Adjust this to control zoom sensitivity
+        onZoomChange(deltaY * sensitivity, totalDeltaRef.current * sensitivity);
+        startYRef.current = clientY;
+    };
+    const handleSliderEnd = () => {
+        setIsDragging(false);
+    };
+    // Add global mouse/touch move and up listeners when dragging
+    useEffect(() => {
+        if (!isDragging)
+            return;
+        totalDeltaRef.current = 0;
+        const handleGlobalMouseMove = (e) => {
+            handleSliderMove(e.clientY);
+        };
+        const handleGlobalTouchMove = (e) => {
+            if (e.touches[0]) {
+                handleSliderMove(e.touches[0].clientY);
+            }
+        };
+        const handleGlobalEnd = () => {
+            handleSliderEnd();
+        };
+        window.addEventListener("mousemove", handleGlobalMouseMove);
+        window.addEventListener("mouseup", handleGlobalEnd);
+        window.addEventListener("touchmove", handleGlobalTouchMove);
+        window.addEventListener("touchend", handleGlobalEnd);
+        return () => {
+            window.removeEventListener("mousemove", handleGlobalMouseMove);
+            window.removeEventListener("mouseup", handleGlobalEnd);
+            window.removeEventListener("touchmove", handleGlobalTouchMove);
+            window.removeEventListener("touchend", handleGlobalEnd);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isDragging]);
+    return (_jsxs(Stack, { direction: "column", sx: {
+            position: "absolute",
+            bottom: `${theme.spacing}px`,
+            left: `${theme.spacing}px`,
+            zIndex: ZINDEX_PINCH_OUT,
+            opacity: 0.5,
+        }, children: [_jsx(Box, { sx: {
+                    cursor: "pointer",
+                    backgroundColor: theme.barColor,
+                    color: theme.barTextColor,
+                    p: `${theme.spacing / 2}px`,
+                    borderTopRightRadius: `${theme.spacing}px`,
+                    borderTopLeftRadius: `${theme.spacing}px`,
+                    height: `${theme.spacing * 4}px`,
+                    width: `${theme.spacing * 4}px`,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    userSelect: "none",
+                }, onClick: () => {
+                    if (!hasDraggedRef.current) {
+                        onZoomIn();
+                    }
+                }, onMouseDown: (e) => {
+                    e.preventDefault();
+                    handleSliderStart(e.clientY);
+                }, onTouchStart: (e) => {
+                    e.preventDefault();
+                    if (e.touches[0]) {
+                        handleSliderStart(e.touches[0].clientY);
+                    }
+                }, children: _jsx(ZoomIn, { sx: { width: `${theme.spacing * 1.5}px` } }) }), _jsx(Box, { ref: sliderRef, sx: {
+                    cursor: "ns-resize",
+                    backgroundColor: theme.barColor,
+                    color: theme.barTextColor,
+                    width: `${theme.spacing * 4}px`,
+                    height: `${theme.spacing * 8}px`, // 4x taller than wide
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    position: "relative",
+                    userSelect: "none",
+                }, onMouseDown: (e) => {
+                    e.preventDefault();
+                    handleSliderStart(e.clientY);
+                }, onTouchStart: (e) => {
+                    e.preventDefault();
+                    if (e.touches[0]) {
+                        handleSliderStart(e.touches[0].clientY);
+                    }
+                }, children: _jsx(Box, { sx: {
+                        width: "60%",
+                        height: "100%",
+                        display: "flex",
+                        flexDirection: "column",
+                        justifyContent: "space-around",
+                        py: `${theme.spacing}px`,
+                    }, children: [...Array(5)].map((_, i) => (_jsx(Box, { sx: {
+                            width: "100%",
+                            height: "2px",
+                            backgroundColor: theme.barTextColor,
+                            opacity: 0.2,
+                        } }, i))) }) }), _jsx(Box, { sx: {
+                    cursor: "pointer",
+                    backgroundColor: theme.barColor,
+                    color: theme.barTextColor,
+                    p: `${theme.spacing / 2}px`,
+                    height: `${theme.spacing * 4}px`,
+                    width: `${theme.spacing * 4}px`,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    userSelect: "none",
+                    borderBottomRightRadius: `${theme.spacing}px`,
+                    borderBottomLeftRadius: `${theme.spacing}px`,
+                }, onClick: () => {
+                    if (!hasDraggedRef.current) {
+                        onZoomOut();
+                    }
+                }, onMouseDown: (e) => {
+                    e.preventDefault();
+                    handleSliderStart(e.clientY);
+                }, onTouchStart: (e) => {
+                    e.preventDefault();
+                    if (e.touches[0]) {
+                        handleSliderStart(e.touches[0].clientY);
+                    }
+                }, children: _jsx(ZoomInMap, { sx: { width: `${theme.spacing * 1.5}px` } }) })] }));
+}
+//# sourceMappingURL=ViewerZoomControls.js.map

package/dist/components/Panel/ViewerZoomControls.js.map

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

package/dist/components/Panel/util.d.ts

@@ -0,0 +1,3 @@
+import { GameTheme } from "../../game/GameTheme";
+export declare function panelTransition(theme: GameTheme, animationSpeedMultiplier: number): string;
+//# sourceMappingURL=util.d.ts.map

package/dist/components/Panel/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/library/components/Panel/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,GAAG,MAAM,CAE1F"}

package/dist/components/Panel/util.js

@@ -0,0 +1,5 @@
+const DURATION = 0.125;
+export function panelTransition(theme, animationSpeedMultiplier) {
+    return `width ease-in-out ${DURATION * animationSpeedMultiplier}s, height ease-in-out ${DURATION * animationSpeedMultiplier}s, left ease-in-out ${DURATION * animationSpeedMultiplier}s, top ease-in-out ${DURATION * animationSpeedMultiplier}s, opacity ease-in-out ${(DURATION / 2) * animationSpeedMultiplier}s`;
+}
+//# sourceMappingURL=util.js.map

package/dist/components/Panel/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/library/components/Panel/util.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG,KAAK,CAAC;AAEvB,MAAM,UAAU,eAAe,CAAC,KAAgB,EAAE,wBAAgC;IAChF,OAAO,qBAAqB,QAAQ,GAAG,wBAAwB,yBAAyB,QAAQ,GAAG,wBAAwB,uBAAuB,QAAQ,GAAG,wBAAwB,sBAAsB,QAAQ,GAAG,wBAAwB,0BAA0B,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,wBAAwB,GAAG,CAAC;AACvT,CAAC"}

package/dist/components/PanelSpark.d.ts

@@ -0,0 +1,7 @@
+import { SparkChit } from "../game/SparkChit";
+export default function PanelSpark({ chit, paused, zIndex }: {
+    zIndex: number;
+    chit: SparkChit;
+    paused: boolean;
+}): import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=PanelSpark.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSpark.d.ts","sourceRoot":"","sources":["../../src/library/components/PanelSpark.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAQ9C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,8DAkGhH"}

package/dist/components/PanelSpark.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Color from "color";
+import { useEffect, useRef, useState } from "react";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { Box, Typography } from "@mui/material";
+import { useChit } from "../hooks/useChits";
+import { useTimeState } from "../hooks/useTimeController";
+import { UpdatingCanvasImage } from "./UpdatingCanvasImage";
+export default function PanelSpark({ chit, paused, zIndex }) {
+    const ref = useRef(null);
+    const timeState = useTimeState();
+    const sparkChit = useChit(chit.id ?? "no id");
+    const [value, setValue] = useState(sparkChit?.value ?? Number.MIN_SAFE_INTEGER);
+    const targetValue = sparkChit?.value ?? Number.MIN_SAFE_INTEGER;
+    const [flashed, setFlashed] = useState(false);
+    const theme = useGameTheme();
+    const BORDER_WIDTH = theme.sparkBorderWidth;
+    const DURATION = theme.sparkDuration;
+    if (ref) {
+        chit.element = ref;
+    }
+    const HEIGHT = theme.sparkSize;
+    useEffect(() => {
+        if (targetValue !== value) {
+            if (paused && value !== Number.MIN_SAFE_INTEGER) {
+                chit.parent?.renderInstance?.rootRenderInstance.markHasPendingChange();
+                return;
+            }
+            setValue(targetValue);
+            if (targetValue !== Number.MIN_SAFE_INTEGER && value !== Number.MIN_SAFE_INTEGER) {
+                const key = `spark${chit.id ?? "no id"}`;
+                timeState.setAnimationState(key, true);
+                setFlashed(true);
+                setTimeout(() => {
+                    setFlashed(false);
+                    timeState.setAnimationState(key, false);
+                }, DURATION);
+            }
+        }
+    }, [chit, timeState, paused, value, targetValue, DURATION]);
+    if (!chit.icon) {
+        return;
+    }
+    const image = chit.icon;
+    const color = chit.color.length > 0 ? chit.color : "#ffffff";
+    if (value === Number.MIN_SAFE_INTEGER) {
+        return null;
+    }
+    let backgroundColor = color;
+    let foregroundColor = theme.sparkForegroundColor;
+    const borderColor = color;
+    if (Color(color).isLight()) {
+        backgroundColor = Color(color).darken(0.1).hex();
+    }
+    else {
+        backgroundColor = Color(color).lighten(0.3).hex();
+    }
+    if (Color(backgroundColor).lightness() < 30) {
+        foregroundColor = Color(foregroundColor).lightness(80).hex();
+    }
+    else {
+        foregroundColor = Color(foregroundColor).lightness(10).hex();
+    }
+    return (_jsxs(Box, { ref: ref, sx: {
+            position: "relative",
+            background: flashed ? theme.sparkFlashColor : backgroundColor,
+            transition: flashed ? "background linear 0.02s" : `background linear ${DURATION / 1000}s`,
+            color: foregroundColor,
+            p: `${theme.spacing * 0.75}px`,
+            pt: 0,
+            pb: 0,
+            pl: `${theme.spacing * 0.75 + HEIGHT + BORDER_WIDTH * 2}px`,
+            top: -BORDER_WIDTH,
+            marginLeft: `${-BORDER_WIDTH * 2}px`,
+            borderWidth: BORDER_WIDTH,
+            borderStyle: "solid",
+            borderColor: borderColor,
+            borderBottomRightRadius: "10px",
+            borderLeftWidth: 0,
+            overflow: "hidden",
+            zIndex,
+        }, children: [_jsx(UpdatingCanvasImage, { image: image, style: { position: "absolute", left: BORDER_WIDTH * 2, top: 0, width: HEIGHT, height: HEIGHT } }), _jsx(Typography, { sx: { lineHeight: `${HEIGHT}px`, fontSize: theme.sparkFontSize, fontWeight: 700 }, children: value })] }));
+}
+//# sourceMappingURL=PanelSpark.js.map

package/dist/components/PanelSpark.js.map

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

package/dist/components/PersistentCanvas.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface PersistentCanvasProps {
+    width: number;
+    height: number;
+    displayWidth: number;
+    displayHeight: number;
+    canvasRef: React.RefObject<HTMLCanvasElement>;
+    onSnapshotCleared?: () => void;
+}
+export default function PersistentCanvas({ width, height, displayWidth, displayHeight, canvasRef, onSnapshotCleared, }: PersistentCanvasProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PersistentCanvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersistentCanvas.d.ts","sourceRoot":"","sources":["../../src/library/components/PersistentCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,SAAS,EACT,iBAAiB,GAClB,EAAE,qBAAqB,2CA8DvB"}

package/dist/components/PersistentCanvas.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useLayoutEffect, useRef, useState } from "react";
+export default function PersistentCanvas({ width, height, displayWidth, displayHeight, canvasRef, onSnapshotCleared, }) {
+    const [snapshotDataUrl, setSnapshotDataUrl] = useState(null);
+    const prevSizeRef = useRef({ width: 0, height: 0 });
+    // Capture snapshot BEFORE DOM updates using useLayoutEffect
+    useLayoutEffect(() => {
+        const canvas = canvasRef.current;
+        if (canvas && (prevSizeRef.current.width !== width || prevSizeRef.current.height !== height)) {
+            // Only capture if we had a previous size (not first render)
+            if (prevSizeRef.current.width > 0 && prevSizeRef.current.height > 0) {
+                try {
+                    setSnapshotDataUrl(canvas.toDataURL());
+                }
+                catch (e) {
+                    // Ignore errors from tainted canvas
+                    setSnapshotDataUrl(null);
+                }
+            }
+            prevSizeRef.current = { width, height };
+        }
+    }, [width, height, canvasRef]);
+    // Expose method to clear snapshot
+    React.useImperativeHandle(canvasRef, () => {
+        const canvas = canvasRef.current;
+        if (canvas) {
+            canvas.clearSnapshot = () => {
+                setSnapshotDataUrl(null);
+                onSnapshotCleared?.();
+            };
+        }
+        return canvas;
+    }, [canvasRef, onSnapshotCleared]);
+    return (_jsxs("div", { style: { position: "absolute", top: 0, right: 0, left: 0, bottom: 0 }, children: [snapshotDataUrl && (_jsx("img", { src: snapshotDataUrl, alt: "", style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover",
+                    imageRendering: "auto",
+                } })), _jsx("canvas", { ref: canvasRef, width: width, height: height, style: { width: displayWidth, height: displayHeight } })] }));
+}
+//# sourceMappingURL=PersistentCanvas.js.map

package/dist/components/PersistentCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersistentCanvas.js","sourceRoot":"","sources":["../../src/library/components/PersistentCanvas.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAWjE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,SAAS,EACT,iBAAiB,GACK;IACtB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;IAEpD,4DAA4D;IAC5D,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CAAC;YAC7F,4DAA4D;YAC5D,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACpE,IAAI,CAAC;oBACH,kBAAkB,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;gBACzC,CAAC;gBAAC,OAAO,CAAC,EAAE,CAAC;oBACX,oCAAoC;oBACpC,kBAAkB,CAAC,IAAI,CAAC,CAAC;gBAC3B,CAAC;YACH,CAAC;YACD,WAAW,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,kCAAkC;IAClC,KAAK,CAAC,mBAAmB,CACvB,SAAS,EACT,GAAG,EAAE;QACH,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,EAAE,CAAC;YACV,MAAc,CAAC,aAAa,GAAG,GAAG,EAAE;gBACnC,kBAAkB,CAAC,IAAI,CAAC,CAAC;gBACzB,iBAAiB,EAAE,EAAE,CAAC;YACxB,CAAC,CAAC;QACJ,CAAC;QACD,OAAO,MAA2B,CAAC;IACrC,CAAC,EACD,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAC/B,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,aACvE,eAAe,IAAI,CAClB,cACE,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,EAAE,EACN,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE,OAAO;oBAClB,cAAc,EAAE,MAAM;iBACvB,GACD,CACH,EACD,iBACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,GACrD,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/PlayerImage.d.ts

@@ -0,0 +1,9 @@
+import { SxProps } from "@mui/material";
+import { PlayerChit } from "../game/PlayerChit";
+export default function PlayerImage({ player, borderColor, size, sx, }: {
+    player: PlayerChit;
+    borderColor?: string;
+    size?: number;
+    sx?: SxProps;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PlayerImage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerImage.d.ts","sourceRoot":"","sources":["../../src/library/components/PlayerImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,WAAW,EACX,IAAS,EACT,EAAE,GACH,EAAE;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,2CAwBA"}

package/dist/components/PlayerImage.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useGameTheme } from "../hooks/useGameTheme";
+export default function PlayerImage({ player, borderColor, size = 50, sx, }) {
+    const theme = useGameTheme();
+    const BORDER_RATIO = player.color === "transparent" ? 0 : 1 / 12;
+    const IMAGE_SIZE = Math.ceil(size * (1 - BORDER_RATIO * 2));
+    return (_jsx(Box, { sx: {
+            background: player.color,
+            border: `${size * BORDER_RATIO}px solid ${borderColor ?? player.color}`,
+            borderRadius: 2,
+            boxShadow: `0 0 ${theme.spacing / 4}px ${theme.spacing / 4}px ${theme.topBarPlayerDropShadowColor}`,
+            overflow: "hidden",
+            position: "relative",
+            width: size,
+            height: size,
+            lineHeight: `${IMAGE_SIZE}px`,
+            ...sx,
+        }, children: _jsx(Box, { sx: { position: "absolute", top: 0, left: 0 }, children: _jsx("img", { src: player.imageUrl, style: { width: IMAGE_SIZE, height: IMAGE_SIZE } }) }) }));
+}
+//# sourceMappingURL=PlayerImage.js.map

package/dist/components/PlayerImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerImage.js","sourceRoot":"","sources":["../../src/library/components/PlayerImage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,WAAW,EACX,IAAI,GAAG,EAAE,EACT,EAAE,GAMH;IACC,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IACjE,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC;IAC5D,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;YACF,UAAU,EAAE,MAAM,CAAC,KAAK;YACxB,MAAM,EAAE,GAAG,IAAI,GAAG,YAAY,YAAY,WAAW,IAAI,MAAM,CAAC,KAAK,EAAE;YACvE,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,OAAO,KAAK,CAAC,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,2BAA2B,EAAE;YACnG,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,GAAG,UAAU,IAAI;YAC7B,GAAG,EAAE;SACN,YAED,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,YAChD,cAAK,GAAG,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,GAAI,GAC3E,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Playground.d.ts

@@ -0,0 +1,9 @@
+import { Chit } from "../game/Chit";
+import { Game } from "../game/Game";
+export interface IChitLibrary {
+    [key: string]: new () => Chit;
+}
+export default function Playground({ game }: {
+    game: Game<any, any>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Playground.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Playground.d.ts","sourceRoot":"","sources":["../../src/library/components/Playground.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAapC,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,IAAI,CAAC;CAC/B;AAgOD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,2CAsCpE"}