@four-leaf-studios/rl-overlay 1.0.1 → 1.0.3

package/dist/types/Player.d.ts

@@ -3,5 +3,6 @@ import { PlayerState } from "@four-leaf-studios/rl-socket-hook";
 type Props = {
     player: PlayerState;
 };
+export declare const Player: ({ player }: Props) => React.JSX.Element;
 declare const _default: React.MemoExoticComponent<({ player }: Props) => React.JSX.Element>;
 export default _default;

package/dist/types/PlayerBoost.d.ts

@@ -4,5 +4,6 @@ type Props = {
     team: PlayerState["team"];
     boost: PlayerState["boost"];
 };
+export declare const PlayerBoost: ({ team, boost }: Props) => React.JSX.Element;
 declare const _default: React.MemoExoticComponent<({ team, boost }: Props) => React.JSX.Element>;
 export default _default;

package/dist/types/Replay.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Replay: () => React.JSX.Element | null;
+export declare const Replay: () => React.JSX.Element | null;
 export default Replay;

package/dist/types/Scoreboard.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Scoreboard: () => React.JSX.Element | null;
+export declare const Scoreboard: () => React.JSX.Element | null;
 export default Scoreboard;

package/dist/types/ScoreboardGameBox.d.ts

@@ -3,5 +3,5 @@ import { Broadcast } from "./types";
 interface ScoreboardGameBoxProps {
     broadcast: Broadcast;
 }
-declare const ScoreboardGameBox: React.FC<ScoreboardGameBoxProps>;
+export declare const ScoreboardGameBox: React.FC<ScoreboardGameBoxProps>;
 export default ScoreboardGameBox;

package/dist/types/ScoreboardSeriesBox.d.ts

@@ -3,5 +3,6 @@ interface ScoreboardSeriesBoxProps {
     team: any;
     seriesNumber: number;
 }
+export declare const ScoreboardSeriesBoxComponent: React.FC<ScoreboardSeriesBoxProps>;
 declare const ScoreboardSeriesBox: React.NamedExoticComponent<ScoreboardSeriesBoxProps>;
 export default ScoreboardSeriesBox;

package/dist/types/ScoreboardTeam.d.ts

@@ -3,5 +3,5 @@ import { Team } from "./types";
 interface ScoreboardTeamProps {
     team: Team;
 }
-declare const ScoreboardTeam: React.FC<ScoreboardTeamProps>;
+export declare const ScoreboardTeam: React.FC<ScoreboardTeamProps>;
 export default ScoreboardTeam;

package/dist/types/StatItem.d.ts

@@ -9,5 +9,5 @@ type StatItemProps<K extends PrimitiveKeys<PlayerState>> = {
     label: string;
     value: PlayerState[K];
 };
-declare const StatItem: <K extends PrimitiveKeys<PlayerState>>({ id, label, value, }: StatItemProps<K>) => React.JSX.Element;
+export declare const StatItem: <K extends PrimitiveKeys<PlayerState>>({ id, label, value, }: StatItemProps<K>) => React.JSX.Element;
 export default StatItem;

package/dist/types/TargetBoost.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
+export declare const TargetBoost: () => React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<() => React.JSX.Element | null>;
 export default _default;

package/dist/types/TargetPlayer.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
+export declare const TargetPlayer: () => React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<() => React.JSX.Element | null>;
 export default _default;

package/dist/types/TargetPlayerLocation.d.ts

@@ -3,5 +3,6 @@ import { PlayerState } from "@four-leaf-studios/rl-socket-hook";
 type Props = {
     location: PlayerState["location"];
 };
+export declare const TargetPlayerLocation: ({ location }: Props) => React.JSX.Element;
 declare const _default: React.MemoExoticComponent<({ location }: Props) => React.JSX.Element>;
 export default _default;

package/dist/types/TargetPlayerStats.d.ts

@@ -3,5 +3,6 @@ import { PlayerState } from "@four-leaf-studios/rl-socket-hook";
 type Props = {
     targetPlayer: PlayerState;
 };
