@react-text-game/ui 0.3.1 → 0.3.4

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

@@ -1 +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"}
+{"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;AAMxC,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,4CAgDnE,CAAC"}

package/dist/components/InteractiveMapComponent/Hotspot.js

@@ -1,7 +1,6 @@
 "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";
@@ -25,6 +24,6 @@ export const Hotspot = ({ hotspot, imagePositionInfo }) => {
             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" })) }) }) }));
+    return (_jsx("div", { ref: hotspotRef, className: "absolute z-10", children: hotspot.type === "image" ? (_jsx(ImageHotspot, { hotspot: hotspot, tooltipContent: tooltipContent, tooltipPlacement: hotspot.tooltip?.position, ...(imagePositionInfo && { imagePositionInfo }) })) : hotspot.type === "label" ? (_jsx(LabelHotspot, { hotspot: hotspot, tooltipContent: tooltipContent, tooltipPlacement: hotspot.tooltip?.position })) : (_jsx("div", { children: "Unknown Hotspot Type" })) }));
 };
 //# sourceMappingURL=Hotspot.js.map

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

@@ -1 +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"}
+{"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,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,YAC1C,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,YAAY,IACT,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,KACvC,CAAC,iBAAiB,IAAI,EAAE,iBAAiB,EAAE,CAAC,GAClD,CACL,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAC3B,KAAC,YAAY,IACT,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,GAC7C,CACL,CAAC,CAAC,CAAC,CACA,iDAA+B,CAClC,GACC,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"HotspotMenu.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAMzD,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,mDAiD7D,CAAC"}

package/dist/components/InteractiveMapComponent/HotspotMenu.js

@@ -2,8 +2,8 @@
 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";
+import { HotspotMenuItem } from "./HotspotMenuItem";
 export const HotspotMenu = ({ menu, imagePositionInfo }) => {
     const menuRef = useRef(null);
     const items = useMemo(() => menu.items
@@ -27,11 +27,6 @@ export const HotspotMenu = ({ menu, imagePositionInfo }) => {
     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));
-        }) }));
+    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) => (_jsx(HotspotMenuItem, { item: item }, index))) }));
 };
 //# sourceMappingURL=HotspotMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HotspotMenu.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HotspotMenu.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAQpD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAS,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CACD,IAAI,CAAC,KAAK;SACL,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SACnC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,EAC7C,CAAC,IAAI,CAAC,KAAK,CAAC,CACf,CAAC;IAEF,4EAA4E;IAC5E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,CAAC,OAAO,IAAI,iBAAiB,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACvD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC/B,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,GACtD,iBAAiB,CAAC;YAEtB,6DAA6D;YAC7D,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,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;YACzC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC;YACxC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,uBAAuB,CAAC;QAC9D,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAErD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,CAAC,8CAA8C;IAC/D,CAAC;IAED,OAAO,CACH,cACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,OAAO,CACd,oDAAoD,EACpD,oCAAoC,EACpC,IAAI,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAC5D,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,IAAO,KAAK,CAAI,CAC9C,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import { LabelHotspot } from "@react-text-game/core";
