@react-text-game/ui 0.1.0

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

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

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

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

package/dist/components/SaveLoadModal/index.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoryComponent.d.ts","sourceRoot":"","sources":["../../../src/components/StoryComponent/StoryComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAapD,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,WAAW,mBAAmB,4CA2E5D,CAAC"}

package/dist/components/StoryComponent/StoryComponent.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Game } from "@react-text-game/core";
+import { useMemo } from "react";
+import { twMerge } from "tailwind-merge";
+import { Actions, Conversation, Header, Image, Text, Video, } from "./components";
+export const StoryComponent = ({ story }) => {
+    const displayable = useMemo(() => story.display(), [story]);
+    return (_jsx("div", { className: twMerge("w-full h-full flex flex-col content-center items-center", displayable.options?.classNames?.base), children: _jsx("div", { className: "px-4 w-full flex flex-col content-center items-center", children: _jsx("div", { className: twMerge("w-full overflow-x-hidden max-w-[1200px] flex flex-col gap-4 my-4", displayable.options?.classNames?.container), children: displayable.components.map((component, index) => {
+                    switch (component.type) {
+                        case "header":
+                            return (_jsx(Header, { component: component }, index));
+                        case "text":
+                            return (_jsx(Text, { component: component }, index));
+                        case "image":
+                            return (_jsx(Image, { component: component }, index));
+                        case "video":
+                            return (_jsx(Video, { component: component }, index));
+                        case "actions":
+                            return (_jsx(Actions, { component: component }, index));
+                        case "conversation":
+                            return (_jsx(Conversation, { component: component }, index));
+                        case "anotherStory":
+                            return (_jsx(StoryComponent, { story: Game.getPassageById(component.storyId) }, index));
+                        default:
+                            return null;
+                    }
+                }) }) }) }));
+};
+//# sourceMappingURL=StoryComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoryComponent.js","sourceRoot":"","sources":["../../../src/components/StoryComponent/StoryComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAS,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EACH,OAAO,EACP,YAAY,EACZ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,GACR,MAAM,cAAc,CAAC;AAMtB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAuB,EAAE,EAAE;IAC7D,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5D,OAAO,CACH,cACI,SAAS,EAAE,OAAO,CACd,yDAAyD,EACzD,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,CACxC,YAED,cAAK,SAAS,EAAC,uDAAuD,YAClE,cACI,SAAS,EAAE,OAAO,CACd,kEAAkE,EAClE,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAC7C,YAEA,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;oBAC7C,QAAQ,SAAS,CAAC,IAAI,EAAE,CAAC;wBACrB,KAAK,QAAQ;4BACT,OAAO,CACH,KAAC,MAAM,IAAa,SAAS,EAAE,SAAS,IAA3B,KAAK,CAA0B,CAC/C,CAAC;wBAEN,KAAK,MAAM;4BACP,OAAO,CACH,KAAC,IAAI,IAAa,SAAS,EAAE,SAAS,IAA3B,KAAK,CAA0B,CAC7C,CAAC;wBAEN,KAAK,OAAO;4BACR,OAAO,CACH,KAAC,KAAK,IAAa,SAAS,EAAE,SAAS,IAA3B,KAAK,CAA0B,CAC9C,CAAC;wBAEN,KAAK,OAAO;4BACR,OAAO,CACH,KAAC,KAAK,IAAa,SAAS,EAAE,SAAS,IAA3B,KAAK,CAA0B,CAC9C,CAAC;wBAEN,KAAK,SAAS;4BACV,OAAO,CACH,KAAC,OAAO,IAEJ,SAAS,EAAE,SAAS,IADf,KAAK,CAEZ,CACL,CAAC;wBAEN,KAAK,cAAc;4BACf,OAAO,CACH,KAAC,YAAY,IAET,SAAS,EAAE,SAAS,IADf,KAAK,CAEZ,CACL,CAAC;wBAEN,KAAK,cAAc;4BACf,OAAO,CACH,KAAC,cAAc,IAEX,KAAK,EACD,IAAI,CAAC,cAAc,CACf,SAAS,CAAC,OAAO,CACX,IAJT,KAAK,CAMZ,CACL,CAAC;wBAEN;4BACI,OAAO,IAAI,CAAC;oBACpB,CAAC;gBACL,CAAC,CAAC,GACA,GACJ,GACJ,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ActionsComponent } from "@react-text-game/core/passages";
+type ActionsProps = Readonly<{
+    component: ActionsComponent;
+}>;
+export declare const Actions: ({ component }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Actions.d.ts.map

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

@@ -0,0 +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,KAAK,YAAY,GAAG,QAAQ,CAAC;IACzB,SAAS,EAAE,gBAAgB,CAAC;CAC/B,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,eAAe,YAAY,4CA8BlD,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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))) }));
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +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"}