+export declare const TargetPlayerStats: ({ targetPlayer }: Props) => React.JSX.Element;
 declare const _default: React.MemoExoticComponent<({ targetPlayer }: Props) => React.JSX.Element>;
 export default _default;

package/dist/types/Team.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { Team } from "./types";
+import { Team as TeamType } from "./types";
 type Props = {
-    id: Team["id"];
+    id: TeamType["id"];
 };
-declare const Team: ({ id }: Props) => React.JSX.Element | null;
+export declare const Team: ({ id }: Props) => React.JSX.Element | null;
 declare const MemoizedTeam: React.MemoExoticComponent<({ id }: Props) => React.JSX.Element | null>;
 export default MemoizedTeam;

package/dist/types/Teams.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Teams: () => React.JSX.Element;
+export declare const Teams: () => React.JSX.Element;
 export default Teams;

package/dist/types/Timer.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Timer: React.NamedExoticComponent<{}>;
+export declare const Timer: React.NamedExoticComponent<{}>;
 export default Timer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@four-leaf-studios/rl-overlay",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
@@ -43,7 +43,7 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
-    "@four-leaf-studios/rl-socket-hook": "^1.2.2",
+    "@four-leaf-studios/rl-socket-hook": "^1.2.4",
     "@rysh/json-to-css": "^1.0.0",
     "framer-motion": "^12.9.4"
   }

package/src/Player.tsx

@@ -7,7 +7,7 @@ type Props = {
   player: PlayerState;
 };
 