+export type HotspotMenuItemProps = {
+    item: LabelHotspot;
+};
+export declare const HotspotMenuItem: ({ item }: HotspotMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HotspotMenuItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HotspotMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,IAAI,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,oBAAoB,4CA2B7D,CAAC"}

package/dist/components/InteractiveMapComponent/HotspotMenuItem.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Button, Tooltip } from "../../components";
+import { callIfFunction } from "../../components/InteractiveMapComponent/helpers";
+export const HotspotMenuItem = ({ item }) => {
+    const ref = useRef(null);
+    const tooltipContent = callIfFunction(item.tooltip?.content);
+    const isDisabled = callIfFunction(item.isDisabled) || false;
+    const content = callIfFunction(item.content);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, children: _jsx(Button, { className: item.props?.classNames?.button, variant: item.props?.variant, color: item.props?.color, disabled: isDisabled, onClick: item.action, children: content }) }), _jsx(Tooltip, { targetRef: ref, content: tooltipContent, placement: item.tooltip?.position || "top", disabled: !tooltipContent })] }));
+};
+//# sourceMappingURL=HotspotMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HotspotMenuItem.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/HotspotMenuItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAM7E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAwB,EAAE,EAAE;IAC9D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC;IAC5D,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACH,8BACI,cAAK,GAAG,EAAE,GAAG,YACT,KAAC,MAAM,IACH,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EACzC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EACxB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,IAAI,CAAC,MAAM,YAEnB,OAAO,GACH,GACP,EACN,KAAC,OAAO,IACJ,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,KAAK,EAC1C,QAAQ,EAAE,CAAC,cAAc,GAC3B,IACH,CACN,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,7 +1,12 @@
 import { ImageHotspot as ImageHotspotType, MapImageHotspot } from "@react-text-game/core/passages";
+import { Placement } from "../../components";
+import { ImagePositionInfo } from "./types";
 type ImageHotspotProps = {
     hotspot: MapImageHotspot | ImageHotspotType;
+    imagePositionInfo?: ImagePositionInfo;
+    tooltipContent?: string | undefined;
+    tooltipPlacement?: Placement | undefined;
 };