package/dist/components/StoryComponent/components/Conversation.d.ts

@@ -0,0 +1,7 @@
+import { ConversationComponent } from "@react-text-game/core/passages";
+type ConversationProps = Readonly<{
+    component: ConversationComponent;
+}>;
+export declare const Conversation: ({ component }: ConversationProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Conversation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,qBAAqB,EAExB,MAAM,gCAAgC,CAAC;AA0ExC,KAAK,iBAAiB,GAAG,QAAQ,CAAC;IAC9B,SAAS,EAAE,qBAAqB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,eAAe,iBAAiB,4CAwC5D,CAAC"}

package/dist/components/StoryComponent/components/Conversation.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { twMerge } from "tailwind-merge";
+const bubbleStyles = {
+    chat: (side) => ({
+        base: `flex items-start gap-2 mb-3 ${side === "left" ? "justify-start" : "justify-end"}`,
+        content: `max-w-[80%] px-4 py-2 rounded-2xl ${side === "left"
+            ? "bg-muted-100 text-primary rounded-tl-sm"
+            : "bg-secondary-600 text-secondary-foreground rounded-tr-sm"}`,
+        avatar: `w-10 h-10 rounded-full overflow-hidden flex-shrink-0 ${side === "left" ? "order-first" : "order-last"}`,
+    }),
+    messenger: (side) => ({
+        base: `flex items-end gap-2 my-4 ${side === "left" ? "justify-start" : "justify-end"}`,
+        content: `max-w-[70%] px-4 py-3 shadow-sm ${side === "left"
+            ? "bg-card text-card-foreground rounded-t-2xl rounded-br-2xl rounded-bl-lg border border-border"
+            : "bg-primary-500 text-primary-foreground rounded-t-2xl rounded-bl-2xl rounded-br-lg"}`,
+        avatar: `w-10 h-10 rounded-full overflow-hidden mb-1 ${side === "left" ? "order-first" : "order-last"}`,
+    }),
+};
+const ConversationLine = ({ line, onClick, variant = "chat", }) => {
+    const classNames = bubbleStyles[variant](line.side || "left");
+    return (_jsxs("div", { className: twMerge(classNames.base, line.props?.classNames?.base), style: { backgroundColor: line.color }, onClick: onClick, children: [_jsx("div", { className: twMerge(classNames.avatar, line.props?.classNames?.avatar), children: line.who?.avatar ? (_jsx("img", { src: line.who.avatar, alt: line.who.name || "Avatar", className: "w-full h-full object-cover" })) : (_jsx("div", { className: "w-full h-full bg-muted-300 text-muted-700 flex items-center justify-center cursor-default", children: line.who?.name?.[0] || "?" })) }), _jsx("div", { className: twMerge(classNames.content, line.props?.classNames?.content), children: line.content })] }));
+};
+export const Conversation = ({ component }) => {
+    const [lines, setLines] = useState([]);
+    const { appearance, content, props } = component;
+    useEffect(() => {
+        if (appearance === "byClick") {
+            // If the conversation is set to appear by click, we can initialize it with an empty array
+            setLines([]);
+        }
+        else {
+            // If it appears at once, we can set all lines immediately
+            setLines(content);
+        }
+    }, [appearance, content]);
+    const onClick = () => {
+        if (appearance === "byClick") {
+            // If the conversation is set to appear by click, append the next line
+            setLines((prevLines) => {
+                const nextLine = content[prevLines.length];
+                if (nextLine) {
+                    return [...prevLines, nextLine];
+                }
+                return prevLines; // No more lines to add
+            });
+        }
+        // If the appearance is "atOnce", we do not need to handle clicks
+    };
+    return (_jsx("div", { className: props?.className, children: lines.map((line, index) => (_jsx(ConversationLine, { onClick: onClick, line: line, variant: props?.variant }, index))) }));
+};
+//# sourceMappingURL=Conversation.js.map

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

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

package/dist/components/StoryComponent/components/Header.d.ts

@@ -0,0 +1,7 @@
+import { HeaderComponent } from "@react-text-game/core/passages";
+type Props = Readonly<{
+    component: HeaderComponent;
+}>;
+export declare const Header: ({ component: { props, content } }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,gCAAgC,CAAC;AAG9E,KAAK,KAAK,GAAG,QAAQ,CAAC;IAClB,SAAS,EAAE,eAAe,CAAC;CAC9B,CAAC,CAAC;AAWH,eAAO,MAAM,MAAM,GAAI,mCAAmC,KAAK,4CAI9D,CAAC"}

package/dist/components/StoryComponent/components/Header.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+const headerMapper = {
+    1: "text-4xl",
+    2: "text-3xl",
+    3: "text-2xl",
+    4: "text-xl",
+    5: "text-lg",
+    6: "text-base text-bold",
+};
+export const Header = ({ component: { props, content } }) => (_jsx("div", { className: twMerge(headerMapper[props?.level ?? 1], props?.className), children: content }));
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,YAAY,GAAG;IACjB,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,qBAAqB;CACoB,CAAC;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAS,EAAE,EAAE,CAAC,CAChE,cAAK,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,YACrE,OAAO,GACN,CACT,CAAC"}

package/dist/components/StoryComponent/components/Image.d.ts

@@ -0,0 +1,5 @@
+import { ImageComponent } from "@react-text-game/core/passages";
+export declare const Image: ({ component }: {
+    component: ImageComponent;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Image.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAIhE,eAAO,MAAM,KAAK,GAAI,eAAe;IAAE,SAAS,EAAE,cAAc,CAAA;CAAE,4CAsGjE,CAAC"}

package/dist/components/StoryComponent/components/Image.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId } from "react";
+import { twMerge } from "tailwind-merge";
+export const Image = ({ component }) => {
+    const modalId = useId();
+    const shouldBeClickable = Boolean(component.props?.onClick) || !component.props?.disableModal;
+    const disableModal = component.props?.disableModal;
+    const handleClick = () => {
+        if (component.props?.onClick) {
+            component.props.onClick();
+        }
+    };
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === "Escape") {
+                const checkbox = document.getElementById(modalId);
+                if (checkbox?.checked) {
+                    checkbox.checked = false;
+                }
+            }
+        };
+        document.addEventListener("keydown", handleEscape);
+        return () => document.removeEventListener("keydown", handleEscape);
+    }, [modalId]);
+    if (disableModal) {
+        return (_jsx("img", { src: component.content, alt: component.props?.alt ?? "image", className: twMerge("max-w-200 max-h-200 object-contain mx-auto", shouldBeClickable && "cursor-pointer", component.props?.className), onClick: handleClick }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: "checkbox", id: modalId, className: "peer/modal hidden", "aria-hidden": "true" }), _jsx("label", { htmlFor: modalId, onClick: handleClick, children: _jsx("img", { src: component.content, alt: component.props?.alt ?? "image", className: twMerge("max-w-200 max-h-200 object-contain mx-auto cursor-pointer", component.props?.className) }) }), _jsxs("div", { className: "peer-checked/modal:opacity-100 peer-checked/modal:pointer-events-auto opacity-0 pointer-events-none fixed inset-0 z-[9999] flex items-center justify-center bg-overlay/80 transition-opacity duration-300 overflow-auto", children: [_jsxs("div", { className: "relative w-full max-w-7xl min-h-0 p-4 m-auto flex items-center justify-center", children: [_jsx("img", { src: component.content, alt: component.props?.alt ?? "image", className: "max-w-full max-h-[90vh] w-auto h-auto object-contain" }), _jsx("label", { htmlFor: modalId, className: "absolute top-2 right-2 w-10 h-10 flex items-center justify-center bg-white/10 hover:bg-white/20 rounded-full cursor-pointer transition-colors", "aria-label": "Close modal", children: _jsx("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsx("label", { htmlFor: modalId, className: "absolute inset-0 -z-10 cursor-default", "aria-label": "Close modal" })] })] }));
+};
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Image.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAC,KAAK,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAiC,EAAE,EAAE;IAClE,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,iBAAiB,GACnB,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC;IACxE,MAAM,YAAY,GAAG,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;YAC3B,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,CAAC,CAAgB,EAAE,EAAE;YACtC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACrB,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAqB,CAAC;gBACtE,IAAI,QAAQ,EAAE,OAAO,EAAE,CAAC;oBACpB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC7B,CAAC;YACL,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,YAAY,EAAE,CAAC;QACf,OAAO,CACH,cACI,GAAG,EAAE,SAAS,CAAC,OAAO,EACtB,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,IAAI,OAAO,EACpC,SAAS,EAAE,OAAO,CACd,4CAA4C,EAC5C,iBAAiB,IAAI,gBAAgB,EACrC,SAAS,CAAC,KAAK,EAAE,SAAS,CAC7B,EACD,OAAO,EAAE,WAAW,GACtB,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,8BACI,gBACI,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,mBAAmB,iBACjB,MAAM,GACpB,EAEF,gBAAO,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,YACzC,cACI,GAAG,EAAE,SAAS,CAAC,OAAO,EACtB,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,IAAI,OAAO,EACpC,SAAS,EAAE,OAAO,CACd,2DAA2D,EAC3D,SAAS,CAAC,KAAK,EAAE,SAAS,CAC7B,GACH,GACE,EAGR,eAAK,SAAS,EAAC,yNAAyN,aAEpO,eAAK,SAAS,EAAC,+EAA+E,aAC1F,cACI,GAAG,EAAE,SAAS,CAAC,OAAO,EACtB,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,IAAI,OAAO,EACpC,SAAS,EAAC,sDAAsD,GAClE,EAGF,gBACI,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,+IAA+I,gBAC9I,aAAa,YAExB,cACI,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,YAEnB,eACI,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,sBAAsB,GAC1B,GACA,GACF,IACN,EAGN,gBACI,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,uCAAuC,gBACtC,aAAa,GAC1B,IACA,IACP,CACN,CAAC;AACN,CAAC,CAAC"}

package/dist/components/StoryComponent/components/Text.d.ts

@@ -0,0 +1,7 @@
+import { TextComponent } from "@react-text-game/core/passages";
+type TextProps = Readonly<{
+    component: TextComponent;
+}>;
+export declare const Text: ({ component: { props, content } }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,KAAK,SAAS,GAAG,QAAQ,CAAC;IACtB,SAAS,EAAE,aAAa,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,IAAI,GAAI,mCAAmC,SAAS,4CAShE,CAAC"}

package/dist/components/StoryComponent/components/Text.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+export const Text = ({ component: { props, content } }) => (_jsx("div", { className: twMerge("text-base text-justify whitespace-pre-wrap", props?.className), children: content }));
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAa,EAAE,EAAE,CAAC,CAClE,cACI,SAAS,EAAE,OAAO,CACd,4CAA4C,EAC5C,KAAK,EAAE,SAAS,CACnB,YAEA,OAAO,GACN,CACT,CAAC"}

package/dist/components/StoryComponent/components/Video.d.ts

@@ -0,0 +1,7 @@
+import { VideoComponent } from "@react-text-game/core/passages";
+type VideoProps = Readonly<{
+    component: VideoComponent;
+}>;
+export declare const Video: ({ component: { props, content } }: VideoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Video.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAGhE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACvB,SAAS,EAAE,cAAc,CAAC;CAC7B,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK,GAAI,mCAAmC,UAAU,4CAWlE,CAAC"}

package/dist/components/StoryComponent/components/Video.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+export const Video = ({ component: { props, content } }) => (_jsxs("video", { className: twMerge("max-w-200 max-h-200 mx-auto", props?.className), controls: props?.controls ?? false, autoPlay: props?.autoPlay ?? true, loop: props?.loop ?? true, muted: props?.muted ?? true, children: [_jsx("source", { src: content }), "Your browser does not support the video tag."] }));
+//# sourceMappingURL=Video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Video.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAc,EAAE,EAAE,CAAC,CACpE,iBACI,SAAS,EAAE,OAAO,CAAC,6BAA6B,EAAE,KAAK,EAAE,SAAS,CAAC,EACnE,QAAQ,EAAE,KAAK,EAAE,QAAQ,IAAI,KAAK,EAClC,QAAQ,EAAE,KAAK,EAAE,QAAQ,IAAI,IAAI,EACjC,IAAI,EAAE,KAAK,EAAE,IAAI,IAAI,IAAI,EACzB,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,IAAI,aAE3B,iBAAQ,GAAG,EAAE,OAAO,GAAI,oDAEpB,CACX,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from "./Actions";
+export * from "./Conversation";
+export * from "./Header";
+export * from "./Image";
+export * from "./Text";
+export * from "./Video";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/components/StoryComponent/components/index.js

@@ -0,0 +1,7 @@
+export * from "./Actions";
+export * from "./Conversation";
+export * from "./Header";
+export * from "./Image";
+export * from "./Text";
+export * from "./Video";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

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

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

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

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

package/dist/components/StoryComponent/index.js

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

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

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

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

@@ -0,0 +1,8 @@
+import { ButtonColor, ButtonVariant } from "@react-text-game/core";
+import { ButtonHTMLAttributes } from "react";
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Readonly<{
+    variant?: ButtonVariant | undefined;
+    color?: ButtonColor | undefined;
+}>;
+export declare const Button: ({ className, variant, color, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/common/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC7D,QAAQ,CAAC;IACL,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACnC,CAAC,CAAC;AAuEP,eAAO,MAAM,MAAM,GAAI,yCAKpB,WAAW,4CAWb,CAAC"}

package/dist/components/common/Button.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+const variantColorStyles = {
+    solid: {
+        default: "bg-muted-500 text-primary-foreground hover:bg-muted-600",
+        primary: "bg-primary-500 text-primary-foreground hover:bg-primary-600",
+        secondary: "bg-secondary-500 text-secondary-foreground hover:bg-secondary-600",
+        success: "bg-success-500 text-success-foreground hover:bg-success-600",
+        warning: "bg-warning-500 text-warning-foreground hover:bg-warning-600",
+        danger: "bg-danger-500 text-danger-foreground hover:bg-danger-600",
+    },
+    faded: {
+        default: "bg-muted-100 text-muted-700 hover:bg-muted-200",
+        primary: "bg-primary-100 text-primary-700 hover:bg-primary-200",
+        secondary: "bg-secondary-100 text-secondary-700 hover:bg-secondary-200",
+        success: "bg-success-100 text-success-700 hover:bg-success-200",
+        warning: "bg-warning-100 text-warning-700 hover:bg-warning-200",
+        danger: "bg-danger-100 text-danger-700 hover:bg-danger-200",
+    },
+    bordered: {
+        default: "border-2 border-muted-500 text-muted-700 hover:bg-muted-50",
+        primary: "border-2 border-primary-500 text-primary-600 hover:bg-primary-50",
+        secondary: "border-2 border-secondary-500 text-secondary-600 hover:bg-secondary-50",
+        success: "border-2 border-success-500 text-success-600 hover:bg-success-50",
+        warning: "border-2 border-warning-500 text-warning-600 hover:bg-warning-50",
+        danger: "border-2 border-danger-500 text-danger-600 hover:bg-danger-50",
+    },
+    light: {
+        default: "bg-transparent text-muted-700 hover:bg-muted-100",
+        primary: "bg-transparent text-primary-600 hover:bg-primary-50",
+        secondary: "bg-transparent text-secondary-600 hover:bg-secondary-50",
+        success: "bg-transparent text-success-600 hover:bg-success-50",
+        warning: "bg-transparent text-warning-600 hover:bg-warning-50",
+        danger: "bg-transparent text-danger-600 hover:bg-danger-50",
+    },
+    flat: {
+        default: "bg-muted-200 text-muted-700 hover:bg-muted-300",
+        primary: "bg-primary-200 text-primary-800 hover:bg-primary-300",
+        secondary: "bg-secondary-200 text-secondary-800 hover:bg-secondary-300",
+        success: "bg-success-200 text-success-800 hover:bg-success-300",
+        warning: "bg-warning-200 text-warning-800 hover:bg-warning-300",
+        danger: "bg-danger-200 text-danger-800 hover:bg-danger-300",
+    },
+    ghost: {
+        default: "text-muted-700 hover:bg-muted-100",
+        primary: "text-primary-600 hover:bg-primary-50",
+        secondary: "text-secondary-600 hover:bg-secondary-50",
+        success: "text-success-600 hover:bg-success-50",
+        warning: "text-warning-600 hover:bg-warning-50",
+        danger: "text-danger-600 hover:bg-danger-50",
+    },
+    shadow: {
+        default: "bg-muted-500 text-primary-foreground shadow-lg shadow-muted-500/50 hover:bg-muted-600",
+        primary: "bg-primary-500 text-primary-foreground shadow-lg shadow-primary-500/50 hover:bg-primary-600",
+        secondary: "bg-secondary-500 text-secondary-foreground shadow-lg shadow-secondary-500/50 hover:bg-secondary-600",
+        success: "bg-success-500 text-success-foreground shadow-lg shadow-success-500/50 hover:bg-success-600",
+        warning: "bg-warning-500 text-warning-foreground shadow-lg shadow-warning-500/50 hover:bg-warning-600",
+        danger: "bg-danger-500 text-danger-foreground shadow-lg shadow-danger-500/50 hover:bg-danger-600",
+    },
+};
+export const Button = ({ className, variant = "solid", color = "primary", ...props }) => {
+    return (_jsx("button", { className: twMerge("px-4 py-2 rounded-md transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed", variantColorStyles[variant][color], className), ...props }));
+};
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/common/Button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAQzC,MAAM,kBAAkB,GAGpB;IACA,KAAK,EAAE;QACH,OAAO,EAAE,yDAAyD;QAClE,OAAO,EAAE,6DAA6D;QACtE,SAAS,EAAE,mEAAmE;QAC9E,OAAO,EAAE,6DAA6D;QACtE,OAAO,EAAE,6DAA6D;QACtE,MAAM,EAAE,0DAA0D;KACrE;IACD,KAAK,EAAE;QACH,OAAO,EAAE,gDAAgD;QACzD,OAAO,EAAE,sDAAsD;QAC/D,SAAS,EAAE,4DAA4D;QACvE,OAAO,EAAE,sDAAsD;QAC/D,OAAO,EAAE,sDAAsD;QAC/D,MAAM,EAAE,mDAAmD;KAC9D;IACD,QAAQ,EAAE;QACN,OAAO,EAAE,4DAA4D;QACrE,OAAO,EAAE,kEAAkE;QAC3E,SAAS,EACL,wEAAwE;QAC5E,OAAO,EAAE,kEAAkE;QAC3E,OAAO,EAAE,kEAAkE;QAC3E,MAAM,EAAE,+DAA+D;KAC1E;IACD,KAAK,EAAE;QACH,OAAO,EAAE,kDAAkD;QAC3D,OAAO,EAAE,qDAAqD;QAC9D,SAAS,EAAE,yDAAyD;QACpE,OAAO,EAAE,qDAAqD;QAC9D,OAAO,EAAE,qDAAqD;QAC9D,MAAM,EAAE,mDAAmD;KAC9D;IACD,IAAI,EAAE;QACF,OAAO,EAAE,gDAAgD;QACzD,OAAO,EAAE,sDAAsD;QAC/D,SAAS,EAAE,4DAA4D;QACvE,OAAO,EAAE,sDAAsD;QAC/D,OAAO,EAAE,sDAAsD;QAC/D,MAAM,EAAE,mDAAmD;KAC9D;IACD,KAAK,EAAE;QACH,OAAO,EAAE,mCAAmC;QAC5C,OAAO,EAAE,sCAAsC;QAC/C,SAAS,EAAE,0CAA0C;QACrD,OAAO,EAAE,sCAAsC;QAC/C,OAAO,EAAE,sCAAsC;QAC/C,MAAM,EAAE,oCAAoC;KAC/C;IACD,MAAM,EAAE;QACJ,OAAO,EACH,uFAAuF;QAC3F,OAAO,EACH,6FAA6F;QACjG,SAAS,EACL,qGAAqG;QACzG,OAAO,EACH,6FAA6F;QACjG,OAAO,EACH,6FAA6F;QACjG,MAAM,EACF,yFAAyF;KAChG;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,GAAG,KAAK,EACE,EAAE,EAAE;IACd,OAAO,CACH,iBACI,SAAS,EAAE,OAAO,CACd,uGAAuG,EACvG,kBAAkB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAClC,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const Spinner: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/common/Spinner.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,+CAInB,CAAC"}

package/dist/components/common/Spinner.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Spinner = () => (_jsx("div", { className: "w-8 h-8 border-4 border-t-4 border-muted-200 border-t-primary-500 rounded-full animate-spin" }));
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/common/Spinner.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACzB,cACI,SAAS,EAAC,6FAA6F,GACzG,CACL,CAAC"}

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

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+type Placement = "top" | "top-right" | "top-left" | "bottom" | "bottom-right" | "bottom-left" | "right" | "left";
+type TooltipProps = Readonly<{
+    children: ReactNode;
+    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 {};
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +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,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,UAAU,GACV,QAAQ,GACR,cAAc,GACd,aAAa,GACb,OAAO,GACP,MAAM,CAAC;AAEb,KAAK,YAAY,GAAG,QAAQ,CAAC;IACzB,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"}

package/dist/components/common/Tooltip.js

@@ -0,0 +1,28 @@
+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",
+};
+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",
+};
+export const Tooltip = ({ children, disabled = false, content, className = "", placement = "top", }) => {
+    if (disabled) {
+        return _jsx(_Fragment, { children: children });
+    }
+    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]}` })] })] }));
+};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+export * from './Button';
+export * from './Spinner';
+export * from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/components/common/index.js

@@ -0,0 +1,4 @@
+export * from './Button';
+export * from './Spinner';
+export * from './Tooltip';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./ErrorBoundary";
+export * from "./GameProvider";
+export { PassageController } from "./PassageController";
+export * from "./ReloadButton";
+export * from "./SaveButton";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,6 @@
+export * from "./ErrorBoundary";
+export * from "./GameProvider";
+export { PassageController } from "./PassageController";
+export * from "./ReloadButton";
+export * from "./SaveButton";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/dist/hooks/index.d.ts

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

package/dist/hooks/index.d.ts.map

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

package/dist/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './useLocalStorage';
+export * from './useSaveLoadMenu';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

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

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1,2 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((prev: T) => T)) => void];
+//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/hooks/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,CAAC,CAAC,EAC7B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,GAChB,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CA8C5C"}