@smoregg/sdk 1.2.0 → 2.0.0

package/dist/esm/components/DirectionPad.js

@@ -1,66 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import styles from './DirectionPad.module.css.js';
-
-function DirectionPad({
-  onDirection,
-  leftRightOnly = false,
-  upDownOnly = false,
-  className
-}) {
-  const pressedRef = useRef(/* @__PURE__ */ new Set());
-  const handlePress = useCallback((direction) => {
-    if (pressedRef.current.has(direction)) return;
-    pressedRef.current.add(direction);
-    if (navigator.vibrate) {
-      navigator.vibrate(10);
-    }
-    onDirection(direction);
-  }, [onDirection]);
-  const handleRelease = useCallback((direction) => {
-    pressedRef.current.delete(direction);
-  }, []);
-  const createButton = (direction, label) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: `${styles.dirButton} ${styles[direction]}`,
-      onTouchStart: (e) => {
-        e.preventDefault();
-        handlePress(direction);
-      },
-      onTouchEnd: (e) => {
-        e.preventDefault();
-        handleRelease(direction);
-      },
-      onTouchCancel: () => handleRelease(direction),
-      onMouseDown: () => handlePress(direction),
-      onMouseUp: () => handleRelease(direction),
-      onMouseLeave: () => handleRelease(direction),
-      children: label
-    },
-    direction
-  );
-  if (leftRightOnly) {
-    return /* @__PURE__ */ jsxs("div", { className: `${styles.padContainer} ${styles.horizontal} ${className || ""}`, children: [
-      createButton("left", "\u25C0"),
-      createButton("right", "\u25B6")
-    ] });
-  }
-  if (upDownOnly) {
-    return /* @__PURE__ */ jsxs("div", { className: `${styles.padContainer} ${styles.vertical} ${className || ""}`, children: [
-      createButton("up", "\u25B2"),
-      createButton("down", "\u25BC")
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: `${styles.padContainer} ${styles.full} ${className || ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: styles.row, children: createButton("up", "\u25B2") }),
-    /* @__PURE__ */ jsxs("div", { className: styles.row, children: [
-      createButton("left", "\u25C0"),
-      createButton("right", "\u25B6")
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: styles.row, children: createButton("down", "\u25BC") })
-  ] });
-}
-
-export { DirectionPad };
-//# sourceMappingURL=DirectionPad.js.map

package/dist/esm/components/DirectionPad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DirectionPad.js","sources":["../../../src/components/DirectionPad.tsx"],"sourcesContent":["/**\n * S'MORE Game SDK - DirectionPad Component\n *\n * 4-direction or 2-direction control pad\n */\n\nimport { useCallback, useRef } from 'react';\nimport type { DirectionPadProps } from '../types';\nimport styles from './DirectionPad.module.css';\n\n/**\n * DirectionPad - For directional input\n *\n * @example\n * ```tsx\n * // 4 directions\n * <DirectionPad onDirection={(dir) => send('move', { direction: dir })} />\n *\n * // Left/Right only\n * <DirectionPad leftRightOnly onDirection={(dir) => send('move', { direction: dir })} />\n * ```\n */\nexport function DirectionPad({\n  onDirection,\n  leftRightOnly = false,\n  upDownOnly = false,\n  className,\n}: DirectionPadProps) {\n  const pressedRef = useRef<Set<string>>(new Set());\n\n  const handlePress = useCallback((direction: 'up' | 'down' | 'left' | 'right') => {\n    if (pressedRef.current.has(direction)) return;\n    pressedRef.current.add(direction);\n\n    // Haptic feedback\n    if (navigator.vibrate) {\n      navigator.vibrate(10);\n    }\n\n    onDirection(direction);\n  }, [onDirection]);\n\n  const handleRelease = useCallback((direction: string) => {\n    pressedRef.current.delete(direction);\n  }, []);\n\n  const createButton = (direction: 'up' | 'down' | 'left' | 'right', label: string) => (\n    <button\n      key={direction}\n      className={`${styles.dirButton} ${styles[direction]}`}\n      onTouchStart={(e) => {\n        e.preventDefault();\n        handlePress(direction);\n      }}\n      onTouchEnd={(e) => {\n        e.preventDefault();\n        handleRelease(direction);\n      }}\n      onTouchCancel={() => handleRelease(direction)}\n      onMouseDown={() => handlePress(direction)}\n      onMouseUp={() => handleRelease(direction)}\n      onMouseLeave={() => handleRelease(direction)}\n    >\n      {label}\n    </button>\n  );\n\n  if (leftRightOnly) {\n    return (\n      <div className={`${styles.padContainer} ${styles.horizontal} ${className || ''}`}>\n        {createButton('left', '◀')}\n        {createButton('right', '▶')}\n      </div>\n    );\n  }\n\n  if (upDownOnly) {\n    return (\n      <div className={`${styles.padContainer} ${styles.vertical} ${className || ''}`}>\n        {createButton('up', '▲')}\n        {createButton('down', '▼')}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${styles.padContainer} ${styles.full} ${className || ''}`}>\n      <div className={styles.row}>\n        {createButton('up', '▲')}\n      </div>\n      <div className={styles.row}>\n        {createButton('left', '◀')}\n        {createButton('right', '▶')}\n      </div>\n      <div className={styles.row}>\n        {createButton('down', '▼')}\n      </div>\n    </div>\n  );\n}\n\nexport default DirectionPad;\n"],"names":[],"mappings":";;;;AAsBO,SAAS,YAAA,CAAa;AAAA,EAC3B,WAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,UAAA,GAAa,KAAA;AAAA,EACb;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,UAAA,GAAa,MAAA,iBAAoB,IAAI,GAAA,EAAK,CAAA;AAEhD,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,CAAC,SAAA,KAAgD;AAC/E,IAAA,IAAI,UAAA,CAAW,OAAA,CAAQ,GAAA,CAAI,SAAS,CAAA,EAAG;AACvC,IAAA,UAAA,CAAW,OAAA,CAAQ,IAAI,SAAS,CAAA;AAGhC,IAAA,IAAI,UAAU,OAAA,EAAS;AACrB,MAAA,SAAA,CAAU,QAAQ,EAAE,CAAA;AAAA,IACtB;AAEA,IAAA,WAAA,CAAY,SAAS,CAAA;AAAA,EACvB,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,aAAA,GAAgB,WAAA,CAAY,CAAC,SAAA,KAAsB;AACvD,IAAA,UAAA,CAAW,OAAA,CAAQ,OAAO,SAAS,CAAA;AAAA,EACrC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAA,GAAe,CAAC,SAAA,EAA6C,KAAA,qBACjE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MAEC,WAAW,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,CAAA,EAAI,MAAA,CAAO,SAAS,CAAC,CAAA,CAAA;AAAA,MACnD,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,WAAA,CAAY,SAAS,CAAA;AAAA,MACvB,CAAA;AAAA,MACA,UAAA,EAAY,CAAC,CAAA,KAAM;AACjB,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,aAAA,CAAc,SAAS,CAAA;AAAA,MACzB,CAAA;AAAA,MACA,aAAA,EAAe,MAAM,aAAA,CAAc,SAAS,CAAA;AAAA,MAC5C,WAAA,EAAa,MAAM,WAAA,CAAY,SAAS,CAAA;AAAA,MACxC,SAAA,EAAW,MAAM,aAAA,CAAc,SAAS,CAAA;AAAA,MACxC,YAAA,EAAc,MAAM,aAAA,CAAc,SAAS,CAAA;AAAA,MAE1C,QAAA,EAAA;AAAA,KAAA;AAAA,IAfI;AAAA,GAgBP;AAGF,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,YAAY,CAAA,CAAA,EAAI,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EAC3E,QAAA,EAAA;AAAA,MAAA,YAAA,CAAa,QAAQ,QAAG,CAAA;AAAA,MACxB,YAAA,CAAa,SAAS,QAAG;AAAA,KAAA,EAC5B,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,YAAY,CAAA,CAAA,EAAI,MAAA,CAAO,QAAQ,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EACzE,QAAA,EAAA;AAAA,MAAA,YAAA,CAAa,MAAM,QAAG,CAAA;AAAA,MACtB,YAAA,CAAa,QAAQ,QAAG;AAAA,KAAA,EAC3B,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,YAAY,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EACtE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,KACpB,QAAA,EAAA,YAAA,CAAa,IAAA,EAAM,QAAG,CAAA,EACzB,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,GAAA,EACpB,QAAA,EAAA;AAAA,MAAA,YAAA,CAAa,QAAQ,QAAG,CAAA;AAAA,MACxB,YAAA,CAAa,SAAS,QAAG;AAAA,KAAA,EAC5B,CAAA;AAAA,oBACA,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,KACpB,QAAA,EAAA,YAAA,CAAa,MAAA,EAAQ,QAAG,CAAA,EAC3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/esm/components/DirectionPad.module.css.js

@@ -1,8 +0,0 @@
-import styleInject from '../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".DirectionPad-module_padContainer__iL-rh{align-items:center;display:flex;flex-direction:column;gap:8px;user-select:none;-webkit-user-select:none}.DirectionPad-module_horizontal__kI4j7{flex-direction:row;gap:16px}.DirectionPad-module_vertical__b8Xec{flex-direction:column;gap:16px}.DirectionPad-module_row__mzuUr{display:flex;gap:8px}.DirectionPad-module_dirButton__QCCHz{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-surface,#374151);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:70px;justify-content:center;touch-action:manipulation;transition:transform .1s ease,background .1s ease;width:70px}.DirectionPad-module_dirButton__QCCHz:active{background:var(--color-primary,#6366f1);transform:scale(.9)}.DirectionPad-module_horizontal__kI4j7 .DirectionPad-module_dirButton__QCCHz,.DirectionPad-module_vertical__b8Xec .DirectionPad-module_dirButton__QCCHz{font-size:32px;height:100px;width:100px}";
-var styles = {"padContainer":"DirectionPad-module_padContainer__iL-rh","horizontal":"DirectionPad-module_horizontal__kI4j7","vertical":"DirectionPad-module_vertical__b8Xec","row":"DirectionPad-module_row__mzuUr","dirButton":"DirectionPad-module_dirButton__QCCHz"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=DirectionPad.module.css.js.map

package/dist/esm/components/DirectionPad.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DirectionPad.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/components/HoldButton.js

@@ -1,55 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import styles from './HoldButton.module.css.js';
-
-function HoldButton({
-  onHoldStart,
-  onHoldEnd,
-  children,
-  className,
-  disabled = false
-}) {
-  const isHolding = useRef(false);
-  const buttonRef = useRef(null);
-  const startHold = useCallback(() => {
-    if (disabled || isHolding.current) return;
-    isHolding.current = true;
-    buttonRef.current?.classList.add(styles.pressed);
-    if (navigator.vibrate) {
-      navigator.vibrate(10);
-    }
-    onHoldStart();
-  }, [onHoldStart, disabled]);
-  const endHold = useCallback(() => {
-    if (!isHolding.current) return;
-    isHolding.current = false;
-    buttonRef.current?.classList.remove(styles.pressed);
-    onHoldEnd();
-  }, [onHoldEnd]);
-  const handleTouchStart = useCallback((e) => {
-    e.preventDefault();
-    startHold();
-  }, [startHold]);
-  const handleTouchEnd = useCallback((e) => {
-    e.preventDefault();
-    endHold();
-  }, [endHold]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref: buttonRef,
-      className: `${styles.holdButton} ${className || ""} ${disabled ? styles.disabled : ""}`,
-      onTouchStart: handleTouchStart,
-      onTouchEnd: handleTouchEnd,
-      onTouchCancel: handleTouchEnd,
-      onMouseDown: startHold,
-      onMouseUp: endHold,
-      onMouseLeave: endHold,
-      disabled,
-      children
-    }
-  );
-}
-
-export { HoldButton };
-//# sourceMappingURL=HoldButton.js.map

package/dist/esm/components/HoldButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoldButton.js","sources":["../../../src/components/HoldButton.tsx"],"sourcesContent":["/**\n * S'MORE Game SDK - HoldButton Component\n *\n * Button that detects hold start/end events\n */\n\nimport { useRef, useCallback } from 'react';\nimport type React from 'react';\nimport type { HoldButtonProps } from '../types';\nimport styles from './HoldButton.module.css';\n\n/**\n * HoldButton - For hold/release input patterns\n *\n * @example\n * ```tsx\n * <HoldButton\n *   onHoldStart={() => send('charge', { type: 'start' })}\n *   onHoldEnd={() => send('charge', { type: 'end' })}\n * >\n *   HOLD\n * </HoldButton>\n * ```\n */\nexport function HoldButton({\n  onHoldStart,\n  onHoldEnd,\n  children,\n  className,\n  disabled = false,\n}: HoldButtonProps) {\n  const isHolding = useRef(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const startHold = useCallback(() => {\n    if (disabled || isHolding.current) return;\n    isHolding.current = true;\n    buttonRef.current?.classList.add(styles.pressed || '');\n\n    // Haptic feedback\n    if (navigator.vibrate) {\n      navigator.vibrate(10);\n    }\n\n    onHoldStart();\n  }, [onHoldStart, disabled]);\n\n  const endHold = useCallback(() => {\n    if (!isHolding.current) return;\n    isHolding.current = false;\n    buttonRef.current?.classList.remove(styles.pressed || '');\n    onHoldEnd();\n  }, [onHoldEnd]);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent) => {\n    e.preventDefault();\n    startHold();\n  }, [startHold]);\n\n  const handleTouchEnd = useCallback((e: React.TouchEvent) => {\n    e.preventDefault();\n    endHold();\n  }, [endHold]);\n\n  return (\n    <button\n      ref={buttonRef}\n      className={`${styles.holdButton} ${className || ''} ${disabled ? styles.disabled : ''}`}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchCancel={handleTouchEnd}\n      onMouseDown={startHold}\n      onMouseUp={endHold}\n      onMouseLeave={endHold}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport default HoldButton;\n"],"names":[],"mappings":";;;;AAwBO,SAAS,UAAA,CAAW;AAAA,EACzB,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAAoB;AAClB,EAAA,MAAM,SAAA,GAAY,OAAO,KAAK,CAAA;AAC9B,EAAA,MAAM,SAAA,GAAY,OAA0B,IAAI,CAAA;AAEhD,EAAA,MAAM,SAAA,GAAY,YAAY,MAAM;AAClC,IAAA,IAAI,QAAA,IAAY,UAAU,OAAA,EAAS;AACnC,IAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,GAAA,CAAI,MAAA,CAAO,OAAa,CAAA;AAGrD,IAAA,IAAI,UAAU,OAAA,EAAS;AACrB,MAAA,SAAA,CAAU,QAAQ,EAAE,CAAA;AAAA,IACtB;AAEA,IAAA,WAAA,EAAY;AAAA,EACd,CAAA,EAAG,CAAC,WAAA,EAAa,QAAQ,CAAC,CAAA;AAE1B,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACxB,IAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,MAAA,CAAO,OAAa,CAAA;AACxD,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,gBAAA,GAAmB,WAAA,CAAY,CAAC,CAAA,KAAwB;AAC5D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,CAAC,CAAA,KAAwB;AAC1D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,OAAA,EAAQ;AAAA,EACV,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,SAAA;AAAA,MACL,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,QAAA,GAAW,MAAA,CAAO,QAAA,GAAW,EAAE,CAAA,CAAA;AAAA,MACrF,YAAA,EAAc,gBAAA;AAAA,MACd,UAAA,EAAY,cAAA;AAAA,MACZ,aAAA,EAAe,cAAA;AAAA,MACf,WAAA,EAAa,SAAA;AAAA,MACb,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAc,OAAA;AAAA,MACd,QAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/esm/components/HoldButton.module.css.js

@@ -1,8 +0,0 @@
-import styleInject from '../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".HoldButton-module_holdButton__tu4mi{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-secondary,#f59e0b);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:80px;min-width:80px;padding:16px 24px;touch-action:manipulation;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none}.HoldButton-module_holdButton__tu4mi:active,.HoldButton-module_pressed__JWIRG{background:var(--color-secondary-dark,#d97706);transform:scale(.95)}.HoldButton-module_disabled__4QwwT{cursor:not-allowed;opacity:.5}.HoldButton-module_disabled__4QwwT.HoldButton-module_pressed__JWIRG,.HoldButton-module_disabled__4QwwT:active{background:var(--color-secondary,#f59e0b);transform:none}";
-var styles = {"holdButton":"HoldButton-module_holdButton__tu4mi","pressed":"HoldButton-module_pressed__JWIRG","disabled":"HoldButton-module_disabled__4QwwT"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=HoldButton.module.css.js.map

package/dist/esm/components/HoldButton.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoldButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/components/IframeGameBridge.js

@@ -1,113 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useCallback, useEffect } from 'react';
-import { isSmoreMessage } from '../transport/protocol.js';
-
-const IframeGameBridge = ({
-  gameId,
-  url,
-  socket,
-  side,
-  roomCode,
-  players,
-  leaderId,
-  myIndex,
-  isLeader,
-  onReady,
-  onLoaded,
-  onGameOver,
-  style,
-  className
-}) => {
-  const iframeRef = useRef(null);
-  const readyRef = useRef(false);
-  const loadedRef = useRef(false);
-  const postToIframe = useCallback((msg) => {
-    iframeRef.current?.contentWindow?.postMessage(msg, "*");
-  }, []);
-  useEffect(() => {
-    const handler = (e) => {
-      if (e.source !== iframeRef.current?.contentWindow) return;
-      const msg = e.data;
-      if (!isSmoreMessage(msg)) return;
-      if (msg.type === "smore:ready" && !readyRef.current) {
-        readyRef.current = true;
-        postToIframe({
-          type: "smore:init",
-          payload: {
-            side,
-            roomCode,
-            players,
-            leaderId,
-            myIndex,
-            isLeader
-          }
-        });
-        onReady?.();
-        setTimeout(() => {
-          if (!loadedRef.current) {
-            console.warn("[IframeGameBridge] Game did not send smore:loaded, auto-triggering");
-            loadedRef.current = true;
-            onLoaded?.();
-          }
-        }, 2e3);
-      }
-      if (msg.type === "smore:loaded" && !loadedRef.current) {
-        loadedRef.current = true;
-        onLoaded?.();
-      }
-      if (msg.type === "smore:emit") {
-        const { event, data, ackId } = msg.payload;
-        if (event === "room:game-over") {
-          onGameOver?.(data?.results);
-        }
-        if (ackId) {
-          socket.emit(event, data, (response) => {
-            postToIframe({ type: "smore:ack", payload: { ackId, data: response } });
-          });
-        } else {
-          socket.emit(event, data);
-        }
-      }
-    };
-    window.addEventListener("message", handler);
-    return () => window.removeEventListener("message", handler);
-  }, [socket, side, roomCode, players, leaderId, myIndex, isLeader, onReady, onLoaded, onGameOver, postToIframe]);
-  useEffect(() => {
-    if (!readyRef.current) return;
-    postToIframe({
-      type: "smore:update",
-      payload: { players, leaderId }
-    });
-  }, [players, leaderId, postToIframe]);
-  useEffect(() => {
-    if (!socket) return;
-    const handler = (event, ...args) => {
-      postToIframe({
-        type: "smore:event",
-        payload: { event, data: args[0] }
-      });
-    };
-    socket.onAny(handler);
-    return () => {
-      socket.offAny(handler);
-    };
-  }, [socket, postToIframe]);
-  return /* @__PURE__ */ jsx(
-    "iframe",
-    {
-      ref: iframeRef,
-      src: url,
-      sandbox: "allow-scripts allow-same-origin",
-      style: {
-        border: "none",
-        width: "100%",
-        height: "100%",
-        ...style
-      },
-      className
-    }
-  );
-};
-
-export { IframeGameBridge };
-//# sourceMappingURL=IframeGameBridge.js.map

package/dist/esm/components/IframeGameBridge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IframeGameBridge.js","sources":["../../../src/components/IframeGameBridge.tsx"],"sourcesContent":["/**\n * IframeGameBridge - Parent-side bridge between iframe and Socket.IO.\n *\n * Renders an iframe loading the external game URL.\n * Bridges postMessage ↔ Socket.IO:\n * - iframe sends `smore:emit` → bridge relays to `socket.emit()` as-is\n * - socket receives events → bridge relays to iframe via `smore:event` as-is\n *\n * No event translation is performed; events are passed through unchanged.\n *\n * Used by GameOverlay (host) and GameView (player) when the game type is 'external'.\n */\n\nimport React, { useEffect, useRef, useCallback } from 'react';\nimport type { Socket } from 'socket.io-client';\nimport { isSmoreMessage } from '../transport/protocol';\nimport type { SmoreEmitMessage } from '../transport/protocol';\n\ninterface Player {\n  playerIndex: number;\n  name: string;\n  connected?: boolean;\n}\n\nexport interface IframeGameBridgeProps {\n  gameId: string;\n  url: string;\n  socket: Socket;\n  side: 'host' | 'player';\n  roomCode: string;\n  players: Player[];\n  leaderId: string | null;\n  myIndex?: number;\n  isLeader?: boolean;\n  onReady?: () => void;\n  onLoaded?: () => void;\n  onGameOver?: (results: any) => void;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport const IframeGameBridge: React.FC<IframeGameBridgeProps> = ({\n  gameId,\n  url,\n  socket,\n  side,\n  roomCode,\n  players,\n  leaderId,\n  myIndex,\n  isLeader,\n  onReady,\n  onLoaded,\n  onGameOver,\n  style,\n  className,\n}) => {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const readyRef = useRef(false);\n  const loadedRef = useRef(false);\n\n  // Send message to iframe\n  const postToIframe = useCallback((msg: object) => {\n    iframeRef.current?.contentWindow?.postMessage(msg, '*');\n  }, []);\n\n  // Handle messages from iframe (smore:ready, smore:emit)\n  useEffect(() => {\n    const handler = (e: MessageEvent) => {\n      if (e.source !== iframeRef.current?.contentWindow) return;\n\n      const msg = e.data;\n      if (!isSmoreMessage(msg)) return;\n\n      if (msg.type === 'smore:ready' && !readyRef.current) {\n        readyRef.current = true;\n\n        postToIframe({\n          type: 'smore:init',\n          payload: {\n            side,\n            roomCode,\n            players,\n            leaderId,\n            myIndex,\n            isLeader,\n          },\n        });\n\n        onReady?.();\n\n        // Fallback: if game doesn't send smore:loaded within 2s, auto-trigger\n        setTimeout(() => {\n          if (!loadedRef.current) {\n            console.warn('[IframeGameBridge] Game did not send smore:loaded, auto-triggering');\n            loadedRef.current = true;\n            onLoaded?.();\n          }\n        }, 2000);\n      }\n\n      if (msg.type === 'smore:loaded' && !loadedRef.current) {\n        loadedRef.current = true;\n        onLoaded?.();\n      }\n\n      if (msg.type === 'smore:emit') {\n        const { event, data, ackId } = (msg as SmoreEmitMessage).payload;\n\n        // Intercept game-over\n        if (event === 'room:game-over') {\n          onGameOver?.(data?.results);\n        }\n\n        if (ackId) {\n          socket.emit(event, data, (response: any) => {\n            postToIframe({ type: 'smore:ack', payload: { ackId, data: response } });\n          });\n        } else {\n          socket.emit(event, data);\n        }\n      }\n    };\n\n    window.addEventListener('message', handler);\n    return () => window.removeEventListener('message', handler);\n  }, [socket, side, roomCode, players, leaderId, myIndex, isLeader, onReady, onLoaded, onGameOver, postToIframe]);\n\n  // Push player/leader updates to iframe after init\n  useEffect(() => {\n    if (!readyRef.current) return;\n    postToIframe({\n      type: 'smore:update',\n      payload: { players, leaderId },\n    });\n  }, [players, leaderId, postToIframe]);\n\n  // Bridge socket events to iframe\n  useEffect(() => {\n    if (!socket) return;\n\n    const handler = (event: string, ...args: any[]) => {\n      postToIframe({\n        type: 'smore:event',\n        payload: { event, data: args[0] },\n      });\n    };\n\n    socket.onAny(handler);\n    return () => {\n      socket.offAny(handler);\n    };\n  }, [socket, postToIframe]);\n\n  return (\n    <iframe\n      ref={iframeRef}\n      src={url}\n      sandbox=\"allow-scripts allow-same-origin\"\n      style={{\n        border: 'none',\n        width: '100%',\n        height: '100%',\n        ...style,\n      }}\n      className={className}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/components/SwipeArea.js

@@ -1,56 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import styles from './SwipeArea.module.css.js';
-
-function SwipeArea({
-  onSwipe,
-  threshold = 50,
-  children,
-  className
-}) {
-  const touchStart = useRef(null);
-  const handleTouchStart = useCallback((e) => {
-    const touch = e.touches[0];
-    if (!touch) return;
-    touchStart.current = { x: touch.clientX, y: touch.clientY };
-  }, []);
-  const handleTouchEnd = useCallback((e) => {
-    if (!touchStart.current) return;
-    const touch = e.changedTouches[0];
-    if (!touch) return;
-    const deltaX = touch.clientX - touchStart.current.x;
-    const deltaY = touch.clientY - touchStart.current.y;
-    const absX = Math.abs(deltaX);
-    const absY = Math.abs(deltaY);
-    if (absX < threshold && absY < threshold) {
-      touchStart.current = null;
-      return;
-    }
-    let direction;
-    if (absX > absY) {
-      direction = deltaX > 0 ? "right" : "left";
-    } else {
-      direction = deltaY > 0 ? "down" : "up";
-    }
-    if (navigator.vibrate) {
-      navigator.vibrate(15);
-    }
-    onSwipe(direction);
-    touchStart.current = null;
-  }, [onSwipe, threshold]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `${styles.swipeArea} ${className || ""}`,
-      onTouchStart: handleTouchStart,
-      onTouchEnd: handleTouchEnd,
-      onTouchCancel: () => {
-        touchStart.current = null;
-      },
-      children
-    }
-  );
-}
-
-export { SwipeArea };
-//# sourceMappingURL=SwipeArea.js.map

package/dist/esm/components/SwipeArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwipeArea.js","sources":["../../../src/components/SwipeArea.tsx"],"sourcesContent":["/**\n * S'MORE Game SDK - SwipeArea Component\n *\n * Detects swipe gestures\n */\n\nimport { useRef, useCallback } from 'react';\nimport type React from 'react';\nimport type { SwipeAreaProps } from '../types';\nimport styles from './SwipeArea.module.css';\n\n/**\n * SwipeArea - For swipe gesture input\n *\n * @example\n * ```tsx\n * <SwipeArea onSwipe={(dir) => send('swipe', { direction: dir })}>\n *   <div>Swipe here!</div>\n * </SwipeArea>\n * ```\n */\nexport function SwipeArea({\n  onSwipe,\n  threshold = 50,\n  children,\n  className,\n}: SwipeAreaProps) {\n  const touchStart = useRef<{ x: number; y: number } | null>(null);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent) => {\n    const touch = e.touches[0];\n    if (!touch) return;\n    touchStart.current = { x: touch.clientX, y: touch.clientY };\n  }, []);\n\n  const handleTouchEnd = useCallback((e: React.TouchEvent) => {\n    if (!touchStart.current) return;\n\n    const touch = e.changedTouches[0];\n    if (!touch) return;\n    const deltaX = touch.clientX - touchStart.current.x;\n    const deltaY = touch.clientY - touchStart.current.y;\n\n    const absX = Math.abs(deltaX);\n    const absY = Math.abs(deltaY);\n\n    // Check if swipe exceeds threshold\n    if (absX < threshold && absY < threshold) {\n      touchStart.current = null;\n      return;\n    }\n\n    // Determine direction\n    let direction: 'up' | 'down' | 'left' | 'right';\n    if (absX > absY) {\n      direction = deltaX > 0 ? 'right' : 'left';\n    } else {\n      direction = deltaY > 0 ? 'down' : 'up';\n    }\n\n    // Haptic feedback\n    if (navigator.vibrate) {\n      navigator.vibrate(15);\n    }\n\n    onSwipe(direction);\n    touchStart.current = null;\n  }, [onSwipe, threshold]);\n\n  return (\n    <div\n      className={`${styles.swipeArea} ${className || ''}`}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchCancel={() => { touchStart.current = null; }}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default SwipeArea;\n"],"names":[],"mappings":";;;;AAqBO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,UAAA,GAAa,OAAwC,IAAI,CAAA;AAE/D,EAAA,MAAM,gBAAA,GAAmB,WAAA,CAAY,CAAC,CAAA,KAAwB;AAC5D,IAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAA;AACzB,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,UAAA,CAAW,UAAU,EAAE,CAAA,EAAG,MAAM,OAAA,EAAS,CAAA,EAAG,MAAM,OAAA,EAAQ;AAAA,EAC5D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,CAAC,CAAA,KAAwB;AAC1D,IAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AAEzB,IAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,cAAA,CAAe,CAAC,CAAA;AAChC,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,OAAA,GAAU,UAAA,CAAW,OAAA,CAAQ,CAAA;AAClD,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,OAAA,GAAU,UAAA,CAAW,OAAA,CAAQ,CAAA;AAElD,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,MAAM,CAAA;AAC5B,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,MAAM,CAAA;AAG5B,IAAA,IAAI,IAAA,GAAO,SAAA,IAAa,IAAA,GAAO,SAAA,EAAW;AACxC,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,MAAA;AAAA,IACF;AAGA,IAAA,IAAI,SAAA;AACJ,IAAA,IAAI,OAAO,IAAA,EAAM;AACf,MAAA,SAAA,GAAY,MAAA,GAAS,IAAI,OAAA,GAAU,MAAA;AAAA,IACrC,CAAA,MAAO;AACL,MAAA,SAAA,GAAY,MAAA,GAAS,IAAI,MAAA,GAAS,IAAA;AAAA,IACpC;AAGA,IAAA,IAAI,UAAU,OAAA,EAAS;AACrB,MAAA,SAAA,CAAU,QAAQ,EAAE,CAAA;AAAA,IACtB;AAEA,IAAA,OAAA,CAAQ,SAAS,CAAA;AACjB,IAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,EACvB,CAAA,EAAG,CAAC,OAAA,EAAS,SAAS,CAAC,CAAA;AAEvB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,CAAA,EAAI,aAAa,EAAE,CAAA,CAAA;AAAA,MACjD,YAAA,EAAc,gBAAA;AAAA,MACd,UAAA,EAAY,cAAA;AAAA,MACZ,eAAe,MAAM;AAAE,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MAAM,CAAA;AAAA,MAEjD;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/esm/components/SwipeArea.module.css.js

@@ -1,8 +0,0 @@
-import styleInject from '../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".SwipeArea-module_swipeArea__yob7L{height:100%;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}";
-var styles = {"swipeArea":"SwipeArea-module_swipeArea__yob7L"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=SwipeArea.module.css.js.map

package/dist/esm/components/SwipeArea.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwipeArea.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/components/TapButton.js

@@ -1,56 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import styles from './TapButton.module.css.js';
-
-function TapButton({
-  onTap,
-  children,
-  className,
-  disabled = false
-}) {
-  const isPressed = useRef(false);
-  const buttonRef = useRef(null);
-  const handleTouchStart = useCallback((e) => {
-    if (disabled) return;
-    e.preventDefault();
-    isPressed.current = true;
-    buttonRef.current?.classList.add(styles.pressed);
-    if (navigator.vibrate) {
-      navigator.vibrate(10);
-    }
-    onTap();
-  }, [onTap, disabled]);
-  const handleTouchEnd = useCallback((e) => {
-    e.preventDefault();
-    isPressed.current = false;
-    buttonRef.current?.classList.remove(styles.pressed);
-  }, []);
-  const handleMouseDown = useCallback(() => {
-    if (disabled) return;
-    isPressed.current = true;
-    buttonRef.current?.classList.add(styles.pressed);
-    onTap();
-  }, [onTap, disabled]);
-  const handleMouseUp = useCallback(() => {
-    isPressed.current = false;
-    buttonRef.current?.classList.remove(styles.pressed);
-  }, []);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref: buttonRef,
-      className: `${styles.tapButton} ${className || ""} ${disabled ? styles.disabled : ""}`,
-      onTouchStart: handleTouchStart,
-      onTouchEnd: handleTouchEnd,
-      onTouchCancel: handleTouchEnd,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseUp,
-      disabled,
-      children
-    }
-  );
-}
-
-export { TapButton };
-//# sourceMappingURL=TapButton.js.map

package/dist/esm/components/TapButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TapButton.js","sources":["../../../src/components/TapButton.tsx"],"sourcesContent":["/**\n * S'MORE Game SDK - TapButton Component\n *\n * Optimized touch button with haptic feedback\n */\n\nimport { useRef, useCallback } from 'react';\nimport type React from 'react';\nimport type { TapButtonProps } from '../types';\nimport styles from './TapButton.module.css';\n\n/**\n * TapButton - Optimized for mobile touch input\n *\n * @example\n * ```tsx\n * <TapButton onTap={() => send('tap')}>\n *   TAP!\n * </TapButton>\n * ```\n */\nexport function TapButton({\n  onTap,\n  children,\n  className,\n  disabled = false,\n}: TapButtonProps) {\n  const isPressed = useRef(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent) => {\n    if (disabled) return;\n    e.preventDefault();\n    isPressed.current = true;\n    buttonRef.current?.classList.add(styles.pressed || '');\n\n    // Haptic feedback\n    if (navigator.vibrate) {\n      navigator.vibrate(10);\n    }\n\n    onTap();\n  }, [onTap, disabled]);\n\n  const handleTouchEnd = useCallback((e: React.TouchEvent) => {\n    e.preventDefault();\n    isPressed.current = false;\n    buttonRef.current?.classList.remove(styles.pressed || '');\n  }, []);\n\n  const handleMouseDown = useCallback(() => {\n    if (disabled) return;\n    isPressed.current = true;\n    buttonRef.current?.classList.add(styles.pressed || '');\n    onTap();\n  }, [onTap, disabled]);\n\n  const handleMouseUp = useCallback(() => {\n    isPressed.current = false;\n    buttonRef.current?.classList.remove(styles.pressed || '');\n  }, []);\n\n  return (\n    <button\n      ref={buttonRef}\n      className={`${styles.tapButton} ${className || ''} ${disabled ? styles.disabled : ''}`}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchCancel={handleTouchEnd}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport default TapButton;\n"],"names":[],"mappings":";;;;AAqBO,SAAS,SAAA,CAAU;AAAA,EACxB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAAmB;AACjB,EAAA,MAAM,SAAA,GAAY,OAAO,KAAK,CAAA;AAC9B,EAAA,MAAM,SAAA,GAAY,OAA0B,IAAI,CAAA;AAEhD,EAAA,MAAM,gBAAA,GAAmB,WAAA,CAAY,CAAC,CAAA,KAAwB;AAC5D,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,GAAA,CAAI,MAAA,CAAO,OAAa,CAAA;AAGrD,IAAA,IAAI,UAAU,OAAA,EAAS;AACrB,MAAA,SAAA,CAAU,QAAQ,EAAE,CAAA;AAAA,IACtB;AAEA,IAAA,KAAA,EAAM;AAAA,EACR,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,EAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,CAAC,CAAA,KAAwB;AAC1D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,MAAA,CAAO,OAAa,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,GAAA,CAAI,MAAA,CAAO,OAAa,CAAA;AACrD,IAAA,KAAA,EAAM;AAAA,EACR,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,MAAA,CAAO,OAAa,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,SAAA;AAAA,MACL,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,SAAS,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,QAAA,GAAW,MAAA,CAAO,QAAA,GAAW,EAAE,CAAA,CAAA;AAAA,MACpF,YAAA,EAAc,gBAAA;AAAA,MACd,UAAA,EAAY,cAAA;AAAA,MACZ,aAAA,EAAe,cAAA;AAAA,MACf,WAAA,EAAa,eAAA;AAAA,MACb,SAAA,EAAW,aAAA;AAAA,MACX,YAAA,EAAc,aAAA;AAAA,MACd,QAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/esm/components/TapButton.module.css.js

@@ -1,8 +0,0 @@
-import styleInject from '../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".TapButton-module_tapButton__dqJr9{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-primary,#6366f1);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:80px;min-width:80px;padding:16px 24px;touch-action:manipulation;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none}.TapButton-module_pressed__Z2nfR,.TapButton-module_tapButton__dqJr9:active{background:var(--color-primary-dark,#4f46e5);transform:scale(.95)}.TapButton-module_disabled__3bR6q{cursor:not-allowed;opacity:.5}.TapButton-module_disabled__3bR6q.TapButton-module_pressed__Z2nfR,.TapButton-module_disabled__3bR6q:active{background:var(--color-primary,#6366f1);transform:none}";
-var styles = {"tapButton":"TapButton-module_tapButton__dqJr9","pressed":"TapButton-module_pressed__Z2nfR","disabled":"TapButton-module_disabled__3bR6q"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=TapButton.module.css.js.map

package/dist/esm/components/TapButton.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TapButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/context/RoomProvider.js

@@ -1,109 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useMemo, useContext } from 'react';
-import { DirectTransport } from '../transport/DirectTransport.js';
-
-const TransportContext = createContext(null);
-function useTransport() {
-  const transport = useContext(TransportContext);
-  if (!transport) {
-    throw new Error("useTransport must be used within a RoomProvider that supplies a Transport");
-  }
-  return transport;
-}
-const RoomContext = createContext(null);
-const HostRoomProvider = ({
-  roomCode,
-  players,
-  leaderId,
-  socket,
-  children
-}) => {
-  const connectedPlayers = useMemo(
-    () => players.filter((p) => p.connected !== false),
-    [players]
-  );
-  const hostState = useMemo(
-    () => ({ roomCode, players, connectedPlayers, leaderId, socket }),
-    [roomCode, players, connectedPlayers, leaderId, socket]
-  );
-  const value = useMemo(
-    () => ({
-      roomCode,
-      players,
-      connectedPlayers,
-      leaderId,
-      side: "host",
-      host: hostState,
-      player: null
-    }),
-    [roomCode, players, connectedPlayers, leaderId, hostState]
-  );
-  const transport = useMemo(() => new DirectTransport(socket), [socket]);
-  return /* @__PURE__ */ jsx(TransportContext.Provider, { value: transport, children: /* @__PURE__ */ jsx(RoomContext.Provider, { value, children }) });
-};
-const PlayerRoomProvider = ({
-  roomCode,
-  players,
-  leaderId,
-  myIndex,
-  isLeader,
-  socket,
-  isConnected,
-  children
-}) => {
-  const connectedPlayers = useMemo(
-    () => players.filter((p) => p.connected !== false),
-    [players]
-  );
-  const playerState = useMemo(
-    () => ({
-      roomCode,
-      players,
-      connectedPlayers,
-      leaderId,
-      myIndex,
-      isLeader,
-      socket,
-      isConnected
-    }),
-    [roomCode, players, connectedPlayers, leaderId, myIndex, isLeader, socket, isConnected]
-  );
-  const value = useMemo(
-    () => ({
-      roomCode,
-      players,
-      connectedPlayers,
-      leaderId,
-      side: "player",
-      host: null,
-      player: playerState
-    }),
-    [roomCode, players, connectedPlayers, leaderId, playerState]
-  );
-  const transport = useMemo(() => new DirectTransport(socket), [socket]);
-  return /* @__PURE__ */ jsx(TransportContext.Provider, { value: transport, children: /* @__PURE__ */ jsx(RoomContext.Provider, { value, children }) });
-};
-function useRoom() {
-  const context = useContext(RoomContext);
-  if (!context) {
-    throw new Error("useRoom must be used within HostRoomProvider or PlayerRoomProvider");
-  }
-  return context;
-}
-function useHostRoom() {
-  const context = useRoom();
-  if (context.side !== "host" || !context.host) {
-    throw new Error("useHostRoom must be used within HostRoomProvider");
-  }
-  return context.host;
-}
-function usePlayerRoom() {
-  const context = useRoom();
-  if (context.side !== "player" || !context.player) {
-    throw new Error("usePlayerRoom must be used within PlayerRoomProvider");
-  }
-  return context.player;
-}
-
-export { HostRoomProvider, PlayerRoomProvider, RoomContext, TransportContext, useHostRoom, usePlayerRoom, useRoom, useTransport };
-//# sourceMappingURL=RoomProvider.js.map

package/dist/esm/context/RoomProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RoomProvider.js","sources":["../../../src/context/RoomProvider.tsx"],"sourcesContent":["/**\n * RoomProvider - SDK Room Context\n *\n * Foundation context that all other SDK hooks depend on.\n * Provides room state (players, roomCode, leaderId) for both host and player sides.\n *\n * Also provides a Transport abstraction via TransportContext.\n * - HostRoomProvider / PlayerRoomProvider create a DirectTransport from the socket.\n * - IframeRoomProvider (external) provides a PostMessageTransport.\n *\n * Usage:\n * - Host: <HostRoomProvider roomCode={...} players={...} leaderId={...} socket={...}>\n * - Player: <PlayerRoomProvider roomCode={...} players={...} leaderId={...} myIndex={...} isLeader={...} socket={...} isConnected={...}>\n */\n\nimport React, { createContext, useContext, useMemo } from 'react';\nimport type { Player } from '@smoregg/shared';\nimport type { Socket } from 'socket.io-client';\nimport type { Transport } from '../transport/types';\nimport { DirectTransport } from '../transport/DirectTransport';\n\n// ===== Transport Context =====\n\nconst TransportContext = createContext<Transport | null>(null);\n\nexport function useTransport(): Transport {\n  const transport = useContext(TransportContext);\n  if (!transport) {\n    throw new Error('useTransport must be used within a RoomProvider that supplies a Transport');\n  }\n  return transport;\n}\n\nexport { TransportContext };\n\n// ===== State Types =====\n\nexport interface RoomState {\n  roomCode: string;\n  players: Player[];\n  connectedPlayers: Player[];\n  leaderId: string | null;\n}\n\nexport interface HostRoomState extends RoomState {\n  socket: Socket;\n}\n\nexport interface PlayerRoomState extends RoomState {\n  myIndex: number;\n  isLeader: boolean;\n  socket: Socket;\n  isConnected: boolean;\n}\n\nexport interface RoomContextValue {\n  roomCode: string;\n  players: Player[];\n  connectedPlayers: Player[];\n  leaderId: string | null;\n  side: 'host' | 'player';\n  host: HostRoomState | null;\n  player: PlayerRoomState | null;\n}\n\n// ===== Context =====\n\nexport const RoomContext = createContext<RoomContextValue | null>(null);\n\n// ===== Host Provider =====\n\ninterface HostRoomProviderProps {\n  roomCode: string;\n  players: Player[];\n  leaderId: string | null;\n  socket: Socket;\n  children: React.ReactNode;\n}\n\nexport const HostRoomProvider: React.FC<HostRoomProviderProps> = ({\n  roomCode,\n  players,\n  leaderId,\n  socket,\n  children,\n}) => {\n  const connectedPlayers = useMemo(\n    () => players.filter((p) => p.connected !== false),\n    [players]\n  );\n\n  const hostState: HostRoomState = useMemo(\n    () => ({ roomCode, players, connectedPlayers, leaderId, socket }),\n    [roomCode, players, connectedPlayers, leaderId, socket]\n  );\n\n  const value: RoomContextValue = useMemo(\n    () => ({\n      roomCode,\n      players,\n      connectedPlayers,\n      leaderId,\n      side: 'host' as const,\n      host: hostState,\n      player: null,\n    }),\n    [roomCode, players, connectedPlayers, leaderId, hostState]\n  );\n\n  const transport = useMemo(() => new DirectTransport(socket), [socket]);\n\n  return (\n    <TransportContext.Provider value={transport}>\n      <RoomContext.Provider value={value}>{children}</RoomContext.Provider>\n    </TransportContext.Provider>\n  );\n};\n\n// ===== Player Provider =====\n\ninterface PlayerRoomProviderProps {\n  roomCode: string;\n  players: Player[];\n  leaderId: string | null;\n  myIndex: number;\n  isLeader: boolean;\n  socket: Socket;\n  isConnected: boolean;\n  children: React.ReactNode;\n}\n\nexport const PlayerRoomProvider: React.FC<PlayerRoomProviderProps> = ({\n  roomCode,\n  players,\n  leaderId,\n  myIndex,\n  isLeader,\n  socket,\n  isConnected,\n  children,\n}) => {\n  const connectedPlayers = useMemo(\n    () => players.filter((p) => p.connected !== false),\n    [players]\n  );\n\n  const playerState: PlayerRoomState = useMemo(\n    () => ({\n      roomCode,\n      players,\n      connectedPlayers,\n      leaderId,\n      myIndex,\n      isLeader,\n      socket,\n      isConnected,\n    }),\n    [roomCode, players, connectedPlayers, leaderId, myIndex, isLeader, socket, isConnected]\n  );\n\n  const value: RoomContextValue = useMemo(\n    () => ({\n      roomCode,\n      players,\n      connectedPlayers,\n      leaderId,\n      side: 'player' as const,\n      host: null,\n      player: playerState,\n    }),\n    [roomCode, players, connectedPlayers, leaderId, playerState]\n  );\n\n  const transport = useMemo(() => new DirectTransport(socket), [socket]);\n\n  return (\n    <TransportContext.Provider value={transport}>\n      <RoomContext.Provider value={value}>{children}</RoomContext.Provider>\n    </TransportContext.Provider>\n  );\n};\n\n// ===== Hooks =====\n\nexport function useRoom(): RoomContextValue {\n  const context = useContext(RoomContext);\n  if (!context) {\n    throw new Error('useRoom must be used within HostRoomProvider or PlayerRoomProvider');\n  }\n  return context;\n}\n\nexport function useHostRoom(): HostRoomState {\n  const context = useRoom();\n  if (context.side !== 'host' || !context.host) {\n    throw new Error('useHostRoom must be used within HostRoomProvider');\n  }\n  return context.host;\n}\n\nexport function usePlayerRoom(): PlayerRoomState {\n  const context = useRoom();\n  if (context.side !== 'player' || !context.player) {\n    throw new Error('usePlayerRoom must be used within PlayerRoomProvider');\n  }\n  return context.player;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useExternalGames.js

@@ -1,47 +0,0 @@
-import { useState, useEffect } from 'react';
-
-function useExternalGames(config) {
-  const { serverUrl, enabled = true } = config;
-  const [games, setGames] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [refreshKey, setRefreshKey] = useState(0);
-  useEffect(() => {
-    if (!enabled) return;
-    let cancelled = false;
-    setLoading(true);
-    fetch(`${serverUrl}/api/games`).then((res) => res.json()).then((data) => {
-      if (cancelled) return;
-      const external = (data.games || []).map((g) => ({
-        id: g.id,
-        title: g.title,
-        description: g.description || "",
-        minPlayers: g.minPlayers || 2,
-        maxPlayers: g.maxPlayers || 8,
-        thumbnail: g.thumbnail || "/thumbnails/g8.jpeg",
-        categories: g.categories || ["party"],
-        type: "external",
-        hostUrl: g.hostUrl,
-        playerUrl: g.playerUrl,
-        available: !!(g.hostUrl && g.playerUrl),
-        rating: 4,
-        heroRequired: false
-      }));
-      setGames(external);
-      setError(null);
-    }).catch((err) => {
-      if (cancelled) return;
-      setError(err.message);
-    }).finally(() => {
-      if (!cancelled) setLoading(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [serverUrl, enabled, refreshKey]);
-  const refresh = () => setRefreshKey((k) => k + 1);
-  return { games, loading, error, refresh };
-}
-
-export { useExternalGames };
-//# sourceMappingURL=useExternalGames.js.map