-export declare const ImageHotspot: ({ hotspot }: ImageHotspotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageHotspot: ({ hotspot, imagePositionInfo, tooltipContent, tooltipPlacement, }: ImageHotspotProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ImageHotspot.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"ImageHotspot.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/ImageHotspot.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,YAAY,IAAI,gBAAgB,EAEhC,eAAe,EAClB,MAAM,gCAAgC,CAAC;AAIxC,OAAO,EAAE,SAAS,EAAW,MAAM,aAAa,CAAC;AAGjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,iBAAiB,GAAG;IACrB,OAAO,EAAE,eAAe,GAAG,gBAAgB,CAAC;IAC5C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,mEAK1B,iBAAiB,4CAwFnB,CAAC"}

package/dist/components/InteractiveMapComponent/ImageHotspot.js

@@ -1,23 +1,45 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from "react";
 import { twMerge } from "tailwind-merge";
+import { Tooltip } from "../../components";
 import { callIfFunction } from "./helpers";
-export const ImageHotspot = ({ hotspot }) => {
+export const ImageHotspot = ({ hotspot, imagePositionInfo, tooltipContent, tooltipPlacement = "top", }) => {
+    const ref = useRef(null);
     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" })) }));
+    const content = useMemo(() => {
+        const isObject = typeof hotspot.content === "object";
+        if (!isObject) {
+            const stringContent = hotspot.content;
+            return {
+                idle: callIfFunction(stringContent), hover: undefined, active: undefined, disabled: undefined
+            };
+        }
+        const content = hotspot.content;
+        return {
+            idle: callIfFunction(content.idle),
+            hover: callIfFunction(content.hover),
+            active: callIfFunction(content.active),
+            disabled: callIfFunction(content.disabled),
+        };
+    }, [hotspot.content]);
+    // Calculate the combined scale factor from both the map scaling and custom zoom
+    const combinedScale = useMemo(() => {
+        const scaleFactor = imagePositionInfo?.scaleFactor ?? 1;
+        const customZoom = hotspot.props?.zoom || "100%";
+        const zoomValue = parseFloat(customZoom) / 100;
+        return scaleFactor * zoomValue;
+    }, [imagePositionInfo?.scaleFactor, hotspot.props?.zoom]);
+    return (_jsxs(_Fragment, { children: [_jsx("button", { ref: ref, className: twMerge("cursor-pointer disabled:cursor-not-allowed relative", classNames.container), style: {
+                    transform: `scale(${combinedScale})`,
+                    transformOrigin: "center center",
+                }, 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" })) }), _jsx(Tooltip, { content: tooltipContent, placement: tooltipPlacement, targetRef: ref, disabled: !tooltipContent })] }));
 };
 //# sourceMappingURL=ImageHotspot.js.map

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

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

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

@@ -1,7 +1,10 @@
 import { LabelHotspot as LabelHotspotType, MapLabelHotspot } from "@react-text-game/core/passages";
+import { Placement } from "../../components/common";
 type LabelHotspotProps = {
     hotspot: MapLabelHotspot | LabelHotspotType;
+    tooltipContent?: string | undefined;
+    tooltipPlacement?: Placement | undefined;
 };
-export declare const LabelHotspot: ({ hotspot }: LabelHotspotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LabelHotspot: ({ hotspot, tooltipContent, tooltipPlacement, }: LabelHotspotProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=LabelHotspot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelHotspot.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/LabelHotspot.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,4CAiB1D,CAAC"}
+{"version":3,"file":"LabelHotspot.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/LabelHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,YAAY,IAAI,gBAAgB,EAChC,eAAe,EAClB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAU,SAAS,EAAW,MAAM,oBAAoB,CAAC;AAIhE,KAAK,iBAAiB,GAAG;IACrB,OAAO,EAAE,eAAe,GAAG,gBAAgB,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,gDAI1B,iBAAiB,4CA0BnB,CAAC"}

package/dist/components/InteractiveMapComponent/LabelHotspot.js

@@ -1,10 +1,12 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from "../../components/common";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Button, Tooltip } from "../../components/common";
 import { callIfFunction } from "./helpers";
-export const LabelHotspot = ({ hotspot }) => {
+export const LabelHotspot = ({ hotspot, tooltipContent, tooltipPlacement = "top", }) => {
+    const ref = useRef(null);
     const content = callIfFunction(hotspot.content);
     const isDisabled = callIfFunction(hotspot.isDisabled);
-    return (_jsx("div", { children: _jsx(Button, { onClick: () => hotspot.action(), disabled: isDisabled, className: hotspot.props?.classNames?.button, variant: hotspot.props?.variant, color: hotspot.props?.color, children: content }) }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, children: _jsx(Button, { onClick: () => hotspot.action(), disabled: isDisabled, className: hotspot.props?.classNames?.button, variant: hotspot.props?.variant, color: hotspot.props?.color, children: content }) }), _jsx(Tooltip, { content: tooltipContent, placement: tooltipPlacement, targetRef: ref, disabled: !tooltipContent })] }));
 };
 //# sourceMappingURL=LabelHotspot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelHotspot.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/LabelHotspot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAM3C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAqB,EAAE,EAAE;IAC3D,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtD,OAAO,CACH,wBACI,KAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAC/B,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAC5C,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAC/B,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,YAE1B,OAAO,GACH,GACP,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"LabelHotspot.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/LabelHotspot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAMb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAa,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAQ3C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,OAAO,EACP,cAAc,EACd,gBAAgB,GAAG,KAAK,GACR,EAAE,EAAE;IACpB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtD,OAAO,CACH,8BACI,cAAK,GAAG,EAAE,GAAG,YACT,KAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAC/B,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAC5C,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAC/B,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,YAE1B,OAAO,GACH,GACP,EACN,KAAC,OAAO,IACJ,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,CAAC,cAAc,GAC3B,IACH,CACN,CAAC;AACN,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SideHotspot.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/SideHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,gBAAgB,EAChB,gBAAgB,EACnB,MAAM,gCAAgC,CAAC;AAQxC,KAAK,KAAK,GAAG;IACT,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,aAAa,KAAK,4CAoB7C,CAAC"}
+{"version":3,"file":"SideHotspot.d.ts","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/SideHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,gBAAgB,EAChB,gBAAgB,EACnB,MAAM,gCAAgC,CAAC;AAMxC,KAAK,KAAK,GAAG;IACT,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,aAAa,KAAK,4CAsB7C,CAAC"}

package/dist/components/InteractiveMapComponent/SideHotspot.js

@@ -1,11 +1,10 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip } from "../../components/common";
 import { callIfFunction } from "./helpers";
 import { ImageHotspot } from "./ImageHotspot";
 import { LabelHotspot } from "./LabelHotspot";
 export const SideHotspot = ({ hotspot }) => {
     const tooltipContent = callIfFunction(hotspot.tooltip?.content);
-    return (_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" })) }) }));
+    return (_jsx("div", { children: hotspot.type === "image" ? (_jsx(ImageHotspot, { hotspot: hotspot, tooltipContent: tooltipContent, tooltipPlacement: hotspot.tooltip?.position })) : hotspot.type === "label" ? (_jsx(LabelHotspot, { hotspot: hotspot, tooltipContent: tooltipContent, tooltipPlacement: hotspot.tooltip?.position })) : (_jsx("div", { children: "Unknown Hotspot Type" })) }));
 };
 //# sourceMappingURL=SideHotspot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideHotspot.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/SideHotspot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IAC9C,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEhE,OAAO,CACH,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,CACb,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"SideHotspot.js","sourceRoot":"","sources":["../../../src/components/InteractiveMapComponent/SideHotspot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IAC9C,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEhE,OAAO,CACH,wBACK,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,YAAY,IACT,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,GAC7C,CACL,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAC3B,KAAC,YAAY,IACT,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,GAC7C,CACL,CAAC,CAAC,CAAC,CACA,iDAA+B,CAClC,GACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/StoryComponent/components/Actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAMlE,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAChC,SAAS,EAAE,gBAAgB,CAAC;CAC/B,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,eAAe,YAAY,4CA8BlD,CAAC"}
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAc,MAAM,gCAAgC,CAAC;AAO9E,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAChC,SAAS,EAAE,gBAAgB,CAAC;CAC/B,CAAC,CAAC;AA6BH,eAAO,MAAM,OAAO,GAAI,eAAe,YAAY,4CAYlD,CAAC"}

package/dist/components/StoryComponent/components/Actions.js

@@ -1,6 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
 import { twMerge } from "tailwind-merge";
 import { Button } from "../../../components/common/Button";
 import { Tooltip } from "../../../components/common/Tooltip";
-export const Actions = ({ component }) => (_jsx("div", { className: twMerge("flex flex-wrap gap-2 justify-center items-center", component.props?.direction === "vertical" ? "flex-col" : "flex-row", component.props?.className), children: component.content.map((action, index) => (_jsx(Tooltip, { disabled: !action.tooltip?.content, content: action.tooltip?.content, className: action.tooltip?.className, placement: action.tooltip?.position, children: _jsx("div", { children: _jsx(Button, { color: action.color, variant: action.variant, className: action.className, disabled: action.isDisabled, onClick: action.action, children: action.label }) }) }, index))) }));
+const Action = ({ action }) => {
+    const ref = useRef(null);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, children: _jsx(Button, { color: action.color, variant: action.variant, className: action.className, disabled: action.isDisabled, onClick: action.action, children: action.label }) }), _jsx(Tooltip, { targetRef: ref, content: action.tooltip?.content, placement: action.tooltip?.position, disabled: !action.tooltip?.content, className: action.tooltip?.className })] }));
+};
+export const Actions = ({ component }) => (_jsx("div", { className: twMerge("flex flex-wrap gap-2 justify-center items-center", component.props?.direction === "vertical" ? "flex-col" : "flex-row", component.props?.className), children: component.content.map((action, index) => (_jsx(Action, { action: action }, index))) }));
 //# sourceMappingURL=Actions.js.map