-const Player = ({ player }: Props) => {
+export const Player = ({ player }: Props) => {
   const modifier = player.team === 0 ? "left" : "right";
 
   return (

package/src/PlayerBoost.tsx

@@ -7,7 +7,7 @@ type Props = {
   boost: PlayerState["boost"];
 };
 
-const PlayerBoost = ({ team, boost }: Props) => {
+export const PlayerBoost = ({ team, boost }: Props) => {
   const boostPercent = Math.min(Math.max(boost, 0), 100);
   const modifier = team === 0 ? "left" : "right";
 

package/src/Replay.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import useReplay from "./hooks/useReplay";
 
-const Replay = () => {
+export const Replay = () => {
   const { active: replayActive } = useReplay();
 
   if (!replayActive) {

package/src/Scoreboard.tsx

@@ -8,7 +8,7 @@ import ScoreboardSeriesBox from "./ScoreboardSeriesBox";
 import ScoreboardGameBox from "./ScoreboardGameBox";
 import useReplay from "./hooks/useReplay";
 
-const Scoreboard = () => {
+export const Scoreboard = () => {
   const broadcast = useBroadcast();
   const showGameComponents = useShowGameComponents();
   const { active: replayActive } = useReplay();

package/src/ScoreboardGameBox.tsx

@@ -7,7 +7,9 @@ interface ScoreboardGameBoxProps {
   broadcast: Broadcast;
 }
 
-const ScoreboardGameBox: React.FC<ScoreboardGameBoxProps> = ({ broadcast }) => {
+export const ScoreboardGameBox: React.FC<ScoreboardGameBoxProps> = ({
+  broadcast,
+}) => {
   const gameNumber = useMemo(() => {
     if (!broadcast.teams || broadcast.teams.length < 2) return 1;
     const team0Score = broadcast.teams[0].series_score || 0;

package/src/ScoreboardSeriesBox.tsx

@@ -7,10 +7,9 @@ interface ScoreboardSeriesBoxProps {
   seriesNumber: number;
 }
 
-const ScoreboardSeriesBoxComponent: React.FC<ScoreboardSeriesBoxProps> = ({
-  team,
-  seriesNumber,
-}) => {
+export const ScoreboardSeriesBoxComponent: React.FC<
+  ScoreboardSeriesBoxProps
+> = ({ team, seriesNumber }) => {
   if (!seriesNumber) return null;
 
   const bestOf = Number(seriesNumber);

package/src/ScoreboardTeam.tsx

@@ -6,7 +6,7 @@ interface ScoreboardTeamProps {
   team: Team;
 }
 
-const ScoreboardTeam: React.FC<ScoreboardTeamProps> = ({ team }) => {
+export const ScoreboardTeam: React.FC<ScoreboardTeamProps> = ({ team }) => {
   const score = useEventSelector(
     "game:update_state",
     (state) => state?.game.teams?.[team.id]?.score

package/src/StatItem.tsx

@@ -17,7 +17,7 @@ type StatItemProps<K extends PrimitiveKeys<PlayerState>> = {
   value: PlayerState[K]; // guaranteed to be string|number|boolean
 };
 
-const StatItem = <K extends PrimitiveKeys<PlayerState>>({
+export const StatItem = <K extends PrimitiveKeys<PlayerState>>({
   id,
   label,
   value,

package/src/TargetBoost.tsx

@@ -3,7 +3,7 @@ import { AnimatePresence, motion } from "framer-motion";
 import React, { memo } from "react";
 import useTargetPlayer from "./hooks/useTargetPlayer";
 
-const TargetBoost = () => {
+export const TargetBoost = () => {
   const initialized = useEventSelector(
     "game:update_state",
     (state) => state?.hasGame

package/src/TargetPlayer.tsx

@@ -1,4 +1,3 @@
-import { useEventSelector } from "@four-leaf-studios/rl-socket-hook";
 import { AnimatePresence, motion } from "framer-motion";
 import React, { memo } from "react";
 import { useBroadcast } from "./context/BroadcastContext";
@@ -6,7 +5,7 @@ import PlayerBoost from "./PlayerBoost";
 import TargetPlayerStats from "./TargetPlayerStats";
 import useTargetPlayer from "./hooks/useTargetPlayer";
 
-const TargetPlayer = () => {
+export const TargetPlayer = () => {
   const broadcast = useBroadcast();
   const targetPlayer = useTargetPlayer();
 

package/src/TargetPlayerLocation.tsx

@@ -6,7 +6,7 @@ type Props = {
   location: PlayerState["location"];
 };
 
-const TargetPlayerLocation = ({ location }: Props) => {
+export const TargetPlayerLocation = ({ location }: Props) => {
   return (
     <motion.div
       className="stat_box_statistic stat_box_statistic_player_location"

package/src/TargetPlayerStats.tsx

@@ -8,7 +8,7 @@ type Props = {
   targetPlayer: PlayerState;
 };
 
-const TargetPlayerStats = ({ targetPlayer }: Props) => (
+export const TargetPlayerStats = ({ targetPlayer }: Props) => (
   <ul className="stat_box_statistics">
     <StatItem id="id" label="ID" value={targetPlayer.id} />
     <StatItem id="team" label="Team" value={targetPlayer.team} />

package/src/Team.tsx

@@ -1,14 +1,14 @@
 import { useEventSelector } from "@four-leaf-studios/rl-socket-hook";
 import { motion, AnimatePresence } from "framer-motion";
 import React, { memo } from "react";
-import { Team } from "./types";
+import { Team as TeamType } from "./types";
 import Player from "./Player";
 
 type Props = {
-  id: Team["id"];
+  id: TeamType["id"];
 };
 
-const Team = ({ id }: Props) => {
+export const Team = ({ id }: Props) => {
   const players = useEventSelector("game:update_state", (state) => {
     return (
       state?.players &&

package/src/Teams.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Team from "./Team";
 
-const Teams = () => {
+export const Teams = () => {
   return (
     <>
       <Team id={"0"} />

package/src/Timer.tsx

@@ -19,6 +19,6 @@ const TimerComponent: React.FC = () => {
   return <span className="time_box">{formattedTime}</span>;
 };
 
-const Timer = memo(TimerComponent);
+export const Timer = memo(TimerComponent);
 Timer.displayName = "Timer";
 export default Timer;

package/test-overlay/package.json

@@ -1,27 +1,27 @@
-{
-  "name": "test-overlay",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.22.0",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.22.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^16.0.0",
-    "vite": "^6.3.1"
-  }
-}
+{
+  "name": "test-overlay",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.22.0",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.22.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^16.0.0",
+    "vite": "^6.3.1"
+  }
+}