package/dist/components/StoryComponent/components/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Actions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAMrD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAgB,EAAE,EAAE,CAAC,CACpD,cACI,SAAS,EAAE,OAAO,CACd,kDAAkD,EAClD,SAAS,CAAC,KAAK,EAAE,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACnE,SAAS,CAAC,KAAK,EAAE,SAAS,CAC7B,YAEA,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,OAAO,IAEJ,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAClC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAChC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,EACpC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,YAEnC,wBACI,KAAC,MAAM,IACH,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,QAAQ,EAAE,MAAM,CAAC,UAAU,EAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,YAErB,MAAM,CAAC,KAAK,GACR,GACP,IAhBD,KAAK,CAiBJ,CACb,CAAC,GACA,CACT,CAAC"}
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Actions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAMrD,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA0B,EAAE,EAAE;IAClD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,OAAO,CACH,8BACI,cAAK,GAAG,EAAE,GAAG,YACT,KAAC,MAAM,IACH,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,QAAQ,EAAE,MAAM,CAAC,UAAU,EAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,YAErB,MAAM,CAAC,KAAK,GACR,GACP,EACN,KAAC,OAAO,IACJ,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAChC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,EACnC,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAClC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,GACtC,IACH,CACN,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAgB,EAAE,EAAE,CAAC,CACpD,cACI,SAAS,EAAE,OAAO,CACd,kDAAkD,EAClD,SAAS,CAAC,KAAK,EAAE,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACnE,SAAS,CAAC,KAAK,EAAE,SAAS,CAC7B,YAEA,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,MAAM,IAAC,MAAM,EAAE,MAAM,IAAO,KAAK,CAAI,CACzC,CAAC,GACA,CACT,CAAC"}

package/dist/components/common/Tooltip.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 export type Placement = "top" | "top-right" | "top-left" | "bottom" | "bottom-right" | "bottom-left" | "right" | "left";
 export type TooltipProps = Readonly<{
-    children: ReactNode;
+    targetRef: RefObject<HTMLElement | HTMLDivElement | HTMLButtonElement | null>;
     disabled?: boolean | undefined;
     content: ReactNode;
     className?: string | undefined;
     placement?: Placement | undefined;
 }>;
-export declare const Tooltip: ({ children, disabled, content, className, placement, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ targetRef, disabled, content, className, placement, }: TooltipProps) => import("react").ReactPortal | null;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/common/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/common/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,SAAS,GACf,KAAK,GACL,WAAW,GACX,UAAU,GACV,QAAQ,GACR,cAAc,GACd,aAAa,GACb,OAAO,GACP,MAAM,CAAC;AAEb,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC,CAAC,CAAC;AAwBH,eAAO,MAAM,OAAO,GAAI,wDAMrB,YAAY,4CAmBd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/common/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,SAAS,GACf,KAAK,GACL,WAAW,GACX,UAAU,GACV,QAAQ,GACR,cAAc,GACd,aAAa,GACb,OAAO,GACP,MAAM,CAAC;AAEb,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC,CAAC,CAAC;AAgFH,eAAO,MAAM,OAAO,GAAI,yDAMrB,YAAY,uCAsFd,CAAC"}

package/dist/components/common/Tooltip.js

@@ -1,28 +1,129 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const placementStyles = {
-    "top": "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    "top-right": "bottom-full right-0 mb-2",
-    "top-left": "bottom-full left-0 mb-2",
-    "bottom": "top-full left-1/2 -translate-x-1/2 mt-2",
-    "bottom-right": "top-full right-0 mt-2",
-    "bottom-left": "top-full left-0 mt-2",
-    "right": "left-full top-1/2 -translate-y-1/2 ml-2",
-    "left": "right-full top-1/2 -translate-y-1/2 mr-2",
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+const ARROW_SIZE = 4;
+const TOOLTIP_OFFSET = 8;
+const getArrowRotation = (placement) => {
+    if (placement.startsWith("top"))
+        return "rotate-45";
+    if (placement.startsWith("bottom"))
+        return "rotate-45";
+    if (placement === "right")
+        return "rotate-45";
+    if (placement === "left")
+        return "rotate-45";
+    return "rotate-45";
 };
-const arrowStyles = {
-    "top": "bottom-[-4px] left-1/2 -translate-x-1/2",
-    "top-right": "bottom-[-4px] right-3",
-    "top-left": "bottom-[-4px] left-3",
-    "bottom": "top-[-4px] left-1/2 -translate-x-1/2",
-    "bottom-right": "top-[-4px] right-3",
-    "bottom-left": "top-[-4px] left-3",
-    "right": "left-[-4px] top-1/2 -translate-y-1/2",
-    "left": "right-[-4px] top-1/2 -translate-y-1/2",
+const calculatePosition = (targetRect, tooltipRect, placement) => {
+    let top = 0;
+    let left = 0;
+    let arrowTop = 0;
+    let arrowLeft = 0;
+    const targetCenterX = targetRect.left + targetRect.width / 2;
+    const targetCenterY = targetRect.top + targetRect.height / 2;
+    switch (placement) {
+        case "top":
+            top = targetRect.top - tooltipRect.height - TOOLTIP_OFFSET;
+            left = targetCenterX - tooltipRect.width / 2;
+            arrowTop = tooltipRect.height - ARROW_SIZE;
+            arrowLeft = tooltipRect.width / 2 - ARROW_SIZE;
+            break;
+        case "top-right":
+            top = targetRect.top - tooltipRect.height - TOOLTIP_OFFSET;
+            left = targetRect.right - tooltipRect.width;
+            arrowTop = tooltipRect.height - ARROW_SIZE;
+            arrowLeft = tooltipRect.width - 16;
+            break;
+        case "top-left":
+            top = targetRect.top - tooltipRect.height - TOOLTIP_OFFSET;
+            left = targetRect.left;
+            arrowTop = tooltipRect.height - ARROW_SIZE;
+            arrowLeft = 12;
+            break;
+        case "bottom":
+            top = targetRect.bottom + TOOLTIP_OFFSET;
+            left = targetCenterX - tooltipRect.width / 2;
+            arrowTop = -ARROW_SIZE;
+            arrowLeft = tooltipRect.width / 2 - ARROW_SIZE;
+            break;
+        case "bottom-right":
+            top = targetRect.bottom + TOOLTIP_OFFSET;
+            left = targetRect.right - tooltipRect.width;
+            arrowTop = -ARROW_SIZE;
+            arrowLeft = tooltipRect.width - 16;
+            break;
+        case "bottom-left":
+            top = targetRect.bottom + TOOLTIP_OFFSET;
+            left = targetRect.left;
+            arrowTop = -ARROW_SIZE;
+            arrowLeft = 12;
+            break;
+        case "right":
+            top = targetCenterY - tooltipRect.height / 2;
+            left = targetRect.right + TOOLTIP_OFFSET;
+            arrowTop = tooltipRect.height / 2 - ARROW_SIZE;
+            arrowLeft = -ARROW_SIZE;
+            break;
+        case "left":
+            top = targetCenterY - tooltipRect.height / 2;
+            left = targetRect.left - tooltipRect.width - TOOLTIP_OFFSET;
+            arrowTop = tooltipRect.height / 2 - ARROW_SIZE;
+            arrowLeft = tooltipRect.width - ARROW_SIZE;
+            break;
+    }
+    return { top, left, arrowTop, arrowLeft };
 };
-export const Tooltip = ({ children, disabled = false, content, className = "", placement = "top", }) => {
-    if (disabled) {
-        return _jsx(_Fragment, { children: children });
+export const Tooltip = ({ targetRef, disabled = false, content, className = "", placement = "top", }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    const [arrowPosition, setArrowPosition] = useState({ top: 0, left: 0 });
+    const [tooltipElement, setTooltipElement] = useState(null);
+    useEffect(() => {
+        const target = targetRef.current;
+        if (!target || disabled)
+            return;
+        const handleMouseEnter = () => {
+            setIsVisible(true);
+        };
+        const handleMouseLeave = () => {
+            setIsVisible(false);
+        };
+        target.addEventListener("mouseenter", handleMouseEnter);
+        target.addEventListener("mouseleave", handleMouseLeave);
+        return () => {
+            target.removeEventListener("mouseenter", handleMouseEnter);
+            target.removeEventListener("mouseleave", handleMouseLeave);
+        };
+    }, [targetRef, disabled]);
+    useEffect(() => {
+        if (!isVisible || !tooltipElement || !targetRef.current)
+            return;
+        const updatePosition = () => {
+            const targetRect = targetRef.current.getBoundingClientRect();
+            const tooltipRect = tooltipElement.getBoundingClientRect();
+            const { top, left, arrowTop, arrowLeft } = calculatePosition(targetRect, tooltipRect, placement);
+            setPosition({ top, left });
+            setArrowPosition({ top: arrowTop, left: arrowLeft });
+        };
+        updatePosition();
+        // Update position on scroll or resize
+        window.addEventListener("scroll", updatePosition, true);
+        window.addEventListener("resize", updatePosition);
+        return () => {
+            window.removeEventListener("scroll", updatePosition, true);
+            window.removeEventListener("resize", updatePosition);
+        };
+    }, [isVisible, tooltipElement, targetRef, placement]);
+    if (disabled || !isVisible) {
+        return null;
     }
-    return (_jsxs("div", { className: "group relative inline-block", children: [children, _jsxs("div", { className: `pointer-events-none absolute z-50 px-3 py-2 text-sm font-medium text-popover-foreground bg-popover border border-border rounded-lg shadow-lg whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity duration-200 ${placementStyles[placement]} ${className}`, role: "tooltip", children: [content, _jsx("div", { className: `absolute w-2 h-2 bg-popover border-border rotate-45 ${arrowStyles[placement]}` })] })] }));
+    return createPortal(_jsxs("div", { ref: setTooltipElement, className: `fixed z-50 px-3 py-2 text-sm font-medium text-popover-foreground bg-popover border border-border rounded-lg shadow-lg whitespace-nowrap transition-opacity duration-200 ${isVisible ? "opacity-100" : "opacity-0"} ${className}`, style: {
+            top: `${position.top}px`,
+            left: `${position.left}px`,
+        }, role: "tooltip", "data-testid": "tooltip-content", children: [content, _jsx("div", { className: `absolute w-2 h-2 bg-popover border-border ${getArrowRotation(placement)}`, style: {
+                    top: `${arrowPosition.top}px`,
+                    left: `${arrowPosition.left}px`,
+                } })] }), document.body);
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/common/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/common/Tooltip.tsx"],"names":[],"mappings":";AAoBA,MAAM,eAAe,GAA8B;IAC/C,KAAK,EAAE,4CAA4C;IACnD,WAAW,EAAE,0BAA0B;IACvC,UAAU,EAAE,yBAAyB;IACrC,QAAQ,EAAE,yCAAyC;IACnD,cAAc,EAAE,uBAAuB;IACvC,aAAa,EAAE,sBAAsB;IACrC,OAAO,EAAE,yCAAyC;IAClD,MAAM,EAAE,0CAA0C;CACrD,CAAC;AAEF,MAAM,WAAW,GAA8B;IAC3C,KAAK,EAAE,yCAAyC;IAChD,WAAW,EAAE,uBAAuB;IACpC,UAAU,EAAE,sBAAsB;IAClC,QAAQ,EAAE,sCAAsC;IAChD,cAAc,EAAE,oBAAoB;IACpC,aAAa,EAAE,mBAAmB;IAClC,OAAO,EAAE,sCAAsC;IAC/C,MAAM,EAAE,uCAAuC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,GACN,EAAE,EAAE;IACf,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,4BAAG,QAAQ,GAAI,CAAC;IAC3B,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAC,6BAA6B,aACvC,QAAQ,EACT,eACI,SAAS,EAAE,oOAAoO,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,EACxR,IAAI,EAAC,SAAS,aAEb,OAAO,EACR,cACI,SAAS,EAAE,uDAAuD,WAAW,CAAC,SAAS,CAAC,EAAE,GAC5F,IACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/common/Tooltip.tsx"],"names":[],"mappings":"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"}